自定义AlertView(Swift)

MyAlertView.swift

// Pop Up Styles

enum MyAlertViewStyle: Int {

case success

case error

case notice

case warning

case info

}

// Allow alerts to be closed/renamed in a chainable manner

// Example: MyAlertView().showSuccess(self, title: "Test", subTitle: "Value").Close()

//class MyAlertViewClose {

// let alertview: MyAlertView

// // Initialisation and Title/Subtitle/Close functions

// init(alertview: MyAlertView) { self.alertview = alertview }

// func setTitle(_ title: String) { self.alertview.labelView.text = title; }

// func setSubTitle(_ subTitle: String) { self.alertview.labelViewDescription.text = subTitle; }

// func Close() { self.alertview.doneButtonAction() }

//}

class MyAlertView: UIView {

let kDefaultShadowOpacity: CGFloat = 0.7;

let kCircleHeight: CGFloat = 56.0;

let kCircleTopPosition: CGFloat = -12; // Should not be defined here. Make it dynamic

let kCircleBackgroundTopPosition: CGFloat = -15; // Should not be defined here. Make it dynamic

let kCircleHeightBackground: CGFloat = 62.0;

let kCircleIconHeight: CGFloat = 20.0;

let kWindowWidth: CGFloat = 240.0;

let kWindowHeight: CGFloat = 228.0;

// Font

let kDefaultFont: NSString = "HelveticaNeue"

// Members declaration

var labelView: UILabel

var labelViewDescription: UILabel

var shadowView: UIView

var contentView: UIView

var circleView: UIView

var circleViewBackground: UIView

var circleIconImageView: UIImageView

var doneButton: UIButton

var rootViewController: UIViewController

var durationTimer: Timer!

init () {

// Content View

self.contentView = UIView(frame: CGRect(x: 0, y: kCircleHeight / 4, width: kWindowWidth, height: kWindowHeight))

self.contentView.backgroundColor = UIColor(white: 1, alpha: 1);

self.contentView.layer.cornerRadius = 5;

self.contentView.layer.masksToBounds = true;

self.contentView.layer.borderWidth = 0.5;

// Circle View

self.circleView = UIView(frame: CGRect(x: kWindowWidth / 2 - kCircleHeight / 2, y: kCircleTopPosition, width: kCircleHeight, height: kCircleHeight))

self.circleView.layer.cornerRadius = self.circleView.frame.size.height / 2;

// Circle View Background

self.circleViewBackground = UIView(frame: CGRect(x: kWindowWidth / 2 - kCircleHeightBackground / 2, y: kCircleBackgroundTopPosition, width: kCircleHeightBackground, height: kCircleHeightBackground))

self.circleViewBackground.layer.cornerRadius = self.circleViewBackground.frame.size.height / 2;

self.circleViewBackground.backgroundColor = UIColor.white

// Circle View Image

self.circleIconImageView = UIImageView(frame: CGRect(x: kCircleHeight / 2 - kCircleIconHeight / 2, y: kCircleHeight / 2 - kCircleIconHeight / 2, width: kCircleIconHeight, height: kCircleIconHeight))

self.circleView.addSubview(self.circleIconImageView)

// Title

self.labelView = UILabel(frame: CGRect(x: 12, y: kCircleHeight / 2 + 22, width: kWindowWidth - 24, height: 40))

self.labelView.numberOfLines = 1

self.labelView.textAlignment = NSTextAlignment.center

self.labelView.font = UIFont(name: kDefaultFont as String, size: 20)

self.contentView.addSubview(self.labelView)

// Subtitle

self.labelViewDescription = UILabel(frame: CGRect(x: 12, y: 84, width: kWindowWidth - 24, height: 80))

self.labelViewDescription.numberOfLines = 3

self.labelViewDescription.textAlignment = NSTextAlignment.center

self.labelViewDescription.font = UIFont(name: kDefaultFont as String, size: 14)

self.contentView.addSubview(self.labelViewDescription)

// Shadow View

self.shadowView = UIView(frame: UIScreen.main.bounds)

self.shadowView.backgroundColor = UIColor.black

// Done Button

self.doneButton = UIButton(frame: CGRect(x: 12, y: kWindowHeight - 52, width: kWindowWidth - 24, height: 40))

self.doneButton.layer.cornerRadius = 3

self.doneButton.layer.masksToBounds = true

self.doneButton.setTitle("Done", for: UIControlState())

self.doneButton.titleLabel?.font = UIFont(name: kDefaultFont as String, size: 14)

self.contentView.addSubview(self.doneButton)

// Root view controller

self.rootViewController = UIViewController()

// Superclass initiation

super.init(frame: CGRect(x: ((320 - kWindowWidth) / 2), y: 0 - kWindowHeight, width: kWindowWidth, height: kWindowHeight))

// Show notice on screen

self.addSubview(self.contentView)

self.addSubview(self.circleViewBackground)

self.addSubview(self.circleView)

// Colours

self.contentView.backgroundColor = UIColorFromRGB(0xFFFFFF)

self.labelView.textColor = UIColorFromRGB(0x4D4D4D)

self.labelViewDescription.textColor = UIColorFromRGB(0x4D4D4D)

self.contentView.layer.borderColor = UIColorFromRGB(0xCCCCCC).cgColor

// On complete.

self.doneButton.addTarget(self, action: #selector(MyAlertView.doneButtonAction), for: UIControlEvents.touchUpInside)

}

required init?(coder aDecoder: NSCoder) {

fatalError("init(coder:) has not been implemented")

}

// showTitle(view, title, subTitle, style)

func showTitle(_ view: UIViewController, title: String, subTitle: String, style: MyAlertViewStyle) {

return showTitle(view, title: title, subTitle: subTitle, completeText: nil, style: style)

}

// showSuccess(view, title, subTitle)

func showSuccess(_ view: UIViewController, title: String, subTitle: String) {

return showTitle(view, title: title, subTitle: subTitle, completeText: nil, style: MyAlertViewStyle.success);

}

// showError(view, title, subTitle)

func showError(_ view: UIViewController, title: String, subTitle: String) {

return showTitle(view, title: title, subTitle: subTitle, completeText: nil, style: MyAlertViewStyle.error);

}

// showNotice(view, title, subTitle)

func showNotice(_ view: UIViewController, title: String, subTitle: String) {

return showTitle(view, title: title, subTitle: subTitle, completeText: nil, style: MyAlertViewStyle.notice);

}

// showWarning(view, title, subTitle)

func showWarning(_ view: UIViewController, title: String, subTitle: String) {

return showTitle(view, title: title, subTitle: subTitle, completeText: nil, style: MyAlertViewStyle.warning);

}

// showInfo(view, title, subTitle)

func showInfo(_ view: UIViewController, title: String, subTitle: String) {

return showTitle(view, title: title, subTitle: subTitle, completeText: nil, style: MyAlertViewStyle.info);

}

// showTitle(view, title, subTitle, duration, style)

func showTitle(_ view:UIViewController, title: String, subTitle: String, completeText: String?, style: MyAlertViewStyle) {

self.alpha = 0;

self.rootViewController = view

self.rootViewController.view.addSubview(self.shadowView)

self.rootViewController.view.addSubview(self)

// Complete text

if(completeText != nil) {

self.doneButton.setTitle(completeText, for: UIControlState())

}

// Alert colour/icon

var viewColor: UIColor = UIColor()

var iconImageName: NSString = ""

// Icon style

switch(style) {

case MyAlertViewStyle.success:

viewColor = UIColorFromRGB(0x22B573);

iconImageName = "notification-success"

case MyAlertViewStyle.error:

viewColor = UIColorFromRGB(0xC1272D);

iconImageName = "notification-error"

case MyAlertViewStyle.notice:

viewColor = UIColorFromRGB(0x727375)

iconImageName = "notification-notice"

case MyAlertViewStyle.warning:

viewColor = UIColorFromRGB(0xFFD110);

iconImageName = "notification-warning"

case MyAlertViewStyle.info:

viewColor = UIColorFromRGB(0x2866BF);

iconImageName = "notification-info"

}

// Title

if ((title as NSString).length > 0 ) {

self.labelView.text = title;

}

// Subtitle

if ((subTitle as NSString).length > 0) {

self.labelViewDescription.text = subTitle;

}

// Alert view colour and images

self.doneButton.backgroundColor = viewColor;

self.circleView.backgroundColor = viewColor;

self.circleIconImageView.image = UIImage(named: iconImageName as String)

// Animate in the alert view

UIView.animate(withDuration: 0.2, animations: {

self.shadowView.alpha = self.kDefaultShadowOpacity

var frame:CGRect = self.frame;

frame.origin.y = self.rootViewController.view.center.y - 100;

self.frame = frame;

self.alpha = 1;

}, completion: { finished in

UIView.animate(withDuration: 0.2, animations: {

self.center = self.rootViewController.view.center;

}, completion: { finished in })

})

}

// When click 'Done' button, hide view.

func doneButtonAction() { hideView(); }

//Close MyAlertView By duration

func hideMyAlertView(duration: TimeInterval?) {

// Adding duration

if (duration != nil) {

durationTimer?.invalidate()

durationTimer = Timer.scheduledTimer(timeInterval: duration!, target: self, selector: #selector(MyAlertView.hideView), userInfo: nil, repeats: false)

}

// Close MyAlertView

func hideView() {

UIView.animate(withDuration: 0.2, animations: {

self.shadowView.alpha = 0;

self.alpha = 0;

}, completion: { finished in

self.shadowView.removeFromSuperview()

self.removeFromSuperview()

})

}

// Helper function to convert from RGB to UIColor

func UIColorFromRGB(_ rgbValue: UInt) -> UIColor {

return UIColor(

red: CGFloat((rgbValue & 0xFF0000) >> 16) / 255.0,

green: CGFloat((rgbValue & 0x00FF00) >> 8) / 255.0,

blue: CGFloat(rgbValue & 0x0000FF) / 255.0,

alpha: CGFloat(1.0)

)

}

ViewController.swift

import UIKit

let kSuccessTitle: NSString = "Congratulations"

let kErrorTitle: NSString = "Connection error"

let kNoticeTitle: NSString = "Notice"

let kWarningTitle: NSString = "Warning"

let kInfoTitle: NSString = "Info"

let kSubtitle: NSString = "You've just displayed this awesome Pop Up View"

let kDefaultAnimationDuration = 2.0

class ViewController: UIViewController {

let alertView = MyAlertView()

override func viewDidLoad() {

super.viewDidLoad()

}

@IBAction func success(_ sender: Any) {

alertView.showSuccess(self, title: kSuccessTitle as String, subTitle: kSubtitle as String)

alertView.hideMyAlertView(duration: 1.0)

}

@IBAction func error(_ sender: Any) {

alertView.showError(self, title: kErrorTitle as String, subTitle: kSubtitle as String)

alertView.hideMyAlertView(duration: 2.0)

}

@IBAction func notice(_ sender: Any) {

alertView.showNotice(self, title: kNoticeTitle as String, subTitle: kSubtitle as String)

alertView.hideMyAlertView(duration: 3.0)

}

@IBAction func warning(_ sender: Any) {

alertView.showWarning(self, title: kWarningTitle as String, subTitle: kSubtitle as String)

alertView.hideMyAlertView(duration: 4.0)

}

@IBAction func info(_ sender: Any) {

alertView.showInfo(self, title: kInfoTitle as String, subTitle: kSubtitle as String)

alertView.hideMyAlertView(duration: 5.0)

}

效果图如下：

巴特西

自定义AlertView(Swift)

最新文章

热门文章