Пользовательский переключатель кажется огромным, используя пользовательские чертежи

Question

Я делаю заказ switch с использованием 3 файлов. Две иконки, On и Off, представленные изображениями 89x89 и обычным способом: Track ресурс с выделением (цветной черный), который равен 171x93. Когда я устанавливаю свои пользовательские чертежи для коммутатора, он растягивается до размера изображений. Как я могу масштабировать эти изображения, чтобы они соответствовали точно и не больше, чем сам текст?

Это мой 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> 

I проверили это на двух эмулятах или устройства, API Galaxy Nexus API 21 и API Nexus 4 19. Еще один вопрос, я также замечаю, что после щелчка на коммутаторе в устройствах API 19 нет плавной переходной анимации, такой как API 21 (вместо этого появляются только значки и исчезают), это нормально ?!

! [Nenxus 4 API 19 с позаказные дорожки] [2]

EDIT
Я сделал ресурсы намного меньше, 25x25, теперь появляется правильный размер, но он выглядит немного неровным. Есть ли способ уменьшить масштаб значков качества до меньшего размера?

Answer 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