Sobes.tech
Junior — Middle

Consegues nomear os principais elementos e componentes utilizados no SwiftUI para criar interfaces?

sobes.tech IA

Resposta da IA

No SwiftUI, os seguintes elementos e componentes principais são utilizados para criar interfaces:

  • View — bloco de construção básico da interface. Todos os elementos herdam do protocolo View.

  • Text — exibição de texto.

  • Image — exibição de imagens.

  • Button — botão com ação.

  • Componentes de Stack:

    • HStack — stack horizontal para colocar elementos em linha.
    • VStack — stack vertical para colocar elementos em coluna.
    • ZStack — sobreposição de elementos.
  • List — lista de elementos, semelhante ao UITableView.

  • NavigationView — contêiner para navegação entre telas.

  • Form — formulário para entrada de dados.

  • Spacer — elemento para criar margens flexíveis.

  • Modifiers — métodos para configurar a aparência e o comportamento de View (por exemplo, .padding(), .background(), .font()).

Exemplo de uma interface simples com um botão e texto:

import SwiftUI

struct ContentView: View {
    @State private var count = 0

    var body: some View {
        VStack {
            Text("Contador de cliques: \(count)")
                .font(.title)
            Button("Clique aqui") {
                count += 1
            }
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(8)
        }
        .padding()
    }
}

O SwiftUI é orientado para a descrição declarativa da interface, o que simplifica a criação e manutenção da UI.