如何在 SwiftUI 中设置 SF 符号的大小？

Question

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

Answer 1

SF 符号类似于字体，因此：

.font(.system(size: 60))

Answer 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))

Answer 3

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

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

Answer 4

如果你想使用框架你也可以：

Image(systemName: "plus")
     .resizable()
     .scaledToFit()
     .frame(width: 24, height: 24)

如何在 SwiftUI 中设置 SF 符号的大小？

How do I set the size of a SF Symbol in SwiftUI?

swiftui

sf-symbols