如何将 OnClickListener 设置为 RecyclerView 中的两个按钮？

Question

在我的 android 应用程序中，我有一个活动来显示 RecyclerView，其中每一行由 TextView 和 2 个按钮组成。就这样：

好吧，根据互联网的许多解释，我制作了这个适配器：

public class ListAdapter extends 
RecyclerView.Adapter<ListAdapter.ViewHolder> {

    private LayoutInflater layoutInflater;
    protected Vector<List> lists;

    public ListAdapter(Context context, Vector lists) {
        layoutInflater = (LayoutInflater) 
context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        this.lists = lists;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = layoutInflater.inflate(R.layout.listadapter, null);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        List list = lists.elementAt(position);
        holder.name.setText(list.getName());
        //holder.delete.set HOW DO I GET BUTTON HERE?
    }

    @Override
    public int getItemCount() {
        return lists.size();
    }

    public static class ViewHolder extends RecyclerView.ViewHolder 
implements View.OnClickListener {
        public TextView name;
        public Button edit;
        public Button delete;

        public ViewHolder(View itemView) {
            super(itemView);
            name = (TextView) itemView.findViewById(R.id.listname);
            edit = (Button) itemView.findViewById(R.id.edit);
            delete = (Button) itemView.findViewById(R.id.delete);

            edit.setOnClickListener(this);
        }

        @Override
        public void onClick(View view) {
            switch (view.getId()) {
                case R.id.edit:
                    break;
                case R.id.delete:
                    break;
                default:
                    break;
            }
        }
    }
}

我还没有找到在 recyclerview 的每个视图中都有 2 个按钮的示例（只有添加图像的示例），就像在第一张图片中一样。我的意思是，我猜我的 RecyclerView 中有 10 个 List 元素，我怎样才能在每个元素的一侧有一个 TextView，其中包含 List 的名称和 2 个按钮并处理 clickListener？如下图，我手工制作的，让你看看我在说什么：

这是将显示 recyclerView 的活动；不要考虑它，因为我很确定方法是错误的。我从 sqlite 数据库中获取列表信息：

public class ShowListOfLists extends AppCompatActivity {

private RecyclerView recyclerView;
private RecyclerView.LayoutManager layoutManager;


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_show_list_of_lists);
    LocalDB localDB = new LocalDB(this, "localBD", null, 1);
    Vector <List> ListAdapter = localDB.getAllPrivateList();

    recyclerView = (RecyclerView) findViewById(R.id.recyclerviewlistas);
    recyclerView.setAdapter(new ListAdapter(this, ListAdapter));
    layoutManager = new LinearLayoutManager(this);
    recyclerView.setLayoutManager(layoutManager);
}

列表具有以下属性：

-idList int
-name String
-Description String
-creationDate Date
-active int (0 or 1)
-deactivationDate Date

提前谢谢你。

/************************************编辑************** ******************************/

感谢您，我已经能够展示 recyclerView 并且它运行良好。但我看到了：

取而代之的是：

这是适配器的XML代码和设计：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="@drawable/rectangle_bg"
android:orientation="horizontal"
android:weightSum="1"
android:layout_marginTop="5dp">

<TextView
    android:id="@+id/listname"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:layout_weight="0.75"
    android:gravity="center_vertical"
    android:text="TextView"
    android:textSize="15sp"/>

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="0.25"
    android:gravity="end"
    android:orientation="vertical">

    <ImageButton
        android:id="@+id/delete"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="@android:color/transparent"
        android:contentDescription="Delete"
        app:srcCompat="@android:drawable/ic_menu_delete" />

    <ImageButton
        android:id="@+id/edit"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="@android:color/transparent"
        android:contentDescription="Edit"
        app:srcCompat="@android:drawable/ic_menu_edit" />

    </LinearLayout>

</LinearLayout>

这是recyclerview的XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    tools:context="com.pc.kanayel.runoutof.ShowListOfLists"
    android:orientation="vertical"
    android:id="@+id/recyclerviewlistas">

