iOS顶部标题滚动条

由于最近项目需求需要,需要顶部标题滚动的效果,项目中原有的顶部标题滚动用的是XLPagerTabStrip,使用第三方框架应对需求变更改起来很复杂,所以自己写了一个顶部滚动的效果。
效果如下:

TitleContentView.gif

框架只有四个文件,文件结构如下:
iOS顶部标题滚动条_第1张图片
image.png

框架的使用

  1. 导入以上四个文件到项目中
  2. 在根控制器中创建TitleContentView,并添加到根控制器的View
  3. 在创建TitleContentView时,传递标题内容数组[String],标题对应关联的控制器数组[ViewController],根控制器self,以及TitleContentViewframe即可!!!
    项目中需要加入的代码如下:
import UIKit
class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let titles = ["iPhone", "iOS", "KobeBryant", "优土视真", "UtoVR", "shenzhengfang", "JustinBieber", "中国", "Taylor Swift"]
        var childVCs = [UIViewController]()
        for _ in 0..

注意:

  • PageStyle中的属性用来自定义界面的样式,通过style拿到对应属性实现样式的修改
  • 具体可修改的样式参考文件PageStyle
let style = PageStyle()
// 修改标题栏的高度
style.titieViewHeight = 100
// 修改标题栏的背景颜色
style.titleViewColor = UIColor.orange
···

相关代码前往GitHub,如果觉得有收获,留个小星星感激不尽…

你可能感兴趣的:(iOS顶部标题滚动条)