iOS开发 毛玻璃背景弹窗 SXAlertView

Simulator Screen Shot 2016年3月29日 上午11.45.39.png SXAlertView.gif

简单封装了毛玻璃背景弹窗视图，并用闭包判断点击事件

SXAlertView.swift

import UIKit
// 闭包
typealias SXAlertViewBlock = (btnName: String) -> Void
class SXAlertView: UIView {

    var leftLeave: Bool!
    var alertTitleLabel: UILabel!
    var alertContentLabel: UILabel!
    var leftButton: UIButton!
    var rightButton: UIButton!
    var bgImageView: UIView!
    
    let alertWidth:CGFloat = 245
    let alertHeight:CGFloat = 160
    
    let titleYOffset:CGFloat = 15
    let titleHeight:CGFloat = 25
    let contentOffset:CGFloat = 30
    let betWeenLabelOffset:CGFloat = 20
    
    var callBack: SXAlertViewBlock?
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    func initWithTitle(title: String, content: String, leftTitle: String, rigthTitle: String) {
        
        // alertView
        self.layer.cornerRadius = 5.0
        self.backgroundColor = UIColor.whiteColor()
        
        //1 标题
        alertTitleLabel = UILabel(frame: CGRect(x: 0, y: titleYOffset, width: alertWidth, height: titleHeight))
        alertTitleLabel.text = title
        alertTitleLabel.textAlignment = .Center
        self.addSubview(alertTitleLabel)
        
        //2 内容
        let contentLabelWidth = alertWidth - 16
        alertContentLabel = UILabel(frame: CGRect(x: (alertWidth - contentLabelWidth) * 0.5, y: CGRectGetMaxY(alertTitleLabel.frame), width: contentLabelWidth, height: 60))
        alertContentLabel.text = content
        alertContentLabel.numberOfLines = 0
        alertContentLabel.textAlignment = .Center
        alertContentLabel.textColor = UIColor(red: 127/255, green: 127/255, blue: 127/255, alpha: 1)
        alertContentLabel.font = UIFont.systemFontOfSize(15)
        self.addSubview(alertContentLabel)
        
        var leftButtonFrame: CGRect!
        var rightButtonFrame: CGRect!
        
        let singleButtonWidth:CGFloat = 160
        let coupleButtonWidth:CGFloat = 107
        let buttonHeight:CGFloat = 40
        let buttonBottomOffset:CGFloat = 10
        
        // 判断左视图是否为空时、进行调整按钮尺寸
        if leftTitle == "" {
            rightButtonFrame = CGRect(x: (alertWidth - singleButtonWidth) * 0.5, y: alertHeight - buttonBottomOffset - buttonHeight, width: singleButtonWidth, height: buttonHeight)
            rightButton = UIButton(type: .Custom)
            rightButton.frame = rightButtonFrame
        } else {
            leftButtonFrame = CGRect(x: (alertWidth - 2 * coupleButtonWidth - buttonBottomOffset) * 0.5, y: alertHeight - buttonBottomOffset - buttonHeight, width: coupleButtonWidth, height: buttonHeight)
            rightButtonFrame = CGRect(x: CGRectGetMaxX(leftButtonFrame) + buttonBottomOffset, y: alertHeight - buttonBottomOffset - buttonHeight, width: coupleButtonWidth, height: buttonHeight)
            leftButton = UIButton(type: .Custom)
            rightButton = UIButton(type: .Custom)
            leftButton.frame = leftButtonFrame
            rightButton.frame = rightButtonFrame
            
            //3 左按钮
            let leftBgColor = UIColor(red: 21/255, green: 173/255, blue: 158/255, alpha: 1)
            leftButton.setBackgroundImage(imageWithColor(leftButtonFrame, color: leftBgColor), forState: .Normal)
            leftButton.setTitle(leftTitle, forState: .Normal)
            leftButton.setTitleColor(UIColor.whiteColor(), forState: .Normal)
            leftButton.titleLabel?.font = UIFont.systemFontOfSize(14)
            leftButton.addTarget(self, action: "leftButtonClick", forControlEvents: .TouchUpInside)
            leftButton.layer.masksToBounds = true
            leftButton.layer.cornerRadius = 5
            self.addSubview(leftButton)
        }
        
        //4 右按钮
        let rightBgColor = UIColor(red: 227/255, green: 100/255, blue: 83/255, alpha: 1)
        rightButton.setBackgroundImage(imageWithColor(rightButtonFrame, color: rightBgColor), forState: .Normal)
        rightButton.setTitle(rigthTitle, forState: .Normal)
        rightButton.setTitleColor(UIColor.whiteColor(), forState: .Normal)
        rightButton.titleLabel?.font = UIFont.systemFontOfSize(14)
        rightButton.addTarget(self, action: "rightButtonClick", forControlEvents: .TouchUpInside)
        rightButton.layer.masksToBounds = true
        rightButton.layer.cornerRadius = 5
        self.addSubview(rightButton)
        // 右上角 按钮
        let xBtn = UIButton(type: .Custom)
        xBtn.frame = CGRect(x: alertWidth - 28, y: 4, width: 22, height: 22)
        let xBtnBgColor = UIColor(red: 161/255, green: 163/255, blue: 166/255, alpha: 0.7)
        xBtn.setBackgroundImage(imageWithColor(xBtn.frame, color: xBtnBgColor), forState: .Normal)
        xBtn.setTitle("X", forState: .Normal)
        xBtn.setTitleColor(UIColor.whiteColor(), forState: .Normal)
        xBtn.titleLabel?.font = UIFont.systemFontOfSize(14)
        xBtn.layer.masksToBounds = true
        xBtn.layer.cornerRadius = 11
        self.addSubview(xBtn)
        xBtn.addTarget(self, action: "xBtnClick", forControlEvents: .TouchUpInside)
    }
    
