自定义 Tab Bar 教程

自定义 Tab Bar 教程,第1张

概述作者:Arthur Knopper,原文链接,原文日期:2016-10-07 译者:Crystal Sun;校对:星夜暮晨;定稿:CMB Tab Bar 用于快速切换不同模块之间的界面。在本节教程中,我们将来了解 Tab Bar 以及如何自定义 item。本节教程将使用 Xcode 8 和 iOS 10 来进行构建。 打开 Xcode,创建一个 Tabbed Application。 点击 Nex

作者:Arthur Knopper,原文链接,原文日期:2016-10-07
译者: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 方法如下:

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。

总结

以上是内存溢出为你收集整理的自定义 Tab Bar 教程全部内容,希望文章能够帮你解决自定义 Tab Bar 教程所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1067732.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存