Planos de fundo
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 15 de 50.
.background desenha uma cor atrás de uma view. Ela cobre a área da view, então o preenchimento torna a área colorida maior que o texto:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)Para arredondar os cantos da área colorida, recorte-a em uma forma com .clipShape. RoundedRectangle(cornerRadius: 8) cria cantos arredondados, e Capsule() deixa as extremidades completamente arredondadas:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
Desafio
FácilTransforme o texto em um selo: adicione o preenchimento padrão, um fundo vermelho e letras brancas.
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