自定义开关使用自定义drawables显得很大

时间:2015-04-14 13:13:08

标签: android xml toggle toggleswitch

我正在使用3个可绘制文件制作自定义switch。两个图标OnOff,由89x89图像表示,以及自定义Track可绘制资源(黑色),即171x93。当我将自定义drawables设置为开关时,它会延伸到图像的大小。如何缩小这些图像以使其完全适合并且不大于文本本身?

这是我的switch xml:

<Switch
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:id="@+id/switchAnimation"
        android:thumb="@drawable/my_switch"
        android:switchMinWidth="55dp"
        android:track="@drawable/toggle_track"
        android:textOff=""
        android:textOn=""
        android:textColor="#FFF"/>


交换机my_switch.xml的简化:

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

左边的轨道:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true"  android:drawable="@drawable/toggle_track" />
    <item                               android:drawable="@drawable/toggle_track" />
</selector>

我已经在两个模拟器设备Galaxy nexus API 21和Nexus 4 API 19上测试了这个。另一个问题,我还注意到,在API 19设备上点击交换机时,没有平滑过渡动画,如API 21(而不是图标只是出现和消失),这是正常的吗?! nexus 4 API 19 with custom black track

![nenx​​us 4 API 19没有自定义轨道] [2]

galaxy nenxus API 21 with black track


EDIT
我使资源变得更小,25x25,现在看起来尺寸合适,但它看起来有点像素化。有没有办法将质量图标缩小到更小的尺寸?

1 个答案:

答案 0 :(得分:1)

只需添加零不透明度的笔划:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:state_enabled="true">
        <shape android:shape="oval" android:visible="true">
            <solid android:color="@android:color/white" />
            <size android:width="20dp" android:height="20dp" />
            <stroke android:width="7dp" android:color="#00000000" />
        </shape>
    </item>
    <item android:state_checked="false" android:state_enabled="false">
        <shape android:shape="oval" android:visible="true">
            <solid android:color="#ccc" />
            <size android:width="20dp" android:height="20dp" />
            <stroke android:width="7dp" android:color="#00000000" />
        </shape>
    </item>
</selector>

Sample Image