Paso 1: Agregar Auto layout

Seleccionar varios elementos (por ejemplo, un icono y texto), hacer clic derecho y elegir Agregar Auto layout, o utilizar el atajo Shift + A. Alternativamente, hacer clic en el icono de Auto layout en el panel de Diseño bajo Layout.

Paso 2: Reconocer el marco de Auto layout

El icono del marco en el panel de Capas cambiará para indicar que es un marco de Auto layout. Esto significa que el marco ahora se ajusta dinámicamente a sus objetos secundarios.

Paso 3: Ajustar la configuración del marco

Auto layout agrega marcos dinámicos que se ajustan según sus objetos secundarios. Es posible ajustar el relleno, el radio de las esquinas y las dimensiones del marco, ya sea horizontal o verticalmente. Utilizar opciones de cambio de tamaño como ajustar al contenido para asegurar que el marco se reduzca para ajustarse a su texto.

Paso 4: Personalizar la dirección y el espaciado del layout

Cambiar la dirección del layout (horizontal, vertical o envolvente). Ajustar el espacio horizontal entre elementos o agregar relleno para crear espacio negativo alrededor de los elementos.

Paso 5: Garantizar la capacidad de respuesta del botón

Los botones creados con Auto layout se expanden o contraen automáticamente a medida que se escribe texto, garantizando la capacidad de respuesta. Esto es ideal para diseños que requieren adaptabilidad.

Paso 6: Apilar y agrupar elementos

Apilar elementos uno encima de otro y luego aplicar Auto layout para agruparlos. Esto permite crear diseños organizados y adaptables.

Paso 7: Modificar configuraciones avanzadas

Ajustar la configuración de Auto layout para controlar el comportamiento de los bordes y el apilamiento dentro del marco de Auto layout. Modificar el comportamiento de apilamiento para permitir que los objetos se superpongan según sea necesario.

Auto layout simplifica el proceso de crear botones y otros diseños adaptables, permitiendo que se ajusten sin problemas a los cambios de contenido y layout.