android - 如何将 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 的每个 View 中有 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>

这是 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 将创建所需数量的 ViewHolder，通过为每个 viewholder 调用 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。最好让它成为某些布局的 subview 。例如下面给出的。

<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);