Question

当用户单击文本时，必须更改文本颜色及其背景颜色！

请注意，有两个recyclerViews。

我尝试将选择器与（android：state_focused =“ true”）一起使用，但是当我单击第二个recyclerView中的文本时，焦点从第一个中消失了！

该应用程序为阿拉伯语

Screen Shot

Answer 1

要实现此目的，可以使用ChipGroup和Chip（https://material.io/develop/android/components/chip/）并在选择芯片时更改颜色

对于ChipGroup，并在XML中添加Chip：

         <com.google.android.material.chip.ChipGroup
                    android:id="@+id/chipGroupOne"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="4dp"
                    android:layout_marginLeft="4dp"
                    android:layout_marginTop="4dp"
                    android:layout_marginEnd="4dp"
                    android:layout_marginRight="4dp"
                    android:layout_marginBottom="4dp"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent">

                      <com.google.android.material.chip.Chip
                        android:id="@+id/chip"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content" />

                </com.google.android.material.chip.ChipGroup>

在代码中，像这样在组中添加芯片：

                ChipGroup chipGroup = view.findViewById(R.id.chipGroupOne);
                Chip chip = new Chip(getContext());
                chip.setId(id);
                chip.setText("text");
                chip.setCheckable(true);
                chipGroup.addView(chip);

要更改颜色，您需要使用自定义样式（如

）更改芯片样式属性

style.xml

<style name="CustomChip" parent="@style/Widget.MaterialComponents.Chip.Choice">
    <item name="chipBackgroundColor">@color/chip_state</item>
    <item name="android:textColor">@color/text_color_chip</item>
</style>

text_color_chip.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true"
       android:color="@color/primaryColorCheck" />
    <item android:state_checked="false"
       android:color="@color/primaryColorUncheck" />
</selector>

chip_state.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:color="@color/colorSecondaryLight" android:state_checked="true" />
   <item android:color="@color/colorPrimaryDark" />
</selector>

并通过在芯片中添加此属性来应用XML中的样式

    style="@style/CustomChip"

如果要以编程方式将样式应用于芯片，则需要将包含样式的新ChipDrawable应用于芯片，如下所示：

chip.xml

<chip xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"

   style="@style/CustomChip"
/>

并像在代码中那样应用

                    chip.setChipDrawable(ChipDrawable.createFromResource(getContext(), R.xml.chip));

希望我能帮助您

如何在xml中执行此操作？

1 个答案: