Sobes.tech
Middle

Hogyan valósítható meg a teljes elrendezés (full layout) iOS-en?

sobes.tech MI

Válasz az MI-től

Az iOS-en a teljes elrendezés (full layout) megvalósításához általában az Auto Layout-ot NSLayoutConstraint-tel vagy a modernebb SwiftUI-t használják.

Ha UIKit-ról beszélünk, akkor:

  • UIView-t használhatunk konténerként, amely az egész képernyőt elfoglalja.
  • Gyermekelemeket adhatunk hozzá korlátozásokkal, amelyek a szülő nézet széléhez (leading, trailing, top, bottom) kötődnek.
  • A safeAreaLayoutGuide-ot használhatjuk a kivágások és sávok figyelembevételéhez.

Példa UIKit-ben Auto Layout-tal:

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)
])

SwiftUI-ban elegendő a ZStack vagy VStack használata a .edgesIgnoringSafeArea(.all) módosítóval, hogy az egész képernyőt lefedje.

Tehát a full layout olyan elrendezés, amely a rendelkezésre álló teljes területet elfoglalja a biztonsági zónák figyelembevételével.