天天看點

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

搭建一個QQ界面其實是一個很簡單的實作,需要幾種切換視圖的控制器組合一起使用,即導航控制器、标簽欄控制器、模态視窗。其中,将标簽欄控制器設定為window的rootViewController,因為QQ主界面有4個控制器,分别為消息、聯系人、動态、我,那麼建立這4個控制器,然後再為它們分别建立一個導航控制器。此時,将之前建立的那4個控制器分别設定為對應的導航控制的rootViewcontroller。最後,将這4個導航控制器設定為标簽欄控制器的子控制器即可。除此之外,我們仍然需要再建立一個登入的控制器,添加文本框輸入賬号和密碼,如果使用者輸入正确,那麼就以模态視窗的方式模态出主界面的視窗即可,如果輸入不正确,就彈出一個提示框,給出提示資訊。

具體的示範執行個體如下:

1.建立一個swift工程,截圖為:

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

2.删除故事闆中自帶的控制器,然後建立需要的所有控制器并設定一下分組,截圖為:

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

3.在AppDelegate.swift中設定偏好,将賬号和密碼歸檔

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

4.在LoginViewController.swift中操作代碼如下:

   //實作協定和聲明屬性

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

   //初始化控件

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

  //實作登陸事件(比對賬号和密碼、實作界面的跳轉)

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

5.在NewsViewcontroller.swift中建立表格,實作協定,選中單元格跳轉到聊天界面

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

6.在ContactViewcontroller.swift中建立表格,實作協定,選中單元格跳轉到聊天界面

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

7.在ActiveViewcontroller.swift中建立表格,實作協定,選中單元格跳轉到聊天界面

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

8.在MeViewcontroller.swift中建立表格,實作協定,選中單元格跳轉到聊天界面

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

9.設定聊天界面ChatViewController.swift的背景顔色和标題

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

示範結果截圖:

開始時:                                 輸入錯誤時:

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

輸入正确後顯示第一個界面:                                   選擇第二個界面:

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

選擇第三個界面:                                                       選擇第四個界面:

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

随意在一個界面,點選一個單元格,進入聊天界面:   點選自己這個按鈕,傳回:

swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面
swift:用UITabBarController、UINavigationController、模态視窗簡單的搭建一個QQ界面

程式猿神奇的手,每時每刻,這雙手都在改變着世界的互動方式!

繼續閱讀