Switch控件的樣式修改

Switch控件的樣式修改

可以為Switch的track,thumb屬性添加選中和非選中狀態(tài)的drawable

1泼菌、創(chuàng)建Deawablw:

thumb的deawable,(thumb表示switch中圓形按鈕的背景)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false">
        <shape>
            <corners android:radius="24dp" />
            <solid android:color="@android:color/white" />

            <!--設(shè)置大小時馍悟,應(yīng)注意Switch顯示時UI內(nèi)容的高度會以此高度為依據(jù)-->
            <size android:width="24dp" android:height="24dp" />

            <!--添加一個邊严拒,使UI更好看奴曙,
            當(dāng)false時為未選擇狀態(tài)的底圖顏色由驹,true時為選擇狀態(tài)的底圖顏色募疮。-->
            <stroke android:width="1dp" android:color="@android:color/darker_gray" />
        </shape>
    </item>

    <item android:state_checked="true">
        <shape>
            <corners android:radius="24dp" />
            <solid android:color="@android:color/white" />
            <size android:width="24dp" android:height="24dp" />
            <stroke android:width="1dp" android:color="@android:color/holo_green_light" />
        </shape>
    </item>
</selector>

track的drawable:(track描述的是我們看就的switch控件按鈕滑動區(qū)域背景)

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

            <!--這個圓角大小最好與thumb中的圓角大小保持一致-->
            <corners android:radius="24dp"/>
            <solid android:color="@android:color/holo_green_light"/>
        </shape>
    </item>

    <item android:state_checked="false">
        <shape>
            <corners android:radius="24dp"/>
            <solid android:color="@android:color/darker_gray"/>
        </shape>
    </item>
</selector>

2炫惩、在布局中應(yīng)用

<Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:thumb="@drawable/selector_switch_thumb"
        android:track="@drawable/selector_switch_track" />

<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="16dp"
    android:checked="false"
    android:thumb="@drawable/selector_switch_thumb"
    android:track="@drawable/selector_switch_track" />

其他樣式

如果需要矩形的,可以去掉track和thumb的圓角阿浓,或者設(shè)置為一下較小的圓角

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末他嚷,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子芭毙,更是在濱河造成了極大的恐慌筋蓖,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件退敦,死亡現(xiàn)場離奇詭異粘咖,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)侈百,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門涂炎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人设哗,你說我怎么就攤上這事唱捣。” “怎么了网梢?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵震缭,是天一觀的道長。 經(jīng)常有香客問我战虏,道長拣宰,這世上最難降的妖魔是什么党涕? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮巡社,結(jié)果婚禮上膛堤,老公的妹妹穿的比我還像新娘。我一直安慰自己晌该,他們只是感情好肥荔,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著朝群,像睡著了一般燕耿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上姜胖,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天誉帅,我揣著相機(jī)與錄音,去河邊找鬼右莱。 笑死蚜锨,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的慢蜓。 我是一名探鬼主播踏志,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼胀瞪!你這毒婦竟也來了针余?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤凄诞,失蹤者是張志新(化名)和其女友劉穎圆雁,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體帆谍,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡伪朽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了汛蝙。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烈涮。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖窖剑,靈堂內(nèi)的尸體忽然破棺而出坚洽,到底是詐尸還是另有隱情,我是刑警寧澤西土,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布讶舰,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏跳昼。R本人自食惡果不足惜般甲,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鹅颊。 院中可真熱鬧敷存,春花似錦、人聲如沸堪伍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽杠娱。三九已至挽牢,卻和暖如春谱煤,著一層夾襖步出監(jiān)牢的瞬間摊求,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工刘离, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留室叉,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓硫惕,卻偏偏與公主長得像茧痕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子恼除,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容