0

Androidにカスタムスイッチ（iOSなど）を実装しました。xhdpi デバイス (Nexus 4、moto g3) で完全に動作します。しかし、Nexus S のスイッチのトラック幅を減らすことはできません。長すぎます。

custom_switch_thumb

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_checked="true">
    <shape
        android:shape="rectangle"
        android:visible="true"
        android:dither="true"
        android:useLevel="false">
        <gradient
            android:startColor="#66AAFF00"
            android:endColor="#6600FF00"
            android:angle="270"/>
        <corners
            android:radius="20dp"/>
        <size
            android:width="30dp"
            android:height="30dp" />
        <stroke
            android:width="4dp"
            android:color="#0000ffff"/>
    </shape>
</item>
<item android:state_checked="false">
    <shape
        android:shape="rectangle"
        android:visible="true"
        android:dither="true"
        android:useLevel="false">
        <gradient
            android:startColor="#ff0000"
            android:endColor="#ff0000"
            android:angle="270"/>
        <corners
            android:radius="20dp"/>
        <size
            android:width="30dp"
            android:height="30dp" />
        <stroke
            android:width="4dp"
            android:color="#0000ffff"/>
    </shape>
</item>

custom_switch_track

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
android:visible="true"
android:dither="true"
android:useLevel="false">
<gradient
    android:startColor="#27170432"
    android:endColor="#27170432"
    android:angle="270"/>
<corners
    android:radius="20dp"/>
<size
    android:width="60dp"
    android:height="30dp" />
</shape>

レイアウトに配置されたスイッチ

 <Switch
            android:id="@+id/notification_client_switch"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="8dp"
            android:gravity="center"
            android:showText="true"
            android:switchMinWidth="0dp"
            android:switchTextAppearance="@style/SwitchTextAppearance"
            android:textOff="@string/no_label"
            android:textOn="@string/yes_label"
            android:thumb="@drawable/custom_switch_selector"
            android:track="@drawable/custom_switch_track" />

トラック幅とスイッチ "android:switchminwidth" を異なる値で変更しましたが、効果はありません。

4

1 に答える 1

0

トゥーグルボタンのコード

 <ToggleButton
            android:id="@+id/notification_client_switch"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
           android:background="@drawable/toggleBackground"
            android:checked="true"
            android:textOff=" "
            android:textOn=" " />

描画可能な toggleBackground の xml

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

于 2016-06-10T10:49:50.377 に答える