item_chip_category.xml

Question

我正在使用Material Components来创建Choice芯片。我遵循了https://material.io/develop/android/components/chip/文档。有足够的东西可以用XML创建芯片，但不了解如何以编程方式创建选择芯片。

我使用以下代码动态创建芯片，但默认情况下会创建动作芯片。

val chip = Chip(activity)
chip.text = ("Chip 1")
chipGpRow.addView(chip)

Answer 1

检查Mike comment。

否则，您可以使用Chip和样式来定义简单的布局（layout_chip_choice.xml）：

<com.google.android.material.chip.Chip
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/Widget.MaterialComponents.Chip.Choice"
    .../>

然后在您的代码中使用：

val chip = inflater.inflate(R.layout.layout_chip_choice, chipGpRow, false) as Chip  
chip.text = ("Chip 1")
chipGpRow.addView(chip)

Answer 2

您可以1）为具有选择样式的芯片创建xml布局，并在代码中对其进行充气，类似于目录中的ChipGroupDemoFragment示例：github.com/material-components/material-components-android/blob /…2）创建一个自定义主题，将默认的chipStyle设置为@ style / Widget.MaterialComponents.Chip.Choice。我建议使用＃1，因为它允许您灵活地动态创建多种样式的芯片。

Answer 3

以下是我的代码，希望它对您有用：

输出：screenshot.png

为芯片创建项目xml并添加所需的样式就像这里 style =“ @ style / Widget.MaterialComponents.Chip.Choice”

item_chip_category.xml

<com.google.android.material.chip.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"
android:fontFamily="@font/popin"
android:gravity="center"
android:paddingLeft="8dp"
android:paddingRight="8dp"
style="@style/Widget.MaterialComponents.Chip.Choice"
android:textAppearance="?android:attr/textAppearance"
android:textColor="@color/secondaryTextColor"
app:chipBackgroundColor="@color/colorAccent" />

activity.xml

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:fontFamily="@font/popin"
            android:padding="8dp"
            android:text="Python Progrgrams"
            android:textAlignment="center"
            android:textAppearance="@style/TextAppearance.AppCompat.Medium"
            android:textColor="@color/secondaryTextColor"
            android:textStyle="bold" />

            <com.google.android.material.chip.ChipGroup
                android:id="@+id/chipsPrograms"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/text_margin"
                android:paddingStart="@dimen/text_margin"
                android:paddingEnd="@dimen/text_margin"
                app:chipSpacing="8dp"
                app:singleSelection="false">

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

    </LinearLayout>

Activity.java

 public void setCategoryChips(ArrayList<String> categorys) {
    for (String category :
            categorys) {
        Chip mChip = (Chip) this.getLayoutInflater().inflate(R.layout.item_chip_category, null, false);
        mChip.setText(category);
        int paddingDp = (int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_DIP, 10,
                getResources().getDisplayMetrics()
        );
        mChip.setPadding(paddingDp, 0, paddingDp, 0);
        mChip.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {

            }
        });
        chipsPrograms.addView(mChip);
    }
}

Answer 4

不喜欢手动设置可检查属性而不是风格方式的评论，你会失去其他属性，如波纹颜色和状态列表动画师。使用您定义的芯片扩展布局并包含带有选择的样式属性是目前唯一的方法。

一直在尝试将样式应用于使用 context theme wrapper 以编程方式创建的芯片。这似乎是要走的路，但作为 AppCompatCheckBox 扩展的 Chip 没有定义 4-arg 构造函数，在我的情况下，默认样式（动作）可以被选择覆盖。所以芯片总是类型 action ><.

在Android中动态创建Choice Chip

4 个答案:

item_chip_category.xml

activity.xml

Activity.java