自定义开关看起来很大使用自定义可绘制文件

问题描述:

我正在使用3个可绘制文件自定义switch。由89x89图像表示的OnOff两个图标以及171x93的可绘制资源(彩色黑色)自定义Track。当我将自定义绘图设置到开关上时,它会拉伸到图像的大小。我怎样才能缩小这些图像的大小,使其不会比文本本身更大?自定义开关看起来很大使用自定义可绘制文件


这是我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的绘制:

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

我:

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


轨道的绘制已经在两个emulat上进行了测试或设备,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


编辑
我发的资源小了很多,25×25,现在看来合适的尺寸,但它看起来有点像素化。有什么方法可以将质量图标缩小到更小的尺寸?

只需使用零不透明度增加行程:

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