android Switch控制元件
阿新 • • 發佈:2018-12-17
這種樣式的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給的樣式自己畫出來簡單的格式,複雜的就可以直接用圖片代替了。