hryk224 / pclblureffectalert

Swift AlertController with UIVisualeffectview

PCLBlurEffectAlert

Swift AlertController, use UIVisualeffectview

Requirements

• iOS 8.0+
• Swift 3.0+
• ARC

Feature

• Change color
• Change effect
• Change font
• Use UITextField
• Use UIImageView

install

Cocoapods

Adding the following to your Podfile and running pod install:

use_frameworks!
pod "PCLBlurEffectAlert"

import

import PCLBlurEffectAlert

Initialize

UIBlurEffect

// Default effect: UIBlurEffect(style: .extraLight)
convenience init(title: String?, message: String?, effect: UIBlurEffect, style: PCLBlurEffectAlert.ControllerStyle)

style => alert, alertVertical, actionSheet

When actions count becomes more than 3, alert and alertVertical is the same as.

Usage

Example

let alertController = PCLBlurEffectAlertController(title: "How are you doing?", 
                                                  message: "Press a button!",
                                                  effect: UIBlurEffect(style: .lightdark)
                                                  style: .alert)'
// Customize if needed
alertController.configure(titleColor: .white)
alertController.configure(buttonFont: [.default: UIFont.systemFont(ofSize: 24),
                                       .destructive: UIFont.boldSystemFont(ofSize: 20),
                                       .cancel: UIFont.systemFont(ofSize: 14)])

// Adds ImageView
alertController.addImageView(with: <image files>)

// Adds TextField
alertController.addTextField()

// Adds actions
let action = PCLBlurEffectAlertAction(title: "I’m fine.", style: .default) { _ in }
let cancelAction = PCLBlurEffectAlertAction(title: "Not so good.", style: .cancel) { _ in }
alertController.addAction(action)
alertController.addAction(cancelAction)

// Presented
alertController.show() // or present(alertController, animated: true, completion: nil)

Sources

// Adds Actions
open func addAction(_ action: PCLBlurEffectAlertAction)
// Adds ImageView
open func addImageView(with image: UIImage, configurationHandler: ((UIImageView?) -> Void)? = nil)
// Adds TextFields
open func addTextField(with configurationHandler: ((UITextField?) -> Void)? = nil)
// Presented
open func show()

Customize

// Default ActionSheet: UIScreen.main.bounds.width - (margin * 2)
// Default Alert: 320 - (margin * 2)
func configure(alertViewWidth: CGFloat)

// Default: 4
func configure(cornerRadius: CGFloat)
// Default: 1 / UIScreen.main.scale
func configure(thin: CGFloat)
// Default: 8
func configure(margin: CGFloat)

/// Color
// Default: UIColor.black.withAlphaComponent(0.3)
func configure(overlayBackgroundColor: UIColor)
// Default: .clear
func configure(backgroundColor: UIColor)

/// Text
// Default: .boldSystemFont(ofSize: 16)
// Default: .black
func configure(titleFont: UIFont, titleColor: UIColor)
// Default: .systemFont(ofSize: 14)
// Default: .black
func configure(messageFont: UIFont, messageColor: UIColor)
// Default: 
// .default: UIFont.systemFont(ofSize: 16),
// .cancel: UIFont.systemFont(ofSize: 16),
// .destructive: UIFont.systemFont(ofSize: 16)
func configure(buttonFont: [PCLBlurEffectAlert.ActionStyle : UIFont])
// Default: 
// .default: .black,
// .cancel: .black,
// .destructive: .red
func configure(buttonTextColor: [PCLBlurEffectAlert.ActionStyle : UIColor])
// Default: 
// .default: .gray,
// .cancel: .gray,
// .destructive: .gray
func configure(buttonDisableTextColor: [PCLBlurEffectAlert.ActionStyle : UIColor])

/// Button
// Default: 44
func configure(buttonHeight: CGFloat)
// Default: .clear
func configure(buttonBackgroundColor: UIColor)

// Default: 32
func configure(textFieldHeight: CGFloat)
// Default: UIColor.white.withAlphaComponent(0.1)
func configure(textFieldsViewBackgroundColor: UIColor)
// Default: UIColor.black.withAlphaComponent(0.15)
func configure(textFieldBorderColor: UIColor)

More Examples

let alertController = PCLBlurEffectAlertController(title: "How are you doing?", 
                                                  message: "Press a button!",
                                                  style: .alert)
let action1 = PCLBlurEffectAlertAction(title: "I’m fine.", style: .default) { _ in }
let action2 = PCLBlurEffectAlertAction(title: "Not so good.", style: .default) { _ in }
alertController.addAction(action1)
alertController.addAction(action2)
alertController.show()

let alertController = PCLBlurEffectAlertController(title: "title title title title title title title",
                                                  message: "message message message message message",
                                                  effect: UIBlurEffect(style: .light),
                                                  style: .alert)
