Alinhamento e espaçamento
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 11 de 50.
Uma VStack centraliza suas visualizações e deixa um pequeno espaçamento padrão entre elas. Ambos podem ser alterados quando você cria a pilha:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading alinha as visualizações pela borda esquerda (.trailing é a borda direita). spacing: 12 coloca 12 pontos entre cada par de visualizações.
Uma HStack alinha-se verticalmente em vez disso: .top, .center ou .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}
Desafio
FácilFaça o recibo parecer uma lista: defina o alinhamento de VStack como .leading e o espaçamento como 12.
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