天天看點

iOS開發UI篇—APP主流UI架構結構

一、簡單示例

說明:使用app主流ui架構結構完成簡單的界面搭建

搭建頁面效果:

iOS開發UI篇—APP主流UI架構結構
iOS開發UI篇—APP主流UI架構結構
iOS開發UI篇—APP主流UI架構結構
iOS開發UI篇—APP主流UI架構結構
iOS開發UI篇—APP主流UI架構結構
iOS開發UI篇—APP主流UI架構結構

二、搭建過程和注意點

1.建立一個項目,把原有的控制器删除,添加uitabbarcontroller控制器作為管理控制器

2.對照界面完成搭建

iOS開發UI篇—APP主流UI架構結構

3.注意點:

(1)隐藏工具條:配置一個屬性,hideabotton bar在push的時候隐藏底部的bar在那個界面隐藏,就在哪個界面設定。

iOS開發UI篇—APP主流UI架構結構

(2).cell可以設定行高

iOS開發UI篇—APP主流UI架構結構

(3)連線

iOS開發UI篇—APP主流UI架構結構
iOS開發UI篇—APP主流UI架構結構

(4)說明:在上面的頁面搭建中直接使用了靜态單元格,但在實際開發中,通常不這麼做。

(5)在tableview中添加headerview(顯示一根藍線)

三、 app主流ui架構結構

iOS開發UI篇—APP主流UI架構結構

請問:uitabbarcontroller和導航控制器的在結構中的位置能否互調?(一個導覽列)

設定控制器關聯或出現問題,tableviewcontroller預設實作了資料源的方法,兩個控制器把它反過來管理。關于導覽列。導覽列上顯示什麼内容由棧頂控制器來确定,下面的導覽列隻有一個(棧頂控制器就是tabbar控制器)。

補充說明:ios7全屏化的設計

列印ios7中控制器的層次結構:

iOS開發UI篇—APP主流UI架構結構

列印ios6中控制器的層次結構:

iOS開發UI篇—APP主流UI架構結構

繼續閱讀