ListItem布局中的checkbox阻碍整行选择的处理办法

编者：李国帅

qq：9611153 微信lgs9611153

时间：2020/4/10 

背景:

在android应用程序开发中，列表是常见的界面元素，然而，经常会遇到列表的子项无法选中的现象。或者表现为不是总是能够触发事件，点击几下才反应。

常会遇到这种情况，RecyclerView或者ListView中的子项list_item_xxx.xml中主要元素为Checkbox，当点击checkbox区域可能无法触发点击整行事件。

解决方法:

遇到这个问题解决方法，应该是checkbox点击事件阻挡了点击整行事件。

其实edittext，button，radiobox这些控件也是可能影响到整行点击事件的。

 

要解决，可以把CheckBox更改为ImageView，自己控制view的显示样式即可，就不会影响到点击事件了。下面就是解决的实例。

item处理部分：

原本代码

        thisBinding.cbItemListDoctor.setChecked(info.getSelected());//更改状态
        itemView.setOnClickListener((v -> onClickListener.clickItem(itemView, info, 0)));//激发整行点击

更改为

       if (info.getSelected())
            thisBinding.ivItemListDoctor.setImageResource(R.drawable.check_box_sel);//更改状态
        else
            thisBinding.ivItemListDoctor.setImageResource(R.drawable.check_box_nor);

        itemView.setOnClickListener((v -> onClickListener.clickItem(itemView, info, 0)));//点击整行

list_item.xml：

原本代码

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/C_FFFFFF"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/ll_item_list_main"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_100"
            android:layout_marginLeft="@dimen/dp15"
            android:background="@color/C_FFFFFF"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <CheckBox
                android:id="@+id/cb_item_list"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:button="@drawable/checkbox_selector"
                android:enabled="false"
                android:focusable="false" />

更改为

<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/C_FFFFFF"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/ll_item_list_main"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_100"
            android:layout_marginLeft="@dimen/dp15"
            android:background="@color/C_FFFFFF"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/iv_item_list"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:src="@drawable/check_box_nor"
                android:focusable="false" />

点击回调时手动处理显示状态：

 

    public boolean clickItem(Object obj, int type) {
        PageList item = (PageList) obj;
        Boolean selected = !item.getSelected();//修改数据
        item.setSelected(selected);

        /*ArrayList<ListItem> lstInfo = adapter.getData(); //如若单选，还需要把其他的数据项设置为false
        for (int i = 0; i < lstInfo.size(); i++) {
            ListItem item1 = lstInfo.get(i);
            if (item1.getSelected()) {
                item1.setSelected(false);
                break;
            }
        }*/
        adapter.notifyDataSetChanged();//更新列表

        return true;
    }

 

如此便不会出现无法选中列表项的情况。