动态添加芯片到芯片组
Dynamically add chips to chipgroup
我正在尝试向芯片组动态添加多个芯片。第一个看起来不错,但其他人没有正确显示。但是当我使用 XML 时它工作正常。
activity_main.xml
<HorizontalScrollView
android:layout_width="350dp"
android:layout_height="wrap_content"
android:scrollbars="none"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/chips_select"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView"
app:layout_constraintVertical_bias="0.51">
<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>
在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);
}
style.xml
<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>
standalone_chip.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" />
在你的主要 activity 你是这样做的。
@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);
请注意,您正在创建一个新的 chip 实例,即 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);
是的,可以将筹码添加到 chipGroup.addView(chip);
组
请注意,您应该为每个芯片添加 id 以便完美地完成组的某些功能(例如 singleSelection="true"
)
chip.setId(ViewCompat.generateViewId());
在 Kotlin 中:
// add chip group dynamically
item.itemData.projectTags.forEach { tagName ->
binding.tagChipGroup.addView(createTagChip(context, tagName))
}
// 创建了单独的方法来创建具有属性的筹码。
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)
}
}
我正在尝试向芯片组动态添加多个芯片。第一个看起来不错,但其他人没有正确显示。但是当我使用 XML 时它工作正常。
activity_main.xml
<HorizontalScrollView
android:layout_width="350dp"
android:layout_height="wrap_content"
android:scrollbars="none"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/chips_select"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView"
app:layout_constraintVertical_bias="0.51">
<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>
在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);
}
style.xml
<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>
standalone_chip.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" />
在你的主要 activity 你是这样做的。
@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);
请注意,您正在创建一个新的 chip 实例,即 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);
是的,可以将筹码添加到 chipGroup.addView(chip);
组
请注意,您应该为每个芯片添加 id 以便完美地完成组的某些功能(例如 singleSelection="true"
)
chip.setId(ViewCompat.generateViewId());
在 Kotlin 中:
// add chip group dynamically
item.itemData.projectTags.forEach { tagName ->
binding.tagChipGroup.addView(createTagChip(context, tagName))
}
// 创建了单独的方法来创建具有属性的筹码。
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)
}
}