[英]How to change background of a selected cardview in recyclerview adapter
[英]CardView selected background color in RecyclerView
我正在尝试使用 CardViews 编写一个 RecyclerView,并使用 CAB 尝试删除选择时的多个卡片。如何为所选卡片提供背景颜色。 我正在尝试使用 statelistdrawable 如下:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_activated="true" android:drawable="@color/primary_dark" />
<item android:drawable="@android:color/transparent" />
</selector>
并将其应用到 CardView 布局中:
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/card_view"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/statelist_item_background"
card_view:cardCornerRadius="10dp"
card_view:cardElevation="10dp"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<ImageView
android:id="@+id/imageView"
android:tag="image_tag"
android:layout_width="72dp"
android:layout_height="100dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:src="@drawable/one"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:layout_weight="2"
android:orientation="vertical"
>
<TextView
android:id="@+id/textViewName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:text="Large Text"
android:textAppearance="?android:attr/textAppearanceLarge"/>
<TextView
android:id="@+id/textViewEmail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:text="Medium Text"
android:textAppearance="?android:attr/textAppearanceMedium"/>
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
下面是我的适配器的代码
public class modeladapter extends RecyclerView.Adapter<modeladapter.myholder> {
ArrayList<MyModel> arraylist;
SparseBooleanArray selecteditems;
public modeladapter(ArrayList<MyModel> ar) {
arraylist=ar;
selecteditems=new SparseBooleanArray();
}
public void removeData(int position) {
arraylist.remove(position);
notifyItemRemoved(position);
}
public MyModel getItem(int position) {
return arraylist.get(position);
}
public void addData(MyModel newModelData, int position) {
arraylist.add(position, newModelData);
notifyItemInserted(position);
}
public void toggleSelection(int pos) {
if (selecteditems.get(pos, false)) {
selecteditems.delete(pos);
}
else {
selecteditems.put(pos, true);
}
notifyItemChanged(pos);
}
public void clearSelections() {
selecteditems.clear();
notifyDataSetChanged();
}
public int getSelectedItemCount() {
return selecteditems.size();
}
public List<Integer> getSelectedItems() {
List<Integer> items = new ArrayList<Integer>(selecteditems.size());
for (int i = 0; i < selecteditems.size(); i++) {
items.add(selecteditems.keyAt(i));
}
return items;
}
@Override
public modeladapter.myholder onCreateViewHolder(ViewGroup viewGroup, int i) {
LayoutInflater lf=LayoutInflater.from(viewGroup.getContext());
View v = lf.inflate(R.layout.card_lay, viewGroup, false);
// v.setOnClickListener(Activity_Main.listener);
myholder m=new myholder(v);
return m;
}
@Override
public void onBindViewHolder(modeladapter.myholder m, int i) {
m.cimage.setImageResource(arraylist.get(i).url);
m.email.setText(arraylist.get(i).email);
m.name.setText(arraylist.get(i).name);
m.itemView.setActivated(selecteditems.get(i,false));
}
@Override
public int getItemCount() {return (arraylist.size());}
public static class myholder extends RecyclerView.ViewHolder
{
ImageView cimage;
TextView name,email;
public myholder(View itemView) {
super(itemView);
cimage= (ImageView) itemView.findViewById(R.id.imageView);
name= (TextView) itemView.findViewById(R.id.textViewName);
email= (TextView) itemView.findViewById(R.id.textViewEmail);
if(itemView.isActivated())
itemView.setBackgroundColor(itemView.getContext().getResources().getColor(R.color.primary_dark));
else
itemView.setBackgroundColor(Color.parseColor("#ffffff"));
}
}
请更新我如何更改所选项目的背景颜色。 谢谢
你不一定需要有一个StateListDrawable
你需要在你的适配器中有一个检查选择的方法:
sparseArray.valueAt(i).isSelected()
然后在您的RecylcerView.Adapter
,更改:
if (itemView.isActivated())
itemView.setBackgroundColor(itemView.getContext().getResources().getColor(R.color.primary_dark));
else
itemView.setBackgroundColor(Color.parseColor("#ffffff"));
To(您需要更改cardView,而不是itemView):
viewHolder.cardView.setCardBackgroundColor(sparseArray.valueAt(i).isSelected() ? Color.LTGRAY : Color.WHITE);
对于这个问题的新手,值得注意的是,从支持库 v24 开始,CardView 现在支持 ColorStateList。 (注意:这是一个颜色状态列表,不是一个可绘制状态列表)
这是链接: https : //code.google.com/p/android/issues/detail?id=78198
card_view:cardBackgroundColor="@color/statelist_item_background"
不要更改 CardView 背景颜色,而是更改 CardView 内的 LinearLayout:
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/card_view"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardCornerRadius="10dp"
card_view:cardElevation="10dp"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="@drawable/statelist_item_background">
<ImageView
android:id="@+id/imageView"
android:tag="image_tag"
android:layout_width="72dp"
android:layout_height="100dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:src="@drawable/one"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:layout_weight="2"
android:orientation="vertical"
>
<TextView
android:id="@+id/textViewName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:text="Large Text"
android:textAppearance="?android:attr/textAppearanceLarge"/>
<TextView
android:id="@+id/textViewEmail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:text="Medium Text"
android:textAppearance="?
android:attr/textAppearanceMedium"/>
</LinearLayout>
</LinearLayout>
有多种方法可以做到。 以下是如何以编程方式执行此操作:
使用您自己的自定义卡片视图:
class SelectableCardView : MaterialCardView {
@ColorInt
private var unselectedBackgroundColor = 0
@ColorInt
private var selectedBackgroundColor = 0
constructor(context: Context?) : super(context) {
unselectedBackgroundColor = cardBackgroundColor.defaultColor
setCardBackgroundColor(ColorStateList(arrayOf(intArrayOf(android.R.attr.state_selected), IntArray(0)), intArrayOf(selectedBackgroundColor, unselectedBackgroundColor)))
}
constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs) {
unselectedBackgroundColor = cardBackgroundColor.defaultColor
setCardBackgroundColor(ColorStateList(arrayOf(intArrayOf(android.R.attr.state_selected), IntArray(0)), intArrayOf(selectedBackgroundColor, unselectedBackgroundColor)))
}
constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
unselectedBackgroundColor = cardBackgroundColor.defaultColor
setCardBackgroundColor(ColorStateList(arrayOf(intArrayOf(android.R.attr.state_selected), IntArray(0)), intArrayOf(selectedBackgroundColor, unselectedBackgroundColor)))
}
init {
selectedBackgroundColor = ContextCompat.getColor(context, R.color....)
}
}
或者在充气时,从外面自己设置颜色:
val cardView = result!!.cardView
val selectedBackgroundColor = ContextCompat.getColor(inflater.context, R.color....)
val unselectedBackgroundColor = cardView .cardBackgroundColor.defaultColor
cardView.setCardBackgroundColor(ColorStateList(arrayOf(intArrayOf(android.R.attr.state_selected), IntArray(0)),intArrayOf(selectedBackgroundColor, unselectedBackgroundColor)))
当然,您可以通过 XML 设置卡片背景颜色,但是您必须同时设置默认颜色。 我不推荐它,因为它将来可能会改变,就像最近一样。
例如,在过去是被cardview_dark_background
并改为design_dark_default_color_background
在黑暗的主题,并且是cardview_light_background
并改为design_default_color_background
正常主题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.