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

前端之家收集整理的这篇文章主要介绍了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相关文章