Sobes.tech
Middle

Comment implémenter la composition de mise en page complète (full layout) dans iOS?

sobes.tech IA

Réponse de l'IA

Pour réaliser une mise en page complète (full layout) sur iOS, on utilise généralement Auto Layout avec NSLayoutConstraint ou SwiftUI, plus moderne.

En ce qui concerne UIKit, on peut :

  • Utiliser UIView comme conteneur occupant tout l'écran.
  • Ajouter des éléments enfants avec des contraintes les reliant aux bords du superview (leading, trailing, top, bottom).
  • Utiliser safeAreaLayoutGuide pour prendre en compte les découpes et barres.

Exemple avec UIKit et 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)
])

En SwiftUI, il suffit d'utiliser ZStack ou VStack avec le modificateur .edgesIgnoringSafeArea(.all) pour couvrir toute la zone d'écran.

Ainsi, un full layout est une mise en page qui occupe toute la zone disponible de l'écran en tenant compte des zones sécurisées.