备案控制台
开发者社区 云计算 文章 正文

技术心得记录：永不过时的自定义AlertView

2024-06-27 10
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 技术心得记录：永不过时的自定义AlertView

码农门都知道，再好的项目如果用户体验跟不上的话也就死了一半了，特别是网络这块，经常需要我们弹出各种提示框，这就需要用到alertView了，但是ios8以后alertView就被alertController替代了 而项目中用我们又经常需要用到它，今天笔者就为大家带来一个可以显著提升用户体验度，直接继承至UIWindow的高度自定义AlertView(永不过时)，希望大家喜欢！废话不多说，直接上代码


.h文件如下


//


// Prompt.h


// CustomAlertView


//


// Created by jacke－xu on 16/6/4.


// Copyright ? 2016年 jacke－xu. All rights reserved.


//


#import


//点击样式


typedef NS_ENUM(NSInteger, MyWindowClick){


MyWindowClickForOK = 0,//点击确定按钮


MyWindowClickForCancel//点击取消按钮


};


//提示框显示样式


typedef NS_ENUM(NSInteger, PromptStyle)


{


PromptStyleDefalut = 0,//默认样式 ——成功


PromptStyleSuccess,//成功


PromptStyleFail,//失败


PromptStyleWaring//警告


};


typedef void (^callBack)(MyWindowClick buttonIndex);


@interface Prompt : UIWindow


@property (nonatomic, copy) callBack clickBlock ;//按钮点击事件的回调


+ (instancetype)shared;


/

创建Prompt并展示


@param style 绘制的图片样式

@param title 警示标题

@param detail 警示内容

@param canle 取消按钮标题

@param ok 确定按钮标题

@param callBack 按钮点击时间回调


@return 返回Prompt

/

+ (instancetype)showPromptWithStyle:(PromptStyle)style title:(NSString )title detail:(NSString )detail canleButtonTitle:(NSString )canle okButtonTitle:(NSString )ok callBlock:(callBack)callBack;

//默认样式创建Prompt

+ (instancetype)showPromptWithTitle:(NSString )title detail:(NSString )detail canleButtonTitle:(NSString )canle okButtonTitle:(NSString )ok callBlock:(callBack)callBack;

@end

再来.m

//

// Prompt.m

// CustomAlertView

//

// Created by jacke－xu on 16/6/4.

// Copyright ? 2016年 jacke－xu. All rights reserved.

//

#import "Prompt.h"

//按钮颜色

#define OKBUTTON_BGCOLOR 【UIColor colorWithRed:158/255.0 green:214/255.0 blue:243/255.0 alpha:1】

#define CANCELBUTTON_BGCOLOR 【UIColor colorWithRed:255/255.0 green:20/255.0 blue:20/255.0 alpha:1】

//按钮起始tag

#define TAG 100

#define SCREEN_Width 【UIScreen mainScreen】.bounds.size.width

#define SCREEN_Height 【UIScreen mainScreen】.bounds.size.Height＜span style="color: rgba(0, 0, 0, 1)">

NSUInteger const Button_Size_Width = 80;

NSUInteger const Button_Size_Height = 30;

NSInteger const Title_Font = 18;

NSInteger const Detial_Font = 16;

//Logo半径（画布）

NSInteger const Logo_Size = 40;

NSInteger const Button_Font = 16;

@interface Prompt () {


UIView _logoView;//画布

UILabel _titleLabel;//标题

UILabel _detailLabel;//详情

UIButton _OkButton;//确定按钮

UIButton _canleButton;//取消按钮

CAShapeLayer _pathLayer;//尝试保护内存

}

@end

@implementation Prompt

+ (instancetype)showPromptWithStyle:(PromptStyle)style title:(NSString )title detail:(NSString )detail canleButtonTitle:(NSString )canle okButtonTitle:(NSString )ok callBlock:(callBack)callBack {


switch (style) {


case PromptStyleDefalut:

【【self shared】 drawRight】;

break;

case PromptStyleSuccess:

【【self shared】 drawRight】;

break;

case PromptStyleFail:

【【self shared】 drawWrong】;

break;

case PromptStyleWaring:

【【self shared】 drawWaring】;

break;

default:

break;

//代码效果参考：http://www.lyjsj.net.cn/wx/art_23603.html

}

【【self shared】 addButtonTitleWithCancle:canle OK:ok】;

【【self shared】 addTitle:title detail:detail】;

【【self shared】 setClickBlock:nil】;//释放掉之前的Block

【【self shared】 setClickBlock:callBack】;

【【self shared】 setHidden:NO】;//设置为不隐藏

return 【self shared】;

}