alertController.addTextField { _ in }
alertController.addTextField { _ in }
alertController.configure(textFieldsViewBackgroundColor: UIColor.white.withAlphaComponent(0.1))
alertController.configure(textFieldBorderColor: .black)
alertController.configure(buttonDisableTextColor: [.default: .lightGray, .destructive: .lightGray])
let action1 = PCLBlurEffectAlertAction(title: "Default", style: .default) { _ in }
let action2 = PCLBlurEffectAlertAction(title: "Destructive", style: .destructive) { _ in }
let cancelAction = PCLBlurEffectAlertAction(title: "Cancel", style: .cancel) { _ in }
alertController.addAction(action1)
alertController.addAction(action2)
alertController.addAction(cancelAction)
alertController.show()

let alertController = PCLBlurEffectAlertController(title: "How are you doing?", 
                                                  message: "Press a button!",
                                                  effect: UIBlurEffect(style: .dark),
                                                  style: .actionSheet)
let action1 = PCLBlurEffectAlertAction(title: "I’m fine.", style: .default) { _ in }
let action2 = PCLBlurEffectAlertAction(title: "Not so good.", style: .default) { _ in }
alertController.addAction(action1)
alertController.addAction(action2)
alertController.show()

let alertController = PCLBlurEffectAlertController(title: "title title title title title title title",
                                                  message: "message message message message message",
                                                  style: .actionSheet)
alertController.addTextField()
alertController.addTextField()
alertController.configure(textFieldsViewBackgroundColor: UIColor.white.withAlphaComponent(0.1))
alertController.configure(textFieldBorderColor: .black)
alertController.configure(buttonDisableTextColor: [.default: .lightGray, .destructive: .lightGray])
let action1 = PCLBlurEffectAlertAction(title: "Default", style: .default) { _ in }
let action2 = PCLBlurEffectAlertAction(title: "Destructive", style: .destructive) { _ in }
let cancelAction = PCLBlurEffectAlertAction(title: "Cancel", style: .cancel) { _ in }
alertController.addAction(action1)
alertController.addAction(action2)
alertController.addAction(cancelAction)
alertController.show()

let alertController = PCLBlurEffectAlertController(title: "title title title title title title title",
                                                    message: "message message message message message",
                                                    style: .alert)
alertController.addImageView(with: UIImage(named: "cat")!)
let catAction = PCLBlurEffectAlertAction(title: "Cat?", style: .default) { _ in
    print("You pressed Cat?")
}
let dogAction = PCLBlurEffectAlertAction(title: "Dog?", style: .default) { _ in
    print("You pressed Dog?")
}
alertController.addAction(catAction)
alertController.addAction(dogAction)
alertController.show()

Photos from

• by pakutaso.com
• by FLATICON

Acknowledgements

• Inspired by DOAlertController in okmr-d.

License

This project is made available under the MIT license. See LICENSE file for details.

pclblureffectalert's Issues

OUTSIDE ALERT

Can I have one of these alerts outside of my application?

trouble setting buttonTextColor

My code is:

let alert = PCLBlurEffectAlertController(title: title,
message: message,
effect: UIBlurEffect(style: .extraLight),
style: .alert)

alert.configure(buttonFont: UIFont.systemFont(ofSize: 24),
buttonTextColor: Constant.SLS_SECONDARY_COLOR,
buttonDisableTextColor: Constant.SLS_DISABLED_COLOR)

Getting error on the highlighted part that says,
Cannot convert value of type 'UIFont' to expected argument type '[PCLBlurEffectAlert.ActionStyle : UIFont]?'

Please help, I don't understand what this error means or how to fix.

PCLBlurEffectAlertController stack into background mode.

When my app goes to background mode and being ideal for some moments then come to foreground mode in result it got stuck and unable to click anywhere.

Please help.

毛玻璃

你好，愿不愿意跟我一起探讨一下对话框的毛玻璃问题呢？因为我发现无论是系统，还是微信，微博等，它们的毛玻璃都很漂亮。我说的漂亮是什么意思呢，意思就是毛玻璃不会受到蒙板的影响，我看你的蒙板设置的alpha值是0.3，其实0.3过低了，系统设置的是黑色0.4透明，我看过系统的层级关系图，毛玻璃并未受到蒙板的任何影响，我自己最近也封装了一个https://github.com/SPStore/SPAlertController。
但是不管我怎么设置毛玻璃，因为蒙层的影响，都会偏黑色，我看你的也同样如此。这个问题我已经想了几天几夜了，网上找资料也没人解决过，其实用第三方不是不能实现，但是我不想依赖第三方，而且系统用的也是iOS8自带的UIBlurEffect，只是我不知道系统是如何做到的，我想过用运行时去交换UIVisualEffectView的某个方法，但那么多私有方法，我也不知该重写哪一个。 微信微博和系统的毛玻璃效果都是一致的，能否一起研究一下，我实在遇到困难了。

add image view

my code :
alertController.addImageView(with: UIImage(named: "true.jpg")!)
but dont show image in alert
please help me !

"String" is not convertible to "String?"

I get an error in my title - "String" is not convertible to "String?" on this line:

            let alertController = PCLBlurEffectAlert.Controller(title: "Uh-Oh!", message: error?.localizedDescription, effect: UIBlurEffect, style: .alert)

Would be glad to hear any of your ideas, tried to attach a screenshot here, but GitHub experiences some problems...