Android レイアウト

Android レイアウト

画面の描画のボタンなどの見た目を自分でカスタマイズする方法です。

layoutでそのまま貼り付けて使うと標準のままでまったく素っ気ないものになってしまします。今回はボタンの色をグラデーションを使用したものに変えてみます。

button_shape.xml
/*-------------------------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid
                android:color="#bce2e8" />
            <corners android:radius="5dip" />
            <gradient
            android:startColor="#f08300"  //この色からグラデーションを開始
            android:endColor="#ea5506" //この色まで
            android:angle="270" //
       />
</shape>

---------------------------------------------------------------------------------------*/

まずこのようなｘｍｌファイルをdrawableなどに作ります。
<gradient>で囲んだ範囲がグラデーションの設定
<corners>で囲んだ範囲が角の丸みの設定をしています。

次にボタンを配置するレイアウトの一部

/*-----------------------------------------------------------------------------------

<Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ボタン"
            android:background="@drawable/button_shape"/>


----------------------------------------------------------------------------------*/

backgroundのところを先ほど作成したものを指定します。
これで作成したものが適用されボタンの背景が変わっています。