WechatIMG3.jpeg
import UIKit
protocol ZYCSelectViewDelegate:class {
func selectOption(num:Int)->Void
}
class ZYCSelectView: UIView {
private weak var delegate:ZYCSelectViewDelegate?
private var buttonHeight:CGFloat = 50
private weak var mainView:UIView?
private var mainViewWidth:CGFloat?
private var isShowRect:Bool?
var stringArray:[String]?{
didSet{
for item in self.mainView?.subviews ?? []{
item.removeFromSuperview()
}
let array:[String] = stringArray ?? []
let viewHeight:CGFloat = buttonHeight*CGFloat(array.count)
let viewWidth:CGFloat = mainViewWidth ?? 0
mainView?.frame = CGRect(x: 0, y: 0, width: viewWidth, height: viewHeight+10)
mainView?.createBubbleView(radius: 4,isShowRect:isShowRect ?? false)
for (index,item) in array.enumerated(){
let button:UIButton = UIButton(frame:CGRect(x: 0, y:buttonHeight*CGFloat(index)+10, width: viewWidth, height: buttonHeight))
button.tag = 100+index
button.setTitle(item, for: .normal)
button.titleLabel?.font = adapterFont(font: 14)
button.setTitleColor(UIColor.grayValue(value: 47), for: .normal)
button.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
mainView?.addSubview(button)
if index != array.count - 1{
let line:UIView = UIView(frame: CGRect(x: 10, y: buttonHeight*CGFloat(index+1)+10, width: viewWidth-20, height: 1))
line.backgroundColor = UIColor.grayValue(value: 248)
mainView?.addSubview(line)
}
}
}
}
var imagesAndTitles:[(String,String)]?{
didSet{
for item in self.mainView?.subviews ?? []{
item.removeFromSuperview()
}
let array:[(String,String)] = imagesAndTitles ?? []
let viewHeight:CGFloat = buttonHeight*CGFloat(array.count)
let viewWidth:CGFloat = mainViewWidth ?? 0
mainView?.frame = CGRect(x: 0, y: 0, width: viewWidth, height: viewHeight+10)
mainView?.createBubbleView(radius: 4,isShowRect:isShowRect ?? false)
for (index,item) in array.enumerated(){
let button:UIButton = UIButton(frame:CGRect(x: 0, y:buttonHeight*CGFloat(index)+10, width: viewWidth, height: buttonHeight))
button.titleLabel?.textAlignment = .center
button.tag = 100+index
button.titleLabel?.font = adapterFont(font: 14)
button.setTitle(" \(item.1)", for: .normal)
button.setImage(UIImage(named: item.0), for: UIControl.State.normal)
button.setTitleColor(UIColor.grayValue(value: 47), for: .normal)
button.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
mainView?.addSubview(button)
if index != array.count - 1{
let line:UIView = UIView(frame: CGRect(x: 10, y: buttonHeight*CGFloat(index+1)+10, width: viewWidth-20, height: 1))
line.backgroundColor = UIColor.grayValue(value: 248)
mainView?.addSubview(line)
}
}
}
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
init(view:ZYCSelectViewDelegate,width:CGFloat = 120,buttonHeight:CGFloat = 50,isShowRect:Bool = true) {
super.init(frame:CGRect.zero)
self.delegate = view
self.mainViewWidth = width
self.buttonHeight = buttonHeight
self.isShowRect = isShowRect
KEY_WINDOW.addSubview(self)
self.frame = CGRect(x: 0, y: 0, width: SCREEN_WIDTH, height: SCREEN_HEIGHT)
self.isHidden = true
createUI()
}
private func createUI(){
let backView:UIView = UIView(frame: CGRect(x: 0, y: 0, width: SCREEN_WIDTH, height: SCREEN_HEIGHT))
backView.isUserInteractionEnabled = true
backView.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(backTap)))
backView.backgroundColor = .black
backView.alpha = 0.3
self.insertSubview(backView, at: 0)
let mainView:UIView = UIView()
mainView.isUserInteractionEnabled = true
self.addSubview(mainView)
self.mainView = mainView
}
@objc private func buttonAction(sender:UIButton){
delegate?.selectOption(num: sender.tag%100)
hide()
}
@objc private func backTap(){
hide()
}
private func hide(){
self.isHidden = true
self.removeFromSuperview()
}
func show(view:UIView){
//获取视图在keywindow的位置
let rect:CGRect = view.convert(view.bounds, to: KEY_WINDOW)
mainView?.left = rect.origin.x+rect.size.width-(mainViewWidth ?? 0)-8
mainView?.top = rect.origin.y+rect.size.height-5
self.isHidden = false
}
}
///这部分才是重点,主要是贝塞尔曲线画气泡
extension UIView{
func createBubbleView(radius:CGFloat,backGroundColor:UIColor = UIColor.white,isShowRect:Bool = true){
let pai:CGFloat = CGFloat(Double.pi)
let width:CGFloat = self.width
let linePath = UIBezierPath(arcCenter: CGPoint(x: radius, y: 10+radius), radius: radius, startAngle: pai*1.5, endAngle: pai, clockwise: false)
linePath.addArc(withCenter: CGPoint(x: radius, y: self.height-radius), radius: radius, startAngle: pai, endAngle: pai*0.5, clockwise: false)
linePath.addArc(withCenter: CGPoint(x: self.width - radius, y: self.height-radius), radius: radius, startAngle: pai*0.5, endAngle: 0, clockwise: false)
linePath.addArc(withCenter: CGPoint(x: self.width - radius, y: 10+radius), radius: radius, startAngle: 0, endAngle: pai*1.5, clockwise: false)
if isShowRect{
let right:CGFloat = radius > 10 ? radius+2 : 12
linePath.addLine(to: CGPoint(x: width-right, y: 10))
linePath.addLine(to: CGPoint(x: width-right-5, y: 0))
linePath.addLine(to: CGPoint(x: width-right-10, y: 10))
}
linePath.close()
//设施路径画布
let lineShape = CAShapeLayer()
lineShape.frame = CGRect(x: 0, y: 0, width: self.width, height: self.height)
//获取贝塞尔曲线的路径
lineShape.path = linePath.cgPath
//填充色
lineShape.fillColor = backGroundColor.cgColor
//把绘制的图放到layer上
self.layer.addSublayer(lineShape)
}
}
具体使用:
let view:ZYCSelectView = ZYCSelectView(view:self) //协议绑定控制器
view.imagesAndTitles = [("issuelog","日志"),("issuefollowUp","跟进"),("issueall","全部")]
view.show(view: sender)
协议回调
func selectOption(num: Int) {
//do something
}
网友评论