代号一 - 简单布局（或等效）的 Android Material Chip 控件

Question

My Codename One 应用必须具备 Android Chip 控件或同等功能。

它们用在两个地方，布局是：

-第一名

<com.google.android.material.chip.ChipGroup android:id="@+id/chip_group" android:layout_width="wrap_content" android:layout_height="wrap_content">
<com.google.android.material.chip.Chip android:text="@string/first_chip_title" android:id="@+id/first_chip" android:layout_width="match_parent" android:layout_height="wrap_content" app:closeIconEnabled="false"/>
<com.google.android.material.chip.Chip android:text="@string/second_chip_title" android:id="@+id/second_chip" android:layout_width="match_parent" android:layout_height="wrap_content" app:closeIconEnabled="false"/>
...
...
</com.google.android.material.chip.ChipGroup>

-第二名

<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">
<androidx.recyclerview.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/chip_list" 
...
...
android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="0dp" android:layout_marginRight="0dp" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"  tools:listitem="@layout/content"/>
</LinearLayout>

内容（它是 RecyclerView 的元素）在哪里：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" 
android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content">
<com.google.android.material.chip.Chip android:id="@+id/chip_element" android:layout_width="wrap_content" android:layout_height="wrap_content" app:closeIconEnabled="false" android:textAllCaps="false" android:layout_gravity="center_vertical" style="@style/Widget.MaterialComponents.Chip.Filter" android:layout_weight="1" />
</LinearLayout>

（一些布局参数包含在代码中，尽管它们在这里并不重要）

这是有效的布局（示例是第二种布局，第一种只是一个更简单的版本）：

代号一中的等价物是什么？

Answer 1

流式布局可以无缝地打破线条。这是Container 的默认布局。我可以很容易地使用标签或按钮来构建类似的东西。请注意，我在这里没有使用 UIID，您需要使用它来添加边距/填充，因此芯片彼此之间更加不同：

    Container chips = new Container();
    // note you can use Button to make them clickable and UIID to style
    // them any way you want
    chips.add(new Label("a very long label for a chip"));
    
    // I can check the chip manually
    Label checked = new Label("another label");
    checked.setMaterialIcon(FontImage.MATERIAL_CHECK);
    checked.setTextPosition(RIGHT);
    checked.getAllStyles().setBorder(RoundBorder.create()
            .rectangle(true)
            .color(0xaaaaaa));
    chips.add(checked);
    chips.add(new Label("chip label 2"));
    chips.add(new Label("chip label 3"));
    chips.add(new Label("chip label 4"));
    chips.add(new Label("chip label 5"));
    chips.add(new Label("short label"));
    chips.add(new Label("very long label for chip"));
    hi.add(chips);