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

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

android応用編?

グラデーション&丸み設定の方法

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

以下の画像のボタンの形と色をxmlで編集します。

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"?>
<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>

結果、こうなります。

button_round&grad.jpg

各種設定に関する情報
http://developer.android.com/guide/topics/resources/drawable-resource.html

android開発のご相談は、こちらまでお問い合わせください。

最終更新日: 2010-09-09 (木) 12:24:23 (2360d)

添付ファイル: filebutton_round&grad.jpg 780件 [詳細] filebutton_normal.jpg 1026件 [詳細]

このページをブックマーク:

このページのURL(コピペして利用下さい):

TOP