+ (instancetype)showPromptWithTitle:(NSString )title detail:(NSString )detail canleButtonTitle:(NSString )canle okButtonTitle:(NSString )ok callBlock:(callBack)callBack {


return 【self showPromptWithStyle:PromptStyleSuccess title:title detail:detail canleButtonTitle:canle okButtonTitle:ok callBlock:callBack】;

}

//单例

+ (instancetype)shared

{


static dispatch_once_t once = 0;

static Prompt prompt;

dispatch_once(&once, ^{


prompt = 【【Prompt alloc】 //代码效果参考：http://www.lyjsj.net.cn/wz/art_23601.html

init】;

});

return prompt;

}

- (instancetype)init

{


self = 【super init】;

if (self) {


self.frame = (CGRect) { {0.f,0.f}, 【【UIScreen mainScreen】 bounds】.size};

self.alpha = 1;

【self setBackgroundColor:【UIColor clearColor】】;

self.hidden = NO;//不隐藏

self.windowLevel = 100;

【self setInterFace】;

}

return self;

}

/

界面初始化

/

- (void)setInterFace

{


【self logoInit】;

【self controlsInit】;

}

/

初始化控件

/

- (void)controlsInit

{


CGFloat x = _logoView.frame.origin.x;

CGFloat y = _logoView.frame.origin.y;

CGFloat height = //代码效果参考：http://www.lyjsj.net.cn/wx/art_23599.html

_logoView.frame.size.height;

CGFloat width = _logoView.frame.size.width;

_titleLabel = 【【UILabel alloc】 initWithFrame:CGRectMake(x ,y + height / 2, width, Title_Font + 5)】;

【_titleLabel setFont:【UIFont systemFontOfSize:Title_Font】】;

【_titleLabel setTextAlignment:NSTextAlignmentCenter】;

_detailLabel = 【【UILabel alloc】 initWithFrame:CGRectMake(x ,y + height / 2 + (Title_Font + 10), width, Detial_Font + 5)】;

_detailLabel.textColor = 【UIColor grayColor】;

【_detailLabel setFont:【UIFont systemFontOfSize:Detial_Font】】;

【_detailLabel setTextAlignment:NSTextAlignmentCenter】;

CGFloat centerY = _detailLabel.center.y + 40;

_OkButton = 【UIButton buttonWithType:UIButtonTypeCustom】;

_OkButton.layer.cornerRadius = 5;

_OkButton.titleLabel.font = 【UIFont systemFontOfSize:Button_Font】;

_OkButton.center = CGPointMake(_detailLabel.center.x + 50, centerY);

_OkButton.bounds = CGRectMake(0, 0, Button_Size_Width, Button_Size_Height);

_OkButton.backgroundColor = OKBUTTON_BGCOLOR;

_canleButton = 【UIButton buttonWithType:UIButtonTypeCustom】;

_canleButton.center = CGPointMake(_detailLabel.center.x - 50, centerY);

_canleButton.bounds = CGRectMake(0, 0, Button_Size_Width, Button_Size_Height);

_canleButton.backgroundColor = CANCELBUTTON_BGCOLOR;

_canleButton.layer.cornerRadius = 5;

_canleButton.titleLabel.font = 【UIFont systemFontOfSize:Button_Font】;

【self addSubview:_titleLabel】;

【self addSubview:_detailLabel】;

【self addSubview:_OkButton】;

【self addSubview:_canleButton】;

_canleButton.hidden = YES;

_OkButton.hidden = YES;

_OkButton.tag = TAG;

_canleButton.tag = TAG + 1;

【_OkButton addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside】;

【_canleButton addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside】;

}

/

初始化logo视图——画布

/

// 需完善画布的清除，不适用移除，新建的办法

- (void)logoInit

