(Tutorial Android) Add Header In Recyclerview


RecyclerView merupakan widget material design yang mempunyai kemampuan yang sangat elok dibandingkan dengan ListView. RecyclerView yaitu widget yang lebih fleksibel dan bisa menampung lebih banyak data dan lebih efisien. Selain itu, RecyclerView mempunyai method ViewHolder yang memungkinkan kita menambahkan list data dari layout tertentu.

Pada tutorial kali ini, aku ingin membahas bagaimana menambahkan header di RecyclerView. Sebelum kita mulai, alangkah lebih baik membaca postingan aku yang ihwal (Tutorial Android) RecyclerView and CardView Android Material Design.

Karena aku memakai sampel projectnya yang sama.
Nah, tinggal kita modifikasi sedikit hehe.

Pertama,
Buat layout gres sebagai header.

header.xml


Kemudian kita buat adapter untuk RecyclerView. Nah disini kita modifikasi dengan menambahkan header.

MemberListAdapter.java
package wim.example.com.androidheaderrecyclerview.adapter;  import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import java.util.ArrayList; import java.util.List; import wim.example.com.androidheaderrecyclerview.R; import wim.example.com.androidheaderrecyclerview.model.Member;  /**  * Created by wim on 4/12/16.  */ public class MemberListAdapter extends RecyclerView.Adapter<Recyclerview.ViewHolder> {      private static tamat int TYPE_HEADER = 0;     private static tamat int TYPE_ITEM = 1;     private List<Member> memberList;        public MemberListAdapter() {         memberList = new ArrayList<>();     }      private void add(Member item) {         memberList.add(item);         notifyItemInserted((memberList.size() + 1)- 1);     }      public void addAll(List memberList) {         for (Member member : memberList) {             add(member);         }     }      public void remove(Member item) {         int position = memberList.indexOf(item);         if (position > -1) {             memberList.remove(position);             notifyItemRemoved(position);         }     }      public void clear() {         while (getItemCount() > 1) {             remove(getItem(-1));         }     }      public Member getItem(int position){         return memberList.get(position + 1);     }      @Override     public int getItemViewType (int position) {         if(isPositionHeader (position)) {             return TYPE_HEADER;         }         return TYPE_ITEM;     }      public boolean isPositionHeader(int position) {         return position == 0;     }      @Override     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {         if (viewType == TYPE_HEADER) {             View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.header, parent, false);             return new HeaderViewHolder(view);         } else if (viewType == TYPE_ITEM) {             View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_member, parent, false);             return new MemberViewHolder(view);         }         return null;     }      @Override     public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {         if (holder instanceof HeaderViewHolder) {             HeaderViewHolder headerViewHolder = (HeaderViewHolder) holder;             headerViewHolder.imgHeader.setImageResource(R.drawable.header);         } else if (holder instanceof MemberViewHolder) {             MemberViewHolder memberViewHolder = (MemberViewHolder) holder;             Member member = memberList.get(position - 1);             memberViewHolder.memberThumb.setImageResource(member.getThumb());             memberViewHolder.memberName.setText(member.getName());             memberViewHolder.memberTeam.setText(member.getTeam());         }     }      @Override     public int getItemCount() {         return memberList == null ? 0 : memberList.size() + 1;     }      @Override     public void onAttachedToRecyclerView(RecyclerView recyclerView) {         super.onAttachedToRecyclerView(recyclerView);     }      @Override     public void onDetachedFromRecyclerView(RecyclerView recyclerView) {         super.onDetachedFromRecyclerView(recyclerView);     }      static class MemberViewHolder extends RecyclerView.ViewHolder {         ImageView memberThumb;         TextView memberName;         TextView memberTeam;         public MemberViewHolder(View itemView) {             super(itemView);             memberThumb = (ImageView) itemView.findViewById(R.id.thumb);             memberName = (TextView) itemView.findViewById(R.id.name);             memberTeam = (TextView) itemView.findViewById(R.id.team);         }     }      static class HeaderViewHolder extends RecyclerView.ViewHolder {         ImageView imgHeader;         public HeaderViewHolder(View itemView) {             super(itemView);             imgHeader = (ImageView) itemView.findViewById(R.id.imgHeader);         }     } }

