Android---Chip

于 2023-01-10 11:57:38 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： # Material Design 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44950283/article/details/128599341
版权

       

 

 Chip

        Chip 代表一个小块中的复杂实体，如联系人。它是一个圆形按钮，由一个标签，一个可选的芯片图标和一个可选的关闭图标组成。如果 Chip 可检查，则可以点击或切换Chip 。

    \bullet style="@style/Widget.MaterialComponents.Chip.Action": 默认样式，是一个普通标签，点击后没有任何特殊效果。

    \bullet style="@style/Widget.MaterialComponents.Chip.Entry": 默认一直末尾展示删除按钮；点击后前面展示选中图标，有选中状态，通常可以作为 chipDrawable 使用，比如在填选邮件收件人时可以使用；

    \bullet style="@style/Widget.MaterialComponents.Chip.Filter" 初始状态下，不展示前后图标，点击后会展示前面选中的图标，并且具有选中状态，通常应用在 ChipGroup 中；

    \bullet style="@style/Widget.MaterialComponents.Chip.Choice" 具有选中效果，前后没有图标，点击后有选中颜色变化效果。

 

Chip 基本属性：

类别属性名称具体作用
Shapeapp:chipCornerRadius圆角半径
Sizeapp:chipMinHeight最小高度
Backgroundapp:chipBackgroudColor背景颜色
Borderapp:chipStrokeColor边线颜色
Borderapp:chipStrokeWidth边线宽度
Rippleapp:rippleColor水波纹颜色
Labelandroid:text文本内容
Labelandroi:textAppearance字体样式
Labelandroid:textColor修改文本颜色
Chip Iconapp:chipIconVisible前面图标是否显示
Chip Iconapp:chipIconSizechip中文字前面的图标
Chip Iconapp:chipIconTint文字前面的图标着色
Close Iconapp:closeIconVisiblechip中文字后面关闭按钮是否可见
Close Iconapp:closeIconchip中文字后面的关闭图标
Close Iconapp:closeIconSize文字后面的关闭图标的大小
Close Iconapp:closeIconTInt文字后面的着色
Checkableapp:checkable是否可以被选中
Checked Iconapp:checkedIconVisible选中状态的图标是否可见
Checked Iconapp:checkedIcon选中状态的图标
Motionapp:showMotionSepc动效？
Motionapp:hiheMotoinSpec动效？
Paddingsapp:chipStartPadingchip左边距
Paddingsapp:chipEndPadingchip右边距
Paddingsapp:iconStartPadingchipIcon的左边距
Paddingsapp:iconEndPadingchipIcon的右边距
Paddingsapp:textStartPading文本左边距
Paddingsapp:textEndPading文本右边距
Paddingsapp:CloseIconStartPading关闭按钮的左边距
Paddingsapp:closeIconEndPading关闭按钮的右边距

ChipGroup 

        Chip 可以被放置在 ChipGroup 中，可以实现流逝布局(以前只能通过自定义 view 实现)。该组件合 RadioGroup 很相似，都是用来管理多个子 View 的，可以控制内部子 View 的布局方式。默认情况下，里面的 Chip 是横向多行排列的，每行的最后一个 Chip 控件如果放不下的时候就会自动换行，符合流式布局的规则。

    ChipGroup 基本属性：

    \bullet app:checkedChip: 设置初始默认选中的 chip；

   \bullet app:chipSpacing: 设置 Chip 间的间距，如果有 app:chipSpacingHorizontal 或者 app:chipSpacingVertical 属性，chipSpacing 属性会被覆盖；

   \bullet app:chipSpacingHorizontal: 设置 Chip 之间的水平间距，优先级高于 app:chipSpacing；

   \bullet app:chipSpacingVertiacl: 设置 Chip 之间的垂直间距，优先级高于 app:chipSpacing；

   \bullet app:singleLing: 设置是否开启单行模式；

   \bullet app:singleSelection: 设置是否开启单选模式，默认是多选。

