Molduras e formas
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 17 de 50.
SwiftUI tem visualizações de formas: Circle, Rectangle, RoundedRectangle e Capsule. .fill colore uma forma:
Circle()
.fill(.blue)
.frame(width: 80, height: 80)Uma forma cresce para preencher o espaço que lhe é oferecido. .frame(width:height:) fornece a ela, ou a qualquer outra visualização, um tamanho fixo em pontos.
Um frame também pode ser flexível. maxWidth: .infinity permite que uma view se estenda por toda a largura disponível:
Text("Continue")
.frame(maxWidth: .infinity)
.padding()
.background(.blue)
Desafio
FácilDesenhe o espaço reservado para o avatar: um Circle preenchido com verde, com 100 pontos de largura e 100 pontos de altura.
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