Esta es solo una extensión de cómo usar "Vary Traits" rápidamente en su proyecto para agregar diferentes diseños para iPad y iPhones.
Lea esto para comprender más sobre las clases de tamaño.
https://developer.apple.com/reference/uikit/uitraitcollection
Si se saltea el ejemplo que sigue a continuación, lea el Resumen al final.
Necesita un botón que tenga diferentes anchos en iPhone y iPad. El primero tiene un ancho de 80 y el último tiene un ancho de 300.
Varíe para los rasgos con múltiples restricciones instalados.
PASOS:
- Agregue primero las restricciones comunes como Centrar el botón horizontal y verticalmente.
- Elija VaryForTraits y para las pantallas de iPhone según las pautas de clase de tamaño, una clase de tamaño C * R se ajusta al modelo y esto verificamos las marcas de ancho y alto en PopUp. Descarte la ventana emergente haciendo clic en cualquier lugar de la pantalla.
- Agregue la constante de ancho y verifique si la restricción se agrega para la clase de tamaño C * R. Después de agregar restricciones, elija el botón Done Varying.
- Para las pantallas de iPad, seleccione nuevamente cualquier dispositivo iPad y elija VaryForTraits y esta vez al hacer clic en altura-ancho, debería mostrar la variación R * R.
- Nuevamente agregue una restricción de ancho, la última restricción de ancho de iPhone agregada debe estar sin resaltar como en la captura de pantalla. El valor agregado será para la clase de tamaño R * R esta vez.
- Cambie de nuevo al diseño de iPhone y toma 80 como ancho y iPad tomará 300.
CONCLUSION:
Tenga en cuenta que hay un total de dos restricciones agregadas y en ambas restricciones, los valores difieren según la clase de tamaño elegida.
Varíe por características con restricción única, clase de tamaño múltiple instalada
- PASOS:
- Agregue la restricción de ancho normal. Luego, seleccione esa restricción y elija el botón + además del valor constante.
- Agregue variación de rasgos, y para iPhone elegimos C * R y establecemos el valor constante en 100.
- Nuevamente para iPad que sigue una variación de rasgo como R * R, agregamos otra variación haciendo clic nuevamente en el botón + y establecemos el valor en 300.
- Seleccione un iPad y el ancho se tomará automáticamente como 300 y, volviendo al iPhone, se tomará 100 como valor.
CONCLUSION:
Esta parece ser una mejor opción en lugar de agregar dos restricciones cuando solo se requiere una restricción y el valor constante es diferente.
CUÁNDO USAR, QUÉ USAR:
Ambos enfoques básicamente hacen lo mismo, estableciendo valores en clases de tamaño.
Pero, # Method1 se usa cuando desea agregar una restricción específicamente para un dispositivo o decir clase de tamaño. Por ejemplo, en iPhone, el botón debe ser de los 50 puntos principales y en iPad debe estar centrado horizontal y verticalmente. En tales situaciones, debe usar VaryForTraits, ya que abre puertas para agregar restricciones para una clase de tamaño específico.
# Method2 se usa cuando desea diferentes valores constantes para un mismo tipo de restricción.
PD: A TODOS LOS QUE NO PUEDEN OBTENER EL EJEMPLO FUNCIONANDO
Asegúrese de que está agregando solo las restricciones requeridas como Instaladas. La casilla de verificación junto a Instalado solo debería aparecer para la restricción que necesita para una clase de tamaño. ¡Esa es la clave!
Simplemente agregue una restricción superior y una guía a un uiButton en una vista. Seleccione la restricción superior y desmarque la opción básica instalada con el signo más. Ahora, al hacer clic en el signo más, agregue una variación a C R y marque esa opción. Ahora, cambie el dispositivo de iPhone a iPad con varias combinaciones de orientación. Esta restricción se aplicará solo para la clase de tamaño C R que es iPhone en orientación vertical. Si se marcó la casilla de verificación junto a la instalación básica (la que tiene el símbolo más), significa que la restricción debe aplicarse a todas las clases de tamaño.
RESUMEN :
La variación de características es un cambio en la presentación de su interfaz de usuario que se basa en la configuración de un dispositivo. Las variaciones de características de la interfaz de usuario no se limitan solo a las restricciones, sino que se pueden aplicar a muchas más. Como cambiar el color del fondo y otros elementos cuando el dispositivo está configurado en un estilo oscuro. Una variación se puede aplicar a un elemento de la interfaz de usuario, como la eliminación de una restricción, o a una propiedad de una clase de vista o restricción, como la fuente de una etiqueta. Puede variar:
Tamaño o posición de una vista
Instalación de una vista
Instalación de una restricción
Constante de restricción
Fuente
Color para la fuente, el tinte o el fondo
Márgenes de diseño
Archivo de imagen
El conjunto específico de propiedades que puede variar depende de la clase del elemento. En el ejemplo, hemos demostrado el uso de- Instalación de una restricción y - Constante de restricción. Otros, son bastante simples y se pueden inferir fácilmente.
