一个使 TabBar 看起来更漂亮、支持动画的库。

描述

苹果在 iOS 11 中将 TabBars 引入了许多应用程序中，这种导航方式现在越来越受欢迎。然而，与 Material Design 相比，iOS 原生的 TabBar 可能会有些单调。这个 Pod 的目的是让您的 TabBar 看起来非常酷，并支持 Material Design 的焦点动画。

安装

pod 'MaterialTB'

使用方法

安装 pod 后的操作非常简单

1. 在您的 storyboard 中添加一个空的 ViewController

确保这个 View Controller 的自定义类是 MaterialTB，与它的模块相同。

2. 添加您的 ViewControllers，但有一个条件：您的控制器必须继承自 MaterialViewController

import UIKit
import MaterialTB

class ViewController: MaterialViewController {

    ...

    // This method is called whenever an opened Tab is "reopende" i.e: You are on
    // 'sales' tab and you tap on 'sales' tab again. By default it triggers an animation
    // but leaves the view controller as-is. You can override it to reload your VC from
    // Storyboard or do any actions you desire.
    override func refreshViewController() -> MaterialViewController {
        // Reload from storyboard
    }
}

3. 在 Storyboard 中配置 Segues

这里是发生魔法的地方，当您同时有 MaterialTB VC 和从 MaterialViewController 继承的个性化视图控制器时，您可以从 MaterialTB 拖动到您的 View Controller 以创建一个 segue。在弹出菜单中选择 'material view'

然后，在 segue 的属性检查器中，将 'Identifier' 设置为您 TabBar 中这个视图的编号，例如：1、2、3、4、5。

4. 配置视图控制器信息

您可以在视图控制器的属性检查器中配置将在 TabBar 中显示的每个视图控制器的信息

选中图像：当这个视图控制器被选中时将在 TabItem 上显示的图像。为了达到更好的外观和感觉，我们建议您在这里使用比空闲图像稍大一点的图像。

空闲图像：当这个视图控制器未选中时将在 TabItem 上显示的图像。

Tab 标题：这个视图控制器在 TabBar 中的标题。您可以将其留空，以在 Tab 上不显示文本。

5. 您已设置完毕！此时您的 TabBar 应该可以工作。请注意，对于 3-5 个视图控制器，TabBar-like 导航是推荐的。MaterialTB 支持 1 到 5 个视图控制器。

演示

自定义

您可以在 MaterialTB 的属性检查器中自定义 TabBar 的外观和感觉

初始视图控制器：这告诉 MaterialTB 应用启动时加载的第一个 Tab 是哪个 Tab。它是从 1 到 5 的整数。

TabBar 高度：这允许您根据需求自定义 TabBar 的高度。默认是 65px

选中色调：这是选中时的 TabBar 标签文本的颜色。它应该与您的 '选中图像' 的主颜色相匹配。

空闲色调：这是TabBar标签未选中时的文字颜色。它应与您的“空闲图片”主颜色相匹配。

标签栏背景颜色：这是TabBar背景的颜色。

字体大小：您可以为TabItem标签字体指定大小。我们建议您使用9到15之间的任何值。默认为12。

字体样式：您可以指定TabBar的家族字体。默认为系统字体。如果指定的家族字体找不到，则会回退到默认字体。

支持

这个库完全免费，如果您想支持我们，请与您的朋友分享，或给我们一些反馈！支持就是成长。