</android.support.v7.widget.RecyclerView>

Answer 1

您只需向您的ListAdapter 添加一些代码。它在那里，您必须在其中实现onClickListener。您案例的代码应该类似于下面的代码。

你可以传递任何你需要的参数。这取决于您要实现的功能。在这里，我演示了传递在列表中单击的项目的顺序。

选项 1（功率/性能效率）

那么，下面的代码实际上是什么意思？您已经创建了ViewHolder 并实现了OnClickListener。那是正确的。现在您需要将OnClickListener 设置为两个按钮。但是这些按钮在点击时的作用是由我们在ViewHolder 内部创建的interface 定义的。

当应用程序运行时，RecyclerView 将创建所需数量的 ViewHolders，通过为每个 viewholders 调用 onCreateViewHolder() 方法来用列表项填充可用屏幕。当您向上/向下滚动时，这些ViewHolders 将被重复使用。不调用OnCreateViewHolder()，只调用onBindViewHolder()更新viewholder的内容。下面的代码是这样的，当 ViewHolder 被创建时，它也将创建一个 MyClickListener 将由 viewholder 的OnClickListener 使用，并且当 viewholder 被重用时它不会创建新的OnClickListener。这意味着我们的方法是高效的。

选项 2（效率不高）

您也可以在onBindViewHolder() 中使用setOnClickListener()。但是，正如我在上一段中提到的，每次滚动更新viewholder的内容时都会调用此方法。现在它每次都会创建新的OnClickListener 对象。而 选项 1 在每个 ViewHolder 上都有 OnClickListener 并重复使用它们。

选项 1 的代码

public class ListAdapter extends RecyclerView.Adapter<ListAdapter.ViewHolder> {

    private LayoutInflater layoutInflater;
    protected Vector<List> lists;

    public ListAdapter(Context context, Vector lists) {
        layoutInflater = (LayoutInflater) 
        context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        this.lists = lists;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = layoutInflater.inflate(R.layout.listadapter, null);
        ViewHolder holder = new ViewHolder(view, new MyClickListener() {
            @Override
            public void onEdit(int p) {
                // Implement your functionality for onEdit here
            }

            @Override
            public void onDelete(int p) {
                // Implement your functionality for onDelete here
            }
        });
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        List list = lists.elementAt(position);
        holder.name.setText(list.getName());
    }

    @Override
    public int getItemCount() {
        return lists.size();
    }

    public static class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

        MyClickListener listener;

        TextView name;
        Button edit;
        Button delete;

        public ViewHolder(View itemView, MyClickListener listener) {
            super(itemView);
            name = (TextView) itemView.findViewById(R.id.listname);
            edit = (Button) itemView.findViewById(R.id.edit);
            delete = (Button) itemView.findViewById(R.id.delete);

            this.listener = listener;

            edit.setOnClickListener(this);
            delete.setOnClickListener(this);
        }

        @Override
        public void onClick(View view) {
            switch (view.getId()) {
                case R.id.edit:
                    listener.onEdit(this.getLayoutPosition());
                    break;
                case R.id.delete:
                    listener.onDelete(this.getLayoutPosition());
                    break;
                default:
                    break;
            }
        }
    }

    public interface MyClickListener {
            void onEdit(int p);
            void onDelete(int p);
    }
}

修改第二个问题

要使列表项占据所有宽度，请将您的recyclerview 的width 设置为match_parent。最好将其设置为某些布局的子视图。例如如下所示。

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.pc.kanayel.runoutof.ShowListOfLists">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerviewlistas"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

<RelativeLayout>

并且在您的适配器内更改此代码：

View view = layoutInflater.inflate(R.layout.listadapter, null);

到这里：

View view = layoutInflater.inflate(R.layout.listadapter, parent, false);

Answer 2

你可以这样做：

@Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        List list = lists.elementAt(position);
        holder.name.setText(list.getName());
        holder.edit.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    // Do your stuff
                }
            });
        holder.delete.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    // Do your stuff
                }
            });
    }