Java/Android/応用編/グラデーション&丸み設定の方法 の変更点

Top > Java > Android > 応用編 > グラデーション&丸み設定の方法


[[android応用編]]

**グラデーション&丸み設定の方法
ボタンなどのウィジェットの角を丸くしたり、グラデーションを施す内容をxmlで定義します。

以下の画像のボタンの形と色をxmlで編集します。
#ref(button_normal.jpg)

**main.xml
main.xmlにボタンを定義します。
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:
     android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     >
 	<Button android:id="@+id/button_GO"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content"
 	    android:text="@string/button_label"
 	    android:background="@drawable/shape_button_corners"
 	    />
 </LinearLayout>

『android:background="@drawable/shape_button_corners"』 で
shape_button_corners.xml を参照します。
**shape_button_corners.xml
shape_button_corners.xml に角の丸みとグラデーションを定義します。
  <?xml version="1.0" encoding="utf-8"?>
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:
    android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
     <gradient
        android:startColor="#ff1493"
        android:endColor="#f0f8ff"
        android:angle="0"
        />
     <corners
     	android:bottomRightRadius="10dp"
     	android:bottomLeftRadius="10dp"
     	android:topLeftRadius="10dp"
     	android:topRightRadius="10dp"
        />
 	<stroke
 		android:width="1px"
 		android:color="#9F9F9F"
        />
     <padding
     	android:left="7dp"
        android:top="7dp"
        android:right="7dp"
        android:bottom="7dp"
        />
 </shape>
結果、こうなります。
#ref(button_round&grad.jpg)
各種設定に関する情報
http://developer.android.com/guide/topics/resources/drawable-resource.html

[[android開発のご相談は、こちらまでお問い合わせください。:http://corp.sorich.jp/info/contact.html]]

TOP