Android修行手册 - ChipGroup
本文约3.4千字,新手阅读需要7分钟,复习需要2分钟 【收藏随时查阅不再迷路】
👉关于作者
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!
专注于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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
如果想要实现单行的,则可以利用ChipGroup外部加一层HorizontalScrollView以及ChipGroup添加app:singleLine="true"属性即可做到。
<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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
😜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】:设置是否开启单选模式,默认是多选
👉其他
📢作者:小空和小芝中的小空
📢转载说明-务必注明来源:https://zhima.blog.csdn.net/
📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。
温馨提示:点击下方卡片获取更多意想不到的资源。
文章来源: zhima.blog.csdn.net,作者:芝麻粒儿,版权归原作者所有,如需转载,请联系作者。
原文链接:zhima.blog.csdn.net/article/details/125029849
- 点赞
- 收藏
- 关注作者
评论(0)