跳到主要內容

發表文章

目前顯示的是 7月, 2017的文章

[Android] 自訂元件樣式-Switch

Switch Switch結構說明 Step1 設計Switch樣式,並放入drawable資料夾裡 thumb樣式 switch on樣式(switch_thumb_activated.9.png) switch off樣式(switch_thumb_off.9.png) switch disable樣式(switch_thumb_disabled.9.png) switch pressed樣式(switch_thumb_pressed.9.png) track背景樣式 track default樣式(switch_bg.9.png) track disable樣式(switch_bg_disabled.9.png) track focused樣式(switch_bg_focused.9.png) Step2 在drawable資料夾中新增switch_thumb.xml及switch_track.xml switch_thumb.xml switch_track.xml Step3 在activity_main.xml中增加switch元件 android:layout_width是整個Switch元件的寬度 (上圖整個background的部分) android:switchMinWidth才是更改Switch外觀的寬度 如果要更改Switch內的字體顏色: 1,在Style.xml裡新增字體的樣式,顏色、字體大小等 2,在activity_main.xml中Switch元件的標籤內增加字體樣式- android :switchTextAppearance= "@style/switch_text" 執行結果: 註:此範例為 線上元件製作網站 所產出的樣式(此網站目前 無法使用 ---2017/11/21更新)