[相關(guān)信息:Xcode7.2 ; Swift2.0]
首先我們先來(lái)看下設(shè)計(jì)稿 (設(shè)計(jì)稿來(lái)自某強(qiáng))
看起來(lái)還不錯(cuò)的設(shè)計(jì)圖
- 只有兩個(gè)頁(yè)面,乍一看......還挺簡(jiǎn)單的
- 頭部的顏色是一樣的
- 其它暫時(shí)也沒(méi)想到
然后根據(jù)這個(gè)我們需要先把大概的框架搭一下
首先青抛,因?yàn)轭^部風(fēng)格是統(tǒng)一的骄酗,所以要用Navigation Controller來(lái)做根頁(yè)面歌豺,所以我們?cè)赟B (Main.storyboard) 里面拖入一個(gè)Navigation Controller控件
Navigation Controller拖入以后進(jìn)行一堆設(shè)置
刪除自帶的第二個(gè)頁(yè)面绑青,添加一個(gè)View Controller盆顾,關(guān)聯(lián)Navigation Controller
彈出框選擇root view controller
然后我們要把樣式調(diào)成跟設(shè)計(jì)稿一樣的顏色
設(shè)置標(biāo)題欄的樣式
接著把標(biāo)題欄的按鈕和名稱(chēng)設(shè)置好
設(shè)置標(biāo)題欄的左右按鈕和標(biāo)題名稱(chēng)
把圖標(biāo)資源添加到Assets.xcassets文件夾下 (關(guān)于@2x,@3x可以去百度下宪巨,大概意思就是適配各個(gè)版本的設(shè)備)
圖標(biāo)添加完成以后的是這樣的效果
圖標(biāo)已經(jīng)準(zhǔn)備好了磷杏,那就趕緊用起來(lái)吧,啪嗒啪嗒...
設(shè)置好標(biāo)題欄的左右圖標(biāo)
拖入新的View Controller怠晴,建立頁(yè)面關(guān)系
頁(yè)面連接方式選擇Show遥金,一連接起來(lái),頭部是不是一下子就變成一樣的了呢
設(shè)置新頁(yè)面的控件
做好后模擬器上運(yùn)行的效果圖