Sobes.tech
Junior — Middle

Hoe verdeel je het scherm in drie gelijke delen met drie View?

sobes.tech AI

Antwoord van AI

Om het scherm in drie gelijke delen te verdelen met behulp van drie UIView in iOS, kun je Auto Layout gebruiken en voor elk van de drie views dezelfde hoogte (of breedte, als je horizontaal deelt) instellen en ze onder elkaar plaatsen (of naast elkaar).

Voorbeeld met verticale opstelling:

let view1 = UIView()
let view2 = UIView()
let view3 = UIView()

// Toevoegen aan superview
superview.addSubview(view1)
superview.addSubview(view2)
superview.addSubview(view3)

// Autoresizing mask uitschakelen
view1.translatesAutoresizingMaskIntoConstraints = false
view2.translatesAutoresizingMaskIntoConstraints = false
view3.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    // Verbind view1 met de bovenrand van de superview
    view1.topAnchor.constraint(equalTo: superview.topAnchor),
    view1.leadingAnchor.constraint(equalTo: superview.leadingAnchor),
    view1.trailingAnchor.constraint(equalTo: superview.trailingAnchor),

    // view2 onder view1
    view2.topAnchor.constraint(equalTo: view1.bottomAnchor),
    view2.leadingAnchor.constraint(equalTo: superview.leadingAnchor),
    view2.trailingAnchor.constraint(equalTo: superview.trailingAnchor),

    // view3 onder view2
    view3.topAnchor.constraint(equalTo: view2.bottomAnchor),
    view3.leadingAnchor.constraint(equalTo: superview.leadingAnchor),
    view3.trailingAnchor.constraint(equalTo: superview.trailingAnchor),
    view3.bottomAnchor.constraint(equalTo: superview.bottomAnchor),

    // Alle drie de views hebben dezelfde hoogte
    view1.heightAnchor.constraint(equalTo: view2.heightAnchor),
    view2.heightAnchor.constraint(equalTo: view3.heightAnchor)
])

Op deze manier wordt het scherm verdeeld in drie gelijke delen in hoogte.