微信号:learnSwift

介绍:每天推送一篇精品Swift文章,无偿翻译,共同学习.;;

自定义 Tab Bar 教程

2016-12-29 22:27 Arthur

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

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

打开 Xcode,创建一个 Tabbed Application。


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


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

swif
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。


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

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

 
SwiftGG翻译组 更多文章 通过 Core Graphics 绘制渐变颜色 iOS 10 本地通知教程 iOS 10 本地通知教程 趣谈 iOS 10 UIKit 绘图 趣谈 iOS 10 UIKit 绘图
猜您喜欢 全球流量第56位的网站,什么架构让它只有23台服务器? 每日安全动态推送(12-26) ExSwift 初探 编程之外,8种方式 如何提高设计创新力?