文章搬運來源：https://blog.csdn.net/Calvin_zhou/article/details/110517815
作者：PGzxc（如有侵權，聯(lián)系作者，立即刪除）

對iOS開發(fā)感興趣，可以看一下作者的iOS交流群：812157648，大家可以在里面吹水、交流相關方面的知識，群里還有我整理的有關于面試的一些資料，歡迎大家加群，大家一起開車

一 概述

本文搭建QQ主流框架程序，包含以下功能：

• 底部有：消息、聯(lián)系人、動態(tài)、設置四個按鈕，通過按鈕切換對應的界面
• 每個界面有界面布局和按鈕
  • 聯(lián)系人界面：UISegmentedControl切換和添加聯(lián)系人按鈕跳轉到聯(lián)系人添加界面
  • 動態(tài)、設置頁面：分組

二 QQ主流框架(Main.storyboard)

2.1 界面拖拽布局

• 移除舊的布局(xcode自動生成)
• 添加一個TabBarController作為主程序界面
• 依次添加4個Navigation Controller(消息、聯(lián)系人、動態(tài)、設置)

2.2 連線

• 在TabBarController上右鍵view controllers，分別連接到消息、聯(lián)系人、動態(tài)、設置四個Navigation Controller上

2.3 設置Navigation Controller上的文字和圖片

• 點擊消息(Navigation Controller)，在右側設置顯示的問題和圖片
• 同理，設置其他三個Navigation Controller

三 界面詳情

3.1 消息

• 點擊Navigation Item設置Title為消息
• 添加Bar Button Item，并修改顯示的圖片

3.2 聯(lián)系人

3.2.1 界面修改

• 添加Segmented Control，并設置Segments為2；Segments-0為分組，Segments-1為全部
• 添加Bar Button Item，并修改圖標為添加聯(lián)系人

3.2.2 Segmented事件

• 新建ContactTableViewController，并關聯(lián)聯(lián)系人控制器

• ContactTableViewController中添加Segmented事件方法

  - (IBAction)valueChange:(UISegmentedControl *)sender
  {
      NSLog(@"%d",sender.selectedSegmentIndex);
  }
  
  

3.2.3 添加聯(lián)系人跳轉

• 點擊添加聯(lián)系人Bar Button Item，show關聯(lián)到添加聯(lián)系人界面

3.3 動態(tài)、設置(分組)

• 點擊TabView，Content下拉選擇Static Cells
• Style下拉選擇Grouped
• 點擊Grouped中的單元格，Style下拉選擇Basic，Accessory下拉選擇Disclosure Indicator(右箭頭)，同時設置顯示文字(好友動態(tài))和對應圖片
• 同理設置其他分組

四 效果圖