https://github.com/targetcloud/tgpageview
类似网易新闻的导航条，支持滚动、缩放动画、渐变、遮罩等，可以任意组合各效果，史上最赞
https://github.com/targetcloud/tgpageview
Last synced: 10 months ago
JSON representation
类似网易新闻的导航条，支持滚动、缩放动画、渐变、遮罩等，可以任意组合各效果，史上最赞
- Host: GitHub
- URL: https://github.com/targetcloud/tgpageview
- Owner: targetcloud
- License: mit
- Created: 2017-03-23T16:05:03.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-01-15T12:32:31.000Z (over 8 years ago)
- Last Synced: 2025-04-12T07:29:40.352Z (about 1 year ago)
- Language: Swift
- Size: 26.4 KB
- Stars: 17
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.. ###### 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)