Android修行手册 - ChipGroup

举报
芝麻粒儿 发表于 2022/05/30 00:32:11 2022/05/30
【摘要】 往期文章分享 点击跳转=>《导航贴》- Unity手册,系统实战学习点击跳转=>《导航贴》- Android手册,重温移动开发 本文约3.4千字,新手阅读需要7分钟,复习需要2...
往期文章分享

本文约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

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>

  
 
  • 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

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

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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