最终效果图:
先加入GPUImage.framework
导入BlurAlertView的类声明和类实现
//
// BlurAlertView.h
// 特效弹出框
//
// Created by beyond on 14-10-18.
// Copyright (c) 2014年 com.beyond All rights reserved.
// #import <UIKit/UIKit.h>
// 必须先导入GPUImage.framework
#import <GPUImage/GPUImage.h>
@class BlurAlertView;
@protocol BlurAlertViewDelegate; typedef NS_ENUM(NSInteger, BlurAlertViewAnimationType){
BlurAlertViewAnimationTypeBounce,
BlurAlertViewAnimationTypeDrop
}; typedef NS_ENUM(NSInteger, BlurAlertViewContentType){
BlurAlertViewContentTypeText,
BlurAlertViewContentTypeCustomView
}; @interface BlurAlertView : UIView @property (nonatomic,strong) UIButton *okButton;
@property (nonatomic,strong) UIButton *cancelButton;
@property (nonatomic,assign) BlurAlertViewAnimationType animationType;
@property (nonatomic,weak) id<BlurAlertViewDelegate> delegate; @property(nonatomic,copy) void(^completionBlock)(BlurAlertView *alertView,UIButton *button); - (id)initWithTitle:(NSString *)title text:(NSString *)text cancelButton:(BOOL)hasCancelButton;
- (id)initWithTitle:(NSString *)title contentView:(UIView *)contentView cancelButton:(BOOL)hasCancelButton;
- (void)show;
- (void)dismiss; @end @protocol BlurAlertViewDelegate <NSObject> @optional
-(void) alertView:(BlurAlertView *)alertView didDismissWithButton:(UIButton *)button;
-(void) alertViewWillShow:(BlurAlertView *)alertView;
-(void) alertViewDidShow:(BlurAlertView *)alertView;
-(void) alertViewWillDismiss:(BlurAlertView *)alertView;
-(void) alertViewDidDismiss:(BlurAlertView *)alertView; @end
// 隆重介绍 使用方式
/********************Title and Text:
BlurAlertView *alertView = [[BlurAlertView alloc] initWithTitle:@"title" text:@"this is text" cancelButton:YES color:[UIColor blueColor]]; //set animation type
alertView.animationType = BlurAlertViewAnimationTypeDrop; [alertView setCompletionBlock:^(BlurAlertView *alert, UIButton *button) {
if (button == alert.okButton) {
NSLog(@"ok button touched!");
}else{
NSLog(@"cancel button touched!");
}
}];
[alertView show];
*/ /***************Custom content view: UIView *contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 180, 180)];
contentView.backgroundColor = [UIColor blackColor];
BlurAlertView *alertView = [[BlurAlertView alloc] initWithTitle:@"title" contentView:contentView cancelButton:YES color:[UIColor blueColor]];
[alertView show];
*/
//
// BlurAlertView.m
// 特效弹出框
//
// Created by beyond on 14-10-18.
// Copyright (c) 2014年 com.beyond All rights reserved.
//
static const float AlertViewTitleLabelHeight = 44.0;
static const float AlertViewSpaceHeight = 10;
static const float AlertViewDefaultTextFontSize = 16; /*Default Colors*/
#define RJTitleLabelBackgroundColor [UIColor colorWithRed:0.20392156862745098 green:0.596078431372549 blue:0.8588235294117647 alpha:1.0]
#define RJComfirmButtonColor [UIColor colorWithRed:0.20392156862745098 green:0.596078431372549 blue:0.8588235294117647 alpha:1.0] #define screenBounds [[UIScreen mainScreen] bounds]
#define IS_IOS7_Or_Later [[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0 #import "BlurAlertView.h" @interface BlurAlertView () @property (nonatomic,strong) GPUImageiOSBlurFilter *blurFilter;
@property (nonatomic,strong) UIView *alertView;
@property (nonatomic,strong) UIImageView *backgroundView;
@property (nonatomic,strong) UILabel *titleLabel;
@property (nonatomic,strong) UILabel *textLabel;
@property (nonatomic,assign) CGSize contentSize;
@property (nonatomic,assign) BlurAlertViewContentType contentType;
@property (nonatomic,strong) UIView *contentView;
@end @implementation BlurAlertView - (id)initWithTitle:(NSString *)title contentView:(UIView *)contentView cancelButton:(BOOL)hasCancelButton
{
self = [super initWithFrame:screenBounds];
if (self) {
self.opaque = YES;
self.alpha = 1;
_contentType = BlurAlertViewContentTypeCustomView;
_contentView = contentView;
[self _setupViewsWithTitle:title text:nil cancelButton:hasCancelButton];
}
return self;
} - (id)initWithTitle:(NSString *)title text:(NSString *)text cancelButton:(BOOL)hasCancelButton
{
self = [super initWithFrame:screenBounds];
if (self) {
self.opaque = YES;
self.alpha = 1;
_contentType = BlurAlertViewContentTypeText;
[self _setupViewsWithTitle:title text:text cancelButton:hasCancelButton];
}
return self;
} #pragma mark - Show and Dismiss
- (void)show
{
if ([self.delegate respondsToSelector:@selector(alertViewWillShow:)]) {
[self.delegate alertViewWillShow:self];
} switch (self.animationType) {
case BlurAlertViewAnimationTypeBounce:
[self triggerBounceAnimations];
break;
case BlurAlertViewAnimationTypeDrop:
[self triggerDropAnimations];
break;
default:
break;
}
[[[[UIApplication sharedApplication] delegate] window] addSubview:self];
} - (void)dismiss
{
if ([self.delegate respondsToSelector:@selector(alertViewWillDismiss:)]) {
[self.delegate alertViewWillDismiss:self];
} [UIView animateWithDuration:0.4
delay:0.0
options: UIViewAnimationOptionCurveEaseInOut
animations:^{
self.alpha = 0;
}
completion:^(BOOL finished){
[self removeFromSuperview];
if ([self.delegate respondsToSelector:@selector(alertViewDidDismiss:)]){
[self.delegate alertViewDidDismiss:self];
}
}];
} #pragma mark - Animations
- (void) triggerBounceAnimations
{ self.alertView.alpha = 0;
self.alertView.center = CGPointMake(CGRectGetWidth(screenBounds)/2, (CGRectGetHeight(screenBounds)/2)); CAKeyframeAnimation * animation;
animation = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
animation.duration = 0.3f;
//animation.delegate = self;
animation.removedOnCompletion = NO;
animation.fillMode = kCAFillModeForwards;
NSMutableArray *values = [NSMutableArray array];
[values addObject:[NSValue valueWithCATransform3D:CATransform3DMakeScale(0.1, 0.1, 1.0)]];
[values addObject:[NSValue valueWithCATransform3D:CATransform3DMakeScale(1.2, 1.2, 1.0)]];
[values addObject:[NSValue valueWithCATransform3D:CATransform3DMakeScale(1.0, 1.0, 1.0)]];
animation.values = values;
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[self.alertView.layer addAnimation:animation forKey:nil]; [UIView animateWithDuration:0.3f
delay:0
options:UIViewAnimationOptionAllowUserInteraction | UIViewAnimationCurveEaseIn | UIViewAnimationOptionBeginFromCurrentState
animations:^{
[self.backgroundView setAlpha:1.0];
[self.alertView setAlpha:1.0];
}
completion:^(BOOL finished){
if ([self.delegate respondsToSelector:@selector(alertViewDidShow:)]) {
[self.delegate alertViewDidShow:self];
}
}];
} -(void) triggerDropAnimations
{
CAKeyframeAnimation * animation;
animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
animation.duration = 0.4f;
//animation.delegate = self;
animation.removedOnCompletion = NO;
animation.fillMode = kCAFillModeForwards;
NSMutableArray *values = [NSMutableArray array];
[values addObject:[NSValue valueWithCGPoint:CGPointMake(screenBounds.size.width/2, -self.alertView.frame.size.height)]];
[values addObject:[NSValue valueWithCGPoint:CGPointMake(screenBounds.size.width/2, (screenBounds.size.height/2)+self.alertView.frame.size.height*0.05)]];
[values addObject:[NSValue valueWithCGPoint:CGPointMake(screenBounds.size.width/2, (screenBounds.size.height/2))]];
[values addObject:[NSValue valueWithCGPoint:CGPointMake(screenBounds.size.width/2, (screenBounds.size.height/2)-self.alertView.frame.size.height*0.05)]];
[values addObject:[NSValue valueWithCGPoint:CGPointMake(screenBounds.size.width/2, (screenBounds.size.height/2))]];
animation.values = values;
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[self.alertView.layer addAnimation:animation forKey:nil]; [UIView animateWithDuration:0.4 delay:0.0 options:UIViewAnimationOptionCurveEaseOut animations:^{
self.backgroundView.alpha = 1.0;
} completion:^(BOOL finished){
if ([self.delegate respondsToSelector:@selector(alertViewDidShow:)]) {
[self.delegate alertViewDidShow:self];
}
}]; } #pragma mark - View Setup
- (void)_setupViewsWithTitle:(NSString *)title text:(NSString *)aText cancelButton:(BOOL)hasCancelButton
{ [self calculateContentSize:aText]; /*setup backgroundView*/
_blurFilter = [[GPUImageiOSBlurFilter alloc] init];
_blurFilter.blurRadiusInPixels = 2.0;
_backgroundView = [[UIImageView alloc]initWithFrame:screenBounds];
UIImage * image = [self _convertViewToImage];
UIImage *blurredSnapshotImage = [_blurFilter imageByFilteringImage:image];
[self.backgroundView setImage:blurredSnapshotImage];
self.backgroundView.alpha = 0.0;
[self addSubview:self.backgroundView]; /*setup alertPopupView*/
self.alertView = [self _alertPopupView]; /*setup title and content view*/
[self _labelSetupWithTitle:title andText:aText];
[self addSubview:self.alertView]; /*setup buttons*/
[self _buttonSetupWithCancelButton:hasCancelButton];
} - (void)_labelSetupWithTitle:(NSString*) title andText:(NSString*) text
{
_titleLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 180, AlertViewTitleLabelHeight)];
_titleLabel.center = CGPointMake(CGRectGetWidth(self.alertView.frame)/2, AlertViewTitleLabelHeight/2);
_titleLabel.text = title;
_titleLabel.font = [UIFont fontWithName:@"HelveticaNeue-LightItalic" size:20.0f];
_titleLabel.textAlignment = NSTextAlignmentCenter;
[self.alertView addSubview:_titleLabel]; if (self.contentType == BlurAlertViewContentTypeText) {
_textLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 180, self.contentSize.height)];
_textLabel.center = CGPointMake(self.alertView.frame.size.width/2, CGRectGetHeight(self.alertView.frame)/2);
_textLabel.text = text;
_textLabel.font = [UIFont fontWithName:@"HelveticaNeue" size:AlertViewDefaultTextFontSize];
_textLabel.textAlignment = NSTextAlignmentCenter;
_textLabel.lineBreakMode = NSLineBreakByWordWrapping;
_textLabel.numberOfLines = 0;
[self.alertView addSubview:_textLabel];
}else{
//customView type
self.contentView.center = CGPointMake(self.alertView.frame.size.width/2, CGRectGetHeight(self.alertView.frame)/2);
[self.alertView addSubview:self.contentView];
}
} - (UIView*)_alertPopupView
{
UIView * alertSquare = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, AlertViewTitleLabelHeight+2*AlertViewSpaceHeight+self.contentSize.height+AlertViewTitleLabelHeight)];
alertSquare.backgroundColor = [UIColor colorWithRed:0.937 green:0.937 blue:0.937 alpha:1];
alertSquare.center = CGPointMake(CGRectGetWidth(screenBounds)/2, CGRectGetHeight(screenBounds)/2); [alertSquare.layer setCornerRadius:4.0];
[alertSquare.layer setShadowColor:[UIColor blackColor].CGColor];
[alertSquare.layer setShadowOpacity:0.4];
[alertSquare.layer setShadowRadius:20.0f];
[alertSquare.layer setShadowOffset:CGSizeMake(0.0, 0.0)]; //add top background layer
CAShapeLayer *topBackgroundLayer = [CAShapeLayer layer];
UIBezierPath *topBackgroundPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0,0, CGRectGetWidth(alertSquare.frame), AlertViewTitleLabelHeight) byRoundingCorners:UIRectCornerTopLeft|UIRectCornerTopRight cornerRadii:CGSizeMake(4.0, 4.0)];
topBackgroundLayer.path = topBackgroundPath.CGPath;
topBackgroundLayer.fillColor = RJTitleLabelBackgroundColor.CGColor;
[alertSquare.layer addSublayer:topBackgroundLayer]; return alertSquare;
} - (void)_buttonSetupWithCancelButton:(BOOL) hasCancelButton
{
CGFloat buttonCenterY = (CGRectGetHeight(self.alertView.frame)*2-30-AlertViewSpaceHeight)/2;
if (hasCancelButton) {
//ok button
_okButton = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 84, 30)];
_okButton.center = CGPointMake((CGRectGetWidth(self.alertView.frame)/4)+3, buttonCenterY); //cancel button
_cancelButton = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 84, 30)];
_cancelButton.center = CGPointMake((CGRectGetWidth(self.alertView.frame)*3/4)-3, buttonCenterY);
_cancelButton.backgroundColor = [UIColor colorWithRed:0.792 green:0.792 blue:0.792 alpha:1]; [_cancelButton setTitle:@"取消" forState:UIControlStateNormal];
_cancelButton.titleLabel.textColor = [UIColor whiteColor];
_cancelButton.titleLabel.font = [UIFont fontWithName:@"HelveticaNeue" size:18.0f];
[_cancelButton addTarget:self action:@selector(handleButtonTouched:) forControlEvents:UIControlEventTouchUpInside];
[_cancelButton.layer setCornerRadius:3.0f];
}else{
_okButton = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 180, 30)];
_okButton.center = CGPointMake(CGRectGetWidth(self.alertView.frame)/2, buttonCenterY);
} [_okButton setBackgroundColor:RJComfirmButtonColor]; //ok button end setup
[_okButton setTitle:@"确定" forState:UIControlStateNormal];
_okButton.titleLabel.font = [UIFont fontWithName:@"HelveticaNeue" size:18.0f];
[_okButton addTarget:self action:@selector(handleButtonTouched:) forControlEvents:UIControlEventTouchUpInside];
[_okButton.layer setCornerRadius:3.0f]; [self.alertView addSubview:_okButton];
if (hasCancelButton){
[self.alertView addSubview:_cancelButton];
} } - (void)calculateContentSize:(NSString *)text
{
UIFont *font = [UIFont fontWithName:@"HelveticaNeue" size:AlertViewDefaultTextFontSize];
CGSize constrainedSize = CGSizeMake(180, CGFLOAT_MAX); if (IS_IOS7_Or_Later)
{
NSDictionary * tdic = [NSDictionary dictionaryWithObjectsAndKeys:font, NSFontAttributeName,nil];
self.contentSize =[text boundingRectWithSize:constrainedSize options:NSStringDrawingUsesLineFragmentOrigin |NSStringDrawingUsesFontLeading attributes:tdic context:nil].size;
}else{
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
self.contentSize = [text sizeWithFont:font constrainedToSize:constrainedSize lineBreakMode:NSLineBreakByCharWrapping];
#pragma clang diagnostic pop
} if (self.contentType == BlurAlertViewContentTypeCustomView) {
self.contentSize = self.contentView.bounds.size;
}
} -(UIImage *)_convertViewToImage
{
UIWindow *keyWindow = [[UIApplication sharedApplication] keyWindow];
CGRect rect = [keyWindow bounds];
UIGraphicsBeginImageContextWithOptions(rect.size,YES,0.0f);
CGContextRef context = UIGraphicsGetCurrentContext();
[keyWindow.layer renderInContext:context];
UIImage *capturedScreen = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return capturedScreen;
} #pragma mark - Button Action
- (void)handleButtonTouched:(UIButton *)button
{
[self dismiss]; if ([self.delegate respondsToSelector:@selector(alertView:didDismissWithButton:)]) {
[self.delegate alertView:self didDismissWithButton:button];
} if (self.completionBlock) {
self.completionBlock(self,button);
}
} @end
主控制器,使用演示样例
//
// ViewController.m
// 特效弹出框
//
// Created by beyond on 14-10-18.
// Copyright (c) 2014年 com.beyond All rights reserved.
// #import "ViewController.h" // 1导入
#import "BlurAlertView.h"
@interface ViewController () @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad];
// 加入图片 CGRect rect = CGRectMake(0, 20, 320, 460);
UIImageView *imageView = [[UIImageView alloc]initWithFrame:rect];
imageView.image = [UIImage imageNamed:@"1.png"];
imageView.contentMode = UIViewContentModeScaleAspectFill;
[self.view addSubview:imageView]; // 加入按钮
UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd];
btn.frame = CGRectMake(0, 40, 40, 40);
[btn addTarget:self action:@selector(showAlertView) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];
// 加入按钮2
UIButton *btn2 = [UIButton buttonWithType:UIButtonTypeContactAdd];
btn2.frame = CGRectMake(0, 80, 40, 40);
[btn2 addTarget:self action:@selector(showAlertView2) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn2]; } #pragma mark - 第3方提醒控件
- (void)showAlertView
{
BlurAlertView *alertView = [[BlurAlertView alloc]initWithTitle:@"title" text:@"text" cancelButton:YES]; // 设置CA动画类型
alertView.animationType = BlurAlertViewAnimationTypeBounce;
// BlurAlertViewAnimationTypeDrop; [alertView setCompletionBlock:^(BlurAlertView *alert, UIButton *button) {
if (button == alert.okButton) {
NSLog(@"ok button touched!");
}else{
NSLog(@"cancel button touched!");
}
}];
[alertView show];
}
- (void)showAlertView2
{
BlurAlertView *alertView = [[BlurAlertView alloc]initWithTitle:@"title" text:@"text" cancelButton:YES]; // 设置CA动画类型
// alertView.animationType = BlurAlertViewAnimationTypeBounce;
alertView.animationType = BlurAlertViewAnimationTypeDrop; [alertView setCompletionBlock:^(BlurAlertView *alert, UIButton *button) {
if (button == alert.okButton) {
NSLog(@"ok button touched!");
}else{
NSLog(@"cancel button touched!");
}
}];
[alertView show];
}
@end