自定义 Tab Bar 教程

作者:Arthur Knopper, 原文链接 ,原文日期:2016-10-07

译者: Crystal Sun ;校对: 星夜暮晨 ;定稿: CMB

Tab Bar 用于快速切换不同模块之间的界面。在本节教程中,我们将来了解 Tab Bar 以及如何自定义 item。本节教程将使用 Xcode 8 和 iOS 10 来进行构建。

打开 Xcode,创建一个 Tabbed Application。

自定义 Tab Bar 教程

点击 Next,product name 一栏填写 IOS10TabBarCustomizationTutorial ,填写好 Organization Name 和 Organization Identifier,Language 选择 Swift,Devices 选择 iPhone。

自定义 Tab Bar 教程

找到 ViewController.swift 文件,更改 viewDidLoad 方法如下:

override func viewDidLoad() {
    super.viewDidLoad()        
    guard let tabBar = self.tabBarController?.tabBar else { return }
        
    tabBar.tintColor = UIColor.white
    tabBar.barTintColor = UIColor.black
    tabBar.unselectedItemTintColor = UIColor.yellow
        
        
    guard let tabBarItem = self.tabBarItem else { return }
        
    tabBarItem.badgeValue = "123"
    tabBarItem.badgeColor = UIColor.blue
}

tintColor 设置成白色, barTintColor 设置成黑色,选中某个 item 时, tintColor 将变成黄色。每个 item 可以有一个 supplementary badge,我们在这里创建了一个值为 “123” 的蓝色 badge。

编译并运行工程,从下图中可看到自定义的 Tab Bar。

自定义 Tab Bar 教程

在 ioscreator 的 github 上可以下载到本节课程 IOS10TabBarCustomizationTutorial 的源代码

本文由 SwiftGG 翻译组翻译,已经获得作者翻译授权,最新文章请访问http://swift.gg。

原文 

http://swift.gg/2016/12/29/tab-bar-customisation-tutorial-ios10/

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » 自定义 Tab Bar 教程

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址