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

Question

在我的 android 应用程序中，我有一个 activity 来显示 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 元素，我怎么能在每个元素的一侧有一个带有 List 名称的 TextView 和 2 个按钮并处理 clickListener？如下图，是我亲手做的，大家看看我在说什么：

这是将显示 recyclerView 的 activity；不要考虑它，因为我很确定方法是错误的。我从 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>

这是recyclerviewXML

<?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（power/performance高效）

那么，下面的代码到底是什么意思？您已经创建了 ViewHolder 并实现了 OnClickListener。那是对的。现在您需要将 OnClickListener 设置为两个按钮。但是这些按钮在单击时将执行的操作由我们在 ViewHolder.

中创建的 interface 定义

当应用程序将运行 RecyclerView 将创建尽可能多的 ViewHolders，因为它需要通过为每个 viewholders 调用 onCreateViewHolder() 方法来用列表项填充可用屏幕。当您滚动 up/down 时，这些 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
                }
            });
    }

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

How can I set OnClickListener to two buttons in RecyclerView?

android

android-layout

android-viewholder

android-recyclerview