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

1、工具及版本

swift：swift2.2；

Xcode：7.2

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

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”）

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，看看效果吧。

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

相关文章