    // MARK: - Aciton
    func leftButtonClick() {
        leftLeave = true
        self.callBack!(btnName: "leftButton")
        self.removeFromSuperview()
    }
    
    func rightButtonClick() {
        leftLeave = false
        self.removeFromSuperview()
        self.callBack!(btnName: "rightButton")
    }
    
    func xBtnClick() {
        self.callBack!(btnName: "xBtn")
        self.removeFromSuperview()
    }
    
    func showAlertView() {
        
        let shareWindow = UIApplication.sharedApplication().keyWindow
        self.frame = CGRect(x: (shareWindow?.bounds.size.width)! - alertWidth * 0.5, y: -alertHeight - 30, width: alertWidth, height: alertHeight)
        shareWindow?.addSubview(self)
    }
    
    override func removeFromSuperview() {
        bgImageView.removeFromSuperview()
        bgImageView = nil
        let shareWindow = UIApplication.sharedApplication().keyWindow
        let afterFrame = CGRect(x: ((shareWindow?.bounds.size.width)! - alertWidth) * 0.5, y: (shareWindow?.bounds.size.height)!, width: alertWidth, height: alertHeight)
        
        // 移除 view 动画效果
        UIView.animateWithDuration(0.35, delay: 0, options: .CurveEaseInOut, animations: { () -> Void in
            self.frame = afterFrame
            
            switch self.leftLeave {
            case nil : // 右上角按钮
                self.transform = CGAffineTransformMakeRotation(-CGFloat(M_1_PI) / 2)
            case true: // 左边按钮
                self.transform = CGAffineTransformMakeRotation(CGFloat(M_1_PI) / 1.5)
            case false: // 右边按钮
                self.transform = CGAffineTransformMakeRotation(CGFloat(M_1_PI) / 1.5)
            default: // 其他
                self.transform = CGAffineTransformMakeRotation(CGFloat(M_1_PI) / 1.5)
            }
            }) { (finished) -> Void in
                super.removeFromSuperview()
        }
    }
    
