如何在 SwiftUI 中设置 SF Symbol 的大小？答案

【问题标题】：How do I set the size of a SF Symbol in SwiftUI?如何在 SwiftUI 中设置 SF Symbol 的大小？
【发布时间】：2019-12-12 00:11:15
【问题描述】：

如何使用 SwiftUI 在 Xcode 11 中设置 SF Symbol 的大小？

【问题讨论】：

标签： swiftui sf-symbols

【解决方案1】：

SF Symbols 类似于字体，因此：

.font(.system(size: 60))

【讨论】：

有趣。非常违反直觉，因为 Image 内部使用了 SF 符号
并非如此，尤其是当您想到 Web 开发和字体真棒时
@Zain 我同意。不仅反直觉而且很奇怪
最佳答案应该包括来自@mathias-bak 关于能够使用.imageScale(Image.Scale) 的提示。

【解决方案2】：

您可以设置重量和尺寸：

Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .ultraLight))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .thin))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .light))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .regular))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .medium))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .semibold))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .bold))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .heavy))
Image(systemName: "checkmark.circle")
    .font(.system(size: 16, weight: .black))

【讨论】：

【解决方案3】：

另一种方法是使用.imageScale()。

Image(systemName: "chevron.left").imageScale(.small)
Image(systemName: "chevron.left").imageScale(.medium)
Image(systemName: "chevron.left").imageScale(.large)

【讨论】：

这些似乎是应用缩放的推荐方式。见developer.apple.com/videos/play/wwdc2020/10207