搭建一個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界面 程式猿神奇的手,每時每刻,這雙手都在改變着世界的互動方式!