ボタンウィジェットのレイアウト＆フォントを変更する

今回はButtonウィジェットのレイアウトとフォントを変更する方法を書きます。



↓　変更後




こんな感じに修正されます(･∀･)
google play で公開しているアプリ「タッチ！いろはにほへと！」をバージョン2.0にアップデートしました！
こちらからgoogle play にリンクしてますので良かったら見てくださいねo(｀･д･´)o


１．ボタンのレイアウトを変更する
　１．１．layoutフォルダの中に、ボタンレイアウト用のbutton_layout.xmlファイルを作成する。

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

    <item android:state_pressed="true" >
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <gradient
                android:startColor="@color/orange"
                android:endColor="@color/cream"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="@color/white" />
            <corners
                android:radius="15dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
            <size
                android:height="45dp"
                android:width="45dp" />
        </shape>
    </item>

    <item android:state_pressed="false">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <gradient
                android:startColor="@color/cream"
                android:endColor="@color/orange"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="@color/white" />
            <corners
                android:radius="15dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
            <size
                android:height="45dp"
                android:width="45dp" />
        </shape>
    </item>
</selector>

　※color.xmlファイルで事前に色の設定はしておいてください。

　１．２．Buttonウィジェットにbutton_layout.xmlの設定を反映する。

    <Button
        android:id="@+id/practice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/instructions"
        android:layout_alignRight="@+id/instructions"
        android:layout_below="@+id/instructions"
        android:layout_marginTop="3dp"
        android:background="@layout/button_layout"
        android:text="練習"
        android:textStyle="bold" />

２．ボタンのフォントを変更する
　１．１．フォントファイルを置く。
　　assetsフォルダの中に、acgyosyo.ttfフォントファイルを置く。

　２．２．フォントファイルをButtonウィジェットに反映させる。
　　ソースファイルの中に以下を追加

    // フォントを取得
    Typeface tf = Typeface.createFromAsset(getAssets(), "acgyosyo.ttf");

    // ButtonウィジェットIDを取得
    Button btnPrac = (Button)findViewById(R.id.practice);
    // フォントを設定
    btnPrac.setTypeface(tf);
    // フォントサイズを20に設定
    btnPrac.setTextSize(20.0f);


以上でボタンのレイアウト＆フォントが変更できました！