GitHub tag license GitHub stars GitHub forks
该控件一般和UIScrollView一起使用,点击控件通过代理回调给UIScrollView来 改变ContentOffset来达到控制页数的效果
- 可根据滑动的距离来实时更新底部线条的位置和宽度;
- 宽度是根据每个分割的控件
title的宽度而定; - 根据滑动距离实时颜色渐变;
- 支持code,xib,storyboard;
- 支持旋转;
pod 'GLSegmentView'
因为使用了xib文件,支持在storyboard和xib中使用该控件,导致在使用时,storyboard和xib找不到该控件的module。
当前如果通过pod安装,并且在storyboard或者xib中使用的话,需要手动更改如图:(会有编译报错,运行没问题,待解决)
下载文件,添加GLSegmentView.swift和GLSegmentView.xib到工程文件中即可。
如果是iPhone需要支持旋转,必须添加如下代码
// MARK: 如果是iPhone需要屏幕旋转功能,必须添加此方法
override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
super.viewWillTransition(to: size, with: coordinator)
self.segmentView.beforeLayoutIndex = self.segmentView.currentSelectIndex
}
let titles = ["路飞", "Medbanks", "One", "Piece", "god~long"]
self.segmentView.titleArray = titles
self.segmentView.delegate = self
//MARK: UIScrollViewDelegate
func scrollViewDidScroll(_ scrollView: UIScrollView) {
self.segmentView.updateSegmentView(scrollView.contentOffset.x, pageWidth: scrollView.frame.width)
}
//MARK: SegmentSlideViewDelegate
func didSelectSegment(_ index: Int) {
// animated必须为false,如果想点击segment的时候也动画滑动,必须添加额外的参数控制
self.contentScrollView!.setContentOffset(CGPoint(x: CGFloat(index) * ScreenWidth, y: 0), animated: false)
}
// 代码创建 需要去掉属性的IBOutlet
self.segmentView = GLSegmentView(frame: CGRect(x: 0, y: 0, width: self.contentScrollView.frame.width, height: 50))
self.segmentView.titleArray = titles
self.segmentView?.delegate = self
self.view.addSubview(self.segmentView!)
//MARK: UIScrollViewDelegate
func scrollViewDidScroll(_ scrollView: UIScrollView) {
self.segmentView.updateSegmentView(scrollView.contentOffset.x, pageWidth: scrollView.frame.width)
}
//MARK: SegmentSlideViewDelegate
func didSelectSegment(_ index: Int) {
// animated必须为false,如果想点击segment的时候也动画滑动,必须添加额外的参数控制
self.contentScrollView!.setContentOffset(CGPoint(x: CGFloat(index) * ScreenWidth, y: 0), animated: false)
}
如有意见,欢迎issue