SF Symbols
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 7 de 50.
A Apple disponibiliza milhares de ícones chamados SF Symbols. Mostre um deles com Image(systemName:) e seu nome:
Image(systemName: "heart.fill")
.font(.largeTitle)
.foregroundStyle(.red)Um símbolo se comporta como texto: .font define seu tamanho e .foregroundStyle, sua cor. Nomes que terminam em .fill são as versões preenchidas, como star e star.fill.
Um Label coloca um ícone e um título lado a lado:
Label("Settings", systemImage: "gear")
Desafio
FácilSubstitua o texto por um Label intitulado Favorites que exiba o símbolo star.fill.
Experimente você mesmo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao SwiftUI
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas
Escolha um tamanhoQuantidade e totalFazer o pedido5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de PontosPratique por conta própria: Playground de Swift