ios - code - constraints swift

Dividir la pantalla en 1/3 y 2/3 vistas usando autolayout

Question

¿Hay alguna manera de dividir la pantalla por el porcentaje (no el porcentaje igual)? Necesito dividir la pantalla en dos partes 1/3 y 2/3. Sé cómo dividir en partes iguales, pero no puedo averiguar cómo dividir en partes iguales.

Gracias

Answer 1

Pasos

1. Arrastre dos UIView objects viewcontroller en el viewcontroller de viewcontroller .
2. Pin izquierda vista a izquierda, arriba y abajo de superview
3. Y vista derecha a derecha, superior e inferior de superview .
4. Pin el espaciado horizontal entre dos vistas (izquierda y derecha). Asegúrate de que la constante sea cero ya que / si no quieres espacio.
5. Seleccione la vista izquierda y la vista de supervisión y establezca el ancho por igual (mantenga su paciencia). Ahora vaya al inspector de tamaño y edite el ancho igualmente con restricciones con vista izquierda seleccionada. Ahora establezca el multiplicador a 0.33 (ahora se establece el ancho%).

Vea el resultado:

Answer 2

Sin embargo, puede usar la restricción de Equal Widths como en la respuesta aceptada, si lo que intenta restringir no es dos tamaños sino un punto a otro, como restringir el horizontal center una vista a 1/3 o 2/3. punto en la pantalla, entonces no funcionará porque no puede limitar un punto en el espacio a un tamaño.

Pero si sabe, view1 , en su xib será el ancho completo de la pantalla, entonces, por ejemplo, con el punto horizontal center , puede restringirlo al borde trailing esa vista, y si desea que la vista sea centrado en 1/3 o 2/3 del ancho de la pantalla, luego configure el multiplicador a 1:3 o 2:3 , respectivamente.

Answer 3

Usar storyboard y autolayout es muy fácil: supongo que necesitas dividir la pantalla verticalmente (pero horizontalmente es el mismo truco).

Entonces, utilizando un controlador de vista único, arrastre y suelte dos vistas y ajústelos a la parte superior e inferior. Para la vista 1 :

vista 2 :

Ahora necesita establecer la altura igual de la restricción para la vista 1 entre la vista principal y la misma para la vista 2. Después de eso, puede editar estas configuraciones de restricciones un valor (entre 0 y 1) como multiplicador. Haga doble clic en la restricción:

y establezca el valor que desea para la proporción (el truco es mantener la suma de estas restricciones como 1 o simplemente poner "2: 3" aquí y "1: 3" en la otra vista):

Entonces este es el resultado:

Espero que esto sea lo que necesitas, ¡dime si necesitas más detalles!

Answer 4

Realice una restricción de "ancho igual" entre su vista y la súper vista con multiplicador 2: 3 para una vista y 1: 3 para la otra. Ver foto "Igual altura" si desea dividir en la otra dirección.