如何自定义 UIActionSheet？ iOS答案

【问题标题】：How to customize UIActionSheet? iOS如何自定义 UIActionSheet？ iOS
【发布时间】：2013-07-30 11:55:03
【问题描述】：

是否可以创建一个ActionSheet，在像这张图片的两个按钮之间有一个标签？

【问题讨论】：

我认为你必须学会理解代码并以你想要的方式改变它。在学习的过程中询问我们。

【解决方案1】：

编辑 2018

当它可能有用时，我将这段代码一直发布到 iOS4 中。从那时起，iOS 开发发展得惊人，除非您出于任何原因为 iOS4 编写应用程序，否则请不要使用此代码！请参考精彩的第 3 方库 XLR Action Controller 来满足您对现代操作表的需求！

这当然是可能的，我喜欢一直这样做！

首先，创建一个UIActionSheet 的@property（在本例中，我的称为aac-- 这很方便，特别是如果您想通过UITextFields 调用它。

接下来，在您调出操作表的方法中，说一个 -(IBAction)userPressedButton:(id)sender，创建操作表的本地实例。

UIActionSheet *actionSheet = [[UIActionSheet alloc] initWithTitle:nil
                                                             delegate:self
                                                    cancelButtonTitle:nil
                                               destructiveButtonTitle:nil
                                                    otherButtonTitles:nil];

然后将其添加到您的属性中：self.aac = actionsheet

现在你基本上可以在这个 ActionSheet 中做任何事情了，我会给你一个我为最近一个项目所做的事情的缩写形式：

- (IBAction)sendDataButtonPressed:(id)sender {

    UIActionSheet *actionSheet = [[UIActionSheet alloc] initWithTitle:nil
                                                             delegate:self
                                                    cancelButtonTitle:nil
                                               destructiveButtonTitle:nil
                                                    otherButtonTitles:nil];

    self.aac = actionSheet;

    UIImageView *background = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"actionsheet_bg.png"]];
    [background setFrame:CGRectMake(0, 0, 320, 320)];
    background.contentMode = UIViewContentModeScaleToFill;
    [self.aac addSubview:background];

    UIButton *cancelButton = [UIButton buttonWithType: UIButtonTypeCustom];
    cancelButton.frame = CGRectMake(0, 260, 320, 50);
    [cancelButton setBackgroundImage:[UIImage imageNamed:@"actionsheet_button.png"] forState: UIControlStateNormal];
    [cancelButton addTarget:self action:@selector(cancelButtonClicked:)    forControlEvents:UIControlEventTouchUpInside];
    cancelButton.adjustsImageWhenHighlighted = YES;
    [cancelButton setTitle:@"Cancel" forState:UIControlStateNormal];
    [cancelButton setTitleColor:[UIColor colorWithRed:0/255.0f green:177/255.0f blue:148/255.0f alpha:1.0f] forState:UIControlStateNormal];
    cancelButton.titleLabel.textAlignment = NSTextAlignmentCenter;
    cancelButton.titleLabel.font = [UIFont fontWithName: @"SourceSansPro-Light" size: 25];

    [self.aac addSubview: cancelButton];

    UIButton *emailResultsButton = [UIButton buttonWithType: UIButtonTypeCustom];
    emailResultsButton.frame = CGRectMake(25, 12, 232, 25);
    [emailResultsButton addTarget:self action:@selector(emailResultsTapped:) forControlEvents:UIControlEventTouchUpInside];
    emailResultsButton.adjustsImageWhenHighlighted = YES;
    [emailResultsButton setTitle:@"Email Results" forState:UIControlStateNormal];
    [emailResultsButton setTitleColor:[UIColor colorWithRed:255/255.0f green:255/255.0f blue:255/255.0f alpha:1.0f] forState:UIControlStateNormal];
    [emailResultsButton setTitleColor:[UIColor colorWithRed:0/255.0f green:177/255.0f blue:148/255.0f alpha:1.0f] forState:UIControlStateHighlighted];
    emailResultsButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
    emailResultsButton.titleLabel.font = [UIFont fontWithName: @"SourceSansPro-Light" size: 20];
    [self.aac addSubview: emailResultsButton];

// lots of other buttons...

// then right at the end you call the showInView method of your actionsheet, and set its counds based at how tall you need the actionsheet to be, as follows:

[self.aac showInView:self.view];
[self.aac setBounds:CGRectMake(0,0,320, 600)];

这是发生了什么的图片（请记住，我省略了代码示例中的所有其他按钮，但它们在此处显示）：

现在，如果您想关闭 actionSheet - 取决于您设置按钮结构的方式，或者可能使用 UIToolBar（非常常见） - 您可以在按钮的选择器操作中执行以下操作：

