2012年8月3日金曜日

ボタンス・タイルのカスタマイズ


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content">

    <!-- フォーカスされていない -->
    <!-- ボタンが押されていない -->
    <item android:state_focused="false"
        android:state_pressed="false">
    <layer-list>
            <item><shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                    <gradient android:angle="270"
                        android:startColor="#000000"
                        android:centerColor="#ffffff"
                        android:endColor="#000000"
                        android:type="linear" />

                    <corners android:radius="4dip" />

                    <stroke android:width="1dip"
                        android:color="#ffffff" />
                    <padding android:top="5dip"
                        android:bottom="5dip"/>
                </shape></item>
        </layer-list></item>

    <!-- フォーカスされていない -->
    <!-- ボタンが押されている -->
    <item android:state_focused="false"
        android:state_pressed="true"><layer-list>
            <item><shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                    <gradient android:angle="270"
                        android:startColor="#ffffff"
                        android:centerColor="#000000"
                        android:endColor="#ffffff"
                        android:type="linear" />

                    <corners android:radius="4dip" />

                    <stroke android:width="1dip"
                        android:color="#ffffff" />
                </shape></item>
        </layer-list></item>

    <!-- フォーカスされた -->
    <!-- ボタンが押されていない -->
    <item android:state_focused="true"
        android:state_pressed="false"><layer-list>
            <item><shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                    <gradient android:angle="270"
                        android:startColor="#000000"
                        android:centerColor="#ffffff"
                        android:endColor="#000000"
                        android:type="linear" />

                    <corners android:radius="4dip" />

                    <stroke android:width="1dip"
                        android:color="#FF6600" />
                </shape></item>
        </layer-list></item>

    <!-- フォーカスされた -->
    <!-- ボタンが押されている -->
    <item android:state_focused="true"
        android:state_pressed="true"><layer-list>
            <item><shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                    <gradient android:angle="270"
                        android:startColor="#ffffff"
                        android:centerColor="#000000"
                        android:endColor="#ffffff"
                        android:type="linear" />

                    <corners android:radius="4dip" />

                    <stroke android:width="1dip"
                        android:color="#CC6600" />
                </shape></item>
        </layer-list></item>

</selector>

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="button" >
        <item name="android:layout_marginTop">1dip</item>
  <item name="android:layout_marginBottom">1dip</item>
    </style>

</resources>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" ><Button
        android:id="@+id/button1"
        style="@style/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@layout/mybutton"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        style="@style/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@layout/mybutton"
        android:text="Button" />

</LinearLayout>

関連記事

0 件のコメント:

コメントを投稿