10-常用UI控件之 UIActionSheet

原创 2015年07月09日 20:40:20

UIActionSheet是在iOS弹出的选择按钮项,可以添加多项,并为每项添加点击事件。

为了快速完成这例子,我们打开Xcode 4.3.2, 先建立一个single view application。然后再xib文件添加一个button,用来弹出sheet view。

1、首先在.h文件中实现协议

加代码的地方在@interface那行的最后添加<UIActionSheetDelegate>,协议相当于java里的接口,实现协议里的方法。

  1. @interface sheetviewViewController : UIViewController<UIActionSheetDelegate>  
  2.   
  3. @end  

2、添加button,命名button为showSheetView.

3、为button建立Action映射,映射到.h文件上,事件类型为Action ,命名为showSheet。

4、在.m文件上添加点击事件代码

图的效果是这样的:


 

  1. - (IBAction)showSheet:(id)sender {  
  2.     UIActionSheet *actionSheet = [[UIActionSheet alloc]  
  3.                                   initWithTitle:@"title,nil时不显示"  
  4.                                   delegate:self  
  5.                                   cancelButtonTitle:@"取消"  
  6.                                   destructiveButtonTitle:@"确定"  
  7.                                   otherButtonTitles:@"第一项", @"第二项",nil];  
  8.     actionSheet.actionSheetStyle = UIActionSheetStyleBlackOpaque;  
  9.     [actionSheet showInView:self.view];  
  10. }  

actionSheet.actionSheetStyle = UIActionSheetStyleBlackOpaque;//设置样式

参数解释:   

cancelButtonTitle  destructiveButtonTitle是系统自动的两项。

otherButtonTitles是自己定义的项,注意,最后一个参数要是nil。

[actionSheet showInView:self.view];这行语句的意思是在当前view显示Action sheet。当然还可以用其他方法显示Action sheet。

对应上面的图和代码,一目了然了把

5、接下来我们怎么相应Action Sheet的选项的事件呢?

实现协议里的方法。为了能看出点击Action sheet每一项的效果,我们加入UIAlertView来做信息显示。下面是封装的一个方法,传入对应的信息,在UIAlertView显示对应的信息。

  1. -(void)showAlert:(NSString *)msg {  
  2.     UIAlertView *alert = [[UIAlertView alloc]  
  3.                           initWithTitle:@"Action Sheet选择项"  
  4.                           message:msg  
  5.                           delegate:self  
  6.                           cancelButtonTitle:@"确定"  
  7.                           otherButtonTitles: nil];  
  8.     [alert show];  
  9. }  

