Skip to content

Latest commit

 

History

History
75 lines (52 loc) · 1.93 KB

README.md

File metadata and controls

75 lines (52 loc) · 1.93 KB

QTabView

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

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分支)。