Latest 1.0.3
Homepage https://github.com/hqs5678/qtabs-swift
License MIT
Platforms ios 8.0, requires ARC
Dependencies QHorizontalTableView, QSExtensionSwift
Frameworks UIKit, Foundation
Authors

标签页,可以用于新闻的界面、有不同分类的界面等。已适配横屏。

Android 版:https://github.com/hqs5678/hqs-common-tabs-android

运行效果图

运行效果图

实现原理

封装QHorizontalTableView,添加界面切换的过度动画。

QHorizontalTableView是封装的UICollectionView,实现简单的水平表格布局,可单独用于其他项目。例如:

pod ‘QHorizontalTableView’

项目地址:http://git.oschina.net/hqs.com/horizontaltableview-swift

安装说明

CocoaPods

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'

target 'TargetName' do

pod 'QHorizontalTableView'

end

使用方法

核心代码如下:


tabs = QTabView(frame: self.view.frame)
self.view.addSubview(tabs)

let blue = UIColor(hexString: "1c50f6")
// 设置指示器颜色
tabs.indicatorColor = blue
// 设置正常状态下标题的颜色
tabs.titleNormalColor = UIColor.darkGray
// 设置选中状态下标题的颜色
tabs.titleSelectedColor = blue
// 设置指示器的高度
tabs.indicatorHeight = 2
// 设置标题的背景颜色
tabs.titleBackgroundColor = UIColor.lightGray.withAlphaComponent(0.3)

// 自动布局,设置在父控件中的位置
tabs.layoutInSuperview(20, 0, 0, 0)

// 设置标题
tabs.titles = ["推荐", "娱乐明星", "体育", "新热点", "新闻", "帅哥", "美女", "娱乐明星", "体育", "新热点", "新闻", "帅哥", "美女"]

// 模拟每个标签页的内容
for i in 0 ..< tabs.titles.count {
    let vc = VC1()
    vc.index = "(tabs.titles[i]) (i)"

    // 以 addChildViewController 的方式设置标签页内容
    self.addChildViewController(vc)
}

注意

tabs.titles.count 要和 self.childViewControllers.count 一致!!!

如有其他问题, 请下载运行项目,参考示例代码(Demo分支)。

Latest podspec

{
    "name": "QTabView",
    "version": "1.0.3",
    "summary": "A tab view with more than one page. It can be used for news",
    "description": "QTabViewnA tab view with more than one page. It can be used for news, projects, and so on.",
    "homepage": "https://github.com/hqs5678/qtabs-swift",
    "license": {
        "type": "MIT",
        "file": "FILE_LICENSE"
    },
    "authors": {
        "u9ec4u9752u677e": "[email protected]"
    },
    "platforms": {
        "ios": "8.0"
    },
    "source": {
        "git": "https://github.com/hqs5678/qtabs-swift.git",
        "tag": "1.0.3"
    },
    "source_files": "Classes/QTabView.swift",
    "frameworks": [
        "UIKit",
        "Foundation"
    ],
    "requires_arc": true,
    "dependencies": {
        "QHorizontalTableView": [],
        "QSExtensionSwift": []
    },
    "pushed_with_swift_version": "3.0"
}

Pin It on Pinterest

Share This