iPhone UIButton 一侧带有阴影/边框和圆角答案

【问题标题】：iPhone UIButton with shadow/border on one side and rounded cornersiPhone UIButton 一侧带有阴影/边框和圆角
【发布时间】：2015-08-31 19:01:02
【问题描述】：

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

我在 stackoverflow 中看到了答案，但我无法得到相同的结果。

它基本上是一种素色，底部有一个阴影，延续圆角。

【问题讨论】：

最简单的就是使用图片。您是否尝试以编程方式进行操作？如果是这样，请查看drawRect: 在状态更改时绘制和重绘。

标签： ios objective-c iphone uibutton shadow

【解决方案1】：

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

【讨论】：

【解决方案2】：

圆角半径可以通过这样做来实现：

self.button.layer.cornerRadius = yourDesiredRadius;

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

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

【讨论】：

【解决方案3】：

老实说，制作此类按钮的最佳方式是使用背景图像作为正常状态和高亮状态：

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

这是它们的外观：

这是两个蓝色调的图像：

buttonBackground.pdf 和 pressedButtonBackground.pdf

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

【讨论】：