《印记（官方版）》iOS源码分享--自定义弹框篇
2017-03-22 本文已影响213人
_子墨
笔者前不久终于发布了自己的APP《印记（官方版）》，在此分享一些iOS源码，如果读者学到了有用的东西，希望能前往App Store下载《印记（官方版）》支持一下笔者，谢谢！🙂
《印记（官方版）》iOS源码分享--极光推送实践篇
《印记（官方版）》iOS源码分享--HTTPS配置篇
《印记（官方版）》源码分享--极光推送服务器篇
《印记（官方版）》iOS源码分享--网络层封装篇
首先看一下效果：
弹框效果一
弹框效果二
附上源码：（布局使用的是Masonry框架）
JKBaseAlertView.h
#import <UIKit/UIKit.h>
typedef NS_ENUM(NSInteger, AlertViewMode) {
OkCancelMode = 0, // 带确定和取消按钮
OnlyOkMode // 仅带确定按钮
};
typedef void(^ClickBlock)(NSMutableDictionary * dic);
@interface JKBaseAlertView : UIView
@property (nonatomic, strong) UIView * alertBgView; // 背景视图
@property (nonatomic, strong) UIView * operateView; // 操作视图
@property (nonatomic, strong) UILabel * titleLabel; // 标题
@property (nonatomic, strong) UILabel * detailLabel; // 副标题
@property (nonatomic, strong) UIButton * okButton; // 确定按钮
@property (nonatomic, strong) UIButton * cancelButton; // 取消按钮
@property (nonatomic, strong) UIButton * neverShowBtn; // 不再显示按钮
@property (nonatomic, copy) ClickBlock okBlock;
/*
* 单例
*/
+ (JKBaseAlertView *)sharedAlertView;
/*
* 弹框方式一
* mode 模式
* param 入参
* okBlock 确定按钮回调
*/
- (void)showAlertWithMode:(AlertViewMode)mode param:(NSMutableDictionary*)param action:(ClickBlock)okBlock;
/*
* 弹框方式二
* mode 模式
* storeFlag 存储标记（当storeFlag != nil时，会显示“不再显示”按钮）
* param 入参
* okBlock 确定按钮回调
*/
- (void)showAlertWithMode:(AlertViewMode)mode storeFlag:(NSString *)storeFlag param:(NSMutableDictionary*)param action:(ClickBlock)okBlock;
/*
* 确定按钮事件
*/
- (void)okButtonClicked:(UIButton *)sender;
/*
* 取消按钮事件
*/
- (void)cancelButtonClicked:(UIButton *)sender;
/*
* 移除弹框视图
*/
- (void)removeAlertView;
@end
JKBaseAlertView.m
#import "JKBaseAlertView.h"
#define animateTime 0.25f
#define titleFont 18
#define detailFont 16
#define plainHeight 95
@implementation JKBaseAlertView
{
NSString *_storeFlagStr;
}
#pragma mark - 单例
+ (JKBaseAlertView *)sharedAlertView
{
static JKBaseAlertView * _alertView = nil;
static dispatch_once_t once;
dispatch_once(&once, ^{
_alertView = [[self alloc] init];
});
return _alertView;
}
#pragma mark - 创建UI
- (void)showAlertWithMode:(AlertViewMode)mode storeFlag:(NSString *)storeFlag param:(NSMutableDictionary*)param action:(ClickBlock)okBlock
{
[self showAlertWithMode:mode param:param action:okBlock];
if (storeFlag != nil) {
// 不再显示按钮
[self.operateView addSubview:self.neverShowBtn];
[self.neverShowBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.right.equalTo(self.operateView.mas_right).offset(-10);
make.bottom.equalTo(self.operateView.mas_bottom).offset(-6);
make.height.mas_equalTo(@30);
}];
_storeFlagStr = storeFlag;
}
}
- (void)showAlertWithMode:(AlertViewMode)mode param:(NSMutableDictionary*)param action:(ClickBlock)okBlock
{
WS(ws);
int padding = 10;
float titleHeight = [self heightForString:param[@"title"] fontSize:titleFont andWidth:kScreenWidth-40];
float detailHeight = [self heightForString:param[@"detail"] fontSize:detailFont andWidth:kScreenWidth-40];
// 背景视图
[[[UIApplication sharedApplication] keyWindow] addSubview:self.alertBgView];
[UIView animateWithDuration:animateTime animations:^{
self.alertBgView.alpha = 1;
}];
// 操作区背景
[self.alertBgView addSubview:self.operateView];
[self.operateView mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(ws.alertBgView.mas_left).offset(padding);
make.right.equalTo(ws.alertBgView.mas_right).offset(-padding);
make.centerY.equalTo(ws.alertBgView.mas_centerY);
make.height.mas_equalTo(titleHeight + detailHeight + plainHeight);
}];
// 标题
[self.operateView addSubview:self.titleLabel];
[self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(ws.operateView.mas_top).offset(padding);
make.centerX.equalTo(ws.operateView.mas_centerX);
make.left.equalTo(ws.operateView.mas_left).offset(padding);
make.right.equalTo(ws.operateView.mas_right).offset(-padding);
}];
if(param[@"title"]) {
self.titleLabel.text = param[@"title"];
}
// 副标题
if(param[@"detail"]) {
[self.operateView addSubview:self.detailLabel];
[self.detailLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(ws.titleLabel.mas_bottom).offset(padding*2);
make.centerX.equalTo(ws.operateView.mas_centerX);
make.left.equalTo(ws.operateView.mas_left).offset(padding);
make.right.equalTo(ws.operateView.mas_right).offset(-padding);
}];
self.detailLabel.text = param[@"detail"];
}
[self.operateView addSubview:self.okButton];
if (mode == OkCancelMode) {
// 确定按钮
[self.okButton mas_makeConstraints:^(MASConstraintMaker *make) {
make.right.equalTo(ws.operateView.mas_right).offset(-padding);
make.left.equalTo(ws.operateView.mas_centerX).offset(padding);
make.bottom.equalTo(ws.operateView.mas_bottom).offset(-padding);
make.height.mas_equalTo(@35);
}];
// 取消按钮
[self.operateView addSubview:self.cancelButton];
[self.cancelButton mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(ws.operateView.mas_left).offset(padding);
make.right.equalTo(ws.operateView.mas_centerX).offset(-padding);
make.bottom.equalTo(ws.operateView.mas_bottom).offset(-padding);
make.height.mas_equalTo(@35);
}];
if(param[@"cancelButtonName"]) {
[self.cancelButton setTitle:param[@"cancelButtonName"] forState:UIControlStateNormal];
}
else {
[self.cancelButton setTitle:@"取消" forState:UIControlStateNormal];
}
}
else if (mode == OnlyOkMode) {
// 确定按钮
[self.okButton mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerX.equalTo(ws.operateView.mas_centerX);
make.bottom.equalTo(ws.operateView.mas_bottom).offset(-padding);
make.width.mas_equalTo(@100);
make.height.mas_equalTo(@35);
}];
}
if(param[@"okButtonName"]) {
[self.okButton setTitle:param[@"okButtonName"] forState:UIControlStateNormal];
}
else {
[self.okButton setTitle:@"确定" forState:UIControlStateNormal];
}
self.okBlock = okBlock;
}
#pragma mark - 根据字符串的的长度来计算高度
- (float)heightForString:(NSString *)string fontSize:(float)fontSize andWidth:(float)width
{
float height;
if (string) {
height = [string boundingRectWithSize:CGSizeMake(width, CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIFont fontWithName:kSelfFontName size:fontSize],NSFontAttributeName, nil] context:nil].size.height;
}
else {
height = 0.0f;
}
return height;
}
#pragma mark - 移除弹框视图
- (void)removeAlertView
{
//退出
[UIView animateWithDuration:animateTime animations:^{
_alertBgView.alpha = 0;
} completion:^(BOOL finished) {
[self.alertBgView removeFromSuperview];
self.alertBgView = nil;
self.operateView = nil;
}];
}
- (void)okButtonClicked:(UIButton *)sender
{
self.okBlock(nil);
[self removeAlertView];
}
- (void)cancelButtonClicked:(UIButton *)sender
{
[self removeAlertView];
}
- (void)neverShowBtn:(UIButton *)sender
{
[[NSUserDefaults standardUserDefaults] setObject:@"0" forKey:_storeFlagStr];
[[NSUserDefaults standardUserDefaults] synchronize];
[self removeAlertView];
}
#pragma mark - lazy load
- (UIView *)alertBgView
{
if (_alertBgView == nil) {
_alertBgView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight)];
_alertBgView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.6];
_alertBgView.alpha = 0;
}
return _alertBgView;
}
- (UIView *)operateView
{
if (_operateView == nil) {
_operateView = [[UIView alloc] init];
_operateView.backgroundColor = [UIColor whiteColor];
_operateView.layer.cornerRadius = 6.0f;
_operateView.clipsToBounds = YES;
}
return _operateView;
}
- (UILabel *)titleLabel
{
if (_titleLabel == nil) {
_titleLabel = [[UILabel alloc] init];
_titleLabel.textAlignment = NSTextAlignmentCenter;
_titleLabel.numberOfLines = 0;
_titleLabel.font = [UIFont fontWithName:kSelfFontName size:titleFont];
_titleLabel.textColor = [UIColor colorWithHexString:@"#555555"];
}
return _titleLabel;
}
- (UILabel *)detailLabel
{
if (_detailLabel == nil) {
_detailLabel = [[UILabel alloc] init];
_detailLabel.textAlignment = NSTextAlignmentCenter;
_detailLabel.numberOfLines = 0;
_detailLabel.font = [UIFont fontWithName:kSelfFontName size:detailFont];
_detailLabel.textColor = [UIColor colorWithHexString:@"#555555"];
}
return _detailLabel;
}
- (UIButton *)okButton
{
if (_okButton == nil) {
_okButton = [UIButton buttonWithType:UIButtonTypeCustom];
_okButton.backgroundColor = [UIColor colorWithHexString:@"#dd3030"];
_okButton.titleLabel.font = [UIFont fontWithName:kSelfFontName size:18];
[_okButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
_okButton.layer.masksToBounds = YES;
_okButton.layer.cornerRadius = 5.0f;
[_okButton addTarget:self action:@selector(okButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
}
return _okButton;
}
- (UIButton *)cancelButton
{
if (_cancelButton == nil) {
_cancelButton = [UIButton buttonWithType:UIButtonTypeCustom];
_cancelButton.layer.masksToBounds = YES;
_cancelButton.layer.cornerRadius = 5.0f;
_cancelButton.layer.borderWidth = 1.0f;
_cancelButton.layer.borderColor = [UIColor colorWithHexString:@"#dd3030"].CGColor;
_cancelButton.titleLabel.font = [UIFont fontWithName:kSelfFontName size:18];
[_cancelButton setTitleColor:[UIColor colorWithHexString:@"#dd3030"] forState:UIControlStateNormal];
[_cancelButton addTarget:self action:@selector(cancelButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
}
return _cancelButton;
}
- (UIButton *)neverShowBtn
{
if (_neverShowBtn == nil) {
_neverShowBtn = [UIButton buttonWithType:UIButtonTypeCustom];
_neverShowBtn.titleLabel.font = [UIFont fontWithName:kSelfFontName size:15];
[_neverShowBtn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
[_neverShowBtn setTitle:@"不再显示" forState:UIControlStateNormal];
_neverShowBtn.layer.masksToBounds = YES;
_neverShowBtn.layer.cornerRadius = 5.0f;
[_neverShowBtn addTarget:self action:@selector(neverShowBtn:) forControlEvents:UIControlEventTouchUpInside];
}
return _neverShowBtn;
}
@end
使用方法：
NSMutableDictionary *dict = [NSMutableDictionary dictionaryWithObjectsAndKeys:@"提示",@"title",@"确认退出？",@"detail", nil];
[[JKBaseAlertView sharedAlertView] showAlertWithMode:OkCancelMode param:dict action:^(NSMutableDictionary *dic) {
NSLog(@"点击确定后的回调处理");
}];
最后附上《印记（官方版）》截图，希望读者多多支持 🙂
WechatIMG138.png
