TGPageView icon indicating copy to clipboard operation
TGPageView copied to clipboard

类似网易新闻的导航条,支持滚动、缩放动画、渐变、遮罩等,可以任意组合各效果,史上最赞

TGPageView

类似网易新闻的导航条,支持滚动、缩放动画、渐变、遮罩等,可以任意组合各效果,史上最赞

如何使用

let pageViewFrame = CGRect(x: 0, y: 64, width: view.bounds.width, height: view.bounds.height - 64 )//非scrollView设置64

1 默认不可滚动,底下有跟踪滚动条(下划线) 等分

let titles = ["推荐","视频","图片","段子","投票"]
let style = TGPageStyle()

2 滚动模式,底下有跟踪滚动条(下划线) 不等分,根据文字大小设置下划线

let titles = ["推荐","视频","这是一个测试","图片","段子","投票","排行","互动区","网红","社会","美女","冷知识","游戏"]
let style = TGPageStyle()
style.isScrollEnable = true//滚动模式

3 无跟踪滚动条(下划线) 用遮罩 缩放支持

let titles = ["推荐","视频","这是一个测试","图片","段子","投票","排行","互动区","网红","社会","美女","冷知识","游戏"]
let style = TGPageStyle()
style.isScrollEnable = true
style.isNeedTitleScale = true//缩放支持
style.isShowCoverView = true//用遮罩

4 遮罩加跟踪滚动条,系统默认情况下使用遮罩时会隐藏底部的跟踪滚动条,若要同时有滚动条,则在设置遮罩后再设置滚动条

let titles = ["推荐","视频","这是一个测试","图片","段子","投票","排行","互动区","网红","社会","美女","冷知识","游戏"]
let style = TGPageStyle()
style.isScrollEnable = true
style.isNeedTitleScale = true
style.isShowCoverView = true
style.isShowBottomLine = true

56789... 根据自己想要的效果自由配置style,如等分并缩放支持

let titles = ["推荐","视频","图片","段子","投票"]
let style = TGPageStyle()
style.isNeedTitleScale = true//缩放支持
style.bottomLineExtendWidth = 18//相当于inset,因为transform会影响frame,用bottomLineExtendWidth改变底部跟踪滚动条(下划线)的缩进

设置完pageViewFrame titles style 后就可以开始用了

var childVCs = [UIViewController]()
for _ in 0..<titles.count {
let vc = UIViewController()
vc.view.backgroundColor = UIColor.random()
childVCs.append(vc)
}
let pageView = TGPageView(frame: pageViewFrame, titles: titles, titleStyle: style, childVCs: childVCs, parentVC: self)
view.addSubview(pageView)