美文网首页Android开发精选
修改SwitchCompat的背景图片

修改SwitchCompat的背景图片

作者: 爱在记忆消失前 | 来源:发表于2018-08-09 09:11 被阅读643次

    都喜欢模仿IOS,我也是醉了,UI小妹妹让弄成IOS的选择按钮!

    switch_default.png

    switch_select.png

    我一脸懵逼啊!安卓原生的样式好像不是这样的啊。。。想用ToggleButton,出来样式太大了,纠结中。。。

    没办法只能尝试着去改SwitchCompat,先放个背景选择器

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

    点点划划,好像可以变啊!!!!兴奋中,,可是上面还浮动着原生的样式啊,感觉像是按钮重叠了!!好丑啊,,没办法只能想办法去掉原生的样式了,看网上都说怎么设置轨道,按钮,还有状态颜色!那我们能不能都设置成透明色,去处理!
    下面是修改方案:
    <android.support.v7.widget.SwitchCompat
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:background="@drawable/switch_bg"
    app:splitTrack="false"
    app:showText="false"
    app:theme="@style/scstyle"
    app:trackTint="#00000000"
    app:thumbTint="#00000000"/>

    首先去掉字的显示,还有样式,把按钮和轨道设置成透明的,样式也设置成透明色,

    <style name="scstyle" parent="Theme.AppCompat.Light">

    <item name="colorControlActivated">#00000000</item>

    <item name="colorSwitchThumbNormal">#00000000</item>

    <item name="android:colorForeground">#00000000</item>
    </style>

    测试之后,原生的样式不见了!

    是不是挺简单的!完工。。。。

    相关文章

      网友评论

        本文标题:修改SwitchCompat的背景图片

        本文链接:https://www.haomeiwen.com/subject/mffqbftx.html