Kemudian modifikasi beberapa codingan di kelas MemberFragment.java 
package wim.example.com.androidheaderrecyclerview.fragments;  import android.content.Context; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import java.util.ArrayList; import java.util.List; import wim.example.com.androidheaderrecyclerview.R; import wim.example.com.androidheaderrecyclerview.adapter.MemberListAdapter; import wim.example.com.androidheaderrecyclerview.model.Member; /**  * Created by wim on 4/12/16.  */ public class MemberFragment extends Fragment {      private RecyclerView listMember;     private LinearLayoutManager linearLayoutManager;     private MemberListAdapter memberListAdapter;     protected Context context;      public static MemberFragment newInstance(){         return new MemberFragment();     }      @Override     public void onAttach(Context context) {         super.onAttach(context);         this.context = context;     }      @Nullable     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {         View rootView = inflater.inflate(R.layout.fragment_member, container, false);         listMember = (RecyclerView) rootView.findViewById(R.id.listMember);         return rootView;     }      @Override     public void onActivityCreated(@Nullable Bundle savedInstanceState) {         super.onActivityCreated(savedInstanceState);         linearLayoutManager = new LinearLayoutManager(context);         memberListAdapter = new MemberListAdapter();         listMember.setLayoutManager(linearLayoutManager);         listMember.setAdapter(memberListAdapter);         loadData();     }      private void loadData(){         List<Member> memberList = new ArrayList<>();         Member member;         int thumb[] = {R.drawable.acha, R.drawable.yupi, R.drawable.della,                 R.drawable.kinal, R.drawable.uty, R.drawable.shafa,                 R.drawable.hanna, R.drawable.lidya, R.drawable.nadila,                 R.drawable.nat, R.drawable.sisil, R.drawable.viny,                 R.drawable.chika_chan, R.drawable.ikha, R.drawable.ayen,                 R.drawable.saktia, R.drawable.dudut, R.drawable.yona};         String name[] = {"Alicia Chanzia", "Cindy Yuvia", "Della Delila", "Devi Kinal Putri",                 "Dwi Putri Bonita", "Fakhriyani Shafariyanti", "Jennifer Hanna", "Lidya Maulida Djuhandar",                 "Nadila Cindi Wantari", "Natalia", "Priscillia Sari Dewi", "Ratu Vienny Fitrilya",                 "Rina Chikano", "Riskha Fairunissa", "Rona Anggreani", "Saktia Oktapyani",                 "Sinka Juliani", "Viviyona Apriani"};         String motto[] = {"Hap!Tangkap Aku!", "Mau Kemana Kita?", "Future Processor", "K3bahagiaan Depi",                 "Different", "Shafa Disana?", "Target", "Banyak Mau", "Yossha Ikuzo!", "Spicy Hot",                 "Yuk Isi Batre Senter", "#KitaBisa", "Yuk.. Kita Dangdutan!", "Nothing Gonna Stop Us Now",                 "Stand Up!", "Saktia Dalam Jiwa", "Berarti Dalam Hidup", "Life In Technicolor"};         for(int i=0; i < thumb.length; i++){             member = new Member();             member.setId(i+1);             member.setName(name[i]);             member.setTeam(motto[i]);             member.setThumb(thumb[i]);             memberList.add(member);         }         memberListAdapter.addAll(memberList);     }      @Override     public void onDestroyView() {         super.onDestroyView();     }  }

Build dan jalankan maka akibatnya menyerupai ini.


Nice work !

Foto dan gambar hanya sebagai sampel, abaikan saja :v

Source code lengkap bisa dilihat di https://github.com/andronut/AndroidHeaderRecyclerView

Sekian dan biar bermanfaat.
Happy Coding :)

Comments

Post a Comment

Popular posts from this blog

Pewarnaan Objek Geometri Di Java 2D

Image
Pewarnaan (filling) sanggup diterapkan ke dalam pembuatan objek geometri. Objek geometri sanggup digambar dengan method fill atau draw . Untuk menambahkan warna pada objek geometri, kita sanggup menambahkan method dari kelas Graphics. void setColor(Color c)  Objek Color didefinisikan sebagai sebuah warna. Kelas Color secara default memakai rentan warna RGB. Berikut ini yaitu pola penggunaan Color di Java 2D. /** * * @author Wim Sonevel */ import java.awt.*; import java.awt.geom.*; import javax.swing.*; public class SegiPanjangWarna extends JApplet { public static void main(String[] args) { JFrame frame = new JFrame(); frame.setTitle("Persegi Panjang Warna"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); JApplet applet = new SegiPanjangWarna(); applet.init(); frame.getContentPane().add(applet); frame.pack(); frame.setVisible(true); } @Override public void init() { JPan...
Read more

Tugas Komplemen Terakhir

(Ainun Najib) 1. Buat sebuah aplikasi berbasis GUI untuk registrasi siswa gres : - hitung nilai tes untuk mata pelajaran tertentu dan jikalau rata-rata <  70 maka gagal - inputkan data-data siswa dan simpan dalam database - tampilkan data dalam bentuk tabel - data sanggup disimpan, diedit, dihapus dan dicari (Moh. Fachrudin) 2. Buat sebuah aplikasi berbasis GUI untuk registrasi musyrif gres : - hitung nilai tes b.arab, b.ing, Afkar, dan Al-Quran dan jikalau rata - rata < 70 maka gagal - inputkan data-data siswa dan simpan dalam database - tampilkan data dalam bentuk tabel - data sanggup disimpan, diedit, dihapus dan dicari (Aulia) 3. Buat sebuah aplikasi berbasis GUI untuk menghitung nilai selesai suatu matakuliah dan berikan nilai huruf.    - Rumus nilai selesai = kiprah 20% + uts 30% + uas 50 %    - Berikan nilai karakter :       46-55 Nilai C         56-65 Nilai C+  ...
Read more

Konsep Oop Encapsulation

Image
Encapsulation biasa disebut dengan Information Hidding. Encapsulation merupakan kombinasi dari data dan method pada paket suatu kelas dan menyembunyikan implementasi detail dari user terhadap object. Hak jalan masuk diatur dalam sebuah access modifier yang diantaranya yakni : - private : hanya sanggup diakses oleh kelas itu sendiri - protected : hanya sanggup diakses dalam package dan kelas turunannya - public : sanggup diakses dimanapun - default : hanya sanggup diakses dalam package saja Manfaat dari encapsulation : - Modularitas : Source code dari sebuah class sanggup dikelola secara independen dari source code class yang lain. Perubahan internal pada sebuah class tidak akan besar lengan berkuasa bagi class yang menggunakannya. - Information Hiding : Penyembunyian gosip yang tidak perlu diketahui objek lain. Untuk mengakses gosip sanggup memakai mediator method yang dikenal dengan setter dan getter. Sebagai contoh, buatlah 3 kelas masing-masing di package yang berbed...
Read more