{"id":1632,"date":"2021-11-15T19:31:27","date_gmt":"2021-11-15T19:31:27","guid":{"rendered":"http:\/\/144.76.171.171\/blog\/?p=1632"},"modified":"2021-11-19T20:12:03","modified_gmt":"2021-11-19T20:12:03","slug":"recyclerview-kullanimi","status":"publish","type":"post","link":"https:\/\/berenkudaygorun.com\/blog\/blog\/2021\/11\/15\/recyclerview-kullanimi\/","title":{"rendered":"RecyclerView Kullan\u0131m\u0131 – Android Eski Notlar #6"},"content":{"rendered":"

Bu yaz\u0131 i\u00e7erisinde kod \u00f6rnekleriyle RecyclerView kullan\u0131m\u0131n\u0131 g\u00f6rece\u011fiz.
\nProjemizi olu\u015ftural\u0131m. ListItem.java<\/code> (bizim modelimiz olacak) ve MyAdapter.java<\/code> (adapterimiz olacak) iki adet class olu\u015ftural\u0131m.<\/p>\n

Daha sonras\u0131nda RecyclerView i\u00e7erisinde g\u00f6sterece\u011fimiz bir layout olu\u015fturaca\u011f\u0131z. Burada card itemini kullanca\u011f\u0131z. Bunada list_item.xml<\/code> diyece\u011fiz. \u0130lk olarak tasar\u0131m kodlar\u0131yla ba\u015flayal\u0131m.<\/p>\n

activity_main.xml<\/p>\n

<?xml version="1.0" encoding="utf-8"?>\n<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"\n    xmlns:app="http:\/\/schemas.android.com\/apk\/res-auto"\n    xmlns:tools="http:\/\/schemas.android.com\/tools"\n    android:layout_width="match_parent"\n    android:layout_height="match_parent"\n    tools:context=".MainActivity">\n\n    <androidx.recyclerview.widget.RecyclerView\n        android:id="@+id\/recyclerView"\n        android:layout_width="match_parent"\n        android:layout_height="match_parent"\n        app:layout_constraintBottom_toBottomOf="parent"\n        app:layout_constraintEnd_toEndOf="parent"\n        app:layout_constraintStart_toStartOf="parent"\n        app:layout_constraintTop_toTopOf="parent" \/>\n<\/androidx.constraintlayout.widget.ConstraintLayout><\/code><\/pre>\n
list_item.xml<\/p>\n
<?xml version="1.0" encoding="utf-8"?>\n<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"\n    xmlns:app="http:\/\/schemas.android.com\/apk\/res-auto"\n    xmlns:tools="http:\/\/schemas.android.com\/tools"\n    android:layout_width="match_parent"\n    android:layout_height="match_parent"\n    tools:context=".MainActivity">\n\n    <androidx.recyclerview.widget.RecyclerView\n        android:id="@+id\/recyclerView"\n        android:layout_width="match_parent"\n        android:layout_height="match_parent"\n        app:layout_constraintBottom_toBottomOf="parent"\n        app:layout_constraintEnd_toEndOf="parent"\n        app:layout_constraintStart_toStartOf="parent"\n        app:layout_constraintTop_toTopOf="parent" \/>\n<\/androidx.constraintlayout.widget.ConstraintLayout><\/code><\/pre>\n
\u0130lk olarak modelimizle ba\u015flayal\u0131m.<\/p>\n
ListItem.java<\/p>\n
package com.example.recyclerviewproject;\n\npublic class ListItem {\n\n    private String Head;\n    private String Desc;\n\n    public ListItem(String head, String desc) {\n        Head = head;\n        Desc = desc;\n    }\n\n    public String getHead() {\n        return Head;\n    }\n\n    public void setHead(String head) {\n        Head = head;\n    }\n\n    public String getDesc() {\n        return Desc;\n    }\n\n    public void setDesc(String desc) {\n        Desc = desc;\n    }\n}\n<\/code><\/pre>\n
\u015eimdi ise Adapter'imizi yazal\u0131m. Kodlar\u0131n ne anlama geldi\u011fini a\u015fama a\u015fama a\u00e7\u0131klayaca\u011f\u0131m.
\nMyAdapter.java<\/p>\n
package com.example.recyclerviewproject;\n\nimport android.content.Context;\nimport android.view.LayoutInflater;\nimport android.view.View;\nimport android.view.ViewGroup;\nimport android.widget.TextView;\n\nimport androidx.annotation.NonNull;\nimport androidx.recyclerview.widget.RecyclerView;\n\nimport java.util.List;\n\npublic class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {\n\n    private List<ListItem> listItemList;\n    private Context context;\n\n    public MyAdapter(List<ListItem> listItemList, Context context) {\n        this.listItemList = listItemList;\n        this.context = context;\n    }\n\n    @NonNull\n    @Override\n    public MyAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {\n        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);\n        return  new ViewHolder(v);\n    }\n\n    @Override\n    public void onBindViewHolder(@NonNull MyAdapter.ViewHolder holder, int position) {\n        ListItem listItem = listItemList.get(position);\n\n        holder.textViewHead.setText(listItem.getHead());\n        holder.textViewDesc.setText(listItem.getDesc());\n\n    }\n\n    @Override\n    public int getItemCount() {\n        return listItemList.size();\n    }\n\n    public class ViewHolder extends RecyclerView.ViewHolder{\n\n        public TextView textViewHead, textViewDesc;\n\n        public ViewHolder(@NonNull View itemView) {\n            super(itemView);\n\n            textViewHead = itemView.findViewById(R.id.textiewHead);\n            textViewDesc = itemView.findViewById(R.id.textViewDescription);\n        }\n    }\n}\n<\/code><\/pre>\n
G\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere 2 adet class'\u0131m\u0131z mevcut. Class'\u0131n bo\u015f oldu\u011funu d\u00fc\u015f\u00fcnerek ilk ba\u015fta a\u015fa\u011f\u0131daki kodlar\u0131 yaz\u0131yoruz.<\/p>\n
public class MyAdapter {\n\n    public class ViewHolder extends RecyclerView.ViewHolder{\n\n        public TextView textViewHead, textViewDesc;\n\n        public ViewHolder(@NonNull View itemView) {\n            super(itemView);\n\n            textViewHead = itemView.findViewById(R.id.textiewHead);\n            textViewDesc = itemView.findViewById(R.id.textViewDescription);\n        }\n    }\n}<\/code><\/pre>\n
class i\u00e7erisinde bir class daha olu\u015fturarak ad\u0131na ViewHolder<\/code> dedim. Bu class sayesinde asl\u0131nda card'\u0131m\u0131z i\u00e7erisindeki itemlere ula\u015f\u0131yoruz. Asl\u0131nda adapterimizin i\u00e7erisinde bu class \u00e7a\u011f\u0131r\u0131lacak. \u015eimdi as\u0131l class'\u0131m\u0131z\u0131 yazal\u0131m.<\/p>\n
package com.example.recyclerviewproject;\n\nimport android.content.Context;\nimport android.view.LayoutInflater;\nimport android.view.View;\nimport android.view.ViewGroup;\nimport android.widget.TextView;\n\nimport androidx.annotation.NonNull;\nimport androidx.recyclerview.widget.RecyclerView;\n\nimport java.util.List;\n\npublic class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {\n\n    public class ViewHolder extends RecyclerView.ViewHolder{\n\n        public TextView textViewHead, textViewDesc;\n\n        public ViewHolder(@NonNull View itemView) {\n            super(itemView);\n\n            textViewHead = itemView.findViewById(R.id.textiewHead);\n            textViewDesc = itemView.findViewById(R.id.textViewDescription);\n        }\n    }\n}\n<\/code><\/pre>\n
Bu a\u015famada program hata verecektir. \u00c7\u00fcnk\u00fc miras ald\u0131\u011f\u0131m\u0131z RecyclerView.Adapter class bir abstract classt\u0131r ve generic olarak bir viewholder nesnesi almaktad\u0131r. Az \u00f6nce biz bu class'\u0131 tan\u0131mlam\u0131\u015ft\u0131k. ViewHolder isminde ve RecyclerView.ViewHolder<\/code> abstract class'\u0131ndan miras ald\u0131\u011f\u0131n\u0131 s\u00f6ylemi\u015ftik. \u015eimdi gerekli implementasyonlar\u0131 yapal\u0131m. Son hali a\u015fa\u011f\u0131daki gibi olmal\u0131d\u0131r.<\/p>\n
package com.example.recyclerviewproject;\n\nimport android.content.Context;\nimport android.view.LayoutInflater;\nimport android.view.View;\nimport android.view.ViewGroup;\nimport android.widget.TextView;\n\nimport androidx.annotation.NonNull;\nimport androidx.recyclerview.widget.RecyclerView;\n\nimport java.util.List;\n\npublic class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {\n\n    @NonNull\n    @Override\n    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {\n        return null;\n    }\n\n    @Override\n    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {\n\n    }\n\n    @Override\n    public int getItemCount() {\n        return 0;\n    }\n\n    public class ViewHolder extends RecyclerView.ViewHolder{\n\n        public TextView textViewHead, textViewDesc;\n\n        public ViewHolder(@NonNull View itemView) {\n            super(itemView);\n\n            textViewHead = itemView.findViewById(R.id.textiewHead);\n            textViewDesc = itemView.findViewById(R.id.textViewDescription);\n        }\n    }\n}\n<\/code><\/pre>\n
\u0130mplemen etti\u011fimiz metotlar\u0131n ne anlama geldiklerini \u00e7al\u0131\u015fma s\u0131ras\u0131na g\u00f6re anlatal\u0131m.<\/p>\n
\u0130lk olarak getItemCount()<\/code> metodu \u00e7al\u0131\u015ft\u0131r\u0131lacakt\u0131r. Buradan olu\u015fturmu\u015f oldu\u011fumuz model i\u00e7erisindeki elemanlar\u0131 kullanrak olu\u015fturdu\u011fumuz dizinin uzunlu\u011fu al\u0131nacakt\u0131r. Biz \u015fimdilik dumy data kullanca\u011f\u0131z oy\u00fczden bunu bir web sunucusundan ald\u0131\u011f\u0131m\u0131z\u0131 varsayarak devam etmenizi istiyorum. Metot return listItemList.size();<\/code> \u015feklinde bir de\u011fer d\u00f6nd\u00fcrebilir. Burada bizim bir List eleman\u0131na ve daha sonras\u0131nda onun size'\u0131na ihtiyac\u0131m\u0131z var. Demek oluyorki bu class a\u00e7\u011f\u0131r\u0131ld\u0131\u011f\u0131nda buna bir List g\u00f6ndermeliyiz. Daha  sonras\u0131nda bu List'i kullanaca\u011f\u0131z. O halde bir constructer tan\u0131mlayal\u0131m ve gerekli elemanlar\u0131m\u0131z\u0131 tan\u0131mlayal\u0131m.<\/p>\n
    private List<ListItem> listItemList;\n    private Context context;\n\n    public MyAdapter(List<ListItem> listItemList, Context context) {\n        this.listItemList = listItemList;\n        this.context = context;\n    }<\/code><\/pre>\n
Harika art\u0131k metodumuzuda tamamlayabiliriz. Son hali a\u015fa\u011f\u0131daki gibi olmal\u0131d\u0131r.<\/p>\n
   @Override\n    public int getItemCount() {\n        return listItemList.size();\n    }<\/code><\/pre>\n
Amac\u0131m\u0131z asl\u0131nda ViewHolder class'\u0131 i\u00e7erisinde elde etti\u011fimiz itemleri manip\u00fcle etmek bunun i\u00e7in asl\u0131nda ka\u00e7kere bu class'\u0131n \u00e7a\u011f\u0131r\u0131laca\u011f\u0131n\u0131 belirlememiz gerekmektedir. Bundan dolay\u0131 yukar\u0131daki metoda ihtiyac\u0131m\u0131z vard\u0131. \u015eimdi art\u0131k ViewHolder class'\u0131n\u0131 \u00e7a\u011f\u0131rabiliriz. Bunun i\u00e7in g\u00f6revli olan metodumuz ise  onCreateViewHolder(@NonNull ViewGroup parent, int viewType)<\/code> metodudur. Kodlar\u0131 a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n
    @NonNull\n    @Override\n    public MyAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {\n        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);\n        return  new ViewHolder(v);\n    }<\/code><\/pre>\n
