OneDay的10中主題是如何實現(xiàn)的

OneSwift - iOS Tips Based On Swift

在產(chǎn)品設計之初摄乒,我希望我的工具類產(chǎn)品能夠被足夠多的人接受悠反,因此單一的主題很難滿足所有人的需求。在已經(jīng)發(fā)布的OneDay缺狠、OneClock问慎,以及在內(nèi)測的OneRead中,我都為用戶提供了可以自定義主題的功能挤茄。

OneDay的10種主題

這些主題做起來并不復雜如叼,只要最初的框架搭好了,以后隨時可以新增和修改主題穷劈。今天分享給大家這其中的實現(xiàn)原理笼恰。

一踊沸、明確哪些因素影響了頁面主題?

從布局到交互社证,所有的因素都將影響頁面的主題逼龟。

主背景顏色

主字體顏色

按鈕的顏色

導航條的背景顏色

導航條的字體顏色

底部欄的背景顏色

底部欄的字體顏色

... ...

除了這些可自定義顏色的設置外,還有兩項值得重要的設置:

1.頂部狀態(tài)欄的風格

2.鍵盤的風格

哪些因素影響了頁面主題追葡?

二腺律、如何保存主題配置數(shù)據(jù)?

明確這些設置之后宜肉,我們建立一個Themes.swift的文件

import Foundation
import UIKit`

struct ColorTheme{

    //所有的變量匀钧、函數(shù)在這里添加

}

然后在其中先添加所有初始化變量。

static var themeBarStyle = UIBarStyle.black //頂部狀態(tài)欄的風格

static var themeKeyboardStyle = UIKeyboardAppearance.dark //鍵盤樣式風格

static var themeBackColor:UIColor = UIColor(red: 60/255, green: 64/255, blue: 65/255, alpha: 1)

static var themeFrontColor:UIColor = UIColor.white    

static var themeBackgroudColor:UIColor = UIColor(red: 33/255, green: 33/255, blue: 33/255, alpha: 1)

static var themeBackgroudFrontColor:UIColor = UIColor.gray

三谬返、如何改變主題設置之斯?

Themes.swift中添加切換主題的函數(shù) themeSelect(index:Int)

staticfunc themeSelect(index:Int){

  switch index {

  case0:

  theme0()

  case1:

  theme1()

  case2:

  theme2()

  case3:

  theme3()

  case4:

  theme4()

  case5:

  theme5()

  case6:

  theme6()

  case7:

  theme7()

  case8:

  theme8()

  case9:

  theme9()

  default:

  print("default")

  }

  //這些提到的函數(shù)必須添加上,根據(jù)主題數(shù)量進行設置

}

函數(shù)的參數(shù)值決定了主題變量最終的值遣铝,例如我們要使用第三號主題佑刷,先調(diào)用Themes.themeSelect(index:2)改變所有主題變量的值,然后再使用。

static func theme3(){

//修改所有主題參數(shù)的值

...

...

}

四、如何在各個頁面中調(diào)用主題媒殉?

Themes中的主題變量有默認值,每個頁面加載主題前都必須知道當前是什么主題檀何。
例如我們在Home頁面中要使用主題,那么Home加載時廷支,在viewWillAppear中添加self.themeColorLoad()來使用主題频鉴。

在OneDay中我使用了CoreData來保存主題參數(shù),每次使用主題取決于CoreData中保存的主題參數(shù)恋拍。

func themeColorLoad(){

  let themeIndex = Int(self.appDelegate.mysetting.colorTheme) //先獲取了主題參數(shù)

  ColorTheme.themeSelect(index: themeIndex) //再進行主題各變量值的設置

  //然后開始使用主題:

  self.navigationController?.navigationBar.barStyle = Themes.themeBarStyle //頂部狀態(tài)欄

  self.navigationController?.navigationBar.barTintColor =Themes.themeBackColor

  self.view.backgroundColor =Themes.themeBackColor

  self.tfName.keyboardAppearance = ColorTheme.themeKeyboardStyle //鍵盤的顏色

}

這樣便搞定了主題的設置和使用垛孔,以后要修改主題的配色、新增主題施敢,都只需要在Themes.swift中更新就可以周荐。

除了主題自定義之外,OneDay還提供了20種應用圖標僵娃,這些圖標也是為了與主題更佳搭配才制作的概作。

GitHub:OneSwift - iOS Tips Based On Swift

微博:xDEHANG

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市默怨,隨后出現(xiàn)的幾起案子讯榕,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件愚屁,死亡現(xiàn)場離奇詭異济竹,居然都是意外死亡,警方通過查閱死者的電腦和手機霎槐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進店門送浊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丘跌,“玉大人袭景,你說我怎么就攤上這事碍岔。” “怎么了蔼啦?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長仰猖。 經(jīng)常有香客問我捏肢,道長饥侵,這世上最難降的妖魔是什么鸵赫? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任躏升,我火速辦了婚禮辩棒,結果婚禮上,老公的妹妹穿的比我還像新娘膨疏。我一直安慰自己一睁,他們只是感情好,可當我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布者吁。 她就那樣靜靜地躺著饲帅,像睡著了一般复凳。 火紅的嫁衣襯著肌膚如雪灶泵。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天赦邻,我揣著相機與錄音,去河邊找鬼深纲。 笑死劲妙,一個胖子當著我的面吹牛儒喊,可吹牛的內(nèi)容都是我干的镣奋。 我是一名探鬼主播怀愧,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼哈垢!你這毒婦竟也來了?” 一聲冷哼從身側響起耘分,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤绑警,失蹤者是張志新(化名)和其女友劉穎求泰,沒想到半個月后计盒,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡卜朗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了咕村。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片场钉。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡培廓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出肩钠,到底是詐尸還是另有隱情,我是刑警寧澤价匠,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站踩窖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏箫柳。R本人自食惡果不足惜手形,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一悯恍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧涮毫,春花似錦、人聲如沸艘虎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恬叹。三九已至,卻和暖如春妄呕,著一層夾襖步出監(jiān)牢的瞬間嗽测,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工唠粥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晤愧。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像只厘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子羔味,可洞房花燭夜當晚...
    茶點故事閱讀 45,047評論 2 355

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

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫钠右、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,107評論 4 62
  • 昨天我們集體去了大禹渡和永樂宮搁凸,原本有三個的媚值,可是最后一個景點出了點"故障"所以我們就直接略過了护糖。 我...
    焦浩森閱讀 468評論 0 2
  • 一霎微雨惹塵煙 白云黯淡夕陽間 人生自是有情癡 此恨不關風與月
    晨曦山雞閱讀 318評論 0 0
  • 貌似這是我要寫的第一篇日記椅文,文采有限喂很,還有身后的帥哥編輯給了我無形的壓力皆刺,唉現(xiàn)在越來越羨慕那些可以駕馭文字的人了少辣。...
    張小蟲閱讀 271評論 1 1
  • 2017年12月31日 星期日 晴 1 今天是2017年的最后一天羡蛾,桑島到處洋溢著新年的氛圍。在這辭舊迎新的時刻痴怨,...
    都市虎妞閱讀 315評論 0 3