自定义控件CustomAlertView

【记录】【完整代码最下】

效果如下：

 

 可行性分析：

由于系统自带的UIAlertView样式简单，只有两种样式，想要理想的样式就要自定义控件了

文件名取为：CustomAlertView

 创建文件如下（大型项目最好把全部的view都放进一个group中）

接下来要定义AlertView的界面，用xib来直接拖取控件更加方便

1.创建xib文件

 

文件名要跟类名一致（方便操作） 

2.在xib文件里面直接拖取控件

 

对应的就是这样子 ，把对应的控件名称改成能够清楚看出来的

因为是模仿系统的样式，布局了左右btn样式和上下btn 

 

3.修改class的值为类名 两个都要

  

 

 

4.将如图框起来的view的背景色改成 

 5.效果图中的提示框圆角效果

 

这个效果在xib中设置，要选中这后面的view

 

   

属性名称：layer.cornerRadius

 

6.在CustomAlertView类中定义一个类方法

这个类方法是一个对外的接口，当外部要使用自定义类创建一个框架时就可以直接调用。

因为我在xib文件里面的创建视图的顺序是先 上下型 再左右型的，因此可以枚举出两种类型的视图。

#import <UIKit/UIKit.h>

typedef enum{
    kCustomAlertViewSytleUpAndDown,//默认=0
    kCustomAlertViewSytleLeftAndRight//默认=1
}kCustomAlertViewSytle;


@interface CustomAlertView : UIView

+(CustomAlertView *)alertViewWithImagename:(NSString *)imgName andTitle:(NSString *)title andSytle:(kCustomAlertViewSytle)sytle;



@end 

 

 

7.在CustomAlertView.m文件中读取xib中的自定义控件视图

定义了类方法，下一步在.m文件中实现方法，在实现方法过程中发现要用到xib中的控件属性

因此，在xib中拖属性添加在CustomAlertView.m文件中

 

虽然我在xib中创建的视图是两套，但是其中的控件都是一一对应的，因此每个属性可以关联两个控件（这是特殊情况，一般一个xib只创建一个视图）

接下来读取xib文件。用到的方法是

- (nullable NSArray *)loadNibNamed:(NSString *)name owner:(nullable id)owner options:(nullable NSDictionary *)options;

 

注意到，这个方法读出来的返回值是一个数组，xib文件中如果有多个视图，那么读出来数组的顺序就跟下图的顺序一样。

实现代码如下：

+(CustomAlertView *)alertViewWithImagename:(NSString *)imgName andTitle:(NSString *)title andSytle:(kCustomAlertViewSytle)sytle{
    //从xib中读取视图数组
    NSArray *arr = [[NSBundle mainBundle]loadNibNamed:@"CustomAlertView" owner:nil options:nil];
    //根据sytle值读取数组中的第几个
    CustomAlertView *aCAV = [arr objectAtIndex:sytle];
    //把传过来的图片名称和标题名称赋值
    //要先判断是否为空。若为空则默认xib中已设置的
    if (imgName != nil) {
        [aCAV.iconImageView setImage:[UIImage imageNamed:imgName]];
    }
    if (title != nil) {
        [aCAV.titleLabel setText:title];
    }
    
    
    return aCAV;
}

 

 

8.让自定义提示框显示在界面上和消失（这里还没有给提示框的按钮设置事件）

显示界面有两种方法，一种是在创建完对象给一个参数值，再在方法实现中让addsubview，这种方法的实现相对简单。

实现代码如下：

 

-(void)showInView:(UIView *)fatherView{
    [fatherView addSubview:self];
}

 

 

 

这种方法相对简单，作为一个自己使用的类来说是足够用的。但如果作为一个可导入的第三方工具类来说，就有点麻烦了。

如果能直接用一个方法就能让提示框显示在界面上肯定是更加方便，例如 [self show];

（其实我这里也没有理解清楚appdelegate）

***记得导入#import "AppDelegate.h"

- (void)show{
//    将这个视图添加到当前界面的最外层
//    找到当前的这个界面
//    UIWindow -> 添加视图
//    1.找到应用程序唯一的代理对象AppDelegate
   AppDelegate *appD = (AppDelegate *)[UIApplication sharedApplication].delegate;
//
//    2.获取程序的窗口
    self.frame = [UIScreen mainScreen].bounds;
    [appD.window addSubview:self];
}

 

 

 

 

 

 还有一种：

 

