UIButton.Configuration 圆角按钮如何去除白色背景？

用 UIButton.Configuration 绘制圆角按钮时去除白色背景

问题

当使用 UIButton.Configuration 创建自定义按钮时，如果按钮是圆角的，它会绘制一个白色的背景。这种白色背景可能会破坏按钮的设计美学。

解决方案

要删除白色背景，我们需要修改按钮配置的 background.backgroundColor 属性。默认情况下，此属性设置为 .white，这会导致白色背景。我们可以将其更改为 .clear，这样按钮就不会绘制任何背景颜色。

实施

以下是更改按钮配置 background.backgroundColor 属性的步骤：

configuration.background.backgroundColor = .clear

通过将 background.backgroundColor 属性更改为 .clear，按钮将不再绘制白色背景。

代码示例

let button = UIButton()
var configuration = UIButton.Configuration.filled()
configuration.background.cornerRadius = 10
configuration.background.backgroundColor = .clear
button.configuration = configuration

在这个示例中，我们创建了一个填充的按钮，其圆角半径为 10，并且没有背景颜色。

结论

通过将 background.backgroundColor 属性更改为 .clear，我们可以有效地删除 UIButton.Configuration 创建的圆角按钮的白色背景。这将使我们能够创建符合所需设计美学的自定义按钮。

常见问题解答

1. 为什么 UIButton.Configuration 默认会绘制白色背景？

UIButton.Configuration 会默认绘制白色背景，因为白色是一种中性的颜色，在大多数情况下与按钮的背景颜色相匹配。然而，当按钮是圆角时，白色背景会变得显眼，可能会破坏设计。

2. 除了 background.backgroundColor 之外，还有其他方法可以删除白色背景吗？

是的，还有其他方法可以删除白色背景。一种方法是使用 contentEdgeInsets 属性来增加按钮的内容边距。这会将按钮的内容从边缘移开，从而隐藏白色背景。另一种方法是使用 imageEdgeInsets 属性来增加按钮图像的边距。这也会将按钮的图像从边缘移开，从而隐藏白色背景。

3. 我可以在代码中直接设置 backgroundColor 属性吗？

不，我们不能直接在代码中设置 backgroundColor 属性。UIButton.Configuration 类没有 backgroundColor 属性。我们需要使用 background.backgroundColor 属性来设置按钮的背景颜色。

4. 我可以将 background.backgroundColor 属性设置为除 .clear 之外的其他颜色吗？

是的，你可以将 background.backgroundColor 属性设置为除 .clear 之外的其他颜色。这将导致按钮绘制所选颜色的背景。

5. 这种方法是否适用于所有版本的 iOS？

此方法适用于 iOS 13 及更高版本。在较早版本的 iOS 中，我们需要使用不同的方法来删除圆角按钮的白色背景。