{


//移除画布

【_logoView removeFromSuperview】;

_logoView = nil;

//新建画布

_logoView = 【UIView new】;

_logoView.center = CGPointMake(self.center.x, self.center.y - 40);

_logoView.bounds = CGRectMake(0, 0, 320 / 1.5, 320 / 1.5);

_logoView.backgroundColor = 【UIColor whiteColor】;

_logoView.layer.cornerRadius = 10;

_logoView.layer.shadowColor = 【UIColor blackColor】.CGColor;

_logoView.layer.shadowOffset = CGSizeMake(0, 5);

_logoView.layer.shadowOpacity = 0.3f;

_logoView.layer.shadowRadius = 10.0f;

//保证画布位于所有视图层级的最下方

if (_titleLabel != nil) {


【self insertSubview:_logoView belowSubview:_titleLabel】;

}

else

【self addSubview:_logoView】;

}

/

添加按钮


@param cancle 按钮标题

@param ok 按钮标题

/

- (void) addButtonTitleWithCancle:(NSString )cancle OK:(NSString *)ok

{


BOOL flag = NO;

if (cancle == nil && ok != nil ) {


flag = YES;

}

CGFloat centerY = _detailLabel.center.y + 40;

if (flag) {


_OkButton.center = CGPointMake(_detailLabel.center.x, centerY);

_OkButton.bounds = CGRectMake(0, 0, Button_Size_Width, Button_Size_Height);

_canleButton.hidden = YES;

}

else

{


_canleButton.hidden = NO;

【_canleButton setTitle:cancle forState:UIControlStateNormal】;

_OkButton.center = CGPointMake(_detailLabel.center.x + 50, centerY);

_OkButton.bounds = CGRectMake(0, 0, Button_Size_Width, Button_Size_Height);

}

_OkButton.hidden = NO;

【_OkButton setTitle:ok forState:UIControlStateNormal】;

}

/

添加标题信息和详细信息


@param title 标题内容

@param detail 详细内容

/

- (void)addTitle:(NSString )title detail:(NSString )detail

{


_titleLabel.text = title;

_detailLabel.text = detail;

}

