美文网首页Android developerAndroid UI安卓 解决方案
Recyclerview--两行代码轻松添加点击选中效果

Recyclerview--两行代码轻松添加点击选中效果

作者: T9的第三个三角 | 来源:发表于2017-03-10 15:50 被阅读8980次
  • 前言

简单的实现Recyclerview选中效果,开发中很常见,比如点击item,后面加上选择按钮,亦或者类似CheckBox效果,可以用很少几行代码实现

  • 实现

直接贴代码,布局很简单,一个文字,后面一个选择按钮

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:layout_margin="5dp"
    android:gravity="center"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv_state"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="10dp"
        android:gravity="center"
        android:textColor="@color/state_visibility"
        android:textSize="18sp"
        tools:text="@string/state" />

    <ImageView
        android:id="@+id/iv_selected"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
          android:visibility="invisible"
        android:src="@drawable/icon_selected" />
</LinearLayout>```

实现选择功能,在Adapter中

/**

  • Author : ddz
  • Creation time : 2017/3/1 17:08
  • Fix time : 2017/3/1 17:08
    */

public class CheckStateAdapter extends RecyclerView.Adapter<CheckStateAdapter.StateHolder> {

private Context context;
private String[] arrayState;
private int selectedPosition = -5; //默认一个参数

public CheckStateAdapter(@NonNull String[] arrayState, Context context) {
    this.context = context;
    this.arrayState = arrayState;
}

@Override
public StateHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    return new StateHolder(LayoutInflater.from(context).inflate(R.layout.state_item, parent, false));
}

@Override
public void onBindViewHolder(StateHolder holder, int position) {
    if (null == arrayState) return;
    holder.itemView.setSelected(selectedPosition == position);
    if (selectedPosition == position) {
        holder.ivSelected.setVisibility(View.VISIBLE);
    } else {
        holder.ivSelected.setVisibility(View.INVISIBLE);
    }
    holder.tvState.setText(arrayState[position]);
    holder.itemView.setOnClickListener(view -> {
        onItemClickListener.OnItemClick(view, holder, holder.getAdapterPosition()); 
        selectedPosition = position; //选择的position赋值给参数,
        notifyItemChanged(selectedPosition);//刷新当前点击item
    });
}



@Override
public int getItemCount() {
    return arrayState.length == 0 ? 0 : arrayState.length;
}

public void updateData(String[] airPortModels) {
    if (null != arrayState) {
        selectedPosition = -5;
        arrayState = null;
        arrayState = airPortModels;
        notifyDataSetChanged();
    }
}


public class StateHolder extends RecyclerView.ViewHolder {
    @BindView(R.id.tv_state)
    TextView tvState;
    @BindView(R.id.iv_selected)
    ImageView ivSelected;

    public StateHolder(View itemView) {
        super(itemView);
        ButterKnife.bind(this, itemView);
    }
}

private OnItemClickListener onItemClickListener;

public interface OnItemClickListener {  //定义接口,实现Recyclerview点击事件
    void OnItemClick(View view, StateHolder holder, int position);
}


public void setOnItemClickListener(OnItemClickListener onItemClickListener) {   //实现点击
    this.onItemClickListener = onItemClickListener;
}

}

item点击时,就可以简单实现点击选中效果

相关文章

  • Recyclerview--两行代码轻松添加点击选中效果

    前言 简单的实现Recyclerview选中效果,开发中很常见,比如点击item,后面加上选择按钮,亦或者类似Ch...

  • view添加选中突出效果

    view添加阴影选中效果 效果如下: 当前密码一栏突出效果选中,代码如下 去除选中效果只需要将设置的黑色转换为白色即可

  • Cell选中 图片放大

    今天给 UICollectionViewCell 添加一个点击放大图片的效果 类似button的选中高亮效果,放大...

  • 表单的label标签的使用技巧

    先看下面的代码: 效果: 在点击文字时,选框会被自动选中,

  • element-ui el-tabs el-radio 在IE浏

    添加这段代码即可el-tabs 点击有时会全部消失 el-radio 点击被选中的消失

  • Swift开发笔记

    1,tableview点击选中效果,放开点击后选中效果消失。只需重写tableview的delegate方法 2,...

  • OkHttp的使用

    效果图: 一 ,添加联网 权限二, 添加 butterknife 快速点击事件MainActivity中的代码 ·...

  • Cell点击改变高度

    点击改变cell的高度,先看效果 其实核心代码就两行,把它写在didSelectRowAtIndexPath方法里...

  • CollectionView基础动态列表

    // 实现效果如下图,点击文字,改变选中文字的颜色 该代码为伪代码,注意格式 注:CollectionView列表...

  • TabLayout + Fragment 实现页面滑动

    目录1、效果2、代码 1、效果 可点击标题,也可滑动切换 2、代码 1)代码结构 2)添加依赖 3)布局文件fra...

网友评论

  • f0f218dc8f44:如何设置item为选中状态?以区别其它未选中的状态
  • ac90cd96f51b:感谢感谢! 坚决不当伸手党.
    顺便说一下, 我的需求比较简单, 只需要记录并更新一个选中状态. 所以我在更新的时候没有使用 notifyDataSetChanged() , 感觉太重了. 于是改进了一下.

    /** 外部更新选中的Item
    * @param position
    */
    public void updateSelectedPosition(int position){
    int temp = selectedPosition;
    selectedPosition = position;
    notifyItemChanged(temp);
    notifyItemChanged(selectedPosition);
    }
  • denglxsc:老铁这个不行吧,每次选中后去notifyitemchanged之后,realPosition == position一直成立的,故你点击完所有item,全部都会被选中,应该是调用notifyDataSetChanged,这样才能刷新状态。
    denglxsc:@T9的第三个三角 ,你点击了第三个是被选中了,然后你再点击第四个,第四个也会被选中,列表就三四都被选中了呢
    T9的第三个三角:@luciandun 老铁你试试,点击position为3的item,就会立即刷新这个item,不会存在所有被选中
  • qgmzzmzmn:这是两行?
    qgmzzmzmn:@T9的第三个三角 666
    T9的第三个三角:除去必要的代码,针对点击刷新的就 selectedPosition = position; //选择的position赋值给参数,
    selectedPosition = -5;
    不是两行吗?
  • Lrxc:一波666

本文标题:Recyclerview--两行代码轻松添加点击选中效果

本文链接:https://www.haomeiwen.com/subject/qyzngttx.html