美文网首页
8.17 TabBarItem 标签栏纯代码

8.17 TabBarItem 标签栏纯代码

作者: jayck | 来源:发表于2016-09-05 20:06 被阅读13次

    创建几个类,用来之后显示标签栏上的按钮,并改下背景色

    Paste_Image.png
    import UIKit
    
    @UIApplicationMain
    class AppDelegate: UIResponder, UIApplicationDelegate {
    
        var window: UIWindow?
    
    
        func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
            
            self.window = UIWindow(frame: UIScreen.mainScreen().bounds)
            self.window?.makeKeyAndVisible()
            
            let firstCtrl = ViewController()
            
            //设置导航控制器
            let navCtrl = UINavigationController(rootViewController: firstCtrl)
            navCtrl.tabBarItem.title = "第一页"
    //        navCtrl.tabBarItem.image = UIImage(named: "1.png")?.imageWithRenderingMode(.AlwaysOriginal)
            
            //设置图标背景图,默认蓝色,改为原始颜色显示
            firstCtrl.tabBarItem.image = UIImage(named: "1.png")?.imageWithRenderingMode(.AlwaysOriginal)
            //        firstCtrl.tabBarItem.selectedImage   选中后图片
            firstCtrl.tabBarItem.badgeValue = "5"
            firstCtrl.tabBarItem.title = "First"
            
            let secondCtrl = Second()
            secondCtrl.tabBarItem.title = "Second"
            
            let thirdCtrl = Third()
            thirdCtrl.tabBarItem.title = "Third"
            
            let fourthCtrl = Fourth()
            fourthCtrl.tabBarItem.title = "Fourth"
            
            let fivthCtrl = Fivth()
            fivthCtrl.tabBarItem.title = "Fivth"
    
            let tabCtrl = UITabBarController()
            tabCtrl.viewControllers = [navCtrl,secondCtrl,thirdCtrl,fourthCtrl,fivthCtrl]
            self.window?.rootViewController = tabCtrl
            
            return true
        }
    

    在 ViewContrller中编辑导航栏属性,我们给它设置点击屏幕跳转到第二个页面的功能。

    编译运行,如下图:

    Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png

    可以直接点击标签栏上的按钮,直接跳转到对应的界面。

    相关文章

      网友评论

          本文标题:8.17 TabBarItem 标签栏纯代码

          本文链接:https://www.haomeiwen.com/subject/xonrettx.html