/**

画圆和勾

/

-(void) drawRight

{


【self logoInit】;

//自绘制图标中心点

CGPoint pathCenter = CGPointMake(_logoView.frame.size.width/2, _logoView.frame.size.height/2 - 50);

UIBezierPath path = 【UIBezierPath bezierPathWithArcCenter:pathCenter radius:Logo_Size startAngle:0 endAngle:M_PI2 clockwise:YES】;

path.lineCapStyle = kCGLineCapRound;

path.lineJoinStyle = kCGLineCapRound;

CGFloat x = _logoView.frame.size.width/2.5 + 5;

CGFloat y = _logoView.frame.size.height/2 - 45;

//勾的起点

【path moveToPoint:CGPointMake(x, y)】;

//勾的最底端

CGPoint p1 = CGPointMake(x+10, y+ 10);

【path addLineToPoint:p1】;

//勾的最上端

CGPoint p2 = CGPointMake(x+35,y-20);

【path addLineToPoint:p2】;

//新建图层——绘制上面的圆圈和勾

CAShapeLayer layer = 【【CAShapeLayer alloc】 init】;

layer.fillColor = 【UIColor clearColor】.CGColor;

layer.strokeColor = 【UIColor greenColor】.CGColor;

layer.lineWidth = 5;

layer.path = path.CGPath;

CABasicAnimation animation = 【CABasicAnimation animationWithKeyPath:NSStringFromSelector(@selector(strokeEnd))】;

animation.fromValue = @0;

animation.toValue = @1;

animation.duration = 0.5;

【layer addAnimation:animation forKey:NSStringFromSelector(@selector(strokeEnd))】;

【_logoView.layer addSublayer:layer】;

}

/**

画三角形以及感叹号

/

-(void) drawWaring

{


// 【_logoView removeFromSuperview】;

【self logoInit】;

//自绘制图标中心店

UIBezierPath path = 【UIBezierPath bezierPath】;

path.lineCapStyle = kCGLineCapRound;

path.lineJoinStyle = kCGLineCapRound;

//绘制三角形

CGFloat x = _logoView.frame.size.width/2;

CGFloat y = 15;

//三角形起点（上方）

【path moveToPoint:CGPointMake(x, y)】;

//左边

CGPoint p1 = CGPointMake(x - 45, y + 80);

【path addLineToPoint:p1】;

//右边

CGPoint p2 = CGPointMake(x + 45,y + 80);

【path addLineToPoint:p2】;

//关闭路径

【path closePath】;

//绘制感叹号

//绘制直线

【path moveToPoint:CGPointMake(x, y + 20)】;

CGPoint p4 = CGPointMake(x, y + 60);

【path addLineToPoint:p4】;

//绘制实心圆

【path moveToPoint:CGPointMake(x, y + 70)】;

【path addArcWithCenter:CGPointMake(x, y + 70) radius:2 startAngle:0 endAngle:M_PI2 clockwise:YES】;

//新建图层——绘制上述路径

CAShapeLayer layer = 【【CAShapeLayer alloc】 init】;

layer.fillColor = 【UIColor clearColor】.CGColor;

layer.strokeColor = 【UIColor orangeColor】.CGColor;

layer.lineWidth = 5;

layer.path = path.CGPath;

CABasicAnimation animation = 【CABasicAnimation animationWithKeyPath:NSStringFromSelector(@selector(strokeEnd))】;

animation.fromValue = @0;

animation.toValue = @1;

animation.duration = 0.5;

【layer addAnimation:animation forKey:NSStringFromSelector(@selector(strokeEnd))】;

【_logoView.layer addSublayer:layer】;

}

/**

画圆角矩形和叉

/

- (void)drawWrong

{


【self logoInit】;

CGFloat x = _logoView.frame.size.width / 2 - Logo_Size;

CGFloat y = 15;

//圆角矩形

UIBezierPath path = 【UIBezierPath bezierPathWithRoundedRect:CGRectMake(x, y, Logo_Size 2, Logo_Size 2) cornerRadius:5】;

path.lineCapStyle = kCGLineCapRound;

path.lineJoinStyle = kCGLineCapRound;

C

文章标签：
UED
jjczqyjxgdegi
目录
相关文章
田八
|
Web App开发 缓存 数据安全/隐私保护
解决浏览器自动填充用户名和密码最优雅的解决方案，优雅永不过时
浏览器记住用户名和密码并且自动填充怎么破？百度找的方法好像都不够优雅，优雅永不过时，今天我就带你优雅的解决这个问题。
田八
1275 0
保山hh
|
7天前
artts升级版本后常见的编译错误（定期更新......）
artts升级版本后常见的编译错误（定期更新......）
保山hh
5 0
内核笔记
|
Android开发 芯片
RK3399平台开发系列讲解（系统修改记录篇）1.17、Android系统永不休眠修改步骤(一般是为了开发便利)
RK3399平台开发系列讲解（系统修改记录篇）1.17、Android系统永不休眠修改步骤(一般是为了开发便利)
内核笔记
141 0
RK3399平台开发系列讲解（系统修改记录篇）1.17、Android系统永不休眠修改步骤(一般是为了开发便利)
bqospzg5rfs7g
|
JavaScript 开发者
get方式提交新闻防止新闻被覆盖掉（补充说明）|学习笔记
快速学习 get 方式提交新闻防止新闻被覆盖掉（补充说明）
bqospzg5rfs7g
101 0
get方式提交新闻防止新闻被覆盖掉（补充说明）|学习笔记
世纪末的架构师
|
设计模式 Java Go
你应该了解的工厂方法模式：优雅的代码永不过时（一）
你应该了解的工厂方法模式：优雅的代码永不过时
世纪末的架构师
188 0
你应该了解的工厂方法模式：优雅的代码永不过时（一）
世纪末的架构师
|
设计模式 缓存 Java
你应该了解的工厂方法模式：优雅的代码永不过时（二）
你应该了解的工厂方法模式：优雅的代码永不过时
世纪末的架构师
126 0
你应该了解的工厂方法模式：优雅的代码永不过时（二）
前端歌谣
|
前端开发
前端工作总结127-删除做个判断操作 成功删除 取消取消
前端工作总结127-删除做个判断操作 成功删除 取消取消
前端歌谣
73 0
前端歌谣
|
前端开发
前端工作总结107-修改记录取消文本提示ele提示
前端工作总结107-修改记录取消文本提示ele提示
前端歌谣
106 0
积木zz
|
缓存 数据处理 异构计算
屏幕刷新机制简单问（没有代码，请放心享用）
周一好呀，今天给大家带来一点轻松简单的内容，没有代码，请享用~
积木zz
249 0
屏幕刷新机制简单问（没有代码，请放心享用）
技术小阿哥
|
数据库 .NET 开发框架
“ConnectionString 属性尚未初始化”的另类解决办法
技术小阿哥
2098 0