3

我正在switch使用 3 个可绘制文件进行自定义。两个图标On和Off，由 89x89 图像和一个自定义Track可绘制资源（黑色）表示，它是 171x93。当我将自定义可绘制对象设置为开关时，它会拉伸到图像的大小。如何缩小这些图像以完全适合并且不大于文本本身？


这是我的switchxml：

<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 的 drawable：

<?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>


轨道的drawable：

<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

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

带有黑色轨道的 Galaxy nenxus API 21


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

4

1 回答 1

2

只需添加零不透明度的笔画：

<?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>

示例图像

于 2018-01-12T07:06:16.443 回答