iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android开发手册自定义Switch开关按钮控件
  • 946
分享到

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

2024-04-02 19:04:59 946人浏览 独家记忆
摘要

目录?自定义Switch外观布局样式Drawable代码?自定义Switch外观 外观定制这块属于基操了,我们利用属性 Android:track 和 android:thumb 定

?自定义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控件的资料请关注编程网其它相关文章!

--结束END--

本文标题: Android开发手册自定义Switch开关按钮控件

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

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

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

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

下载Word文档
猜你喜欢
  • Android开发手册自定义Switch开关按钮控件
    目录自定义Switch外观布局样式Drawable代码自定义Switch外观 外观定制这块属于基操了,我们利用属性 android:track 和 android:thumb 定制 ...
    99+
    2024-04-02
  • Android如何自定义Switch开关按钮控件
    这篇“Android如何自定义Switch开关按钮控件”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android如何自定义...
    99+
    2023-07-02
  • Android 之开关按钮 ToggleButton 和开关 Switch
    本节引言: 本节给大家介绍的Android基本UI控件是:开关按钮ToggleButton和开关Switch,可能大家对着两个组件 并不熟悉,突然想起笔者的第一间外包公司,是否在wifi下联网的开关,竟然用的TextView,然后叫美工...
    99+
    2023-09-13
    android
  • Android怎么实现自定义开关按钮
    这篇文章主要讲解了“Android怎么实现自定义开关按钮”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么实现自定义开关按钮”吧!一、原理我们在界面的某一个区域里放置一个背景图...
    99+
    2023-06-30
  • Android自定义开关按钮源码解析
    本文实例为大家分享了Android自定义开关的具体代码,供大家参考,具体内容如下 以 ToggleColorY 为例分析, ToggleImageY逻辑代码差不多 初始化参数 获取背...
    99+
    2024-04-02
  • Android Switch开关按钮使用和自定义样式(系列教程五)
    Switch开关按钮简介 Switch开关按钮是Android中的基本控件之一,其本质上也是一个按钮,具有开和关两种展示状态。 Switch开关按钮基本使用 在布局文件中定义开关按钮: 下面是开关按钮的默认样式,比...
    99+
    2023-09-02
    android android studio androidx 前端 java
  • android怎么自定义开关控件
    要自定义开关控件,可以使用以下步骤:1. 创建一个自定义的开关控件类,继承自Switch或CompoundButton类。2. 在自...
    99+
    2023-08-16
    android
  • MotionLayout自定义开关按钮实例详解
    目录MotionLayout自定义一个动画开关按钮使用方法完整代码直接拿去用MotionLayout自定义一个动画开关按钮 MotionLayout是一个非常新的类,它来自Const...
    99+
    2022-11-13
    MotionLayout自定义开关按钮 MotionLayout开关按钮
  • Android开发手册Button按钮实现点击音效
    目录前言实践过程创建个布局创建ActivityAudioBtnUtils.class结果前言 大家玩游戏的时候都知道按钮除了点击效果还有点击音效,噗~的一声,就挺灵性的。 在Unit...
    99+
    2024-04-02
  • Android实现史上最简单自定义开关按钮的方法
    目录前言一、原理二、实现1、自定义View类MyToggle1)属性字段2)覆写View类的构造方法3)创建init方法4)手指触摸事件回调方法onTouch5)界面重绘方法onDr...
    99+
    2024-04-02
  • Android开发怎么自定义实时图表控件
    本文小编为大家详细介绍“Android开发怎么自定义实时图表控件”,内容详细,步骤清晰,细节处理妥当,希望这篇“Android开发怎么自定义实时图表控件”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。演示环境开发工...
    99+
    2023-07-02
  • Android开发自定义双向SeekBar拖动条控件
    目录目标:双向拖动的自定义View实现步骤自定义属性获取确定自定义view尺寸绘制相关的内容部分滑动事件处理目标:双向拖动的自定义View 国际惯例先预览后实现 我们要实现的就是一...
    99+
    2024-04-02
  • web开发中如何自定义上传按钮样式
    这篇文章将为大家详细讲解有关web开发中如何自定义上传按钮样式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。用input本身的属性做的上传按钮,在不同的浏览器中长得都不一...
    99+
    2024-04-02
  • ASP.NET如何自定义控件开发
    这篇文章主要为大家展示了“ASP.NET如何自定义控件开发”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ASP.NET如何自定义控件开发”这篇文章吧。该控件的功能如下:显示服务端时间,并不停更新...
    99+
    2023-06-17
  • winform怎么自定义控件开发
    在WinForms中自定义控件开发,可以按照以下步骤进行:1. 创建新的类,继承自现有的控件类,比如`UserControl`或`C...
    99+
    2023-10-10
    winform
  • Android复选框CheckBox与开关按钮Switch及单选按钮RadioButton使用示例详解
    目录前言 一、复选框CheckBox二、开关按钮Switch三、单选按钮RadioButton单选组的用法前言  CompoundButton在XML文件中主要...
    99+
    2024-04-02
  • Android自定义控件实现简单滑动开关效果
    本文实例为大家分享了Android自定义控件实现简单滑动开关的具体代码,供大家参考,具体内容如下 ToggleButton 滑动开关 项目概述 滑动开关是一个纯粹的自定义控件,上面的...
    99+
    2024-04-02
  • Android中ToggleButton开关状态按钮控件使用方法详解
    ToggleButton是Android中的开关按钮控件,可以用来表示两个状态之间的切换,比如开关、选择等。下面是ToggleBut...
    99+
    2023-08-08
    Android
  • Android开发自定义实时图表控件实现示例
    目录概述演示环境实现第一步:新建项目RealTimeChartDemo第二步:新建RealTimeChart类第三步:添加自定义变量第四步:初始化基础参数第五步:初始化宽高等参数第六...
    99+
    2024-04-02
  • Android自定义定时闹钟开发
    本文实例为大家分享了Android开发之自定义闹钟实现,供大家参考,具体内容如下 闹钟时间设置及显示 闹钟的布局很简单,就是一个简单时间设置,所以自己写一个简单的布局按钮之类的也可以...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作