Android中如何将ArrayList的所有元素显示为Chips

Question

我有一个ArrayList<String>这样的[Angularjs, JavaScript, Css]

在我的适配器中，我ArrayList从另一个意图获取标签。我尝试使用以下方法显示ArrayListas Chips的所有元素，但我只得到 ArrayList 的最后一个元素。我只看到一个带有 ArrayList 最后一个元素的 Chip。

for (String tag: card.getTags()) {
  Log.d(TAG, "tag - " + tag);
  holder.tags.setText(tag);
}

谁能指导一下，我如何更改代码以将 ArrayList 的所有元素显示为Chips.

Answer 1

如果你说的是芯片。在 xml 布局中添加ChipGroup您想要显示筹码的位置<com.google.android.material.chip.ChipGroup android:id="@+id/chipGroup" android:layout_width="match_parent" app:chipSpacingVertical="2dp" android:layout_height="wrap_content"/>现在您可以使用此方法添加 ArrayList，如下Chip所示ChipGroup：private void addChip(String pItem, ChipGroup pChipGroup) {    Chip lChip = new Chip(this);    lChip.setText(pItem);    lChip.setTextColor(getResources().getColor(R.color.primary_text));    lChip.setChipBackgroundColor(getResources().getColorStateList(R.color.chip_bg));    pChipGroup.addView(lChip, pChipGroup.getChildCount() - 1);  }

Answer 2

目前，您正在更换支架的环路tags。forEach你只有一个持有者并不断更新直到循环结束；这就是你最后的原因chip/tag如果你指的是MaterialComponents的ChipGroup。ChipGroup chipGroup = new ChipGroup(parentView.getContext());String[] genres = {"Thriller", "Comedy", "Adventure"};for(String genre : genres) {   Chip chip = new Chip(parentView.getContext());   chip.setText(genre);   chipGroup.addView(chip);}我认为您一定正在使用，RecyclerView因为我在您的代码片段中看到了持有者。以下是视图层次结构；我假设你正在努力实现；如果没有，那么您可以使用相同的逻辑来移动这些部分回收视图标签 - 多个标签使用FlowLayout- 在视图中添加多个标签每个项目/视图您需要bindRecyclerView 中的每个项目。@Overridepublic void onBindViewHolder(final YourViewHolder holder, final int position) {    ...    // assuming you have FlowLayout in recyclerview view item    // do add holder pattern to flowlayout as well    fillAutoSpacingLayout(card.getTags(), holder.flowLayout);}在这里，我使用FlowLayout在 RecyclerView 的每个视图中添加芯片或标签。在 onBindViewHolder 中绑定每个项目/视图：private void fillAutoSpacingLayout(ArrayList<String> tags, FlowLayout flowLayout) {    for (String tag : tags) {        TextView textView = buildLabel(tag);        flowLayout.addView(textView);    }}private TextView buildLabel(String text) {    TextView textView = new TextView(this);    textView.setText(text);    textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);    textView.setPadding((int)dpToPx(16), (int)dpToPx(8), (int)dpToPx(16), (int)dpToPx(8));    textView.setBackgroundResource(R.drawable.label_bg);    return textView;}private float dpToPx(float dp){    return TypedValue.applyDimension(            TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics());}