這種樣式的UI如何實現呢，android提供了Switch控制元件，我們來認識一下吧。

<Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:showText="true"
        android:switchMinWidth="20dp"
        android:textOff="Off"
        android:textOn="On"
        android:thumb="@drawable/thumb"
        android:track="@drawable/track"
        />
 

android:showText：是否顯示文字 （只有在為true時，下面兩個屬性才能生效） android:textOn：控制元件開啟時顯示的文字 android:textOff：控制元件關閉時顯示的文字

android:thumb：控制元件開關的圖片，即控制元件上面點選滑動部分顯示的圖片 android:track：控制元件開關的軌跡圖片，即控制元件背景顏色的背景設定 android:checked：設定初始選中狀態 thumb和track都可以用drawable中selector檔案設定。

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

    //表示選中時的顯示的樣式
    <item android:drawable="@drawable/green_track" android:state_checked="true" />
    <item android:drawable="@drawable/gray_track" />
</selector>
 

drawable也可以用圖片 green_track。gray_track等檔案如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <size android:height="20dp" />
    <corners android:radius="25dp" />
    <stroke
        android:width="1dp"
        android:color="#11aaff" />
    <solid android:color="#9e9e9e" />
</shape>
 

可以根據UI給的樣式自己畫出來簡單的格式，複雜的就可以直接用圖片代替了。