android 開發 實現RecyclerView的列表單選功能

實現思維

1.首先在一行的xml布局中添加一個選中效果的icon圖片，未選中的情況下INVISIBLE或者GONE 都可以，推薦使用INVISIBLE它會占用布局位置但是不顯示，這樣可以避免布局中其他控件因為勾選布局的消失而輕微變動位置

2.將適配器類中的onCreateViewHolder方法重寫添加按鍵監聽，onBindViewHolder方法中重寫添加判斷點擊的位置（具體原理請查看下面貼的代碼）

 

1.首先在一行的xml布局中添加一個選中效果的icon圖片，未選中的情況下INVISIBLE或者GONE 都可以，推薦使用INVISIBLE它會占用布局位置但是不顯示，這樣可以避免布局中其他控件因為勾選布局的消失而輕微變動位置

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:id="@+id/DeviceList_Layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="20dp">
        <ImageView
            android:id="@+id/DeviceList_ImageView"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:src="@mipmap/preview_image_boy"
            android:layout_gravity="center"/>
        <TextView
            android:id="@+id/DeviceList_NameText"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:text="名稱"
            android:textSize="@dimen/BigTextSize"
            android:textColor="@color/colorBlue"
            android:layout_gravity="center"
            android:layout_marginLeft="20dp"
            android:maxLines="1"/>
        <ImageView
            android:id="@+id/DeviceList_Select"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_select"
            android:visibility="invisible"
            android:layout_marginLeft="10dp"
            android:layout_gravity="center"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="@color/colorBlue"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp">
    </LinearLayout>
</LinearLayout>

效果圖：

 

2.將適配器類中的onCreateViewHolder方法重寫添加按鍵監聽，onBindViewHolder方法中重寫添加判斷點擊的位置（具體原理請查看下面貼的代碼）

package com.example.lenovo.mydemoapp.myDeviceList;


import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.example.lenovo.mydemoapp.R;

import java.util.List;

/**
 * Created by lenovo on 2018/5/18.
 */

public class DeivceListAdapter extends RecyclerView.Adapter<DeivceListAdapter.ViewHolder> {
    private List<DeivceListData> mList;
    private int mposition = -1;

    public class ViewHolder extends RecyclerView.ViewHolder {
        ImageView mListImage,mListSelect;
        TextView mListNameText;
        LinearLayout mListLayout;

        public ViewHolder(View itemView) {
            super(itemView);
            mListImage =  (ImageView)itemView.findViewById(R.id.DeviceList_ImageView);
            mListNameText = (TextView)itemView.findViewById(R.id.DeviceList_NameText);
            mListLayout  = (LinearLayout)itemView.findViewById(R.id.DeviceList_Layout);
            mListSelect = (ImageView)itemView.findViewById(R.id.DeviceList_Select);

        }
    }
    public DeivceListAdapter (List<DeivceListData> list){
        this.mList = list;

    }
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.device_list_row_layout,parent,false);
        final ViewHolder holder = new ViewHolder(view);

        /*
        添加選中的打勾顯示
         */
        holder.mListLayout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //將點擊的位置傳出去
                mposition = holder.getAdapterPosition();
                //在點擊監聽里最好寫入setVisibility(View.VISIBLE);這樣可以避免效果會閃
                holder.mListSelect.setVisibility(View.VISIBLE);
                //刷新界面 notify 通知Data 數據set設置Changed變化
                //在這里運行notifyDataSetChanged 會導致下面的onBindViewHolder 重新加載一遍
                notifyDataSetChanged();
            }
        });
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {

        DeivceListData deivceListData = mList.get(position);
        holder.mListImage.setImageResource(deivceListData.getmDeviceListDataImage());
        holder.mListNameText.setText(deivceListData.getmDeviceListDataNameText());
        /*
        onBindViewHolder 方法可能是在class里for添加了其他視圖
        引入mposition與當前的position判斷，判斷在點擊的位置上顯示打勾圖片，在其他位置上不顯示打勾
         */
        if (position == mposition) {
            holder.mListSelect.setVisibility(View.VISIBLE);
        } else {
            holder.mListSelect.setVisibility(View.INVISIBLE);
        }
    }
    @Override
    public int getItemCount() {
        return mList.size();
    }


}

 

 

 

實現效果：