Android开发手册自定义Switch开关按钮控件

 更新时间:2022年06月10日 16:47:47   作者:芝麻粒儿  
这篇文章主要为大家介绍了Android开发手册自定义Switch开关按钮控件的示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

😜自定义Switch外观

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

布局样式

<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>

要想实现下图效果:

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

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

以上就是Android开发手册自定义Switch开关按钮控件的详细内容,更多关于Android开发自定义Switch控件的资料请关注脚本之家其它相关文章!

相关文章

  • Android布局居中的几种做法

    Android布局居中的几种做法

    这篇文章主要介绍了Android布局居中的几种做法的相关资料,需要的朋友可以参考下
    2016-09-09
  • Android自定义对话框的简单实现

    Android自定义对话框的简单实现

    这篇文章主要为大家详细介绍了Android自定义对话框的简单实现,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • Android实现页面滑动切换动画

    Android实现页面滑动切换动画

    这篇文章主要为大家详细介绍了Android实现页面滑动切换动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android 详解ThreadLocal及InheritableThreadLocal

    Android 详解ThreadLocal及InheritableThreadLocal

    这篇文章主要介绍了Android 详解ThreadLocal及InheritableThreadLocal的相关资料,需要的朋友可以参考下
    2017-01-01
  • Android QQ登录界面绘制代码

    Android QQ登录界面绘制代码

    这篇文章主要为大家详细介绍了Android QQ登录界面绘制代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • android Imageview 图片覆盖具体实现

    android Imageview 图片覆盖具体实现

    android Imageview 图片覆盖实现及注意事项如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • Flutter悬浮按钮FloatingActionButton使用详解

    Flutter悬浮按钮FloatingActionButton使用详解

    本文主要介绍了Flutter悬浮按钮FloatingActionButton使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • Android利用zxing快速集成二维码扫描的实例教程

    Android利用zxing快速集成二维码扫描的实例教程

    最近二维码真是越来越火了,随便电视上、网络上、商场里,到处都是二维码,所以下面这篇文章我们就来给大家介绍关于Android利用zxing快速集成二维码扫描的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起看看吧。
    2017-09-09
  • 详解OpenGL Shader彩虹条纹效果的实现

    详解OpenGL Shader彩虹条纹效果的实现

    这篇文章主要为大家介绍了如何通过OpenGL Shader实现彩虹条纹效果,最后的效果和图片处理软件colorow中的彩虹效果滤镜相似,需要的可以参考一下
    2022-02-02
  • Android实现列表时间轴

    Android实现列表时间轴

    这篇文章主要为大家详细介绍了Android实现列表时间轴效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05

最新评论