pantalla - Reproducción automática de iOS: dos botones de igual ancho, uno al lado del otro

ios 12 descargar

Question

Actualmente estoy teniendo dificultades con AutoLayout. Estoy usando el generador de interfaces y estoy tratando de colocar dos botones de igual ancho uno al lado del otro como se ilustra en la siguiente imagen.

De la siguiente imagen de vista previa, mi título de imagen se ha restringido correctamente y se muestra correctamente, sin embargo, los botones no lo están. Experimenté alineando el botón 1 con el borde inicial de titleImage y el botón 2 con el borde posterior de titleImage, sin embargo, la distribución del ancho entre los dos botones se sesga en este punto, como se demuestra a continuación.

Mi objetivo es comprender qué restricciones faltan y se deben aplicar a los dos botones para mantener el mismo ancho independientemente del dispositivo. Si es posible, me gustaría lograr esto a través del generador de interfaces en lugar de código adicional.

Answer 1

Agregue las siguientes restricciones

1. Asigne el mismo ancho del botón1 al botón2.
2. Asigne espaciado horizontal entre ambos botones.
3. Asigne espacio inicial desde button1 a su supervista.
4. Asigne espacio final desde button2 a su supervista.
5. Asigne espacio superior a ambos botones. Avísame si te funciona.

Answer 2

El diseño de la pila en iOS9 hará el trabajo realmente bien. Agregue la vista de pila a su vista y configure de la siguiente manera:

Answer 3

Mi solución es

1. Coloque una pequeña vista en el medio de dos botones y hágalo centrar (centro horizontal en contenedor y centro vertical en contenedor como 0).
2. Agregue alto y ancho a la vista pequeña.
3. Agregue botones a las restricciones y asigne restricciones de espacio horizontal a la vista pequeña.
4. Dé el color de fondo de la vista pequeña igual que los botones o el color de la vista.

Nota: Vea la captura de pantalla.

Answer 4

Puede consultar mi ejemplo: puede apuntar fácilmente, utilizando la restricción proporcional. También puede apuntar fácilmente a múltiples UIViews proporcionales. Por favor mira el ejemplo adjunto

https://dl.dropboxusercontent.com/u/48223929/TestViewController.xib

Answer 5

Siga los pasos y las capturas de pantalla para una solución fácil

Paso 1)

• Para el botón 1: establecer restricciones: (1) al frente, (2) superior o inferior según su necesidad, (3) altura

Paso 2)

• Para el Botón 2: Establecer restricciones: (1) Trailing, (2) Superior o Inferior según su necesidad, (3) Altura

Paso 3)

• Presione Ctrl + Arrastrar del botón 1 al botón 2

• Seleccionar espaciado horizontal

Paso 4)

• Seleccione el botón Ambos (usando el comando) y agregue restricciones de igual ancho

SALIDA

Espero que te ayude :)