美文网首页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