那相应被Action Sheet选项执行的代码如下:

  1. (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex  
  2. {  
  3.     if (buttonIndex == 0) {  
  4.         [self showAlert:@"确定"];  
  5.     }else if (buttonIndex == 1) {  
  6.         [self showAlert:@"第一项"];  
  7.     }else if(buttonIndex == 2) {  
  8.         [self showAlert:@"第二项"];  
  9.     }else if(buttonIndex == 3) {  
  10.         [self showAlert:@"取消"];  
  11.     }   
  12.   
  13. }  
  14. - (void)actionSheetCancel:(UIActionSheet *)actionSheet{    
  15.   
  16. }    
  17. -(void)actionSheet:(UIActionSheet *)actionSheet didDismissWithButtonIndex:(NSInteger)buttonIndex{    
  18.   
  19. }    
  20. -(void)actionSheet:(UIActionSheet *)actionSheet willDismissWithButtonIndex:(NSInteger)buttonIndex{    
  21.   
  22. }  

可以看到 buttonIndex 是对应的项的索引。

看到那个红色的按钮没?那是ActionSheet支持的一种所谓的销毁按钮,对某户的某个动作起到警示作用,

比如永久性删除一条消息或图像时。如果你指定了一个销毁按钮他就会以红色高亮显示:

actionSheet.destructiveButtonIndex=1;  

与导航栏类似,操作表单也支持三种风格 :

UIActionSheetStyleDefault              //默认风格:灰色背景上显示白色文字   

UIActionSheetStyleBlackTranslucent     //透明黑色背景,白色文字   

UIActionSheetStyleBlackOpaque          //纯黑背景,白色文字  

用法:

 actionSheet.actionSheetStyle = UIActionSheetStyleBlackOpaque;//设置样式

我选sheet 里的第一项,显示如下:



6、注意事项

在开发过程中,发现有时候UIActionSheet的最后一项点击失效,点最后一项的上半区域时有效,这是在特定情况下才会发生,这个场景就是试用了UITabBar的时候才有。解决办法:


在showView时这样使用,[actionSheet showInView:[UIApplication sharedApplication].keyWindow];或者[sheet showInView:[AppDelegate sharedDelegate].tabBarController.view];这样就不会发生遮挡现象了。
版权声明:本文为博主原创文章,未经博主允许不得转载。

【IOS 开发学习总结-OC-47】★ios开发之UI控件——UIAlertView与 UIActionSheet

【IOS 开发学习总结-OC-47】★ios开发之UI控件——UIAlertView与 UIActionSheetUIAlertView与 UIActionSheet都是弹出式对话框,它们显示出来的时...
  • senwin2009
  • senwin2009
  • 2015年10月15日 10:47
  • 1062

常用UI控件和常用类

1.UILabel、UISwitch、UISlider、UIPageControl、UIActivityIndicatorView 、UIProgressView、
  • jia611
  • jia611
  • 2014年05月23日 15:13
  • 1610

Android 常用布局及基本UI控件

一、Android学习API指南:【了解】 1. 应用的组成部分   App Components 1.1. 应用的基本原理    App Fundamentals 1.2. Activity    ...
  • ElevenDGQ
  • ElevenDGQ
  • 2016年04月20日 16:01
  • 3009

关于UIActionSheet的兼容ios7时界面卡住和崩溃的问题

今天,做项目的工程中发现在ios7.1的设备上界面卡住,但是连击调试,也没有崩溃的断点,所以有些郁闷! 代码如下: UIActionSheet *sheet = [[U...
  • wm9028
  • wm9028
  • 2015年12月22日 12:51
  • 555

Android UI控件及UI组件

一、控件名称:【标红色的为常用的】 1.   TextView 文本视图 2.   EditText 文本编辑框 3.   Button 按钮 4.   ImageView、Galle...
  • lv_888
  • lv_888
  • 2017年12月17日 17:32
  • 34

UI控件之显示图像控件ImageView(上)

(一)概述 ImageView主要是用来显示图片的控件,可以对图片进行放大、缩小和旋转的功能。 (二)ImageView中src和BackGround属性的区别 ...
  • MakeYourChance
  • MakeYourChance
  • 2016年06月20日 17:39
  • 3074

UI控件分类

UI控件分类 1.活动控件(继承自UIControl基类) 可以与用户交互,当用户操作活动控件时,该控件可以激发相应的事件例:UIButton 1) 2.静态控件(只继承自UIView基类) 只用于显...
  • hailang999999999
  • hailang999999999
  • 2016年08月21日 15:54
  • 747

Android UI编程之自定义控件初步(下)——CustomEditText

基于对上一篇博客《Android UI编程之自定义控件初步(上)——ImageButton》的学习,我们对自定义控件也有了一个初步的认识。那现在我们可以再试着对EditText进行一些自定义的学习。以...
  • u013761665
  • u013761665
  • 2015年02月01日 08:45
  • 1962

Android基本UI控件的介绍及使用

1      基本UI Zealer、CSDN、github   StormZhang、 张弘扬(Hyman):http://blog.csdn.net/lmj623565791?viewmo...
  • JourneyX
  • JourneyX
  • 2016年10月29日 21:43
  • 4112

UI UIActionSheet

UIActionSheet *actionSheet=[[UIActionSheet alloc]initWithTitle:@"标题" delegate:self cancelButtonTitle...
  • u010856537
  • u010856537
  • 2015年04月23日 21:19
  • 155
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:10-常用UI控件之 UIActionSheet
举报原因:
原因补充:

(最多只允许输入30个字)