Sobes.tech
Junior — Middle

¿Cómo dividir la pantalla en tres partes iguales usando tres View?

sobes.tech AI

Respuesta de la IA

Para dividir la pantalla en tres partes iguales usando tres UIView en iOS, puedes usar Auto Layout y establecer la misma altura (o ancho, si lo divides horizontalmente) para cada uno de los tres vistas y colocarlas una debajo de la otra (o al lado).

Ejemplo con disposición vertical:

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

// Añadir a la supervista
superview.addSubview(view1)
superview.addSubview(view2)
superview.addSubview(view3)

// Desactivar autoresizing mask
view1.translatesAutoresizingMaskIntoConstraints = false
view2.translatesAutoresizingMaskIntoConstraints = false
view3.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    // Vincular view1 al borde superior de la supervista
    view1.topAnchor.constraint(equalTo: superview.topAnchor),
    view1.leadingAnchor.constraint(equalTo: superview.leadingAnchor),
    view1.trailingAnchor.constraint(equalTo: superview.trailingAnchor),

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

    // view3 debajo de 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),

    // Las tres vistas tienen la misma altura
    view1.heightAnchor.constraint(equalTo: view2.heightAnchor),
    view2.heightAnchor.constraint(equalTo: view3.heightAnchor)
])

De esta manera, la pantalla se dividirá en tres partes iguales en altura.