`
zhengjj_2009
  • 浏览: 153169 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

04-UIActionSheet的使用

 
阅读更多

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源码应用Demo-UIActionSheet 的美化效果.zip

    1. "IOS":指代这个项目是针对iOS操作系统开发的,使用Swift或Objective-C语言。 2. "源码":表示提供了可读和可编辑的代码,有助于学习和理解实现细节。 3. "毕业设计":说明此项目可能是一个学术项目,用于展示...

    ios-自定义UIActionSheet.zip

    使用UIActionSheet时,我们需要创建一个UIActionSheet实例,添加按钮,然后设置代理来处理用户的选择。 自定义UIActionSheet的核心在于利用UIPresentationController和UIViewControllerTransitioningDelegate协议。...

    UIActionSheet

    UIActionSheet的基本使用方法是创建一个UIActionSheet实例,设置其标题、取消按钮标题以及一组其他按钮标题。这些按钮将按照顺序排列,用户可以点击它们来执行相应的操作。例如: ```swift let actionSheet = ...

    UIActionSheet示例代码

    `UIActionSheet`类在早期的iOS版本中被广泛使用,但在iOS 8之后,苹果推荐开发者使用`UIAlertController`来代替,因为`UIAlertController`提供了更灵活的布局和更多的自定义选项。尽管如此,了解`UIActionSheet`的...

    ios-多功能选择器,UIActionSheet,仿微信ActionSheet.zip

    在iOS开发中,UIActionSheet是一种常用的用户界面元素,它用于提供用户多个操作选项,通常在屏幕底部以半透明的视图形式呈现。这个压缩包"ios-多功能选择器,UIActionSheet,仿微信ActionSheet.zip"包含了一个自定义的...

    BlockAlertsAnd-ActionSheets, 出色的UIAlertView和UIActionSheet替换灵感由 TweetBot.zip

    自从我第一次在应用中使用UIActionSheet或者UIAlertView时,我不喜欢它的实现方式。 如果在同一类中有两种警报,那么就很痛苦了,例如通过调用委托方法来完成所有。 我也不喜欢在按钮的事件中应该执

    UIPickerView+UIActionSheet

    标题“UIPickerView+UIActionSheet”表明我们要讨论的是如何将这两个组件结合使用,创建一个类似于ActionSheetPicker的实现。这种组合常见于需要在一个简洁的弹出界面中让用户做出选择的情况,比如选择地址、联系人...

    IOS应用源码Demo-仿UIAlertView和UIActionSheet的一个效果-毕设学习.zip

    在iOS应用开发中,模拟UIAlertView和UIActionSheet的效果是一个常见的需求。这个压缩包"IOS应用源码Demo-仿UIAlertView和UIActionSheet的一个效果-毕设学习.zip"提供了一个实例,帮助开发者了解如何在没有这些原生...

    Android 仿iPhone UIActionSheet控件效果很好用

    首先,UIActionSheet在Android中的实现可以分为两种主要方法:自定义布局和使用第三方库。自定义布局的方法需要我们手动编写XML和Java代码,这样可以更好地控制界面样式和交互逻辑。而使用第三方库则更为便捷,可以...

    IOS应用源码——仿UIAlertView和UIActionSheet的一个效果.zip

    tweetbot-like-uialertview-and-uiactionsheet-replacement.png可能是一个截图,展示了仿制的UIAlertView和UIActionSheet在实际应用中的效果。Tweetbot是一款知名的iOS第三方Twitter客户端,其界面设计被广泛认可,...

    安卓IOS风格相关-模仿IOS里面的UIActionSheet控件.rar

    "安卓IOS风格相关-模仿IOS里面的UIActionSheet控件.rar"这个压缩包文件,显然提供了一种尝试在Android平台上实现类似iOS中UIActionSheet控件的方法。UIActionSheet是iOS系统中的一个组件,通常用于显示一系列可选...

    IOS自定义UIActionSheet的Demo

    但在iOS 8之后,苹果推荐使用UIAlertController替代UIActionSheet,因为UIAlertController提供了更多的自定义选项和更好的屏幕适配性。不过,为了实现自定义的UIActionSheet效果,我们仍可以使用UIView或...

    ios应用源码之仿uialertview和uiactionsheet的一个效果 2018127

    `UIAlertController`和`UIActionSheet`是苹果官方提供的两种用于展示警告或动作选择的视图控制器,它们在用户交互中扮演着重要角色。然而,在某些场景下,开发者可能需要自定义这些组件以实现更个性化的视觉效果或者...

    UIActionSheet-Blocks:UIActionSheet上的类别,以使用内联块回调而不是委托回调

    UIActionSheet +块UIActionSheet上的类别,以使用内联块回调而不是委托回调。 UIActionSheet是在块,ARC和其命名(触摸屏)的名称之前创建的。 谁会“点击”操作表? 让我们用一些块状善良的方式使这个shizzle现代化...

    UIActionSheet详解

    请注意,从iOS 8开始,苹果推荐使用UIAlertController替代UIActionSheet,因为UIAlertController提供了更丰富的定制选项和更好的视觉效果。然而,对于兼容iOS 7及更低版本的应用,UIActionSheet仍然是一个实用的选择...

    ios的提示信息UIActionSheet和UIAlertView

    在iOS开发中,UIActionSheet和UIAlertView...对于较旧的iOS版本,仍然可以使用UIActionSheet和UIAlertView,而对于iOS 8及更高版本,使用UIAlertController会更合适,因为它提供了更好的视觉一致性,并且更易于自定义。

    IOS应用源码——UIActionSheet 的美化效果.zip

    - **自定义UI组件**:学习如何通过继承和扩展UIActionSheet类,或者使用其他视图(如ZPopoverController)来创建自定义的弹出视图。 - **界面设计和交互**:理解如何设计和实现美观且用户友好的界面,包括颜色、字体...

    实现类似iOS中的UIActionSheet效果

    这篇博客"实现类似iOS中的UIActionSheet效果"旨在探讨如何在不使用UIActionSheet的情况下创建类似的组件。 首先,我们需要了解UIActionSheet的基本特性。UIActionSheet通常包含一个标题、取消按钮以及一系列其他...

    UIActionSheet定制按钮的例子

    5. **布局调整**:由于UIActionSheet内部的布局是固定的,若需自定义布局,可能需要使用自定义视图替代UIActionSheet,例如使用UIAlertController或自定义UIView。 在"CustomizedActionSheet"这个例子中,很可能...

    IOS应用源码——UIActionSheet 的美化效果.rar

    这可能包括使用`UIView`或`UIAlertController`(在iOS 8及以上版本推荐使用)来替代UIActionSheet,并自行实现弹出动画和交互逻辑。 2. **扩展UIActionSheet**:虽然UIActionSheet本身并不支持子类化,但可以通过...

Global site tag (gtag.js) - Google Analytics