4

セレクターを使用して定義されたドローアブルを使用して、トグルボタンをカスタマイズしました。このドローアブルをトグルボタンの背景として使用します。

<ToggleButton
    android:id="@+id/mailbox:toggle_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:layout_weight="1"
    android:background="@drawable/toggle_background"
    android:gravity="center_horizontal|center_vertical" />

トグルバックグラウンドはここで定義されます：

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

問題は、画像が常に引き伸ばされることです。引き伸ばされていない2つの状態の画像を定義する方法はありますか？

必要なのは、引き伸ばされる背景と、ボタンの中央に引き伸ばされてはならないアイコンです。

出来ますか？

4

5 に答える 5

13

これが私の最終的な解決策です。

レイアウト：

<ToggleButton
    android:id="@+id/mailbox:toggle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"     
    android:background="@drawable/toggle_drawable_layers"/>

toggle_drawable_layers.xml内

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/toggle_drawable_bkg"></item>
    <item android:left="10dp" android:drawable="@drawable/toggle_drawable_left"
          android:gravity="center_vertical|center_horizontal" />
</layer-list>

toggle_drawable_left.xml内

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <bitmap android:src="@drawable/bitmap_checked"
          android:gravity="center_vertical|center_horizontal" />
    </item>
    <item android:state_checked="false">
        <bitmap android:src="@drawable/bitmap_unchecked"
          android:gravity="center_vertical|center_horizontal" />
    </item>        
</selector>
于 2012-10-05T09:22:05.473 に答える
5

私はこの方法で同じタスクを実行しました。ボタン：

        <ToggleButton  android:id="@+id/mlAbout"
            android:textOn="@string/about"
            android:textOff="@string/about"
            android:background="@drawable/ml_about" />

@ drawable / ml_about：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/list_bg_top"></item>
    <item android:left="10dp">
        <bitmap android:src="@drawable/waiting_status_btn"
          android:gravity="center_vertical|left" />
    </item>
</layer-list>

引き伸ばされる@drawable/list_bg_top背景画像と@drawable/ waiting_status_btnは、ウィジェットで引き伸ばされないアイコンです

于 2012-10-04T11:41:48.110 に答える
2

セレクターでドローアブルの代わりにビットマップを使用するだけです（レイヤーを使用する必要はありません）。

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

また、ToggleButton宣言でandroid：textOff = "" android：textOn=""を宣言することを忘れないでください

于 2013-12-11T13:23:58.967 に答える
1

これとこれは間違いなくあなたを助けます

于 2012-10-04T11:40:37.487 に答える
0

ストレッチの問題を克服する別の方法があります：

画像を9パッチ画像に変換するだけで、伸縮可能な領域が画像のすべての側面に配置されます。

次に、Androidは非表示領域でのみ画像を拡大し、表示画像を変更せずに維持します。

于 2014-04-28T20:29:50.663 に答える