iOS夜間模式實現方案

項目中加了夜間模式的功能娶聘,現將我的實現方案記錄下:

夜間模式無非是圖片、色值變了截型。那么在賦值的時候我們就要設置兩套圖片和色值趴荸。所有設計稿和切圖都需要兩套。

如何設置兩套圖片

大思路就是使用NSUserDefault在本地存儲一個標識宦焦,切換日間/夜間,比如夜間時我存儲的是"night"字符串顿涣。

但是我們不可能在每次設置圖片時都取出此標識波闹,所有需要寫一個UIImage的category。代碼如下:

+ (UIImage *)kg_imageNamed:(NSString *)name {
    NSString *styleStr = [[NSUserDefaults standardUserDefaults] stringForKey:KGSkinStyle];
    if ([styleStr isEqualToString:@"night"]) {
        return [UIImage imageNamed:[name stringByAppendingString:@"N"]];
    }
    return [UIImage imageNamed:name];
}

通過代碼可以看出涛碑,夜間模式下取出的圖片是后綴帶‘N’的精堕,所有對圖片命名時有技巧。例如我在Demo中引用的圖片正常模式下命名為mine_picture蒲障,夜間模式下需命名為mine_pictureN,后綴加N歹篓,后綴自定義,自己高興就好揉阎。

這樣庄撮,在項目中需要設置夜間模式圖片的地方使用自己的[UIImage kg_imageNamed:]方法,不需要夜間模式的地方繼續(xù)使用系統(tǒng)的[UIImage imageNamed:]方法毙籽。

如果設置兩套色值

在大思路上圖片和色值是一樣的洞斯,不同的是,色值沒有命名技巧可言坑赡。
同樣需要寫一個UIColor的category烙如。只設置16進制色值么抗。

+ (UIColor *)kg_colorWithNormalHexColor:(NSInteger)normalHexColor nightHexColor:(NSInteger)nightHexColor {
    NSString *styleStr = [[NSUserDefaults standardUserDefaults] objectForKey:KGSkinStyle];
    if ([styleStr isEqualToString:@"night"]) {
        return [UIColor kg_colorWithHex:nightHexColor];
    }
    return [UIColor kg_colorWithHex:normalHexColor];
}

+ (UIColor *)kg_colorWithHex:(NSInteger)hexColor {
    return [UIColor colorWithRed:((hexColor & 0xFF0000) >> 16)/255.0 green:((hexColor & 0x00FF00) >> 8) /255.0 blue:( hexColor & 0x0000FF)/255.0 alpha:1.0];
}

只要給一個日間模式和夜間模式的色值就可以了。在設置夜間顏色的地方使用[UIColoe kg_colorWithNormalHexColor: nightHexColor:]亚铁,不需要夜間模式的地方使用[UIColor kg_colorWithHex]蝇刀。

至此,方案就完成了徘溢。但在項目中熊泵,設置夜間模式還有很多需要注意的地方。比如:如何廣播到全局甸昏、各頁面繼承關系顽分、透明遮罩層、導航欄變化施蜜、tabbar個元素變化卒蘸、狀態(tài)欄改變等等。

本文Demo地址

個人思路翻默,不一定是最簡單的缸沃,大家有不明白或項目中遇到的問題,可留言談論修械。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末趾牧,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子肯污,更是在濱河造成了極大的恐慌翘单,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹦渣,死亡現場離奇詭異哄芜,居然都是意外死亡,警方通過查閱死者的電腦和手機柬唯,發(fā)現死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門认臊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人锄奢,你說我怎么就攤上這事失晴。” “怎么了拘央?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵涂屁,是天一觀的道長。 經常有香客問我堪滨,道長胯陋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮遏乔,結果婚禮上义矛,老公的妹妹穿的比我還像新娘。我一直安慰自己盟萨,他們只是感情好凉翻,可當我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著捻激,像睡著了一般制轰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上胞谭,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天垃杖,我揣著相機與錄音,去河邊找鬼丈屹。 笑死调俘,一個胖子當著我的面吹牛,可吹牛的內容都是我干的旺垒。 我是一名探鬼主播彩库,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼先蒋!你這毒婦竟也來了骇钦?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤竞漾,失蹤者是張志新(化名)和其女友劉穎眯搭,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體畴蹭,經...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡坦仍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了叨襟。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡幔荒,死狀恐怖糊闽,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情爹梁,我是刑警寧澤右犹,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站姚垃,受9級特大地震影響念链,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一掂墓、第九天 我趴在偏房一處隱蔽的房頂上張望谦纱。 院中可真熱鬧,春花似錦君编、人聲如沸跨嘉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽祠乃。三九已至,卻和暖如春兑燥,著一層夾襖步出監(jiān)牢的瞬間亮瓷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工降瞳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留嘱支,地道東北人。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓力崇,卻偏偏與公主長得像斗塘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子亮靴,可洞房花燭夜當晚...
    茶點故事閱讀 45,860評論 2 361

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,325評論 25 707
  • 發(fā)現 關注 消息 iOS 第三方庫馍盟、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,124評論 4 61
  • 調戲母牛的少年茧吊! 老劉涂鴉 不用彩鉛贞岭,不用水彩,不用鉛筆搓侄,不用草稿瞄桨,不用上色,純黑色馬克筆涂鴉一幅讶踪。 作品標題:調...
    老劉涂鴉閱讀 228評論 0 2
  • 【0902】寫出我心感悟 看到今天的晨讀材料芯侥,我心里立馬咯噔一下,我不就是這樣的嗎乳讥?絞盡腦汁寫不出來東西來...
    楚冰焰閱讀 256評論 0 0
  • 闐闐給我們又說校慶演出她不演了柱查,說了緣由,是高二的女生學了才4年云石,就很不把別人放在眼里唉工,自認為很好 ,讓闐闐...
    麗萍在這閱讀 190評論 2 2