[ Android Studio ] SeekBar 更改樣式的方法

 一、三種更改樣式的方法，從上到下說明。

二、樣式如下，從上到下：

第一種：例如存成：Seekbar_Style_01.xml 檔案

1. 創建樣式檔案儲存位置：app → res → drawable資料夾

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <!--第一組item 圓角邊框。-->
    <item>
        <shape>
            <stroke
                android:width="1dp"
                android:color="#B6B4B4"
                /><!--邊框線顏色-->
            <corners android:radius="5dp" />    <!--圓角度數-->
            <solid android:color="#FF79BC" ></solid>    <!--背景顏色-->
            <padding android:right="5dp" />     <!--邊距-->
            <size
                android:width="80dp"
                android:height="30dp"
                />
        </shape>
    </item>
</layer-list>

2. 更改按下圖片的樣式：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--自訂 seekbar style-->
    <style name="Seekbar_Style_01" >
        <item name="android:indeterminateOnly">false</item><!--開啟是否拉動繪制-->
        <item name="android:indeterminateDrawable">@color/purple_500</item><!--不可繪制時顯示-->
        <item name="android:progressDrawable">@drawable/seekbar_style_1</item><!--進度條繪制-->
        <item name="android:maxHeight">20dp</item>
        <item name="android:minHeight">40dp</item>
        <item name="android:thumb">@drawable/ic_baseline_filter_vintage_24</item><!--拉動的圖片-->
    </style>
</resources>

3. 更改seekBar元件→右邊的Attributes→屬性style改成創建好的檔案

第二種：

1. 創建樣式檔案儲存位置：app → res → drawable資料夾

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--seekbar的底色-->
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#999"/>
        </shape>
    </item>
    <!--seekbar滑動條進度的颜色-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
                    />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#600f"/>
            </shape>
        </clip>
    </item>
</layer-list>
2. 更改seekBar元件→右邊的Attributes→屬性progressDrawable改成創建好的檔案
第三種：
1. 創建樣式檔案儲存位置：app → res → drawable資料夾
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--seekbar的底色-->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dp" />
            <gradient
                android:angle="270"
                android:centerColor="#eeeff3"
                android:centerY="0.75"
                android:endColor="#eeeff3"
                android:startColor="#eeeff3" />
        </shape>
    </item>
    <!--seekbar滑動條進度的颜色-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dp"/>
                <solid android:color="#FD5655"/>
            </shape>
        </clip>
    </item>
</layer-list>

2. 更改seekBar元件→右邊的Attributes→屬性progressDrawable改成創建好的檔案