在 iPhone / iPad 上，如何在不使用图像的情况下制作带有凹槽的 Button？

Posted 2023-03-21

【中文标题】在 iPhone / iPad 上，如何在不使用图像的情况下制作带有凹槽的 Button？

【英文标题】：On iPhone / iPad, how to make Buttons with a groove without using images?

【发布时间】：2012-06-08 15:34:56

【问题描述】：

iPhone / iPad 上的一些 Apple 应用喜欢使用 UIButton 周围有凹槽。

一个例子是：

请注意，按钮周围有一个“凹槽”。是否有内置方法可以在不使用图像的情况下为 UIButton 添加它们？如果没有，那么有什么好的方法可以做到呢？现在我正在考虑向按钮层添加 3 个 CALayer 层，（1）一个具有深灰色（顶部）到浅灰色（底部）渐变的最底层，（2）一个黑色和较小的覆盖层1，和（3）颜色渐变层。这是其中一个按钮的放大版本：

【问题讨论】：

Jess Martin 在Github 上有一个很好的例子。

可能重复***.com/questions/4966924/…

问题是关于按钮周围的凹槽

【参考方案1】：

尝试在 UIView 中设置您的 UIButton。设置按钮的边框宽度和边框颜色以匹配黑色轮廓。

使按钮在视图中居中，然后使视图比带有灰色背景的按钮略大。

最后，设置：

view.layer.cornerRadius = the button's corner radius;
view.layer.masksToBounds = YES;

我还没有对此进行测试，但它似乎应该可以工作而不会过多地弄乱图层。

编辑：确保#import