Android ChipGroup布局预览：如何避免临时XML子视图遗留问题

针对你遇到的问题，有几个实用的方案可以彻底避免手动删除预览Chip的麻烦：

1. 利用tools命名空间控制预览可见性 #

在XML中添加的预览Chip，同时设置android:visibility="gone"和tools:visibility="visible"。运行时系统会使用android:开头的属性隐藏Chip，而Android Studio预览时会优先读取tools:属性显示视图，完全不用删除这些临时标签：

<ChipGroup
    android:id="@+id/chip_group"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 仅用于预览，运行时自动隐藏 -->
    <Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标签示例1"
        android:visibility="gone"
        tools:visibility="visible"/>

    <Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标签示例2"
        android:visibility="gone"
        tools:visibility="visible"/>
</ChipGroup>

2. 使用ChipGroup专属的tools属性（推荐） #

ChipGroup本身支持tools:itemCount和tools:chipText属性，类似ListView的tools:listItem，直接在ChipGroup标签上配置即可生成预览用的Chip，无需手动添加子视图：

<ChipGroup
    android:id="@+id/chip_group"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    tools:itemCount="3"
    tools:chipText="预览标签"/>

• tools:itemCount：设置预览时显示的Chip数量
• tools:chipText：设置每个预览Chip的文本内容
  这种方式最简洁，XML结构干净，完全不会影响运行时的动态添加逻辑。

3. 单独创建预览专用布局 #

如果需要更复杂的预览效果，可以在res/layout-preview目录下创建同名布局文件，在这个文件里添加完整的预览Chip结构。Android Studio会自动使用该目录下的布局进行预览，而运行时依然加载res/layout下的干净布局，两者完全分离。

内容的提问来源于stack exchange，提问作者Sashi Kiran