广告
返回顶部
首页 > 资讯 > 精选 >Android如何自定义Switch开关按钮控件
  • 336
分享到

Android如何自定义Switch开关按钮控件

2023-07-02 08:07:54 336人浏览 安东尼
摘要

这篇“Android如何自定义Switch开关按钮控件”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android如何自定义

这篇“Android如何自定义Switch开关按钮控件”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android如何自定义Switch开关按钮控件”文章吧。

自定义Switch外观

外观定制这块属于基操了,我们利用属性 android:track 和 android:thumb 定制 Switch 的背景图片和滑块图片,UI那能直接切图肯定做起来更快,此方式实现极其简单指定图片就行。

Android如何自定义Switch开关按钮控件

布局样式

<Switch    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:thumb="@drawable/selector_switch_thumb"    android:layout_margin="16dp"    android:track="@drawable/selector_switch_track" />

Drawable代码

<?xml version="1.0" encoding="utf-8"?><!--switch的自定义轨道--><!--selector_switch_track.xml文件--><selector xmlns:android="Http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/track_on" android:state_checked="true" />    <item android:drawable="@drawable/track_off" android:state_checked="false" /></selector><?xml version="1.0" encoding="utf-8"?><!--switch的自定义圆钮--><!--selector_switch_thumb.xml文件--><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/thumb_on" android:state_checked="true" />    <item android:drawable="@drawable/thumb_off" android:state_checked="false" /></selector><?xml version="1.0" encoding="utf-8"?><!--track_on.xml文件--><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <solid android:color="#BB00FF00" />    <!-- 这个是用来实现轨道高度小于圆钮高度的,值越大轨道越细-->    <!-- 同理,若thumb有stroke,track没有,可实现圆钮在轨道里的伪效果-->    <stroke        android:width="8dp"        android:color="#00000000" />    <corners android:radius="20dp" /></shape><?xml version="1.0" encoding="utf-8"?><!--track_off.xml文件--><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <solid android:color="#E4E4E4" />    <!-- 这个是用来实现轨道高度小于圆钮高度的,值越大轨道越细-->    <stroke        android:width="8dp"        android:color="#00000000" />    <corners android:radius="20dp" /></shape><?xml version="1.0" encoding="utf-8"?><!--thumb_on.xml文件--><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval">    <solid android:color="#FFFF00" />    <size        android:width="20dp"        android:height="20dp" /></shape><?xml version="1.0" encoding="utf-8"?><!--thumb_off.xml文件--><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval">    <solid android:color="#AAAAAA" />    <size        android:width="20dp"        android:height="20dp" /></shape>

要想实现下图效果:

Android如何自定义Switch开关按钮控件

就是小空在代码中注释所述,在开关按钮上增加一个透明的边框,轨道的高度会自动变化。

除了Switch还有另一个开关ToggleButton,该控件无thumb和track,相比Switch缺少了滑动的动画效果。在使用上和Switch基本一致,同样可以自定义。

Android如何自定义Switch开关按钮控件

以上就是关于“Android如何自定义Switch开关按钮控件”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网精选频道。

--结束END--

本文标题: Android如何自定义Switch开关按钮控件

本文链接: https://www.lsjlt.com/news/340656.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作