Android Material 常用组件详解（四）—— SwitchMaterial、Chip、ChipGroup 使用详解

最新推荐文章于 2024-09-14 07:51:09 发布

e电动小马达e

最新推荐文章于 2024-09-14 07:51:09 发布

阅读量1.2w

点赞数 20

分类专栏： Android

本文链接：https://blog.csdn.net/weixin_42046829/article/details/110220160

版权

本文详细介绍了Android Material Design中的SwitchMaterial组件的使用，包括直接使用、自定义字体颜色和大小、修改样式等。接着讨论了Chip的四种类型：Action, Filter, Entry, Choice Chip，以及它们的属性和监听事件。最后，阐述了ChipGroup的特性、属性和监听事件，如何实现流式布局以及选中监听功能。" 9161709,161048,Delphi 汉字判断函数,"['Delphi编程', '字符处理', '编程语言', '函数实现']

摘要由CSDN通过智能技术生成

1.SwitchMaterial

加强版的Switch

1.1 直接使用

在这里插入图片描述

  <com.google.android.material.switchmaterial.SwitchMaterial
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:checked="true"
    android:enabled="true"/>

1.2 添加开关文字

在这里插入图片描述

  <com.google.android.material.switchmaterial.SwitchMaterial
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:checked="true"
    android:enabled="true"
    android:text="我是SwitchMaterial"
    android:textOff="关"
    android:textOn="开"
    app:showText="true" />

1.3 修改开关的字体大小颜色

在这里插入图片描述

	app:switchTextAppearance="@style/ontextoff"

  <style name="ontextoff" parent="Theme.AppCompat.Light">
    <item name="android:textColor">#0d09f1</item>
    <item name="android:textSize">8sp</item>
  </style>

1.4 修改开关轨迹样式颜色

在这里插入图片描述

    app:theme="@style/scstyle"

  <style name="scstyle" parent="Theme.AppCompat.Light">
    <!--开启时的颜色-->
    <item name="colorControlActivated">#00e6db</item>
    <!--关闭时的颜色-->
    <item name="colorSwitchThumbNormal">#383434</item>
    <!--关闭时的轨迹颜色-->
    <item name="android:colorForeground">#ecd502</item>
  </style>

1.5 修改宽度设置和距离文字设置

在这里插入图片描述

	app:switchMinWidth="60dp"
	app:switchPadding="50dp"

1.6 修改轨道颜色和按钮颜色

在这里插入图片描述

	app:trackTint="#cc1023"
	app:thumbTint="#10cc16"

1.7 设置轨道图片

可设置为单一图片或者selector

在这里插入图片描述

	app:track="@drawable/vd_clock_clock"

1.8 设置按钮图片

可设置为单一图片或者selector

在这里插入图片描述

	android:thumb="@drawable/thumb_selector"

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_checked="true" android:drawable="@drawable/vd_clock_clock"/>
  <item android:state_checked=