简体   繁体   English

如何在 RecyclerView 适配器中处理多个视图

[英]how to handle multiple views in RecyclerView adapter

the problem that I implement a ReyclerView with a custom ItemClickListener inside the adapter:我在适配器内部使用自定义 ItemClickListener 实现 ReyclerView 的问题:

    public interface ItemClickListener{
    
            void onItemClick(BookModel book);
        } 

and here is the whole code (for Adapter):这是整个代码(对于适配器):


package com.example.recyclerview;

import android.media.Image;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;

public class BookAdapter extends RecyclerView.Adapter<BookAdapter.BookViewHolder> {
  private BookModel[] booklist;
  ItemClickListener itemClickListener;

    public BookAdapter(BookModel[] booklist, ItemClickListener itemClickListener) {
        this.booklist = booklist;
        this.itemClickListener = itemClickListener;
    }

    @NonNull
    @Override
    public BookViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new BookViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item,parent,false));
    }

    @Override
    public void onBindViewHolder(@NonNull BookViewHolder holder, int position) {
        holder.bookTitle.setText(booklist[position].getBookName());
        holder.bookAuthor.setText(booklist[position].getBookAuthor());
        holder.bookDescription.setText(booklist[position].getDescription());
        holder.img.setImageResource(booklist[position].getImgId());

        holder.itemView.setOnClickListener(view ->{
            itemClickListener.onItemClick(booklist[position]);
        });

    }

    @Override
    public int getItemCount() {
        return booklist.length;
    }
    public interface ItemClickListener{

        void onItemClick(BookModel book);
    }


    public class BookViewHolder extends RecyclerView.ViewHolder {
        TextView bookTitle;
        TextView bookAuthor;
        TextView bookDescription;
        ImageView img;

        public BookViewHolder(@NonNull View itemView) {
            super(itemView);
            bookTitle = itemView.findViewById(R.id.bookTitle);
            bookAuthor = itemView.findViewById(R.id.bookAuthor);
            bookDescription = itemView.findViewById(R.id.bookDesc);
            img = itemView.findViewById(R.id.imgView);
        }
    }
}

so the problem that when I have overridden the ItemClickListener inside the activity to control the views inside the list-item( I will attach the code of the activity and the layout below):所以问题是当我覆盖活动中的 ItemClickListener 以控制列表项中的视图时(我将附上活动代码和下面的布局):

MainActivity.java MainActivity.java

