前言###
隨著swift3.0推出之后，我們廣大的iOS同胞都慢慢的走向swift開(kāi)發(fā)，當(dāng)然小編也不例外，也在靜下心來(lái)了解了解swift，但是單純的這樣看文檔那也不是一個(gè)好辦法，因?yàn)閷?duì)于我來(lái)講，代碼才是最親切的朋友，所以索性就是直接看代碼、寫(xiě)代碼最直接。
代碼下載地址：
swift版本：高仿今日頭條、網(wǎng)易新聞UI結(jié)構(gòu)
OC版本：高仿今日頭條
正文#####
小編琢磨著，在OC中我們經(jīng)常用到一些經(jīng)典的UI結(jié)構(gòu)（都不知道寫(xiě)了多少次了）都是已經(jīng)封裝好的，那么以后在使用swift的時(shí)候，不是也是需要這樣封裝好的UI結(jié)構(gòu)嗎？反正邏輯都是差不多的，只是寫(xiě)的方式改改，下面是多種使用場(chǎng)景的效果圖
實(shí)現(xiàn)可以設(shè)置的功能有：
1、可以標(biāo)題欄是否可以滾動(dòng)，注意標(biāo)題都是滾動(dòng)到中心位置
var pageStyleModel = LZBPageStyleModel()
pageStyleModel.isScrollEnable = true
調(diào)節(jié)選中的標(biāo)題到中心位置
//調(diào)整位置
func adjustTargetOffset(){
let targetLabel = self.titleLabels[currentIndex] //當(dāng)前選中的標(biāo)題的索引
var offsetX = targetLabel.center.x - scrollView.bounds.width * 0.5
if offsetX < 0{
offsetX = 0
}
let maxOffsetX = self.scrollView.contentSize.width - scrollView.bounds.width
if offsetX > maxOffsetX{
offsetX = maxOffsetX
}
scrollView.setContentOffset(CGPoint(x: offsetX, y: 0), animated: true)
}
2、可以設(shè)置是否縮放選中標(biāo)題
//4.拖動(dòng)contentView，改變字體大小
if self.style.isNeedScale {
let deltaScale = self.style.maxScale - 1.0
soureLabel.transform = CGAffineTransform(scaleX: self.style.maxScale - deltaScale * progress, y: self.style.maxScale - deltaScale * progress)
targetLabel.transform = CGAffineTransform(scaleX: 1.0 + deltaScale * progress, y: 1.0 + deltaScale * progress)
}
3、可以設(shè)置是否下滑線長(zhǎng)度與文字對(duì)齊
let deltaWidth = targetLabel.frame.width - soureLabel.frame.width
let deltaX = targetLabel.frame.origin.x - soureLabel.frame.origin.x
//3.拖動(dòng)contentView,下劃線漸變
if self.style.isShowBottomLine {
bottomLine.frame.size.width = soureLabel.frame.width + deltaWidth * progress
bottomLine.frame.origin.x = soureLabel.frame.origin.x + deltaX * progress
}
4.可以設(shè)置文字顏色漸變
//2.顏色漸變
soureLabel.textColor = UIColor(r: (self.selectColor.0 - deltaColor.0) * progress, g: (self.selectColor.1 - deltaColor.1) * progress, b: (self.selectColor.2 - deltaColor.2) * progress)
targetLabel.textColor = UIColor(r: (self.normalColor.0 + deltaColor.0) * progress, g: (self.normalColor.1 + deltaColor.1) * progress, b: (self.normalColor.2 + deltaColor.2) * progress)
5、可以設(shè)置遮罩漸變
//4.拖動(dòng)contenView，mask漸變
if self.style.isNeedMask {
self.lableMaskView.frame.size.width = self.style.isScrollEnable ? soureLabel.frame.width + 2 * self.style.maskInsetMargin + deltaWidth * progress : soureLabel.frame.width + deltaWidth * progress
self.lableMaskView.frame.origin.x = self.style.isScrollEnable ? soureLabel.frame.origin.x - self.style.maskInsetMargin + deltaX * progress : soureLabel.frame.origin.x + deltaX * progress
}
所有可以配置的參數(shù)都可以通過(guò)LZBPageStyleModel配置
var titleViewHeight : CGFloat = 44 //標(biāo)題欄默認(rèn)高度
var titleViewTitleNormalColor : UIColor = UIColor(r: 0, g: 0, b: 0) //正常情況默認(rèn)黑色
var titleViewTitleSelectColor : UIColor = UIColor(r: 255, g: 0, b: 7) //選中情況默認(rèn)紅色
var titleViewTitleFont : UIFont = UIFont.systemFont(ofSize: 14.0) //默認(rèn)字體
var isScrollEnable : Bool = false //默認(rèn)不可以滾動(dòng)
var titleViewMargin : CGFloat = 20.0 //默認(rèn)間距
var isShowBottomLine : Bool = true //是否顯示底部線
var bottomLineHeight : CGFloat = 2.0 //底部線的默認(rèn)高度
var bottomLineColor : UIColor = UIColor.red //底部線默認(rèn)顏色
var isNeedScale : Bool = false //是否需要放大
var maxScale : CGFloat = 1.2 //縮放的最大值
var isNeedMask : Bool = false //是否需要遮罩
var maskColor : UIColor = UIColor(white: 0.4, alpha: 0.5) //遮罩顏色
var maskInsetMargin : CGFloat = 10.0 //遮罩內(nèi)部間距
var maskHeight : CGFloat = 25.0 //遮罩高度
var maskLayerRadius : CGFloat = 12.5 //遮罩圓角
封裝UI使用步驟###
1、創(chuàng)建標(biāo)題欄標(biāo)題數(shù)組，注意必須與后面控制器對(duì)應(yīng)
let titles = ["英雄聯(lián)盟","火藍(lán)","提姆隊(duì)長(zhǎng)","史前巨鱷","洛克薩斯之手","狗頭","武器"]
2、創(chuàng)建控制器數(shù)組，根據(jù)自己項(xiàng)目具體不同而使用不同的控制器
> var childvcs = UIViewController
for i in 0..<titles.count
{
let vc = UIViewController()
let backgroundcolor = UIColor.getRandomColor() //獲取隨機(jī)顏色
vc.view.backgroundColor = backgroundcolor
childvcs.append(vc)
}
3、創(chuàng)建樣式，根據(jù)項(xiàng)目自己配置
var pageStyleModel = LZBPageStyleModel()
pageStyleModel.isScrollEnable = true //是否可以滾動(dòng)
pageStyleModel.isNeedScale = true //是否需要放大
pageStyleModel.isShowBottomLine = false /是否需要底部線
pageStyleModel.isNeedMask = true //是否需要遮罩
4、創(chuàng)建pageView
let pageView = LZBPageView(frame: pageFrame, titles: titles, pageStyle: pageStyleModel, childVcs: childvcs, parentVc: self)
view.addSubview(pageView)
代碼結(jié)構(gòu)清晰、并且有注釋，集成度高、耦合性低，方便使用
代碼下載地址：
swift版本：高仿今日頭條、網(wǎng)易新聞UI結(jié)構(gòu)
OC版本：高仿今日頭條
最后贈(zèng)言###
如果覺(jué)得文章對(duì)您有幫助，不要忘記star哦!??，star 是對(duì)程序猿最大的鼓勵(lì)！