LayoutInflater sayesinde XML verilerini bir View objesine d\u00f6n\u00fc\u015ft\u00fcyoruz daha sonras\u0131nda bir ViewHolder nesnesi olarak geri g\u00f6nderiyoruz.<\/p>\n
Art\u0131k verilerimizi manip\u00fcle etme zaman\u0131 bunun i\u00e7inde onBindViewHolder(@NonNull MyAdapter.ViewHolder holder, int position)<\/code> metodu i\u015fletilecektir. Parametrelere bakarak asl\u0131nda neler yapaca\u011f\u0131m\u0131z\u0131 anlayabilirsiniz. Kodlar\u0131 a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n
    @Override\n    public void onBindViewHolder(@NonNull MyAdapter.ViewHolder holder, int position) {\n        ListItem listItem = listItemList.get(position);\n\n        holder.textViewHead.setText(listItem.getHead());\n        holder.textViewDesc.setText(listItem.getDesc());\n\n    }<\/code><\/pre>\n
Tebrikler. Adapter'in\u00fcz\u00fc yad\u0131n\u0131z. \u015eimdi bunu setleyelim. Bunun i\u00e7in MainActivity.java<\/code> class'\u0131n\u0131n i\u00e7ine a\u015fa\u011f\u0131daki kodlar\u0131 yazmal\u0131y\u0131z.<\/p>\n
package com.example.recyclerviewproject;\n\nimport androidx.appcompat.app.AppCompatActivity;\nimport androidx.recyclerview.widget.LinearLayoutManager;\nimport androidx.recyclerview.widget.RecyclerView;\n\nimport android.os.Bundle;\n\nimport java.util.ArrayList;\nimport java.util.List;\n\npublic class MainActivity extends AppCompatActivity {\n\n    private RecyclerView recyclerView;\n    private RecyclerView.Adapter adapter;\n    private List<ListItem> listItem;\n\n    @Override\n    protected void onCreate(Bundle savedInstanceState) {\n        super.onCreate(savedInstanceState);\n        setContentView(R.layout.activity_main);\n\n        recyclerView = findViewById(R.id.recyclerView);\n        recyclerView.setHasFixedSize(true);\n        recyclerView.setLayoutManager(new LinearLayoutManager(this));\n\n        listItem = new ArrayList<>();\n        for (int i =0; i< 10; i++)\n        {\n            ListItem listItem1 = new ListItem("heading", "Lorem \u0130psum");\n\n            listItem.add(listItem1);\n        }\n\n        adapter = new MyAdapter(listItem, this);\n        recyclerView.setAdapter(adapter);\n\n    }\n}<\/code><\/pre>\n
Neler yapt\u0131k bir bakal\u0131m. A\u015fa\u011f\u0131daki k\u0131s\u0131mlar zaten klasik, bunlar\u0131 ge\u00e7iyorum.<\/p>\n
    private RecyclerView recyclerView;\n    private RecyclerView.Adapter adapter;\n    private List<ListItem> listItem;<\/code><\/pre>\n
