IOS开发中的弹框综述

题记————

人生在世，淡定看世界。

感受生活，从不说疲惫，因为卡里的存款还不够多。

体验生活，从不说难受，因为肩上的责任不能丢。

感悟生活，从不说后退，因为脚下的路依然要走

1、预览

2、弹出框的基本实现方式

2-1 UIAlertView

2-2 UIAlertController

3、AlertView弹出方式简述

3-1 实现方式

//AlertView中央弹出
- (IBAction)AlertViewBottomShow:(id)sender {
//创建
UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:@"提示" message:@"从底部弹出" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles:@"确认", nil];
//添加代理
alertView.delegate = self;
//显示
[alertView show];
}

显示效果：



可以看到在这里同时也设置了代理，只是为了监听弹出框的点击事件 ，当然同时要实现协议（或者称为遵守）

#import "ViewController.h"

@interface ViewController () <UIAlertViewDelegate>

@end

同时复写代理 监听回调方法

//alertView 代理回调
-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
NSLog(@"%lu",buttonIndex);
}

那么在这里就可以监听到对应的点击按钮，就可以做相应的操作

4、UIAlertController弹出方式

4-1 视图中央弹出

实现方式：

//显示方式为直接从视图中央弹出
- (IBAction)clickUIAlertControllerFunction:(id)sender {
//创建
UIAlertController *controll = [UIAlertController alertControllerWithTitle:@"提示" message:@"点击监听提示" preferredStyle:UIAlertControllerStyleAlert];
//添加取消按钮 并设置Block
[controll addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction *action) {
NSLog(@"CLICK 取消");
}]];
//添确认消按钮 并设置Block
[controll addAction:[UIAlertAction actionWithTitle:@"确认" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action) {
NSLog(@"CLICK 确认");
}]];
//弹出
[self presentViewController:controll animated:NO completion:nil];
}

可以看到在添加按钮的时候同时添加了一个对应的block函数，来监听对应的按钮的点击事件

4-2 、从视图的底部弹出显示框

实现：

//AlertController底部弹出
- (IBAction)AlertControllerBottomShow:(id)sender {
//创建
UIAlertController *controller = [UIAlertController alertControllerWithTitle:@"提示" message:@"底部弹出" preferredStyle:UIAlertControllerStyleActionSheet];
//添加按钮一
[controller addAction:[UIAlertAction actionWithTitle:@"选择一" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
NSLog(@"CLICK 选择一");
}]];
//添加按钮一
[controller addAction:[UIAlertAction actionWithTitle:@"选择二" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
NSLog(@"CLICK 选择二");
}]];
//添加按钮三
[controller addAction:[UIAlertAction actionWithTitle:@"选择三" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
NSLog(@"CLICK 选择三");
}]];
//显示
[self presentViewController:controller animated:YES completion:nil];
}

与方式一相比较，基本实现方式是一致的，不同的是在创建View的时候，设置的弹出方式preferredStyle不同 ，默认的方式是从视图中间显示，设置弹出方式为UIAlertControllerollerStyleActionSheet,则实现了弹框从底部弹出的效果

对应按钮的点击事件则在设置的对应的Block函数中实现

5、向弹出框中添加输入框

//创建
UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"文本对话框" message:@"登录和密码对话框示例" preferredStyle:UIAlertControllerStyleAlert];
//向视图中添加第一个输入框
[alertController addTextFieldWithConfigurationHandler:^(UITextField *textField){
textField.placeholder = @"用户名";
}];
//向视图中添加第二个输入框
[alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
textField.placeholder = @"电话";
textField.secureTextEntry = YES;
}];

//确认
UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"确认" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action) {
//获取第一个输入框
UITextField *login = alertController.textFields.firstObject;
//获取第二个输入框
UITextField *password = alertController.textFields.lastObject;

NSLog(@"%@%@",login.text,password.text);

}];

//取消
UIAlertAction *canleAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction *action) {

}];
//添加Action
[alertController addAction:okAction];
[alertController addAction:canleAction];
//弹出
[self presentViewController:alertController animated:YES completion:nil];