IOS開發之——QQ主流框架

文章搬運來源：blog.csdn.net/Calvin_zhou…

做者：PGzxc（若有侵權，聯繫做者，當即刪除）

對iOS開發感興趣，能夠看一下做者的iOS交流羣：812157648，你們能夠在裏面吹水、交流相關方面的知識，羣裏還有我整理的有關於面試的一些資料，歡迎你們加羣，你們一塊兒開車

一 概述

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

• 底部有：消息、聯繫人、動態、設置四個按鈕，經過按鈕切換對應的界面
• 每一個界面有界面佈局和按鈕
  • 聯繫人界面：UISegmentedControl切換和添加聯繫人按鈕跳轉到聯繫人添加界面
  • 動態、設置頁面：分組

二 QQ主流框架(Main.storyboard)

2.1 界面拖拽佈局

• 移除舊的佈局(xcode自動生成)
• 添加一個TabBarController做爲主程序界面
• 依次添加4個Navigation Controller(消息、聯繫人、動態、設置)

2.2 連線

• 在TabBarController上右鍵view controllers，分別鏈接到消息、聯繫人、動態、設置四個Navigation Controller上

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

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

三 界面詳情

3.1 消息

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

3.2 聯繫人

3.2.1 界面修改

• 添加Segmented Control，並設置Segments爲2；Segments-0爲分組，Segments-1爲所有
• 添加Bar Button Item，並修改圖標爲添加聯繫人

3.2.2 Segmented事件

• 新建ContactTableViewController，並關聯聯繫人控制器

• ContactTableViewController中添加Segmented事件方法

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

3.2.3 添加聯繫人跳轉

• 點擊添加聯繫人Bar Button Item，show關聯到添加聯繫人界面

3.3 動態、設置(分組)

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

四 效果圖