Sobes.tech
Middle

Como implementar a composição de layout completo (full layout) no iOS?

sobes.tech IA

Resposta da IA

Para implementar um layout completo (full layout) no iOS, geralmente usa-se Auto Layout com NSLayoutConstraint ou o mais moderno SwiftUI.

Se falarmos de UIKit, pode-se:

  • Utilizar UIView como um container que ocupa toda a tela.
  • Adicionar elementos filhos com restrições que os vinculam às bordas do superview (leading, trailing, top, bottom).
  • Usar safeAreaLayoutGuide para considerar recortes e barras.

Exemplo com UIKit e Auto Layout:

let containerView = UIView()
containerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(containerView)

NSLayoutConstraint.activate([
    containerView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    containerView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
    containerView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor),
    containerView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor)
])

Em SwiftUI, basta usar ZStack ou VStack com o modificador .edgesIgnoringSafeArea(.all) para cobrir toda a tela.

Assim, full layout é um layout que ocupa toda a área disponível da tela, levando em conta as zonas seguras.