Created
June 8, 2016 09:12
-
-
Save Dimillian/c156f602eb21db3cefa88e5a9a42ce5b to your computer and use it in GitHub Desktop.
UIAlertViewController replacment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// | |
// PopupViewController.swift | |
// bookshots | |
// | |
// Created by Thomas Ricouard on 07/06/16. | |
// Copyright © 2016 Glose. All rights reserved. | |
// | |
import UIKit | |
import Cartography | |
// MARK: PopupAction | |
/** | |
Represent an action of a PopupViewController. It have a title, an action handler and a type. | |
*/ | |
public class PopupAction { | |
public enum ActionType { | |
case Positive, Negative | |
} | |
// MARK: Public properties. | |
/// The title of the action, which will be displayed in a clickable button. | |
var title: String? | |
/// The type of the action, can be Positive (standard) or negative (Usually bold). | |
var actionType: ActionType? | |
/// The completion handler for when the user trigger the action. The alert will also be dismissed. | |
var handler: ((PopupAction) -> Void)? | |
private init() { | |
} | |
/// Covenience init. Take a title, a type and a completion handler. | |
required public convenience init(title: String, type: ActionType, handler: ((PopupAction) -> Void)?) { | |
self.init() | |
self.title = title | |
self.actionType = type | |
self.handler = handler | |
} | |
} | |
// MARK: PopupViewController | |
/** | |
PopupViewController is a drop in replacement of UIAlertController but which much more customization options. | |
Come with a default dark theme. | |
You only need to call the covenience init, then add one or more action, then present it using presentViewController. | |
*/ | |
public class PopupViewController: UIViewController, UIViewControllerTransitioningDelegate { | |
// MARK: Public properties. | |
/// The title which will be displayed in the alert. Can be modified any time. | |
override public var title: String! { | |
didSet { | |
alertView.titleLabel.text = title | |
alertView.setNeedsUpdateConstraints() | |
} | |
} | |
/// The message which will be displayed in the alert. Can be modified any time. | |
var message: String! { | |
didSet { | |
alertView.messageLabel.text = message | |
alertView.setNeedsUpdateConstraints() | |
} | |
} | |
/// Blur style for the alert view, default is Dark. | |
public var blurStyle = UIBlurEffectStyle.Dark { | |
didSet { | |
blurView.effect = UIBlurEffect(style: blurStyle) | |
} | |
} | |
/// Init this strict and set any properties to customize your alert view accordingly. | |
/// Must be passed in the init parameter. | |
public struct Customizable { | |
var titleFont = UIFont.avenirNextBold(17.0) | |
var titleColor = UIColor.bookshotsRedColor() | |
var messageFont = UIFont.avenirNextRegular(15.0) | |
var messagecolor = UIColor.whiteColor() | |
var actionFont = UIFont.avenirNextRegular(15) | |
var actionColor = UIColor.whiteColor() | |
var boldActionFont = UIFont.avenirNextBold(15) | |
var boldActionColor = UIColor.whiteColor() | |
var actionsSeparatorColor = UIColor.darkGrayProgressColor() | |
} | |
// MARK: Private properties. | |
private var actions: [PopupAction] = [] | |
private var alertView: PopupAlertView! | |
private var toVc: UIViewController? | |
private let blurView: UIVisualEffectView = { | |
$0.layer.masksToBounds = true | |
$0.layer.cornerRadius = 6 | |
return $0 | |
}(UIVisualEffectView(effect: UIBlurEffect(style: .Dark))) | |
/// Conveniance init. | |
init(title: String, message: String, customizable: Customizable? = Customizable()) { | |
super.init(nibName: nil, bundle: nil) | |
alertView = PopupAlertView(title: title, | |
message: message, | |
customizable: customizable!, | |
completionHandler: {alertView in | |
self.dismissViewControllerAnimated(true, completion: nil) | |
}) | |
self.message = message | |
self.title = title | |
modalPresentationStyle = .Custom | |
definesPresentationContext = true | |
transitioningDelegate = self | |
} | |
required public init?(coder aDecoder: NSCoder) { | |
fatalError("init(coder:) has not been implemented") | |
} | |
/// Subclass can override to provide its own presenting transition. | |
public func animationControllerForPresentedController(presented: UIViewController, | |
presentingController presenting: UIViewController, | |
sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? { | |
toVc = presenting | |
return PopupViewControllerTransition(fromVC: presenting, toVC: presented) | |
} | |
/// Subclass can override to provide its own dismissal transition. | |
public func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? { | |
if let toVc = toVc { | |
let transition = PopupViewControllerTransition(fromVC: self, toVC: toVc) | |
transition.presenting = false | |
return transition | |
} | |
return nil | |
} | |
/// Add an action to the PopupViewController. Add all your actions before presenting. | |
public func addAction(action: PopupAction) { | |
actions.append(action) | |
} | |
public override func viewDidLoad() { | |
super.viewDidLoad() | |
view.backgroundColor = UIColor.blackColor().colorWithAlphaComponent(0.5) | |
view.addSubview(blurView) | |
view.addSubview(alertView) | |
constrain(self.view, alertView) {view, alertView in | |
alertView.width == 270 | |
alertView.center == view.center | |
} | |
alertView.addActions(actions) | |
constrain(blurView, alertView) {blur, view in | |
blur.edges == view.edges | |
} | |
} | |
} | |
/// Private transition for presenting and dismissal. | |
private class PopupViewControllerTransition: BaseTransition { | |
override func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval { | |
return 0.5 | |
} | |
override func animateTransition(transitionContext: UIViewControllerContextTransitioning) { | |
let containerView = transitionContext.containerView()! | |
if (presenting) { | |
let alertController = toVC as! PopupViewController | |
containerView.addSubview(alertController.view!) | |
alertController.view.alpha = 0 | |
alertController.alertView.layer.transform = CATransform3DMakeScale(0.2, 0.2, 0.2) | |
alertController.blurView.layer.transform = CATransform3DMakeScale(0.2, 0.2, 0.2) | |
UIView.animateWithDuration(transitionDuration(transitionContext), | |
delay: 0, | |
usingSpringWithDamping: 0.8, | |
initialSpringVelocity: 15, | |
options: .CurveEaseInOut, | |
animations: { | |
alertController.view.alpha = 1 | |
alertController.alertView.layer.transform = CATransform3DIdentity | |
alertController.blurView.layer.transform = CATransform3DIdentity | |
}, completion: { (completed) in | |
if completed { | |
self.toVC.view.alpha = 1 | |
transitionContext.completeTransition(true) | |
} | |
}) | |
} else { | |
let alertController = fromVC as! PopupViewController | |
UIView.animateWithDuration(transitionDuration(transitionContext), | |
delay: 0, | |
usingSpringWithDamping: 0.8, | |
initialSpringVelocity: 15, | |
options: .CurveEaseInOut, | |
animations: { | |
alertController.view.backgroundColor = UIColor.clearColor() | |
alertController.alertView.layer.transform = CATransform3DMakeScale(0.01, 0.01, 0.01) | |
alertController.blurView.layer.transform = CATransform3DMakeScale(0.01, 0.01, 0.01) | |
}, completion: { (completed) in | |
if completed { | |
transitionContext.completeTransition(true) | |
} | |
}) | |
} | |
} | |
} | |
private class PopupAlertView: UIView { | |
let titleLabel: PopupAlertLabel | |
let messageLabel: PopupAlertLabel | |
var buttons: [PopupAlertButton] = [] | |
let completionHandler: ((PopupAlertView) -> Void)? | |
let customizable: PopupViewController.Customizable | |
init(title: String, message: String, customizable: PopupViewController.Customizable, completionHandler: ((PopupAlertView) -> Void)?) { | |
self.titleLabel = PopupAlertLabel(text: title) | |
self.messageLabel = PopupAlertLabel(text: message) | |
self.customizable = customizable | |
self.completionHandler = completionHandler | |
super.init(frame: CGRectZero) | |
addSubview(titleLabel) | |
addSubview(messageLabel) | |
backgroundColor = UIColor.clearColor() | |
titleLabel.font = customizable.titleFont | |
titleLabel.textColor = customizable.titleColor | |
messageLabel.font = customizable.messageFont | |
messageLabel.textColor = customizable.messagecolor | |
layer.masksToBounds = true | |
layer.cornerRadius = 6 | |
layer.borderWidth = 0.5 | |
layer.borderColor = UIColor.tocDarkSeparatorColor().CGColor | |
} | |
required init?(coder aDecoder: NSCoder) { | |
fatalError("init(coder:) has not been implemented") | |
} | |
private func addActions(actions: [PopupAction]) { | |
for action in actions { | |
let button = PopupAlertButton(action: action, customizable: customizable, touchHandler: {button in | |
if let completionHandler = self.completionHandler { | |
completionHandler(self) | |
} | |
}) | |
addSubview(button) | |
if let lastButton = buttons.last { | |
constrain(self, button, lastButton){view, button, lastButton in | |
button.height == 50 | |
button.top == lastButton.bottom | |
button.left == view.left | |
button.right == view.right | |
} | |
} else { | |
constrain(self, button, messageLabel){view, button, messageLabel in | |
button.height == 50 | |
button.top == messageLabel.bottom + 15 | |
button.left == view.left | |
button.right == view.right | |
} | |
} | |
buttons.append(button) | |
} | |
if let lastButton = buttons.last { | |
constrain(self, lastButton) {view, lastButton in | |
view.bottom == lastButton.bottom | |
} | |
} | |
} | |
private override func updateConstraints() { | |
super.updateConstraints() | |
constrain(self, titleLabel) {view, label in | |
label.top == view.top + 15 | |
label.left == view.left + 15 | |
label.right == view.right - 15 | |
} | |
titleLabel.sizeToFit() | |
constrain(titleLabel, messageLabel) {title, message in | |
message.top == title.bottom + 10 | |
message.left == title.left | |
message.right == title.right | |
} | |
messageLabel.sizeToFit() | |
} | |
} | |
private class PopupAlertLabel: UILabel { | |
init(text: String) { | |
super.init(frame: CGRectZero) | |
self.text = text | |
textAlignment = .Center | |
numberOfLines = 0 | |
} | |
required init?(coder aDecoder: NSCoder) { | |
fatalError("init(coder:) has not been implemented") | |
} | |
} | |
private class PopupAlertButton: UIButton { | |
var hightlight = false { | |
didSet { | |
UIView.animateWithDuration(0.15) { | |
self.backgroundColor = self.hightlight ? UIColor.darkGrayProgressColor() : UIColor.clearColor() | |
} | |
} | |
} | |
private let topBorder = UIView(frame: CGRectZero) | |
var action: PopupAction? | |
var handler: ((PopupAlertButton) -> Void)? | |
init(action: PopupAction, customizable: PopupViewController.Customizable, touchHandler: ((PopupAlertButton) -> Void)?) { | |
super.init(frame: CGRectZero) | |
self.action = action | |
self.handler = touchHandler | |
setTitle(action.title!, forState: .Normal) | |
topBorder.backgroundColor = customizable.actionsSeparatorColor | |
switch action.actionType! { | |
case .Positive: | |
titleLabel?.font = customizable.actionFont | |
titleLabel?.textColor = customizable.actionColor | |
break | |
case .Negative: | |
titleLabel?.font = customizable.boldActionFont | |
titleLabel?.textColor = customizable.boldActionColor | |
break | |
} | |
addTarget(self, action: #selector(PopupAlertButton.onActionTap), forControlEvents: .TouchUpInside) | |
addSubview(topBorder) | |
} | |
required init?(coder aDecoder: NSCoder) { | |
fatalError("init(coder:) has not been implemented") | |
} | |
@objc func onActionTap() { | |
if let actionHandler = action!.handler { | |
actionHandler(action!) | |
} | |
if let handler = handler { | |
handler(self) | |
} | |
} | |
private override func updateConstraints() { | |
constrain(self, topBorder){view, border in | |
border.left == view.left | |
border.right == view.right | |
border.height == 0.5 | |
border.top == view.top | |
} | |
super.updateConstraints() | |
} | |
private override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) { | |
super.touchesBegan(touches, withEvent: event) | |
hightlight = true | |
} | |
private override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) { | |
super.touchesEnded(touches, withEvent: event) | |
hightlight = false | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment