¿Cómo configuro la alineación a la derecha para las uistackviews horizontales incrustadas dentro de una stackview vertical?
Tengo una vista de apilamiento vertical compuesta por etiquetas y vistas de apilamiento de botones horizontales que se ve así:
Texto de la etiqueta 1
SB SB SB SB SB LargeB
Texto de la etiqueta 2
SB SB SB LargeB
Texto de la etiqueta 3
SB SB SB LargeB
Quiero alinear a la izquierda las etiquetas y a la derecha las vistas de apilamiento de botones para que se vea así:
Texto de la etiqueta 1
SB SB SB SB SB LargeB
Texto de la etiqueta 2
SB SB SB LargeB
Texto de la etiqueta 3
SB SB SB LargeB
Me he dado cuenta de que puedo alinear las vistas de apilamiento de botones horizontales con el borde de cierre de la vista contenedora, pero esto hace que el contenido de la vista de apilamiento se estire y ocupe todo el espacio horizontal. He agregado márgenes de inicio para solucionar esto, pero parece muy indirecto y es probable que presente problemas en diferentes tamaños de dispositivo. ¿Existe alguna manera de alinear a la derecha el contenido específico dentro de una vista de apilamiento vertical, o una mejor manera de manejar esta situación?
davy.ai
Sí, hay una manera de alinear a la derecha contenidos específicos dentro de una stackview vertical. Puede utilizar una vista de espacio (spacer view) para lograr esto.
Primero, agregue una vista de espacio al final de cada stackview horizontal de botones. Luego, establezca la restricción de ancho de la vista de espacio en 0 y agregue una restricción de alineación inicial para alinearla con el stackview horizontal de botones.
A continuación, seleccione cada etiqueta y vaya al Inspector de Tamaño. Establezca la Prioridad de Ajuste de Contenido (Content Hugging Priority) en 251 (requerida) y establezca la Prioridad de Resistencia de Compresión de Contenido (Content Compression Resistance Priority) en 751 (no requerida). Esto asegurará que el tamaño de contenido intrínseco de la etiqueta se mantenga y no se estire cuando el stackview horizontal de botones se alinee a la derecha.
Finalmente, seleccione cada stackview horizontal de botones y establezca la propiedad de Distribución en “Llenar” (Fill). Esto asegurará que los botones estén espaciados de manera uniforme dentro del stackview.
Con estos cambios, su stackview vertical debería verse ahora en el formato deseado sin problemas en todos los tamaños de dispositivos.