自定义Swift版SegmentControl 自定义Swift版SegmentControl

系统的UISegmentControl虽然可以动态计算宽度，但是不能滚动。0..0鉴于需求，所以还是苦逼自己撸了一个Swift版。满足动态调节segment宽度，以及自动调整滚动位置，选择红点显示。

效果图：

文章图片
【自定义Swift版SegmentControl】主要的一些思路（同时希望大神能提下意见～～）：
a.添加scrollView，然后在上面布局各个item，达到可供滚动的需求。通过autoAdjustWidth属性判断是否自动计算各个item的宽度。如果不自动的话，就width ＝ frame／numbersOfSegment，自动的话则计算label显示所需要的宽度。

b.在可供滚动的需求上，继续挖出一个自动调整位置的需求。让选择的item显示在可视范围，同时显示出尽头是否还有item的情况。额，挺简单的，直接上代码:
private func scrollItemToPoint(index : Int,point:CGPoint) {

let currentX = currentItemX(index: index)
let scrollViewWidth = scrollView.bounds.size.width
var scrollX = currentX - point.x + segmentWidth(index: index) * 0.5
let maxScrollX = scrollView.contentSize.width - scrollViewWidth
if scrollX > maxScrollX {
scrollX = maxScrollX
}
if scrollX < 0.0 {
scrollX = 0.0
}
scrollView.setContentOffset(CGPoint(x: scrollX, y: 0.0), animated: true)
}
c.红点添加。考虑到要显示红点，所以不直接使用UILabel当Item，而是自定义JTItemView，里面放着label，和一个红点CALayer视图。（本来想着自定义一个label子类，然后添加layer当做红点就行，但是考虑到可能以后还要扩展item的特性，所以直接使用了UIView的子类。）。
提供了一个方法进行红点控制：func showBridge(show:Bool, index:Int)。
0.0接下来说说肿么使用～
1.平分布局：
var frame = CGRect(x: 10.0, y: 130.0, width: self.view.bounds.size.width - 20.0, height: 44.0)

let segmentControl = JTSegmentControl(frame: frame)
segmentControl.delegate = self
segmentControl.items = ["first", "second", "third", "fouth"]
segmentControl.showBridge(show: true, index: 1)
segmentControl.autoScrollWhenIndexChange = false
view.addSubview(segmentControl)
2.自动计算item宽度（autoAdjustWidth）
frame = CGRect(x: 10.0, y: 250.0, width: self.view.bounds.size.width - 20.0, height: 44.0)

let autoWidthControl = JTSegmentControl(frame: frame)
autoWidthControl.delegate = self
autoWidthControl.items = ["first", "second", "third", "fouth", "fifth", "sixth", "seventh", "eighth"]
autoWidthControl.selectedIndex = 1
autoWidthControl.autoAdjustWidth = true
autoWidthControl.bounces = true
view.addSubview(autoWidthControl)
~还有一些样式的属性可供修改：
// JTSegmentPattern.swift

static let itemTextColor //item字体颜色
static let itemSelectedTextColor //选择状态的颜色
static let itemBackgroundColor //背景色
static let itemSelectedBackgroundColor //选中状态背景色
//MARK - Text font
static let textFont //字体
static let selectedTextFont //选中状态字体
//MARK - slider
static let sliderColor //滑动条颜色
static let sliderHeight//滑动条高度
//MARK - bridge
static let bridgeColor //红点颜色
提供代理方法通知外界：
optional func didSelected(segement:JTSegmentControl, index: Int) //选择了Item后触发

=============STOP=================
//就是辣么简单。。。。。。
//求鼓励
https://github.com/guangzhouxia/JTSegmentControl

自定义Swift版SegmentControl

推荐阅读

调节变量回归分析,spss回归分析调节变量结果解读

五类人不宜吃黑米

高中生打架学校如何处罚高中生打架学校如何，高中生打架学校如何处理

父母|9年前，那个卖肾买苹果手机的高中生，现在过得怎么样？

孩子总爱溜边，可不是什么小事！

怎么改WiFi密码

诗妖是指哪位诗人我国文学史上的诗仙是谁

淘客app 懒人淘宝客

七夕节个性浪漫祝福语

怎么去瘦腿怎么样瘦腿

即墨一中网站制作，即墨一中改扩建

2016丙申猴年端午茶怎么制作？

整形直播女主播录屏视频，整容女主播

当前买什么手机最划算？

秋葵外皮有点发粘还能吃吗

没有烤箱怎么做生日蛋糕的胚

最准的机械表是什么品牌？

文鼎创，文鼎创艺微软金山经典这几种字体的官方网站买知道

关于哔哩哔哩收藏夹怎么更改排序

为什么婆婆总和我过不去？老是和婆婆处不来怎么办