修改Android自带Switch样式

最新推荐文章于 2024-06-07 21:57:57 发布
最新推荐文章于 2024-06-07 21:57:57 发布
阅读量1.3w 收藏 9
点赞数 3
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xwx617/article/details/77934920
版权

由于Android自带的Switch样式不能应用于所有UI风格的App，因此修改Switch样式是项目中经常要用到的技术，Switch的样式一般来说需要修改以下部分：按钮(thumb)、轨迹(track)以及大小。

首先我们经过尝试可以发现，如果我们直接在布局文件中修改Switch的属性layout_width和layout_height是无法修改Switch的真实大小的，相反只能改变这个Switch布局占的空间大小，Switch按钮的大小并没有发生改变。

这里写图片描述

在StackOverflow上搜索How to change the size of Switch Widget后，得到了答案（StackOverflow上的高票答案指出Switch大小是由track决定的，但是我自己尝试后发现Switch大小是由thumb决定的）。
实际上控件Switch的大小是由thumb也就是按钮大小决定的，track轨迹会适应thumb的大小，因此若是我们想改变Swicth的大小，我们需要改变Thumb的大小。
下面我们自己写一个thumb，取名为my_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
最低0.47元/天 解锁文章
WindFromFarEast
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
一起Talk Android吧（第四百八十二回：如何修改Switch的长宽
talk_8的专栏
01-31 1113
本章回中主要介绍了如何修改的switch控件的长度和宽度，并且通过文字结合的方式进行了介绍。
android 自定义开关键设置大小,Android 自定义Switch开关按钮的样式实例详解
weixin_39747721的博客
05-25 1437
封面GitHub传送门1.写在前面本文主要讲的是在Android原生Switch控件的基础上进行样式自定义，内容很简单，但是在实现的过程中还是遇到了一些问题，在此记录下来，希望对大家能够有所帮助，看下效果图：自定义样式2.自定义样式2.1 原生样式首先看下原生的效果(Android 7.1)：原生效果布局文件如下:android:layout_width="wrap_content"android...
Switch开关大调节和提示文字样式调节
NS_ice的博客
05-20 2797
简述 Android Studio 中xml提供的原生Switch是比较小的。 如果想要改变其大小该怎么办？ 可以通过通用属性来修改其大小 android:scaleX="1.5" android:scaleY="1.5" scaleX改变横轴水平方向，参数相当于放大倍数 scaleY改变纵轴垂直方向，参数相当于放大倍数 细节 注意一个问题:直接放大后会出现一个问题，开关可能会出现位置偏移，甚至超出盒子大小，然后消失的情况。 有时候盒子过大，他就会直接消失，不要慌张，他只是因为偏移完全超出了盒
Switch刷机：安装Android系统和Linux系统
最新发布
生活在别处
06-07 1917
Lakka基于OpenELEC项目，并内置了RetroArch作为其核心组件，RetroArch是一个强大的前端界面，支持多种游戏模拟器核心（通过Libretro接口），这意味着用户可以在一个统一且用户友好的界面下玩到众多不同平台的经典游戏。在安装Android、Linux之后，可以按照正常步骤来安装大气层虚拟系统，这样安装完成之后Switch就是一个Android、Linux、大气层虚拟系统、官方原生系统并存的设备，在Hekate引导界面选择需要启动的系统。请在刷机前思考清楚自己的需求。
安卓开关Switch使用的小细节
张子羽的安卓bug开发日记
07-15 2460
一、安卓开关Switch介绍 二、原生Switch缩放 三、Switch的开关控制
【Android开发--新手必看篇】Switch 开关(含自定义样式)
江川一梦的博客
07-02 1890
Android笔记 ​ ——各类控件的使用（控件）-开关 【若对该知识点有更多想了解的，欢迎私信博主~~】 开关：Switch 属性： XML属性 说明 layout_width 布局宽度 layout_height 布局高度 switchMinWidth 设置开关的最小宽度 textOn 按钮被选中时显示的文字 textOff 按钮没有被选中时显示的文字 checked 是否被选中 track 开关轨道的颜色 thumb 开关按钮的颜色 showTex
Android Switch控件自定义样式
安卓兼职framework和app工程师的博客
12-04 1445
Android中自带的Switch控件在很多时候总觉得和整体系统风格不符，很多时候，自定义Switch是一种方法。 但其实不用这么麻烦，安卓自带的Switch通过修改一些属性，也可以达到自定义Switch的效果。 先上效果图： 以上便是修改后效果 与 原生Switch的效果对比。代码在文章底部给出 实现方式： 1.底部滑动条，在开关打开状态为绿色，开关关闭状态为灰色 在 res/drawable...
Android自定义Switch样式
wolf0706的专栏
06-09 1250
系统自定义Switch样式经常无法满足需求，通过图片的方式没有滑动的动效，所以需要根据Switch自带的属性自定义样式，下面通过例子说明如何自定义。
Android开发实现Switch控件修改样式功能示例【附源码下载】
01-04
本文实例讲述了Android开发实现Switch控件修改样式功能。分享给大家供大家参考，具体如下： Android中自带的Switch控件在很多时候总觉得和整体系统风格不符，很多时候，自定义Switch是一种方法。 但其实不用这么麻烦...
Android自定义Switch控件
01-07
本篇文章将深入探讨如何基于Android系统自带的Switch控件进行自定义，以实现更丰富的交互效果和视觉动画。我们将从以下几个方面来详细讲解这个自定义Switch控件： 1. **基础理解**：Switch控件在Android中是...
android自定义switch
11-28
然而，Android系统自带的`Switch`控件可能无法满足开发者的所有需求，比如样式、动画效果或者交互方式等。这时，我们就需要自定义`Switch`来实现更个性化的功能和视觉效果。本教程将围绕“Android自定义`Switch`”这...
Android自定义开关控件SwitchView下载
01-02
本文将深入探讨如何基于Android系统自带的Switch控件，创建一个名为SwitchView的自定义开关控件，并适用于较低的SDK版本。 首先，我们需要理解Android系统自带的Switch控件。Switch是Android 4.0（API级别14）引入...
android SwitchButton 滑动开关按钮
03-07
虽然Android自带的`Switch`已经满足基本需求，但有时我们可能需要自定义它的样式、颜色、尺寸等。这可以通过以下几种方式实现： - **使用Style和Theme**：可以创建自定义样式和主题，通过`android:style`或`android...
android自定义Switch样式
sinat_28761919的博客
06-17 3080
效果如图 自定义组件CheckSwitchButton.Java 放在View文件下 package com.haiyisoft.teamassistant.view; import com.haiyisoft.teamassistant.R; import com.haiyisoft.teamassistant.anim.FrameAnimationController;
Android Switch开关按钮使用和自定义样式（系列教程五）
热门推荐
qq_34215018的博客
11-04 1万+
Android Switch开关按钮使用和自定义样式。Switch开关按钮是Android中的基本控件之一，其本质上也是一个按钮，具有开和关两种展示状态。textOn：开关按钮打开时显示的文字。textOff：开关按钮关闭时显示的文字。thumb：开关按钮上原型滑块的样式，自定义样式时需要设置此样式。track：开关按钮下面导轨的样式，自定义样式时需要设置此样式。switchTextAppearance：设置文本的风格，可以用来设置开关两种状态下的文本样式。checked：设置初始选中状态。
Android 第十二章 Switch
weixin_43969550的博客
11-11 1402
Switch简单使用
Android控件篇 修改原生Switch组件的样式
圈池
03-05 554
一、效果展示 关闭状态效果： 开启状态效果： 二、修改样式 第一步：添加Switch控件 <Switch android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_centerInParent="true" android:
在安卓4.x上使用Switch控件，并且替换thumb和track的图片时，Switch展示的width会明显大于设置的宽度，导致图片变形
marinLiu的博客
05-15 5321
4.x上默认会显示开启或关闭时的文字，例如“开启”或者“关闭”，这个文字首先要隐藏，使用 android:textOn="" android:textOff=""然后要加上两个属性的设置，第一是android:thumbTextPadding="6dp"，这个属性可以让图片不变形，第二是android:switchMinWidth="24dp"，这个属性可以让Switch的宽度是你想要
android自定义switch颜色
weixin_42966151的博客
11-10 524
Switch。
android 自定义switch控件,Android中switch自定义样式
05-22
Android中自定义Switch控件可以通过自定义drawable来实现。以下是一个简单的例子： 1. 创建一个drawable资源文件，例如 switch_bg.xml，用于定义Switch的背景样式： ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true" android:drawable="@drawable/switch_on_bg" /> <item android:state_checked="false" android:drawable="@drawable/switch_off_bg" /> </selector> ``` 2. 创建两个drawable资源文件，例如 switch_on_bg.xml 和 switch_off_bg.xml，分别用于定义Switch开和关状态下的样式。 switch_on_bg.xml： ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#00FF00" /> <corners android:radius="20dp" /> </shape> ``` switch_off_bg.xml： ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#FF0000" /> <corners android:radius="20dp" /> </shape> ``` 3. 在布局文件中使用自定义Switch控件： ```xml <Switch android:id="@+id/customSwitch" android:layout_width="wrap_content" android:layout_height="wrap_content" android:thumb="@drawable/custom_switch_thumb" android:track="@drawable/switch_bg" /> ``` 其中，android:thumb属性定义了Switch的拇指（即开关按钮）的样式。我们可以创建一个自定义drawable来实现： ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#FFFFFF" /> <size android:width="20dp" android:height="20dp" /> </shape> ``` 这样就完成了自定义Switch控件的样式。当Switch状态改变时，背景样式也会随之改变。你可以根据自己的需求来修改样式。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值