IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解

     iOS 8的新特性之一就是让接口更有适应性、更灵活,因此许多视图控制器的实现方式发生了巨大的变化。比如说Alert Views、Action Sheets。 下面就大致介绍它们的使用方式。

    UIAlertView:

  1.创建UIAlertView。 UIAlertView的按钮是水平排列的,当按钮多的时候由于考虑的位置不够,因此会垂直排列。

参数:delegate: 代理    otherButtonTitles: 其它按钮,可以添加多个。多个用逗号隔开

UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"标题" message:@"这个是UIAlertViewStyleDefault的默认样式" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"登录",nil ];

 2.设置对话框样式。 UIAlertView样式有四种:

UIAlertViewStyleDefault  默认样式

UIAlertViewStylePlainTextInput  可输入文本样式

UIAlertViewStyleSecureTextInput可输入密码样式

UIAlertViewStyleLoginAndPasswordInput 可输入文本和密码

alert.alertViewStyle = UIAlertViewStyleDefault;

 3.显示对话框

[alert show];
效果:

IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第1张图片IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第2张图片IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第3张图片IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第4张图片


4。 监听点击按钮触发事件。 

现在我们要需求是,用户名和密码不为空,登录按钮才可点击。点击登陆按钮控制台输入相应的用户名和密码。如何实现呢???

实现方法:实现UIAlertViewDelegate协议,调用响应对话框视图的按钮动作的回调方法。还有当文本框内容改变时,调用alertViewShouldEnableOtherButton:方法可以让按钮动态地可用或者不可用。

  4.1 监听对话框点击按钮方法实现控制台输出:

/**
 *  alert按钮监听事件
 *
 *  @param alertView   alertview
 *  @param buttonIndex 按钮下标(从0开始)
 */
-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
    //NSInteger num = [alertView numberOfButtons];//对话框的按钮个数
   // NSLog(@"对话框共%ld个按钮",num);
    if (buttonIndex == 1) {//登录按钮
        NSString *name = [alertView textFieldAtIndex:0].text; //第一个输入框的值
        NSString *password = [alertView textFieldAtIndex:1].text;//第二个输入框的值
        NSLog(@"用户名:%@,密码:%@",name,password);
    }
}
 

  4.2 当文本框内容改变时,调用alertViewShouldEnableOtherButton:方法可以让按钮动态地可用或者不可用

/**
 *  当提示框的文本框内容改变时触发
 *
 *  @param alertView alertView
 *
 *  @return 是否可用
 */
-(BOOL)alertViewShouldEnableFirstOtherButton:(UIAlertView *)alertView{
    BOOL isLogin = NO;
    NSString *name = [alertView textFieldAtIndex:0].text; //第一个输入框的值
    NSString *password = [alertView textFieldAtIndex:1].text;//第二个输入框的值
    if (name.length!=0 && password.length!=0) {
       isLogin = YES;
    }
    return isLogin;
}

                                                           IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第5张图片


UIActionSheet

 UIActionSheet是按钮垂直排列的上拉菜单。 ios8.3之后已经废弃了。

 NS_CLASS_DEPRECATED_IOS(2_0,8_3,"UIActionSheet is deprecated. Use UIAlertController with a preferredStyle of UIAlertControllerStyleActionSheet instead")

  UIActionSheet使用方式很简单。

  1.创建UIActionSheet。

按钮样式:常规(default)、取消(cancel)以及警示(destruective), 其中警示(destruective)会显示红色。

UIActionSheet *sheet = [[UIActionSheet alloc]initWithTitle:nil delegate:nil cancelButtonTitle:@"取消" destructiveButtonTitle:@"退出" otherButtonTitles:@"版本更新",@"反馈", nil ];
  2.显示对话框

[sheet showInView:self.view];
                               IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第6张图片

