自定義 Tab Bar 教程

作者: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 方法如下:

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容