xml 布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.core.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <com.google.android.material.chip.Chip
            android:id="@+id/chip0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="还我星星"/>

        <com.google.android.material.chip.Chip
            android:id="@+id/chip1"
            style="@style/Widget.MaterialComponents.Chip.Entry"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="别偷我的猪"/>

        <com.google.android.material.chip.Chip
            android:id="@+id/chip2"
            style="@style/Widget.MaterialComponents.Chip.Filter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="一块硬币"/>

        <com.google.android.material.chip.Chip
            android:id="@+id/chip3"
            style="@style/Widget.MaterialComponents.Chip.Choice"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="HLLXY"/>
        <com.google.android.material.chip.Chip
            android:id="@+id/chip4"
            style="@style/Widget.MaterialComponents.Chip.Action"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="HLLWY"/>

        <com.google.android.material.chip.ChipGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:chipSpacingHorizontal="25dp"
            app:checkedChip="@+id/first"
            app:selectionRequired="true"
            app:singleSelection="true">

            <com.google.android.material.chip.Chip
                android:id="@+id/first"
                style="@style/Widget.MaterialComponents.Chip.Choice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="还我星星1"/>
            <com.google.android.material.chip.Chip
                style="@style/Widget.MaterialComponents.Chip.Choice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="还我星星2"/>
            <com.google.android.material.chip.Chip
                style="@style/Widget.MaterialComponents.Chip.Choice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="还我星星3"/>
            <com.google.android.material.chip.Chip
                style="@style/Widget.MaterialComponents.Chip.Choice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="还我星星4"/>
            <com.google.android.material.chip.Chip
                style="@style/Widget.MaterialComponents.Chip.Choice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="还我星星5"/>
            <com.google.android.material.chip.Chip
                style="@style/Widget.MaterialComponents.Chip.Choice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="还我星星6"/>

        </com.google.android.material.chip.ChipGroup>


    </LinearLayout>


</androidx.core.widget.NestedScrollView>

 参考博客：芝麻粒儿 的CSDN