package com.example.recyclerview;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

   // public  boolean flag = false;
   final boolean[] flag = {false};
    BookModel[] bookModels = new BookModel[]{
      new BookModel("مت فارغاً","تود هنري","إن كتاب مت فارغًا هو أداة للأشخاص الذين لا يرغبون في تأجيل أهم أعمالهم - ولا يقصد هنا العمل الوظيفي بل عمل حياتك القابع بداخلك -\n" +
              " إلى الغد. ويعدد تود هنري الأشياء التي تبقينا في حالة رجوع، ثم يفصل كيفية التخلص منها وغرس ممارسات ثابتة في حياتنا تجعلنا نسير على الدرب الصحيح ونفرغ أسمى ما فينا.\n",R.drawable.dieempty),
            new BookModel("الهدوء","سوزان كين","\n" +
                    "يناقش كتاب الهدوء الشخصية الانطوائية بكل شغف بل ويسبر غورها فهو ملىء بقصص لا تنسى لأناس من الواقع،\n" +
                    " ويبين أيضاً إلى أي مدى نبخس الشخصية الانطوائية حقها على نحو لافت وكم نخسر من جراء ذلك.\n" +
                    "فهذا الكتاب الرائع جدير بأن يغير الطريقة التي نرى بها الانطوائيين وكذلك الطريقة التي يرى بها الانطوائيون أنفسهم على حد سواء.\n",R.drawable.quiet),
            new BookModel("شيفرة بلال","د.أحمد خيري العمري","\n" +
                    "أن تتأثر بقصة بلال بن رباح شيء ، ولكن أن تتغير حياتك كلها بسبب ذلك شيء آخر تماما..\n" +
                    "وأن يحدث ذلك في مجتمع عربي مسلم شيء ، ولكن أن يحدث في نيويورك؟!!\n" +
                    "وأن يحدث ذلك في مجتمع عربي مسلم شيء ، ولكن أن يحدث في نيويورك؟!!\n" +
                    "لكن، ذات يوم ..يصل إيميل لأحدهم..، ويتغير كل شيء...\n" +
                    "هذه الرواية هي قصة ما حدث معهم..بسبب (بلال)..\n" +
                    "وما يمكن أن يحدث معك...\n" +
                    "\n",R.drawable.belal),
            new BookModel("من الذي حرك قطعة الجبن الخاصة بي؟","سبنسر جونسون","\n" +
                    "يهدف الكاتب من هذا العمل تجسيد واقع الحياة الذي نعيشها،\n" +
                    " على أسلوب الرمز فرمز إلى متطلبات الحياة وملذاتها بقطعة الجبنة\n" +
                    "، ورمز إلى الحياة التي نعشها والأماكن التي نوجد بها بالممارات العمل تجسيد للواقع الذي نعيش فيه\n" +
                    "، وأراد الكاتب أن يوضح من خلال هذا العمل التغير الذي يحدث داخل متاهة صغيرة، \n" +
                    " يوجد بداخلها أربعة أشخاص هدفهم الأسمى في الوجود هو الحصول على قطعة \"الجبنة\"\n" +
                    " والتي شبهها الكاتب ب\"الرمز أو الهدف\" الذي نسعى في حياتنا الحصول عليه متمثلة في ملذات الحياة مثل\" الصحة،\n" +
                    " المال، اقامة علاقات، الحصول على وظيفة.......وغيرها من ملذات الدنيا، \n" +
                    "فالكل يسعى جاهدا لتحقيق هدفه وإكمال سعادته في الحصول على قطعة الجبن حيث يمثل\n" +
                    " لهم امتلاكها السعادة باكملها، وعدم الحصول عليها يسبب الآلام وعدم السعادة.\n",R.drawable.chess),
            new BookModel("الخيمائي","باولو كويلو","\n" +
                    "الخيميائي هي الرواية الثانية التي كتبها باولو كويليو، والتي حققت نجاحاً عالمياً باهراً، جعل كاتبها من \n" +
                    "أشهر الكتاب العالميين. تتحدث الرواية عن راع أندلسي شاب يدعى سانتياغو. مضى للبحث عن حلمه المتمثل بكنزٍ مدفون قرب أهرامات مصر، بدأت رحلته من\n" +
                    " أسبانيا عندما إلتقى الملك \"ملكي صادق\" الذي أخبره عن الكنز، عَبَرَ مضيق جبل طارق ماراً بالمغرب حتى بلغ مصر، وكانت توجهه طوال الرحلة إشارات غيبية.\n" +
                    "\n" +
                    "وفي طريقه للعثور على كنزه الحلم، أحداث كثيرة تقع، كل حدث منها استحال عقبة تكاد تمنعه من متابعة رحلته، إلى أن يجد الوسيلة التي تساعده على تجاوز هذه العقبة....\n" +
                    "وهكذا تتلخص الفكرة لهذه الرواية بجملة قالها الملك لسانتياغو :\"إذا رغبت في شيء.. فإن العالم كله يطاوعك لتحقيق رغبتك\".",R.drawable.alchemist)
    };
    BookAdapter adapter;
    RecyclerView recyclerView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);



        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);


        adapter = new BookAdapter(bookModels, new BookAdapter.ItemClickListener() {


            @Override
            public void onItemClick(BookModel book) {

                Toast.makeText(getApplicationContext(), "the item -> "+book.getBookName()+" is clicked!", Toast.LENGTH_LONG).show();

                ImageView favIcon = (ImageView) findViewById(R.id.favIcon);

                favIcon.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {

                        if(flag[0] == false){
                            Toast.makeText(getApplicationContext(),"flag --> "+ flag[0],Toast.LENGTH_LONG).show();
                            favIcon.setImageResource(R.drawable.fav_red);
                            flag[0] = true;
                        }else{
                            Toast.makeText(getApplicationContext(),"flag --> "+ flag[0],Toast.LENGTH_LONG).show();
                            favIcon.setImageResource(R.drawable.fav2);
                            flag[0] = false;
                        }
                    }
                });









            }
        });
        recyclerView.setHasFixedSize(true);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.setAdapter(adapter);



    }
}

