IOS学习之UIActionSheet的使用

待我称王封你为后i 2022-08-21 01:20 192阅读 0赞

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

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

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

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

**\[cpp\]**  [view plain][]  [copy][view plain]

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

### 2、添加button，命名button为showSheetView. ###

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

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

图的效果是这样的：

![1338463535_5713.png][]

**\[cpp\]**  [view plain][]  [copy][view plain]

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显示对应的信息。

**\[cpp\]**  [view plain][]  [copy][view plain]

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选项执行的代码如下：

**\[cpp\]**  [view plain][]  [copy][view plain]

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 里的第一项，显示如下：

![1338463957_2608.png][]

### 6、注意事项 ###

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

在showView时这样使用，\[actionSheet showInView:\[UIApplication sharedApplication\].keyWindow\];或者\[sheet showInView:\[AppDelegate sharedDelegate\].tabBarController.view\];这样就不会发生遮挡现象了。

代码获取：http://download.csdn.net/detail/totogo2010/4343267

[https://github.com/schelling/YcDemo][https_github.com_schelling_YcDemo]

著作权声明：本文由[http://blog.csdn.net/totogo2010/][http_blog.csdn.net_totogo2010]原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

[view plain]: http://blog.csdn.net/totogo2010/article/details/7618891#
[1338463535_5713.png]: https://img-my.csdn.net/uploads/201205/31/1338463535_5713.png
[1338463957_2608.png]: https://img-my.csdn.net/uploads/201205/31/1338463957_2608.png
[https_github.com_schelling_YcDemo]: https://github.com/schelling/YcDemo
[http_blog.csdn.net_totogo2010]: http://blog.csdn.net/totogo2010/