别偷我的猪_09
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android-ChipView一个MaterialDesign风格的Chip视图库
08-13
ChipView：一个Material Design风格的Chip视图库
Android修行手册 -初识Chip
空名先生
05-03 8059
本文约5.01千字，新手阅读需要6分钟，复习需要3分钟 【收藏随时查阅不再迷路】 👉关于作者 众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！ 专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等） 有什么需要欢迎私我，交流群让学习不再孤单。 👉前提 这是小空坚持写的Android新手向系列，欢迎品尝。 大佬（×） 新手.
[Android Material Design]组件11 - Chip
yurensan的博客
11-07 725
Material Design控件ChipGroup,Chip的使用
Android-CheckableChipView一个AndroidChipview控件
08-13
Android Chipview Widget
Chip类控件(Chip、InputChip、ChoiceChip、FilterChip、ActionChip)
laying_1230
06-17 1333
RawChip Material风格标签控件，此控件是其他标签控件的基类，通常情况下，不会直接创建此控件，而是使用如下控件： Chip InputChip ChoiceChip FilterChip ActionChip 如果你想自定义标签类控件时通常使用此控件。 RawChip可以通过设置 onSelected 被选中，设置 onDeleted 被删除，也可以通过设置 onPressed 而像一个按钮，它有一个 label 属性，有一个前置（avatar）和后置图标（deleteIcon）。 基本用法
Android-Chip-Bubble-Text-Library
05-06
Android Chip Bubble文本库这是一个简单的Android库，用于带有关闭按钮的多个自动完成的textview芯片文本/气泡文本。 （仅适用于单行MultiAutoCompleteTextView） 样例代码autoCompleteTextView =...
Android-Nachos输入文本并创建MD风格的Chips
08-12
Nachos 输入文本并创建MD风格的Chips
Android代码-nachos
08-06
Nachos for Android Table of Contents What is Nachos? Key Features Installation Basic Usage Customizing the UI Showing Suggestions Triggering the Creation of Chips when a Character is Typed Editing ...
Android Material Design之Chip, ChipGroup(十二)
csdn_yang123的博客
12-02 854
Chip ,ChipGroup 流式标签
AndroidFramework-扩展控件-chip创建分析
weixin_30341735的博客
04-12 177
待分析 转载于:https://www.cnblogs.com/techres/archive/2013/04/12/3016671.html
ChipLayout:ChipLayout是一个开源Android库。 ChipLayout是一种布局，可根据您输入的文本创建筹码，并允许您显示下拉菜单（例如MultiautocompleteTextView）
05-04
芯片布局 ChipLayout是一个开源Android库。 ChipLayout是一种布局，可根据您输入的文本创建筹码，并允许您显示下拉菜单（例如MultiautocompleteTextView） 将ChipLayout添加到您的项目 Gradle allprojects { repositories { ... maven { url 'https://jitpack.io' } } } dependencies { implementation 'com.github.AmaldevTA:ChipLayout:1.1.0' } 或者 模块依赖- 下载文件夹“ AndroidChipLayout”并添加为模块依赖项 例子 屏幕截图 带有示例的源代码包含在存储库中。 用法 < LinearLayout xmlns : android = "
Android Chipview小部件-Android开发
05-26
Android Chipview窗口小部件CheckableChipView Android的可检查窗口小部件。 基于Google I / O 2018应用程序中的EventFilterView。 需要Android minSdkVersion21。设置确保在项目级别build.gradle allprojects {repositories {jcenter（）}}}中具有jcenter存储库。将依赖项添加到lib / app build.gradle依赖项{实现'com.github.okdroid： checkablechipview：2.0.0'}用法XML将小部件像这样包含在您的xml布局中
Android代码-一个Material Design Chip View库。
08-06
ChipView Yep, another Material Chip view library. Just because the Android Support library v 28.x is still in alpha and because no other chip library has been able to provide the simplicity I need (regardless of all their features). You can download a sample app here. Preview Including in your project Frames is available via JitPack, so getting it as simple as adding it as a dependency, like this: Add JitPack repository to your root build.gradle fileallprojects { repositories { ma
chips-android, 用于android的芯片EditText部件.zip
09-18
chips-android, 用于android的芯片EditText部件 EyeEm中的芯片库EyeEm风格气泡( a.k.a 芯片) 。[ ] [ ]用法你可以使用以下两个主要小部件：ChipsEditText 用于可以编辑文本和带有可选 AutocompletePopover的气泡
chips cope_Android P：Chips and ChipGroup
从零开始的教程世界
07-16 874
chips copeIn this tutorial, we’ll be discussing the latest components that are a part of the new Material Design Library: Chips and Chip Groups. We’ll be implementing them in our android application. ...
【Android】实用又好看~Material下的Chip标签组件
weixin_42473228的博客
07-18 2252
实用又好看~Material下的Chip标签组件
Android控件全解手册 - 一篇文Chip和ChipGroup全了
空名先生
06-30 3633
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等） --- Chip和ChipGroup
（十三）Flutter chip控件 warp divider
丿灬安之若死
01-21 1309
wrap换行显示 divider分割线 actionChip 动作碎片 FilterChip 过滤碎片 ChoiceChip 选择碎片 import 'package:flutter/material.dart'; class ChipDemo extends StatefulWidget { @override _ChipDemoState createState() =&g...
【Android,CustomWidget】Chip:那些搜索记录和好评中的Chips组件
weixin_42473228的博客
09-21 775
Chip:那些搜索记录和好评中的Chips组件
zigbee android
最新发布
05-25
ZigBee is a wireless communication protocol designed for low-power, low-data-rate applications such as home automation, industrial control, and sensor networks. To use ZigBee on an Android device, you would need to have a ZigBee radio chip integrated into the device or connected externally. Assuming you have a ZigBee radio chip, you can use the Android Open Accessory (AOA) protocol to communicate with it. AOA is an Android framework that allows USB accessories to interact with Android devices. You would need to implement a USB driver for the ZigBee chip and then use the AOA APIs to communicate with the chip. Alternatively, you can use a ZigBee-to-Wi-Fi bridge device that connects to your ZigBee network and provides a Wi-Fi interface. This way, you can communicate with the ZigBee network using standard Wi-Fi protocols on your Android device without needing a ZigBee radio chip.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

别偷我的猪_09

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值