如何使UIButton看起来像删除按钮（iphone / iPad）？

Question

我想让我的UIButton看起来像这样：

我怎样才能实现这个目标？是否有内置设置或我只需要在photoshop中手动创建它？

Answer 1

一种选择是只使用背景图像，如下所示：

还有一个名为GMButton的类on github。您可以为每个州设置标题，颜色，titleColor。只需使用它代替UIButton（它是UIButton的子类）。有了它，您可以创建这些或这些按钮：

对于“删除”按钮，我会尝试这样做：

GMButton* button = [GMButton buttonWithFrame:CGRectMake(18,3,284,34)];

button.titleLabel.font = [UIFont systemFontOfSize:17];

[button setTitle:@"Delete" forState:UIControlStateNormal];
[button setColor:[UIColor redColor] forState:UIControlStateNormal];
[button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

它使用3个图层来创建按钮。斜角的CAGradientLayer，颜色的CALayer和突出显示的CAGradientLayer。

Answer 2

使用自定义类型的uibutton，并为每个州提供图像。

UIButton *myDeleteButton = [UIButton buttonWithType:UIButtonTypeCustom];
[myDeleteButton setImage:[UIImage imageNamed:@"ic_button_titlebar_delete.png"]    forState:UIControlStateNormal];
[myDeleteButton setImage:[UIImage imageNamed:@"ic_button_titlebar_delete_on.png"] forState:UIControlStateSelected];

所以，是的，你需要使用PhotoShop或其他一些成像工具。

Answer 3

对于UIButton，没有内置设置来实现此目的。您可以使用渐变自行编码，也可以为按钮的状态创建自定义图像。获取此按钮的唯一内置选项是通过UIActionSheet。