Android developerAndroid UI安卓 解决方案

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

2017-03-10  本文已影响8980人  T9的第三个三角

简单的实现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中

/**

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点击时,就可以简单实现点击选中效果
上一篇下一篇

猜你喜欢

热点阅读