ListView中的CardViews：卡片点击不执行点击监听

Question

我正在实现 CardViews 的 ListView。 但是，当我单击时，我可以看到卡被单击，但不执行侦听器。 所有卡片均正确呈现并单击，但未执行侦听器功能。

Activity.java

final List<String> deviceStringList = new ArrayList<String>();
        deviceStringList.add("Device 1");
        deviceStringList.add("Device 2");
        deviceStringList.add("Device 3");
        deviceStringList.add("Device 4");

        String[] deviceStringArray = deviceStringList.toArray(new String[deviceStringList.size()]);
        DevicesListViewAdapter cardListAdapter = new DevicesListViewAdapter(this, deviceStringArray);
        ListView deviceCardsListView = (ListView) findViewById(R.id.deviceCardsListView);
        deviceCardsListView.setAdapter(cardListAdapter);

        final List<String> finalDeviceList = deviceStringList;
        deviceCardsListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                Toast toast = Toast.makeText(getApplicationContext(), finalDeviceList.get(position), Toast.LENGTH_LONG);
                toast.show();
            }
        });

ListViewAdapter.java

public class DevicesListViewAdapter extends ArrayAdapter<String>
{
    private final Activity context;
    private final String[] deviceName;

    public DevicesListViewAdapter(@NonNull Activity context, String[] deviceName) {
        super(context, R.layout.device_card_layout, deviceName);

        this.context = context;
        this.deviceName = deviceName;
    }

    public View getView(int position, View view, ViewGroup parent) {
        LayoutInflater inflater = context.getLayoutInflater();
        View cardView = inflater.inflate(R.layout.device_card_layout, null, true);

        Button cardBtn = (Button) cardView.findViewById(R.id.cardButton);
        cardBtn.setText(deviceName[position]);

        return cardView;
    }
}

卡片视图布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="false"
    android:orientation="vertical"
    android:paddingBottom="@dimen/cardview_default_elevation"
    android:paddingLeft="@dimen/cardview_default_elevation"
    android:paddingRight="@dimen/cardview_default_elevation"
    android:paddingTop="@dimen/cardview_default_elevation"
    android:clickable="true"
    android:focusable="true"
    android:foreground="?android:selectableItemBackground">

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    card_view:cardCornerRadius="6dp"
    android:layout_margin="10dp"
    android:clickable="true"
    android:focusable="true"
    android:foreground="?android:selectableItemBackground">

    <android.support.constraint.ConstraintLayout
        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="match_parent"
        android:layout_margin="5dp">

        <Button
            android:id="@+id/cardButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:background="@drawable/add_device_btn"
            android:text=""
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </android.support.constraint.ConstraintLayout>


</android.support.v7.widget.CardView>
</LinearLayout>

我做错了什么？ 谢谢。

Answer 1

解决方案：

删除这个：

deviceCardsListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

           Toast toast = Toast.makeText(getApplicationContext(), finalDeviceList.get(position), Toast.LENGTH_LONG);
            toast.show();
        }
});

然后这样写：

cardBtn.setOnClickListener(...) {
    onClick() {

         Toast toast = Toast.makeText(getApplicationContext(), "" + position, Toast.LENGTH_LONG);
        toast.show();

    }
}

在您的适配器内部，如下所示：

public View getView(int position, View view, ViewGroup parent) {
    LayoutInflater inflater = context.getLayoutInflater();
    View cardView = inflater.inflate(R.layout.device_card_layout, null, true);

    Button cardBtn = (Button) cardView.findViewById(R.id.cardButton);
    cardBtn.setText(deviceName[position]);

    .......(Write Here)

    return cardView;
}

希望对您有所帮助。谢谢。

Answer 2

不要给 onItemClickListener，而是尝试给主 LinearLayout 或 CardView 提供点击监听器。 OnItemClick 不适用于可聚焦或具有可点击项目的列表视图。因此，为列表中的项目定义点击侦听器应该可以解决问题。

供您参考

  LinearLayout mainView = (LinearLayout) findViewById(R.id.id_of_LL);
                    mainView.setOnClickListener(new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            Toast toast = Toast.makeText(getApplicationContext(), "" + position, Toast.LENGTH_LONG);
                            toast.show();

                        }
                    });

Answer 3

您是否尝试过为适配器中的每个视图注册 onClick 侦听器，然后通过接口与父 Activity 通信？例如，在您的适配器类中创建一个接口

public interface CardListener {
    void onSelected();
}

在您的适配器中，定义一个私有变量来存储要通过 setter 方法传入的接口实现的引用。比如：

private CardListener listener;

在适配器中定义一个设置器

public void setListener(CardListener listener) { this.listener = listener; }

然后在 getView 方法中绑定数据时，请执行以下操作

cardBtn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
       if(listener != null) { listener.onSelected(); }
    }
});

最后，在您的活动中，您可以像这样设置回调定义

adapter.setListener(new CardListener() {
    @Override
    public void onSelected() { // Do something here };
});

这将允许您定义许多自定义点击操作，以防您需要在卡片视图的不同视图上对单个点击操作执行某些操作。它还允许您来回传递任何适配器数据，并允许您以更加划分的方式将适配器逻辑与活动逻辑分开。希望这会有所帮助。

有关更多信息，请查看此有用资源：https://guides.codepath.com/android/Using-an-ArrayAdapter-with-ListView#attaching-event-handlers-within-adapter

Answer 4

android:clickable="true" 改为 android:clickable="false"

如果你使用 listview.setonclick 那么 cardview clickable 必须是 false