    override func willMoveToSuperview(newSuperview: UIView?) {
        if newSuperview == nil {
            return
        }
        let shareWindow = UIApplication.sharedApplication().keyWindow
        
        let blurEffect = UIBlurEffect(style: .Light) // 模糊样式
        let effectView = UIVisualEffectView(effect: blurEffect)
        effectView.frame = shareWindow!.bounds
        bgImageView = effectView
        shareWindow?.addSubview(bgImageView)
        
        self.transform = CGAffineTransformMakeRotation(-CGFloat(M_1_PI) / 2)
        let afterFrame = CGRect(x: ((shareWindow?.bounds.size.width)! - alertWidth) * 0.5, y: ((shareWindow?.bounds.size.height)! - alertHeight) * 0.5, width: alertWidth, height: alertHeight)
        
        UIView.animateWithDuration(0.35, delay: 0, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: .CurveEaseIn, animations: { () -> Void in
            self.transform = CGAffineTransformMakeRotation(0)
            self.frame = afterFrame
            }) { (finished) -> Void in
                super.willMoveToSuperview(newSuperview)
        }
    }
    
    // 颜色转图片
    func imageWithColor(imageFrame:CGRect, color:UIColor) -> UIImage {
        
        let rect = CGRect(x: 0, y: 0, width: imageFrame.width, height: imageFrame.height)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()
        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }
}

---

使用例子：
ViewController.swift

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let btn1 = UIButton(frame: CGRect(x: self.view.bounds.width/2 - 10, y:  50, width: 22, height: 22))
        btn1.setTitle("+", forState: .Normal)
        btn1.setTitleColor(UIColor.whiteColor(), forState: .Normal)
        btn1.titleLabel?.font = UIFont.systemFontOfSize(22)
        btn1.layer.masksToBounds = true
        btn1.layer.cornerRadius = 11
        btn1.backgroundColor = UIColor(red: 161/255, green: 163/255, blue: 166/255, alpha: 0.7)
        btn1.addTarget(self, action: "btn1Click:", forControlEvents: .TouchUpInside)
        self.view.addSubview(btn1)
        
        let btn2 = UIButton(frame: CGRect(x: 50, y:  350, width: 22, height: 22))
        btn2.setTitle("+", forState: .Normal)
        btn2.setTitleColor(UIColor.whiteColor(), forState: .Normal)
        btn2.titleLabel?.font = UIFont.systemFontOfSize(22)
        btn2.layer.masksToBounds = true
        btn2.layer.cornerRadius = 11
        btn2.backgroundColor = UIColor(red: 161/255, green: 163/255, blue: 166/255, alpha: 0.7)
        btn2.addTarget(self, action: "btn2Click:", forControlEvents: .TouchUpInside)
        self.view.addSubview(btn2)
    }

    
    // btn1
    func btn1Click(sender: UIButton) {
        let alert = SXAlertView()
        alert.initWithTitle("活着", content: "生活不只眼前的苟且", leftTitle: "是的", rigthTitle: "不是")
        alert.showAlertView()
        
        //通过闭包实现不同按钮点击事件
        alert.callBack = ({(btnName: String) -> Void in
            switch btnName {
                case "leftButton":
                     print("点击了leftButton")
                case "rightButton":
                     print("点击了rightButton")
                case "xBtn":
                     print("点击了xBtn")
                default:
                     break
            }
        })
    }
    
    // btn2
    func btn2Click(sender: UIButton) {
        let alert = SXAlertView()
        alert.initWithTitle("亲", content: "喜欢就点个👍", leftTitle: "", rigthTitle: "喜欢")
        alert.showAlertView()
        
        //通过闭包实现不同按钮点击事件
        alert.callBack = ({(btnName: String) -> Void in
            switch btnName {
            case "rightButton":
                print("点击了rightButton")
            case "xBtn":
                print("点击了xBtn")
            default:
                break
            }
        })
    }
}