iOS之UI--主流架構的搭建-- 仿製QQ的UI架構

標籤：

 

iOS之UI--主流架構的搭建-- 仿製QQ的UI架構

使用XCode搭建多個控制器介面，一般在實際開發中建議超過四個控制器介面使用純程式碼。

下面的執行個體其實已經超過了四個，總結詳細步驟的目的，主要是更熟悉XCode的StoryBoard使用細節。

 

先直接上我們這個主流架構要達到的效果：

 

 

首先我們需要設定應用程式的表徵圖：

素材百度雲連結: http://pan.baidu.com/s/1dEqz7Vj 密碼: g34e

 然後是設定應用程式啟動介面的素材百度雲連結: http://pan.baidu.com/s/1nuwoSWT 密碼: dxf4

最後記得：

然後初次開機應用程式效果：

最後還要記得把應用表徵圖顯示的名字改改：

效果：

 接著開始主流UI架構的搭建，去掉storyboard原來預設內建的UIViewController：

接著為Tab Bar ViewController串連新的子控制器

然後也要為UINavigation Controller串連新的可編輯title的UITableViewController

然後可以編輯：

 接著，我們需要為TabBarController搭建三個子控制器，素材百度雲連結: http://pan.baidu.com/s/1qX6sjFm 密碼: wk7i

總之要搭建成這樣的，其實真正搭建起來很麻煩的，因為範圍比較大，視圖比較多。

一般實際開發中建議使用純程式碼搭建，或者是一個控制器代碼對應一個xib視圖。

然後接著設定表徵圖和標題：

在第一個訊息子控制器中

在第二個"連絡人"子控制器中

在第三個"動態"子控制器中，UITableView設定為static，然後：

 

最後運行動態圖展示效果：

 

 

補充：隱藏底部TabBar

 項目源碼百度雲連結: http://pan.baidu.com/s/1c0Z6D48 密碼: er7r

 

iOS之UI--主流架構的搭建-- 仿製QQ的UI架構