list_item.xml list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="15dp"
    android:clickable="true"
    android:elevation="15dp"
    app:cardCornerRadius="15dp"

    xmlns:app="http://schemas.android.com/apk/res-auto">






        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:id="@+id/bookTitle"
                android:layout_marginTop="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Book title"
                android:textSize="20dp"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/bookAuthor"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Book's author"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:textSize="15dp"
                />



            <TextView
                android:id="@+id/bookDesc"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="This is the supporting text This is the supporting text This is the supporting text This is the supporting text This is the supporting text This is the supporting text"
                android:textSize="15dp"/>


            <ImageView
                android:id="@+id/imgView"
                android:padding="20dp"
                android:layout_marginTop="10dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/book"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:padding="20dp"
                android:gravity="right"
                android:layout_margin="20dp">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/read"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    />

                <ImageView
                    android:id="@+id/favIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/fav2"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"/>

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/ic_download"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"/>

            </LinearLayout>

            

        </LinearLayout>

</androidx.cardview.widget.CardView>

the problem when I clicked the ImageView (favIcon), it's not enabled directly, which the onItemClick for(ItemClickListener) interface executed first, then the onClick for the nested onClickListener(favIcon) executed -I have to make a double click to enable the red favIcon?当我点击 ImageView (favIcon) 时出现问题,它没有直接启用,首先执行 onItemClick for(ItemClickListener) 接口,然后执行嵌套 onClickListener(favIcon) 的 onClick - 我必须双击才能启用红色收藏夹图标? so there is a way that I can control multiple views inside the list_item without using nested Listener?所以有一种方法可以在不使用嵌套监听器的情况下控制 list_item 内的多个视图?

here is a snapshot of my app:这是我的应用程序的快照:

在此处输入图像描述

the result after double click双击后的结果

在此处输入图像描述

You can use your ItemClickListener to get what is being clicked and perform action related to it.您可以使用 ItemClickListener 获取被点击的内容并执行与之相关的操作。 Just changed your ItemClickListener to following:刚刚将您的 ItemClickListener 更改为以下内容:

public interface ItemClickListener{

    void onItemClick(String type, BookModel book);
}

Now add click listener to all the views you require for your item.现在将点击侦听器添加到项目所需的所有视图中。 Eg.例如。 for you favIcon you can send type=fav, for your download icon type=download, etc.对于您的 favIcon,您可以发送 type=fav,对于您的下载图标,您可以发送 type=download 等。

 holder.itemView.setOnClickListener(view ->{
        itemClickListener.onItemClick("item", booklist[position]);
    });
 holder.favIcon.setOnClickListener(view ->{
        itemClickListener.onItemClick("fav", booklist[position]);
    });

Now just use switch case using type and handle your click.现在只需使用 switch case using type 并处理您的点击。

        @Override
        public void onItemClick(String type, BookModel book) {
            switch(type){
                "fav" : //Your Fav handling here
                      break;
                "download" : //Your download handling here
                      break;
                "item" : //Your item click handling here
            }
        }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 处理多种类型的视图单击RecyclerView - Handle Multiple Type Views Click in RecyclerView 如何在recyclerview中有多个视图 - How to have multiple views in a recyclerview 如何在 recyclerview 适配器中向 android 布局添加动态视图 - How to add dynamic views to android layout in recyclerview adapter 单个适配器,适用于多个Recyclerview - Single adapter for multiple recyclerview RecyclerView中的多个视图 - Multiple views in RecyclerView Android-RecyclerView:是否需要为每个recyclerView使用适配器和ItemObject? 如何分别处理点击? - Android - RecyclerView: Do I need to use an adapter and an ItemObject for each recyclerView ?. How do I handle the clicks separately? 从RecyclerView适配器在BottomSheetDialogFragment内部获取视图 - Getting views inside BottomSheetDialogFragment from a RecyclerView adapter Android Firebase RecyclerView适配器删除视图 - Android Firebase RecyclerView Adapter Remove Views 视图在RecyclerView Adapter中的onBindViewHolder中返回NullPointerException - Views return NullPointerException in onBindViewHolder in RecyclerView Adapter 如何在特定适配器位置从RecyclerView获取视图并从这些视图中获取值? - How to get view from RecyclerView at specific adapter position and get values from those views?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM