背景にグラデーションを与えるには、eclipseの「パッケージ・エクスプローラー」内の「res」->「drawable」フォルダ内に新しく「xml」ファイルを作成し、そこにグラデーションを与える記述をします。では早速見て行きましょう。
まず、新しく「xml」ファイルを作成します。
「drawable」フォルダを右クリックし「新規」、「Android XML ファイル」を選択
- リソース・タイプを「Drawable」
- ファイル名を適当に入力、ここでは「gradientbackground」とする。
- ルート要素を「shape」にし完了。
作成したXMLファイルに以下を記述。
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#339933" android:endColor="#99CC33" android:angle="270"/> <corners android:radius="10dp"/> </shape>
グラデーションは<gradient>タグ内で設定しています。android:startColor=""にグラデーションのスタートの色を16進数カラーコードで指定し、android:endColor=""にグラデーションの終わりの色を16進数カラーコードで指定します。android:angle=""ではグラデーションがどの方角に向かうかかを角度で指定します。デフォルトでは0度となり、右から左へとグラデーションします。
次に、layoutのxml内で先ほど作成したgradientbackground.xmlを背景として設定します。背景の設定は3行目のandroid:background="@drawable/作成したファイル名"で行います。以下activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:background="@drawable/gradientbackground" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" /> </LinearLayout>
0 コメント: