這篇我們來新增一些需要用到的棋子圖片，以及按鈕、背景的樣式。

棋子Image

可上網尋找各種棋子的圖片，並下載下來，將圖片存入專案的drawable中

Button客製化

使用自訂xml檔，並套用至元件backgrount，達成客製化元件的效果

• 使用紅黑漸層的Button做示例:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_pressed="false">
        <!--基本可以畫出長方形、橢圓形、圓環以及線條等等的類型-->
        <shape
            android:shape="rectangle">
            <!--設定邊角弧度-->
            <corners
                android:radius="10dip" />
            <!--邊框框線-->
            <stroke
                android:width="4dip"
                android:color="#000000" />
            <!--漸層顏色-->
            <gradient
                android:angle="90"
                android:startColor="#7c0000"
                android:endColor="#000000"  />
        </shape>
    </item>

    <item
        android:state_pressed="true">
        <!--基本可以畫出長方形、橢圓形、圓環以及線條等等的類型-->
        <shape
            android:shape="rectangle">
            <!--設定邊角弧度-->
            <corners
                android:radius="10dip" />
            <!--邊框框線-->
            <stroke
                android:width="4dip"
                android:color="#000000" />
            <!--漸層顏色-->
            <gradient
                android:angle="90"
                android:startColor="#000000"
                android:endColor="#7c0000"  />
        </shape>
    </item>
</selector>

• 套用至元件中:

android:background="@drawable/redbackground_blackline"

• 效果:
  

可以發現點擊前後的style不一樣，這樣就成功套用了