自定义Switch的样式

<Switch
        android:showText="true"
        android:textOff="OFF"
        android:textOn="ON"
        android:track="@drawable/sc_track_bg"
        android:thumb="@drawable/sc_btn_bg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
thumb是开关按钮的属性,track是滑动轨道的属性

sc_track_bg文件

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

sc_track_select 文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#00FF00" />
    <corners android:radius="24dp" />
</shape>

sc_track_unselect文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#E3E3E3" />
    <corners android:radius="24dp" />
</shape>

sc_btn_bg文件

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

</selector>

sc_btn_select文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="24dp"
        android:height="24dp" />
    <solid android:color="@android:color/white" />
</shape>

sc_btn_press文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <size android:height="28dp" android:width="28dp"/>
    <solid android:color="@android:color/white"/>
    <stroke android:color="#E3E3E3" android:width="4dp"/>

</shape>

若想要修改文字的颜色 在res文件夹下建一个color文件夹,定义一个文本颜色状态的selector:switch_text_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#FFF" android:state_checked="false" />
    <item android:color="#000" android:state_checked="true" />
</selector>

修改样式

<style name="SwitchTheme" parent="@android:style/TextAppearance.Small">
    <item name="android:textColor">@color/switch_text_selector</item>
</style>

设置给Switch

android:switchTextAppearance="@style/SwitchTheme"
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值