所有 4 个侧面的 UIButton 阴影

Question

我正在尝试为 UIButton 生成阴影。

下面是我正在使用的。

myButton.layer.shadowColor = [UIColor blackColor].CGColor;
myButton.layer.shadowOpacity = 0.5;
myButton.layer.shadowRadius = 1;
myButton.layer.shadowOffset = CGSizeMake(4, 4);
myButton.layer.masksToBounds = NO;

但它会在右侧和底部产生阴影。

有没有办法让我在所有 4 个侧面都有阴影？

作为另一种解决方案，我通过将带有阴影的图像放在按钮后面来做到这一点，但我不想那样做。

有没有办法以编程方式完成这项工作？

如下所示。

Answer 1

由于您将阴影偏移了{4, 4}，因此阴影出现在按钮的右下方。您可以设置零偏移：

myButton.layer.shadowOffset = CGSizeZero

通过调整shadowRadius，您可能会实现您想要的。

以下是阴影的构建方式：

（第一行）从按钮的形状开始

（第 2 行）在您的按钮下方绘制一个黑色形状，并按照 shadowOffset 中指定的量对其进行平移：左侧 10 像素，右侧 0 像素。在右侧，您看不到黑色矩形，因为它就在按钮的正下方

（第 3 行）按照blurRadius 中指定的量模糊黑色矩形。零表示没有模糊，黑色矩形会保持清晰，所以如果你不偏移也不模糊，你什么都看不到。