[相關(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è)置
然后我們刪除拖進(jìn)來(lái)時(shí)候自帶的第二個(gè)頁(yè)面弱判,然后自己拖入一個(gè)View Controller
刪除自帶的第二個(gè)頁(yè)面绑青,添加一個(gè)View Controller盆顾,關(guān)聯(lián)Navigation Controller
彈出框選擇root view controller
好5『帧!我們現(xiàn)在已經(jīng)把統(tǒng)一導(dǎo)航的頁(yè)面建好了
然后我們要把樣式調(diào)成跟設(shè)計(jì)稿一樣的顏色
接著把標(biāo)題欄的按鈕和名稱(chēng)設(shè)置好
設(shè)置標(biāo)題欄的左右按鈕和標(biāo)題名稱(chēng)
標(biāo)題欄的左右按鈕還是默認(rèn)的Item文字您宪,我們要把它換成圖標(biāo)奈懒,所以我們先要把圖標(biāo)的部分設(shè)置好,接下來(lái)看圖...
把圖標(biāo)資源添加到Assets.xcassets文件夾下 (關(guān)于@2x,@3x可以去百度下宪巨,大概意思就是適配各個(gè)版本的設(shè)備)
圖標(biāo)已經(jīng)準(zhǔn)備好了磷杏,那就趕緊用起來(lái)吧,啪嗒啪嗒...
設(shè)置好標(biāo)題欄的左右圖標(biāo)
到這里第一個(gè)頁(yè)面的頭部已經(jīng)做好了捏卓,然后我們需要把第二個(gè)頁(yè)面也添加上 (現(xiàn)有左邊那里頁(yè)面是控制頭部樣式的跟頁(yè)面极祸,我們?cè)谶\(yùn)行APP的時(shí)候是不會(huì)單獨(dú)顯示它的,所以它不算事一個(gè)頁(yè)面)
拖入新的View Controller怠晴,建立頁(yè)面關(guān)系
頁(yè)面連接方式選擇Show遥金,一連接起來(lái),頭部是不是一下子就變成一樣的了呢
到此我們的兩個(gè)頁(yè)面都做好了蒜田,Command+R 來(lái)運(yùn)行下我們的APP吧
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者