SlidingTabLayout

关于

SlidingTabLayout 是一个库，可用于添加顶部带有标签的分页视图控制器。您可以在与内容视图分离的页眉中放置标签项，也可以在单个视图中放置。它还允许以两种模式布局标签

1. 固定（用于少量项）：所有标签项将均匀地分布在宽度等于屏幕的容器中
2. 自由（用于大量项）：所有标签项都将有指定的硬编码宽度，并可水平滚动。

示例

要运行示例项目，首先克隆仓库，然后从示例目录中运行 pod install 命令。

安装

SlidingTabLayout 可通过 CocoaPods 获得。要安装它，只需将以下行添加到您的 Podfile 中

pod 'SlidingTabLayout'

将SlidingTabLayout添加到您的视图中

1. 连续标题与内容

使用'SlidingTabView'的实例

import SlidingTabLayout
.
.
.
func addSlidingTab() {
    let vc1 = UIViewController()
    let vc2 = UIViewController()
    let vc3 = UIViewController()
    vc1.view.backgroundColor = .red
    vc2.view.backgroundColor = .blue
    vc3.view.backgroundColor = .green

    let slidingTabView = SlidingTabView()
    slidingTabView.layout.setItems(items: [
                SlidingTabItem(title: "Red", viewController: vc1),
                SlidingTabItem(title: "Blue", viewController: vc2),
                SlidingTabItem(title: "Green", viewController: vc3)
            ])
    myView.addSubview(slidingTabView)
}

2. 不连续标题与内容

使用'SlidingTabLayout'的实例

let vc1 = UIViewController()
let vc2 = UIViewController()
let vc3 = UIViewController()
vc1.view.backgroundColor = .red
vc2.view.backgroundColor = .blue
vc3.view.backgroundColor = .green

self.slidingTabLayout = SlidingTabLayout(items: [
            SlidingTabItem(title: "Red", viewController: vc1),
            SlidingTabItem(title: "Blue", viewController: vc2),
            SlidingTabItem(title: "Green", viewController: vc3)
        ])
myView.addSubview(self.slidingTab.layout.header)
// Add constraints or frame for header
myView.addSubview(self.slidingTab.layout.contentView)
// Add constraints or frame for contentView

3. 从Storyboard/XIB添加

修改外观

以下属性可以被更改

1. 活动/非活动标签的文本颜色
2. 活动/非活动标签的背景颜色
3. 活动/非活动标签的字体
4. 滑块的颜色
5. 滑块的高度

程序化修改

slidingTab.header.sliderColor = .green
slidingTab.header.activeTitleColor = .brown
slidingTab.header.sliderHeight = 5.0

从故事板

很少属性可以从故事板更改

作者

Bhimsen Padalkar, [email protected]

许可证

SlidingTabLayout 可在 MIT 许可下使用。更多信息请参阅 LICENSE 文件。