-(void)show{

    //找到当前这个界面的那个视图
    //UIWindow->rootViewController->UIView ->添加视图
    //1.找到应用程序的代理对象
    AppDelegate *appD = (AppDelegate *)[UIApplication sharedApplication].delegate;
    
    //2.找到窗口默认控制的那个根视图控制器
    UIViewController *rootVC = appD.window.rootViewController;
    
    //3.在这个控制器的视图上面添加一个子视图
    self.frame = rootVC.view.bounds;
    [rootVC.view addSubview:self];



}

 

 

 

消失：

 

- (void)dismiss{
    [self removeFromSuperview];
}

 

 

 

 

这里先运行一下，在ViewController.m中任意创建图片

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    UIImageView *imgview = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"tree"]];
    imgview.frame = self.view.bounds;
    [self.view addSubview:imgview];
}

 

 

 

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    CustomAlertView *alertView = [CustomAlertView alertViewWithImagename:@"ok" andTitle:@"吃了吗" andSytle:kCustomAlertViewSytleUpAndDown];
    
    [alertView show];
    
}

 

还没设置按钮点击事件因此不会有反应。

 

9.接下来设置按钮的点击事件

 

 

 

 

创建的自定义提示框的按钮的title要可以改变，也可以在点击完按钮之后再完成点别的事件。

因为完成 这些事 是要在按钮被点击后执行的，因此 这些事的执行代码 应该在btndidclicked方法里面。

所以，要有2个block来保存数据，等到点击按钮的时候再执行。（也可以用通知或者delegate来做）

 

//定义两个block 用于接收外部传递过来的block的类型
typedef void (^SureBtnBlock)(void);
typedef void (^CancelBtnBlock)(void);

 

 

 

 

-(void)setSureBtnWithTitle:(NSString *)title andComlished:(SureBtnBlock)sureblock;

-(void)setCancelBtnWithTitle:(NSString *)title andComlished:(CancelBtnBlock)cancelblock;

 

 

-(void)setSureBtnWithTitle:(NSString *)title andComlished:(SureBtnBlock)sureblock{
    //这里判断一下外部是否传title值
    if (title != nil) {
        [self.sureBtn setTitle:title forState:UIControlStateNormal];
    }
    //这里发现要用一个属性变量来保存住外部传过来的sureblock
    self.sureblock = sureblock;
}

-(void)setCancelBtnWithTitle:(NSString *)title andComlished:(CancelBtnBlock)cancelblock{
    if (title != nil) {
        [self.cancelBtn setTitle:title forState:UIControlStateNormal];
    }
    
    self.cancelblock = cancelblock;
    
    
    
}

//block 用copy
@property (nonatomic , copy) SureBtnBlock sureblock;

@property (nonatomic , copy) CancelBtnBlock cancelblock;

 

根据上面的分析，在btn的点击事件中执行外部传来的block

- (IBAction)sureBTNdidClicked:(id)sender {
    //先让提示框消失
    [self dismiss];
    //执行一下block
    self.sureblock();
}



- (IBAction)cancelBTNdidClicked:(id)sender {
    //先让提示框消失
    [self dismiss];
    //执行一下block
    self.cancelblock();
    
}

 

接下来我在viewcontroller的触摸事件中配置了提示框

  

效果如下：

 

 

附源代码

//
//  CustomAlertView.h
//  0310--自定义框架
//
//  Created by MyMac on 2019/3/12.
//  Copyright © 2019年 MyMac. All rights reserved.
//

#import <UIKit/UIKit.h>
//定义两个block 用于接收外部传递过来的block的类型
typedef void (^SureBtnBlock)(void);
typedef void (^CancelBtnBlock)(void);


typedef enum{
    kCustomAlertViewSytleUpAndDown,
    kCustomAlertViewSytleLeftAndRight
}kCustomAlertViewSytle;


@interface CustomAlertView : UIView

+(CustomAlertView *)alertViewWithImagename:(NSString *)imgName andTitle:(NSString *)title andSytle:(kCustomAlertViewSytle)sytle;

