服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - android实现RecyclerView列表单选功能

android实现RecyclerView列表单选功能

2022-03-10 15:03qq_37217804 Android

这篇文章主要为大家详细介绍了android实现RecyclerView列表单选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android实现RecyclerView列表单选功能的具体代码,供大家参考,具体内容如下

实现思维

1.首先在一行的xml布局中添加一个选中效果的icon图片,未选中的情况下INVISIBLE或者GONE 都可以,推荐使用INVISIBLE它会占用布局位置但是不显示,这样可以避免布局中其他控件因为勾选布局的消失而轻微变动位置

2.将适配器类中的onCreateViewHolder方法重写添加按键监听,onBindViewHolder方法中重写添加判断点击的位置(具体原理请查看下面贴的代码)

PS:

RecyclerView的实现全部方法就不贴出来了,本人的博客中有RecyclerView各种实现效果文章

1.首先在一行的xml布局中添加一个选中效果的icon图片,未选中的情况下INVISIBLE或者GONE 都可以,推荐使用INVISIBLE它会占用布局位置但是不显示,这样可以避免布局中其他控件因为勾选布局的消失而轻微变动位置

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?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>

效果图:

android实现RecyclerView列表单选功能

2.将适配器类中的onCreateViewHolder方法重写添加按键监听,onBindViewHolder方法中重写添加判断点击的位置(具体原理请查看下面贴的代码)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
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();
  }
 
 
}

实现效果

android实现RecyclerView列表单选功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/qq_37217804/article/details/80367363

延伸 · 阅读

精彩推荐