你如何使沒有文本的 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 具有相同的大小}