swift学习之路之UITabBrarController的简单使用

梦里梦外; 2022-07-26 00:12 162阅读 0赞

1、工具及版本

swift：swift2.2；

Xcode：7.2

2、效果图（做的比较简单，tab上没来得及准备图片，简陋，效果不是很好）

![Center][]

3、简单描述

windows的桌面版QQ，手机QQ ,微信....很多应用的下方都用tab做切换，除了使用UITabBarController可以实现这样的效果外，还可以自己用其他的方式实现，比如：下方用一个UIView,上面摆放上对应的按钮。在将按钮贴图，最后实现tap不同的按钮的对应的事件。这里，简单使用UITabBarController控件。

代码实现界面，没有用到storyboard。

4、功能简介

底部有2个tab，点击每个tab ， 切换到对应的视图内容。

5、代码

新建一个swift工程。（个人比较喜欢iPhone5s，所以，设置的模拟器也为iPhone5s， 同时，我也取消了main.storyboard 的 “Use Auto Layout”（自动布局）和 “Use Size Classes”）

![Center 1][]

A、新建一个名为 chats的swift文件。文件内容如下：

import UIKit
    
    class ChatsController:UIViewController
    {
        override func viewDidLoad() {
            super.viewDidLoad();
            
            /// 为了做区分，这里把背景设置为蓝色。
            view.backgroundColor = UIColor.blueColor();
        }
        
        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning();
        }
    }

B、同理，新建一个名为 mine 的swift文件。文件内容如下：

import UIKit
    
    class MineController:UIViewController {
        
        var tableView:UITableView!;
        
        override func viewDidLoad()
        {
            super.viewDidLoad();
            
            /// 为做区分，这里把背景设置为绿色。
            view.backgroundColor = UIColor.greenColor();
        }
        
        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning();
        }
    }

C、我又自己新建了一个名为： CustomerController 的文件，代码如下：

import UIKit
    
    class CustormerController:UITabBarController
    {
        override func viewDidLoad() {
            
            view.backgroundColor = UIColor.clearColor();
            
            /// 创建子tab。
            let chats = ChatsController();
            let mine = MineController();
            
            /// 添加
            viewControllers = [chats, mine];
            
            UITabBar.appearance().tintColor = UIColor.greenColor();
            
            let firstItem = tabBar.items![0];
            firstItem.title = "chats";
            /// 没来得及准备图，所以设置为了nil.
            firstItem.image = nil;
            
            let secondItem = tabBar.items![1];
            secondItem.title = "mine";
            secondItem.image = nil;
        }
    }

D、打开 AppDelegate.swift 文件， 在下面的这个函数中添加下面的代码。或者用下面的代码替换原函数中得代码：

函数名为：

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool

函数体部分 代码：

/// ----- 新增的 代码 --  开始 -----
            let frame = UIScreen.mainScreen().bounds;
            window = UIWindow(frame:frame);
            let root = CustormerController();
            window?.rootViewController = root;
            /// -----  新增的代码 -- 结束 ----
            
            
            return true

接着，command + R，看看效果吧。

[Center]: /images/20220724/a0df9f311be24f508bbd252ac5401e22.png
[Center 1]: /images/20220724/edc988f3bd9d4679929ba3cbe25bcde7.png