动态添加芯片到芯片组

Question

我正在尝试将几个芯片动态添加到芯片组中。第一个看起来不错，但其他的显示不正确。但是当我使用 XML 时它工作正常。请帮忙。

这是屏幕截图

1. 活动_main.xml

       <com.google.android.material.chip.ChipGroup
           android:id="@+id/chip_group_main"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginStart="8dp"
           android:layout_marginTop="2dp"
           app:chipSpacingHorizontal="4dp">
   
           <com.google.android.material.chip.Chip
               style="@style/ChipTextAppearance"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Hello"
               app:chipBackgroundColor="@color/colorAccent"
               app:closeIconEnabled="true" />
   
           <com.google.android.material.chip.Chip
               style="@style/ChipTextAppearance"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="World"
               app:chipBackgroundColor="@color/colorAccent"
               app:closeIconEnabled="true" />
   
   
       </com.google.android.material.chip.ChipGroup>
   </HorizontalScrollView>
   

2. 在 MainActivity.java 中

   @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

   Chip chip = new Chip(this);
   chip.setText("ABC");
   chip.setChipBackgroundColorResource(R.color.colorAccent);
   chip.setCloseIconVisible(true);
   chip.setTextColor(getResources().getColor(R.color.white));
   chip.setTextAppearance(R.style.ChipTextAppearance);
   
   Chip chip2 = new Chip(this);
   chip.setText("XYZ");
   chip.setChipBackgroundColorResource(R.color.colorAccent);
   chip.setCloseIconVisible(true);
   chip.setTextColor(getResources().getColor(R.color.white));
   chip.setTextAppearance(R.style.ChipTextAppearance);
   
   
   ChipGroup chipGroup = findViewById(R.id.chip_group_main);
   
   chipGroup.addView(chip);
   chipGroup.addView(chip2);
   

3. 样式文件

   <resources>
   <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
       <!-- Customize your theme here. -->
       <item name="colorPrimary">@color/colorPrimary</item>
       <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
       <item name="colorAccent">@color/colorAccent</item>
   </style>
   
   <style name="ChipTextAppearance" parent="TextAppearance.MaterialComponents.Chip">
       <item name="android:textColor">@android:color/white</item>
       <item name="android:textSize">12sp</item>
   </style>
   </resources>
   

4. 独立芯片.xml

   <?xml version="1.0" encoding="utf-8"?>
   <chip xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   app:chipBackgroundColor="@color/colorAccent"
   app:closeIconEnabled="true"
   style="@style/ChipTextAppearance"
   app:closeIconTint="@android:color/white" />```
   

Answer 1

在您的主要活动中，您正在这样做。

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        Chip chip = new Chip(this);
        chip.setText("ABC");
        chip.setChipBackgroundColorResource(R.color.colorAccent);
        chip.setCloseIconVisible(true);
        chip.setTextColor(getResources().getColor(R.color.white));
        chip.setTextAppearance(R.style.ChipTextAppearance);

        Chip chip2 = new Chip(this);
        chip.setText("XYZ");
        chip.setChipBackgroundColorResource(R.color.colorAccent);
        chip.setCloseIconVisible(true);
        chip.setTextColor(getResources().getColor(R.color.white));
        chip.setTextAppearance(R.style.ChipTextAppearance);


        ChipGroup chipGroup = findViewById(R.id.chip_group_main);

        chipGroup.addView(chip);
        chipGroup.addView(chip2);

请注意，您正在创建芯片的新实例，即chip2，但您正在对下一行中的chip 而非chip2 实例进行更改，因此chip2 不会受到您之前所做的任何更改的影响。因此，为了解决此问题，请像这样更改您的代码

@Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);


            Chip chip = new Chip(this);
            chip.setText("ABC");
            chip.setChipBackgroundColorResource(R.color.colorAccent);
            chip.setCloseIconVisible(true);
            chip.setTextColor(getResources().getColor(R.color.white));
            chip.setTextAppearance(R.style.ChipTextAppearance);

            Chip chip2 = new Chip(this);
            chip2.setText("XYZ");  //chip2
            chip2.setChipBackgroundColorResource(R.color.colorAccent);
            chip2.setCloseIconVisible(true);
            chip2.setTextColor(getResources().getColor(R.color.white));
            chip2.setTextAppearance(R.style.ChipTextAppearance);


            ChipGroup chipGroup = findViewById(R.id.chip_group_main);

            chipGroup.addView(chip);
            chipGroup.addView(chip2);

Answer 2

在科特林中：

// add chip group dynamically
        item.itemData.projectTags.forEach { tagName ->
            binding.tagChipGroup.addView(createTagChip(context, tagName))
        }

// 创建了seaprate方法来创建具有属性的芯片。

private fun createTagChip(context: Context, chipName: String): Chip {
    return Chip(context).apply {
        text = chipName
        setChipBackgroundColorResource(R.color.purple_500)
        isCloseIconVisible = true
        setTextColor(ContextCompat.getColor(context, R.color.white))
        setTextAppearance(R.style.ChipTextAppearance)
    }

}

Answer 3

是的，可以将芯片添加到组中， chipGroup.addView(chip); 请注意，您应该为每个芯片添加 id，以便组的某些功能完美运行（例如singleSelection="true"）

 chip.setId(ViewCompat.generateViewId());