-(void)show;

-(void)dismiss;

-(void)setSureBtnWithTitle:(NSString *)title andComlished:(SureBtnBlock)sureblock;

-(void)setCancelBtnWithTitle:(NSString *)title andComlished:(CancelBtnBlock)cancelblock;



@end

 

 

//
//  CustomAlertView.m
//  0310--自定义框架
//
//  Created by MyMac on 2019/3/12.
//  Copyright © 2019年 MyMac. All rights reserved.
//

#import "CustomAlertView.h"
#import "AppDelegate.h"
@interface CustomAlertView()
@property (weak, nonatomic) IBOutlet UIImageView *iconImageView;

@property (weak, nonatomic) IBOutlet UILabel *titleLabel;

@property (weak, nonatomic) IBOutlet UIButton *sureBtn;

@property (weak, nonatomic) IBOutlet UIButton *cancelBtn;

//block 用copy
@property (nonatomic , copy) SureBtnBlock sureblock;

@property (nonatomic , copy) CancelBtnBlock cancelblock;
@end



@implementation CustomAlertView
+(CustomAlertView *)alertViewWithImagename:(NSString *)imgName andTitle:(NSString *)title andSytle:(kCustomAlertViewSytle)sytle{
    //从xib中读取视图数组
    NSArray *arr = [[NSBundle mainBundle]loadNibNamed:@"CustomAlertView" owner:nil options:nil];
    //根据sytle值读取数组中的第几个
    CustomAlertView *aCAV = [arr objectAtIndex:sytle];
    //把传过来的图片名称和标题名称赋值
    //要先判断是否为空。若为空则默认xib中已设置的
    if (imgName != nil) {
        [aCAV.iconImageView setImage:[UIImage imageNamed:imgName]];
    }
    if (title != nil) {
        [aCAV.titleLabel setText:title];
    }
    
    
    return aCAV;
}



-(void)show{
    //首先找到唯一控制这个viewcontroller的appdelegate
    AppDelegate *delegate = (AppDelegate *)[UIApplication sharedApplication].delegate;
    //找到默认控制的窗口
    [delegate.window addSubview:self];
    
}


-(void)dismiss{
    [self removeFromSuperview];
}



- (IBAction)sureBTNdidClicked:(id)sender {
    //先让提示框消失
    [self dismiss];
    //执行一下block
    self.sureblock();
}



- (IBAction)cancelBTNdidClicked:(id)sender {
    //先让提示框消失
    [self dismiss];
    //执行一下block
    self.cancelblock();
    
}

-(void)setSureBtnWithTitle:(NSString *)title andComlished:(SureBtnBlock)sureblock{
    //这里判断一下外部是否传title值
    if (title != nil) {
        [self.sureBtn setTitle:title forState:UIControlStateNormal];
    }
    //这里发现要用一个属性变量来保存住外部传过来的sureblock
    self.sureblock = sureblock;
}

-(void)setCancelBtnWithTitle:(NSString *)title andComlished:(CancelBtnBlock)cancelblock{
    if (title != nil) {
        [self.cancelBtn setTitle:title forState:UIControlStateNormal];
    }
    
    self.cancelblock = cancelblock;
}



@end

 

 

//
//  ViewController.m
//  0310--自定义框架
//
//  Created by MyMac on 2019/3/12.
//  Copyright © 2019年 MyMac. All rights reserved.
//

#import "ViewController.h"
#import "CustomAlertView.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    UIImageView *imgview = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"tree"]];
    imgview.frame = self.view.bounds;
    [self.view addSubview:imgview];
}




- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    CustomAlertView *alertView = [CustomAlertView alertViewWithImagename:@"ok" andTitle:@"吃了吗" andSytle:kCustomAlertViewSytleUpAndDown];
    
    [alertView show];
    [alertView setSureBtnWithTitle:@"吃了" andComlished:^{
        //这里可以做一些你想点击完确认按钮后做的事
        //......
        NSLog(@"确认键被点击了");
        
    }];
    [alertView setCancelBtnWithTitle:@"没吃" andComlished:^{
        NSLog(@"取消键被点击了");
    }];
}



@end