SRTabBarController 0.1.0

SRTabBarController 0.1.0

测试已测试
语言语言 SwiftSwift
许可证 MIT
发布最后发布2016年5月
SPM支持 SPM

Stephen Radford 维护。



SRTabBarController

SRTabBarController旨在在很大程度上复制UITabBarController在 OS X 中的功能。它作为NSTabView的可视选项卡栏,具备许多实用的特性。

  • 通过Storyboard直接配置的塞吉(segues)添加选项卡。
  • 在 Interface Builder 中设置文字颜色、色调颜色、栏颜色和项目间距。
  • 从4个位置中选择:顶部、底部、左侧、右侧。
  • 支持文字与图片、仅文字或仅图片的选项卡。
  • 通过NSVisualEffectsView使用半透明效果。
  • 使用Swift编写。

Types of tab bars

查看这个屏幕捕捉,了解可用的选项。

安装

SRTabBarController可以通过将项目中的Pod目录下的所有文件包含进来手动安装。然而,推荐通过CocoaPods进行安装。

pod 'SRTabBarController', :git => 'https://github.com/steve228uk/SRTabBarController.git'

使用

虽然可以将SRTabBarController以程序方式添加到项目中,但建议您在Storyboard中使用它。与UITabBarController选项卡一样,可以通过塞吉(segues)来定义选项卡。由于不支持自定义关系塞吉,因此已经使用了自定义塞吉和标识符来定义选项卡作为解决方案。

1 - 将一个新UIViewController拖到Storyboard中,并将其设置为窗口的根内容主控制器。 2 - 确保新控制器类为SRTabBarController,并确保设置正确。

Xcode Inspector

3 -SRTabBarController的属性检查器中定义选项卡栏属性。

Attributes Inspector

4 - 为每个选项卡创建视图控制器,并使用自定义塞吉将您的SRTabBarController链接到它们。

Attributes Inspector

5 - 确保每个选项卡视图控制器在属性检查器中都有标题定义。这用作用户界面上选项卡的标题。 6 - 好的,这是最难的部分。单击您刚刚创建的每个塞吉,并在属性检查器中定义以下内容。

Attributes Inspector

这里的索引定义了它将在选项卡栏中显示的位罝。可选地,您可以为应用程序的资产中提供的默认图片提供名称。例如,如果您有一个希望在位罝1并且有图标名称为Search的搜索选项卡,您将设置以下内容作为标识符tab_1_Search

自定义 SRTabBarController

除了在Interface Builder的检查器中可以定义的设置外,还可以通过子类化SRTabBarController来设置一系列选项。实际上,SRTabBar自身就是一个NSVisualEffectsView,因此非常容易获得用户在OS X中熟悉的半透明效果。

位置 - 要自定义屏幕上的位置,将tabBarLocation设置为.Top.Right.Bottom.Left

半透明度 - 要启用视觉效果,请将tabBar?.translucent = true

视觉效果 - 有关可以为tabBar启用的设置的详细信息,请查看NSVisualEffectsView。你可能需要更改materialblendingMode

查看这个屏幕捕捉,了解可用的选项。