iPhone 一侧带有 shadow/border 和圆角的 UIButton

iPhone UIButton with shadow/border on one side and rounded corners

我正在尝试在 iPhone 上创建以下按钮但没有成功。

我在 Whosebug 中看到了答案,但我得不到相同的结果。

它基本上是一种纯色和底部的阴影,延续了圆角。

圆角半径可以这样实现:

self.button.layer.cornerRadius = yourDesiredRadius;

边界有点难实现。我建议您只为此使用图像并将其用作按钮的背景图像。 您可以在 Interface Builder 中设置背景图像。或者,以编程方式:

UIImage *image = [UIImage imageNamed:@"imageName"];
[self.button setImage:image forState:UIControlStateNormal];

尝试使用 photoshop 制作此按钮。并将该图像用作按钮的背景图像

老实说,制作这种按钮的最佳方法是为正常状态和突出显示状态使用背景图像:

self.setBackgroundImage(UIImage(named: "buttonBackground"), forState: UIControlState.Normal)
self.setBackgroundImage(UIImage(named: "pressedButtonBackground"), forState: UIControlState.Highlighted)

它们将是这样的:

以下是蓝色调的两张图片:

buttonBackground.pdf and pressedButtonBackground.pdf

如果您想将这些图像用于任何尺寸,您可以像下面这样对图像进行切片: