你如何使没有文本的 UIButton 成为其图像的大小？

Question

赏金将在 3 天后到期。 这个问题的答案有资格获得+50声望奖励。 Austin Conlon希望引起更多人对这个问题的关注。

我在 Interface Builder 中创建了一个UIButton ，它只包含一个 SF Symbol 而没有文本。 该按钮在图像周围绘制插图，这会影响它如何通过约束定位。 如何删除多余的空间，以便按钮视图只是 SF Symbol 图像的大小？

Answer 1

具有图像固有大小的按钮

默认情况下，按钮将采用图像的大小。 但由于 SF-Symbols 是向量，它们可以缩放到任何大小。 每个符号都有一些您可以选择的预定义大小：

此外，您可以在代码中设置自己的尺寸：

let config = UIImage.SymbolConfiguration(pointSize: 160, weight: .bold, scale: .large)
       
let largeChevronImage = UIImage(systemName: "chevron.right.circle.fill", withConfiguration: config)

button.setImage(largeChevronImage, for: .normal)

---

添加或删除图像周围的额外空间

一些图像和 SF 符号在其内容周围有一些填充。 您可以通过设置ContentEdgeInsets来控制填充的大小

_{您可以裁剪边界以隐藏帧外内容}

_{所有 SF-Symbols 具有相同的大小}