您的位置:首页 > 产品设计 > UI/UE

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

2015-09-20 11:58 519 查看
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];
效果:









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;
}







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];



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];







以上是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];










代码下载:代码下载地址

文字至此!后面学习将继续更新。。。。。。。。。。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: