Android — 深色主題適配

前言

Google 在 Android 10 中加入了深色主題背景,媽媽再也不用擔心我晚上玩手機變成瞎子了:

  • 減少耗電量(個人感覺這個然并卵,除非你的手機很牛逼)


  • 對強光比較敏感的用戶提高了可視性黄选,不再需要湊在眼前把手機屏幕調(diào)到最暗!:鹨啊聘鳞!
    睡前玩一玩
  • 在伸手不見五指的地方不怕被閃瞎眼了


    閃瞎純金眼

擼碼

一、創(chuàng)建目錄

當你開啟深色模式時锹雏,Android 會自己在資源目錄下查找深色模式所需的資源巴比,所以你需要創(chuàng)建文件夾(xxxx-night)存放深色模式資源。不要問我為什么創(chuàng)建=缸瘛G峤省!

  1. 創(chuàng)建 values-night 根據(jù)自己的需求將 valuesxml 文件 copyvalues-night 中佣耐。
  2. 看需求創(chuàng)建 drawable-nightdrawable-night-xxhdpi政勃。

二、創(chuàng)建資源文件

在開發(fā)過程中有兩個常用的 colors.xmlstyles.xml兼砖。如果你不知道這兩個玩意是什么東西我建議你點擊右上角的小叉奸远。

無語

  1. values-night 下創(chuàng)建 colors.xml既棺、styles.xml,至于其他的你看完我說的這兩個就會了懒叛。
  2. values/colors.xml 將內(nèi)容copy到 values-night/colors.xml 然后讓你家設計師給你深色模式下的設計圖然后你就可以慢慢的修改顏色了
    image

    丸冕。
    表達不清楚,直接上圖QE种颉!
    color

    如果你還是看不懂的話... 真的打擾了呢,,,
  3. values/styles.xml 同上拆檬,不多bb直接上圖洪己。
    style

三、Shape適配深色模式

適配 Shape 深色模式是非常簡單的竟贯,在 drawable 中正常創(chuàng)建 shape 文件就可以答捕,你只需要注意 shape 所需顏色是否在 values/colors.xmlvalues-night/colors.xml 中存在。
效果:

shape

四屑那、自定義控件適配深色

為了避免重復的 shape 創(chuàng)建拱镐,我都會寫自定義一個控件來動態(tài)設置 shape 值,這個不多說持际,懂的人自然懂沃琅,不懂得就去 Google 一下。
這里演示自定義Button蜘欲。
values/attrs.xml 中創(chuàng)建自定義屬性益眉,比如我 Button 用到的就是圓角、邊框顏色姥份、邊框?qū)挾裙?Buttonenabledfalse 時候的顏色,這里的步驟和正常 自定義View 一樣澈歉,直接下一步展鸡。
效果:

自定義控件

五、最終效果

效果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末埃难,一起剝皮案震驚了整個濱河市莹弊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌涡尘,老刑警劉巖忍弛,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異考抄,居然都是意外死亡细疚,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進店門座泳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來惠昔,“玉大人,你說我怎么就攤上這事挑势≌蚍溃” “怎么了?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵潮饱,是天一觀的道長来氧。 經(jīng)常有香客問我,道長香拉,這世上最難降的妖魔是什么啦扬? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮凫碌,結(jié)果婚禮上扑毡,老公的妹妹穿的比我還像新娘。我一直安慰自己盛险,他們只是感情好瞄摊,可當我...
    茶點故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著苦掘,像睡著了一般换帜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鹤啡,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天惯驼,我揣著相機與錄音,去河邊找鬼递瑰。 笑死祟牲,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的泣矛。 我是一名探鬼主播疲眷,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼您朽!你這毒婦竟也來了狂丝?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤哗总,失蹤者是張志新(化名)和其女友劉穎几颜,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體讯屈,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡蛋哭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了涮母。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谆趾。...
    茶點故事閱讀 38,664評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡躁愿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沪蓬,到底是詐尸還是另有隱情彤钟,我是刑警寧澤,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布跷叉,位于F島的核電站逸雹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏云挟。R本人自食惡果不足惜梆砸,卻給世界環(huán)境...
    茶點故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望园欣。 院中可真熱鬧帖世,春花似錦、人聲如沸俊庇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辉饱。三九已至搬男,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間彭沼,已是汗流浹背缔逛。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留姓惑,地道東北人褐奴。 一個月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像于毙,于是被迫代替她去往敵國和親敦冬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,554評論 2 349

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