-(void)cancelButtonClicked:(id)sender { [self.aac dismissWithClickedButtonIndex:0 animated:YES]; }

另外，仅供参考，让所有尺寸都适合您的布局需要一点时间，因为您没有使用 UIViewController 的主 UIView 的视图，而是使用 actionSheet 的视图，所以它有不同的维度。

我做的一个技巧是在 Storyboard 中使用 UIView 布局操作表，然后将您想要的所有对象放在该 UIView 中的“操作表”中，您应该获得所有图像的准确尺寸。

如果您需要澄清，请告诉我，祝您好运！

【讨论】：

此代码在 IOS 7 中产生以下错误：CGContextSetFillColorWithColor: invalid context 0x0。这是一个严重的错误。此应用程序或它使用的库正在使用无效的上下文，从而导致系统稳定性和可靠性的整体下降。此通知是出于礼貌：请解决此问题。这将成为即将到来的更新中的致命错误。
我收到与 1110 相同的错误，如果您自定义操作表，似乎总是会发生。
@ggfela 要删除该错误，只需将标题字符串设置为 @""。
@ggfela 很好的修复！然而，就每个人的知识而言，我在设置标题时在操作表中布置背景时注意到了一些图形/绘图问题。仅供参考。
此时使用操作表有什么意义？为什么不直接创建一个 UIView 动画呢？

【解决方案2】：

https://github.com/xmartlabs/XLActionController 允许我们创建任何自定义操作表，提供比上述解决方案更大的灵活性。

这些是 github 存储库中包含的一些示例。

【讨论】：

@WebberLai 我几乎可以肯定它不会工作，因为它使用了 swift 的特定功能。

【解决方案3】：

我只是想添加一个小评论，但我还不能发表评论，所以我会发布一个完整的答案。如果要避免 IOS7 错误 CGContextSetFillColorWithColor: invalid context 0x0。这是一个严重的错误等。您可以使用以下内容。

self.actionSheet = [[UIActionSheet alloc] initWithTitle:@""
                                               delegate:nil
                                      cancelButtonTitle:nil
                                 destructiveButtonTitle:nil
                                      otherButtonTitles:nil];

但是，正如@Max 所说，这会弄乱您的操作表顶部的图形/绘图，所以如果您还没有添加背景，只需添加此代码即可为您提供默认的操作表外观。

UIView *background = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
background.backgroundColor = [UIColor colorWithRed:204.0/255.0 green:204.0/255.0 blue:204.0/255.0 alpha:1];
[self.actionSheet addSubview:background];

然后将您想要的任何其他内容添加到自定义操作表中。

【讨论】：

【解决方案4】：

如果您不想在 UIActionSheet 上使用任何 hack 来自定义它，您可以查看我制作的 UIActionSheet 替代品：https://github.com/JonasGessner/JGActionSheet 它是完全可自定义的！

【讨论】：

【解决方案5】：

UIButton* button = (UIButton*)sender;
    actionSheet = [[UIActionSheet alloc] initWithTitle:@"Share the PNR Status" delegate:self
                                     cancelButtonTitle:@"Cancel"
                                destructiveButtonTitle:nil
                                     otherButtonTitles:@"Send Message",@"Send Email",@"Facebook",nil];

    [[[actionSheet valueForKey:@"_buttons"] objectAtIndex:0] setImage:[UIImage imageNamed:@"chat.png"] forState:UIControlStateNormal];
    [[[actionSheet valueForKey:@"_buttons"] objectAtIndex:1] setImage:[UIImage imageNamed:@"email.png"] forState:UIControlStateNormal];
    [[[actionSheet valueForKey:@"_buttons"] objectAtIndex:2] setImage:[UIImage imageNamed:@"facebook_black.png"] forState:UIControlStateNormal];
 //*********** Cancel
    [[[actionSheet valueForKey:@"_buttons"] objectAtIndex:3] setImage:[UIImage imageNamed:@"cancel.png"] forState:UIControlStateNormal];
    [actionSheet showFromRect:button.frame inView:self.view animated:YES];

【讨论】：

这是使用私有API，将被Apple拒绝。
这个运行良好我的应用在应用商店中并且苹果批准了它。
是的，但它不受支持，如果他们更新实现，将来可能会导致代码损坏

【解决方案6】：

如果你喜欢 Google 风格并想要一个轻量级的库，你可以看看这个：https://github.com/ntnhon/MaterialActionSheetController

它是完全可定制的。

【讨论】：

【解决方案7】：

如果您仍在为此苦苦挣扎，我有a library 可能会有所帮助。它允许您创建自定义操作表。它有很多内置类型，也可以扩展和重新设置样式。

【讨论】：