－Button 外觀－

今天介紹一個很常用的元件，也就是按鈕(button)，他可以透過程式碼做出很多實用的功能，那首先介紹他最一般的樣子，一樣可以像前幾天的基本設計教學做出最簡單的外觀

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1"
        android:textColor="#ffffff"
        android:background="#456456"/>

那如果你覺得這種簡單的樣式不足以發揮你的設計感，那可以在程式左方清單/res/drawable這個資料夾中新增一個resource file，下面是我自己的xml語法範例/res/drawable/btn.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#13579f"/>
            <stroke
                android:width="8dp"
                android:color="#111111" />
            <corners
                android:radius="30dp" />
            <padding
                android:left="50dp"
                android:top="30dp"
                android:right="50dp"
                android:bottom="30dp"/>
        </shape>
    </item>

    <item>
        <shape>
            <stroke
                android:width="8dp"
                android:color="#111111" />
            <corners
                android:radius="30dp" />
            <padding
                android:left="50dp"
                android:top="30dp"
                android:right="50dp"
                android:bottom="30dp"/>
        </shape>
    </item>

state_pressed="true"那邊的程式碼代表我按下按鈕後會顯示的樣子，而下面的程式碼則是一般平常沒去點擊的模樣，solid則是實心的顏色，stroke是它的邊框長度，我給它設置為8dp，corners為它角落的圓弧度，padding是文字的內距，這些算是比較常用的語法，顯示效果如圖

啊對了，要使用這個自定義外觀的文件檔，就是在你的按鈕中加入這句，btn是我自己的文件名稱，這樣即可套用自己設計的樣子哦

  <Button
        ...
        android:background="@drawable/btn"/>
        ...