Как установить размер символа SF в SwiftUI?

Как мне установить размер символа SF в Xcode 11, используя SwiftUI?

5 ответов

Символы SF похожи на шрифты, поэтому:

.font(.system(size: 60))

Альтернативой является использование .imageScale().

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

Вы можете установить вес и размер:

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

Если вы хотите использовать фрейм, вы также можете:

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

Так как иконографические SF Symbols глубоко интегрированы в системный шрифт San Francisco (на данный момент их у нас более 4000), их можно редактировать с помощью инструментов векторной графики и манипулировать ими привычным образом.

      var body: some View {
    
    Image(systemName: "swift").imageScale(.large)
    
    HStack {
        // Spacer()            
        Label("Swift", systemImage: "swift").scaleEffect(2)       
        // Spacer()
        Text("Swift \(Image(systemName: "swift"))").font(.largeTitle) 
        // Spacer()
    }
}

Другие вопросы по тегам