Android修行手册 - ChipGroup

3,256 阅读2分钟

「这是我参与2022首次更文挑战的第22天,活动详情查看:2022首次更文挑战」。

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

这是小空坚持写的Android新手向系列,欢迎品尝。

大佬(×)

新手(√)

👉实践过程

该组件和RadioGroup很相似,都是用来管理多个子View的,可以控制内部子View的布局方式。

在默认情况下,里面的Chip是横向多行排列的,每行的最后一个Chip控件如果放不下的时候就会自动换行,符合流式布局的规则。

<com.google.android.material.chip.ChipGroup
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <com.google.android.material.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="默认Chip" />
    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Filter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Chip-内置Filter样式" />
    <!-- ........更多的Chip组件就不展示了-->
</com.google.android.material.chip.ChipGroup>

image.png 如果想要实现单行的,则可以利用ChipGroup外部加一层HorizontalScrollView以及ChipGroup添加app:singleLine="true"属性即可做到。

image.png

<HorizontalScrollView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <com.google.android.material.chip.ChipGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:singleLine="true">
<!-- ........更多的Chip组件就不展示了-->
    </com.google.android.material.chip.ChipGroup> 
</HorizontalScrollView>

😜ChipGroup基本属性

app:checkedChi】:设置初始选中的chip
app:chipSpacing】:设置Chip间的间距,如果有app:chipSpacingHorizontal或app:chipSpacingVertical属性,chipSpacing属性会被覆盖。
app:chipSpacingHorizontal】:设置Chip间的水平间距,优先级高于app:chipSpacing
app:chipSpacingVertical】:设置Chip间的垂直间距,优先级高于app:chipSpacing
app:singleLine】:设置是否开启单行模式  
app:singleSelection】:设置是否开启单选模式,默认是多选

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。