Daha sonras\u0131nda recyclerView i\u00e7in gerekli ayarlamalar\u0131 yapm\u0131\u015f\u0131z. setHasFixedSize<\/code> i\u00e7in l\u00fctfen buraya<\/a> t\u0131klay\u0131n\u0131z. Daha sonras\u0131nda bir dumy data olu\u015fturmu\u015fuz. Ve bu datay\u0131 List'imize eklemi\u015fiz.<\/p>\n
        listItem = new ArrayList<>();\n        for (int i =0; i< 10; i++)\n        {\n            ListItem listItem1 = new ListItem("heading", "Lorem \u0130psum");\n\n            listItem.add(listItem1);\n        }<\/code><\/pre>\n
Son olarak adapter kullanaca\u011f\u0131m\u0131z\u0131 biliyoruz. Adapter'imizi setlemi\u015fsiz.<\/p>\n
        adapter = new MyAdapter(listItem, this);\n        recyclerView.setAdapter(adapter);<\/code><\/pre>\n
Not: E\u011fer projenizde eski teknolojiler kullan\u0131l\u0131yorsa \u015fu yaz\u0131y\u0131<\/a> da okumun\u0131z\u0131 tavsiye ederim. E\u011fer konuyu anlad\u0131ysan\u0131z h\u0131zl\u0131 bir \u015fekilde kodlar\u0131 \u00e7\u00f6z\u00fcmleyeceksinizdir.<\/p>\n
Kaynak<\/h2>\n
https:\/\/www.youtube.com\/playlist?list=PLk7v1Z2rk4hjHrGKo9GqOtLs1e2bglHHA<\/a>
\nhttps:\/\/github.com\/android\/views-widgets-samples\/tree\/main\/RecyclerView\/<\/a>
\nhttps:\/\/developer.android.com\/guide\/topics\/ui\/layout\/recyclerview#java<\/a>
\nhttps:\/\/www.youtube.com\/watch?list=PLSg_-k7KzeO8AK_65ApwpbmGuz7dRXhCv&time_continue=1&v=Enx10wRFXTA&feature=emb_title<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Bu yaz\u0131 i\u00e7erisinde kod \u00f6rnekleriyle RecyclerView kullan\u0131m\u0131n\u0131 g\u00f6rece\u011fiz. Projemizi olu\u015ftural\u0131m. ListItem.java (bizim modelimiz olacak) ve MyAdapter.java (adapterimiz olacak) iki adet class olu\u015ftural\u0131m. Daha sonras\u0131nda RecyclerView…<\/p>\n
Devam\u0131n\u0131 okuRecyclerView Kullan\u0131m\u0131 – Android Eski Notlar #6<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[363],"tags":[630,631],"class_list":["post-1632","post","type-post","status-publish","format-standard","hentry","category-android","tag-adapter","tag-recyclerview","entry"],"_links":{"self":[{"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/posts\/1632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/comments?post=1632"}],"version-history":[{"count":7,"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/posts\/1632\/revisions"}],"predecessor-version":[{"id":1655,"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/posts\/1632\/revisions\/1655"}],"wp:attachment":[{"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/media?parent=1632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/categories?post=1632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/berenkudaygorun.com\/blog\/wp-json\/wp\/v2\/tags?post=1632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}