UIAlertController

 苹果官方在ios8以后推荐使用UIAlertController。 UIAlertController在功能上是和UIAlertView以及UIActionSheet相同的,UIAlertController以一种模块化替换的方式来代替UIAlertView和UIActionSheet的功能和作用。是使用对话框(alert)还是使用上拉菜单(action sheet),就取决于在创建控制器时设置首选样式的。

  UIAlertControllerStyleActionSheet  --->   UIActionSheet

 UIAlertControllerStyleAlert   ----> UIAlertView

 

 1.创建UIAlertController。 

     注意:UIAlertController无需指定代理,也无需在初始化过程中指定按钮

 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"标题" message:@"这是默认样式UIAlertControllerStyleActionSheet" preferredStyle:UIAlertControllerStyleActionSheet];

2. 创建UIAlertAction,将动作按钮添加到控制器上。UIAlertAction由标题字符串、样式以及当用户选中该动作时运行的代码块组成。UIAlertActionStyle三种动作样式:常规(default)、取消(cancel)以及警示(destruective)。

  注意:取消按钮是唯一的,如果添加了第二个取消按钮,程序会运行时抛出异常:

* Terminating app due to uncaught exception ‘NSInternalInconsistencyException’, reason: ‘UIAlertController can only have one action with a style of UIAlertActionStyleCancel’

 UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];
    UIAlertAction *loginout = [UIAlertAction actionWithTitle:@"退出" style:UIAlertActionStyleDestructive handler:nil];
    UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"反馈" style:UIAlertActionStyleDefault handler:nil];
    [alert addAction:cancelAction];
    [alert addAction:loginout];
    [alert addAction:okAction];

3.显示

[self presentViewController:alert animated:YES completion:nil];

                                                         IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第7张图片  


  以上是UIAlertController实现UIActionSheet(不能实现可输入)。下面通过UIAlertController实现UIAlertView,效果和上面UIAlertView一样,可输入文本和密码,并且控制按钮的状态,控制台输入结果。

    1.创建。注意:样式为UIAlertControllerStyleAlert

   UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"登录窗口" message:@"请填写登录信息" preferredStyle:UIAlertControllerStyleAlert];

   2. 创建UIAlertAction,将动作按钮添加到控制器上

UIAlertAction *cancel = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];

    UIAlertAction *login = [UIAlertAction actionWithTitle:@"登录" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action){
        NSString *name =  alert.textFields.firstObject.text;
        NSString *pwd = alert.textFields.lastObject.text;
        NSLog(@"用户名:%@,密码:%@",name,pwd);
        //点击登陆按钮后,销毁观察者对象
        [[NSNotificationCenter defaultCenter]removeObserver:self name:UITextFieldTextDidChangeNotification object:nil];
    }];
    login.enabled = NO;//登陆按钮不可点击
    [alert addAction:cancel];
    [alert addAction:login];


3.添加可输入框并且 通知观察者(notification observer)--UITextFieldTextDidChangeNotification,判断更改按钮状态

[alert addTextFieldWithConfigurationHandler:^(UITextField *textField){
        textField.placeholder = @"用户名";
        //通知观察者
        [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(alertTextFiledDidChange:) name:UITextFieldTextDidChangeNotification object:textField ];
    }];
    [alert addTextFieldWithConfigurationHandler:^(UITextField *textField){
        textField.placeholder = @"密码";
        textField.secureTextEntry = YES;
         //通知观察者
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(alertTextFiledDidChange:) name:UITextFieldTextDidChangeNotification object:textField];
    }];

4.接受消息,更改按钮状态

/**
 *  观察者消息方法,更改按钮的状态
 *
 *  @param notification 消息
 */
-(void)alertTextFiledDidChange:(NSNotificationCenter *)notification{
    UIAlertController *alertController = (UIAlertController *)self.presentedViewController;
    if(alertController){
        UIAlertAction *loginAction = alertController.actions.lastObject;
        NSString *name= alertController.textFields.firstObject.text;
        NSString *pwd = alertController.textFields.lastObject.text;
        loginAction.enabled = (name.length!=0 && pwd.length!=0);
    }
}

 5.显示

 [self presentViewController:alert animated:YES completion:nil];

IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第8张图片 IOS基础UI之(五)UIAlertView、UIActionSheet和UIAlertController详解_第9张图片

  

     代码下载:代码下载地址


      文字至此!后面学习将继续更新。。。。。。。。。。。。

你可能感兴趣的:(IOS(UI基础),IOS深入浅出之UI,ios,UIAlertView,UIActionSheet)