Android修行手册 - ChipGroup

举报
芝麻粒儿 发表于 2022/04/07 10:19:48 2022/04/07
【摘要】 👉关于作者众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)有什么需要欢迎私我,交流群让学习不再孤单。 👉前提这是小空坚持写的Android新手向系列,欢迎...

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!
专注于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】:设置是否开启单选模式,默认是多选

👉其他

📢作者:小空和小芝中的小空
📢转载说明-务必注明来源:
https://zhima.blog.csdn.net/
https://www.zhihu.com/people/zhimalier
https://juejin.cn/user/4265760844943479
📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。