Información general sobre Flex Layout

¿Qué es Flex Layout?

Flex Layout es una función que permite crear contenedores que se adaptan automáticamente cuando cambia el contenido. Los elementos en el contenedor se posicionan usando dirección, espaciado, relleno y alineación. Cuando se añade, elimina o cambia el tamaño del contenido, el diseño se ajusta automáticamente, eliminando la necesidad de ajustes manuales.

Acceder a las opciones de Flex Layout

Selecciona un objeto/grupo/múltiples objetos en tu documento y realiza una de las siguientes acciones para acceder a las opciones de Flex Layout:

• Ve a Object > Flex Layout.
• Haz clic derecho en el objeto para acceder a Flex Layout.
• Ve a Window > panel Flex Layout.
• Selecciona una vez para trabajar con el Flex principal y haz doble clic para seleccionar el elemento secundario.
• Utilice la herramienta Selección directa para seleccionar los elementos secundarios.

Flex Layout introduce un concepto de contenedor similar a CSS Flexbox en InDesign.Proporciona un control de maquetación potente para objetos secundarios. Con Flex Layout, los diseños se vuelven estructurados, más adaptables y requieren menos ajuste manual.

Contenedor de diseño Flex

Puedes configurar las propiedades de Flex Layout directamente en Estilos de objeto. Puedes crear un Estilo de objeto llamado Contenedor vertical que incluya la configuración de Flex Layout y después aplicarlo a cualquier contenedor de Flex Layout en tu maquetación.

Ejemplo:

Usa el panel Estilos de objeto para aplicar Flex Layout y establecer propiedades como dirección, alineación y espaciado. Una vez guardado, aplique este estilo a otros contenedores para obtener un comportamiento de diseño consistente.

Diseño Flex secundario

La misma sección Flex Layout en Estilos de objeto también puede definir propiedades para elementos secundarios de Flex Layout y sus elementos secundarios anidados, lo que te permite estandarizar el comportamiento, como dimensiones fijas o flexibles, en todo el diseño.

• Creación directa de elementos interactivos: Convierte elementos secundarios dentro de Flex Layout en elementos interactivos sin crearlos por separado y agregarlos a Flex Layout.
• Bloquear elementos secundarios: Bloquear uno o más elementos secundarios dentro de Flex Layout para evitar arrastrarlos, cambiar su tamaño o moverlos fuera del marco directamente, mientras se siguen permitiendo cambios de posición usando las teclas de flecha del teclado.
• Navegación por teclado para elementos secundarios: Reposicione elementos bloqueados o desbloqueados usando las teclas de flecha izquierda o derecha en diseños horizontales o las teclas de flecha arriba o abajo en diseños verticales.

Panel Flex Layout

Para acceder al panel, ve a Ventana > Diseño Flex. Se abre el panel Diseño Flex. Ahora puede crear o añadir un diseño Flex, o bien personalizar uno existente de acuerdo con sus necesidades. Si no hay ninguna selección, puede usar el panel para cambiar los valores predeterminados (aplicable si la detección automática está desactivada). Navegue a Preferencias > General > Detectar automáticamente y aplicar configuración de diseño Flex para verificar la configuración de detección automática.

```json { "trancreatedText": [ "Indicadores de selección en diseños Flex

InDesign utiliza señales visuales para ayudarte a comprender los estados de selección en diseños Flex:

• Los contornos punteados indican niveles de diseño no activos.
• Los contornos sólidos indican marcos hermanos seleccionables.
• La herramienta Selección directa te permite seleccionar marcos anidados directamente sin clics repetidos.

Estos indicadores ayudan a aclarar la jerarquía y el enfoque de selección al trabajar con diseños anidados.

Controles de relleno y espaciado en el lienzo

Los diseños Flex proporcionan controles interactivos en lienzo para ajustar el relleno y el espaciado:

• Relleno vinculado: Ajusta los cuatro valores de relleno juntos.
• Relleno no vinculado: Ajusta cada lado de forma independiente.
• Espaciado horizontal y vertical: Modifica el espaciado directamente entre elementos, incluidas las filas o columnas ajustadas.

Los indicadores visuales en el lienzo reflejan los valores actuales y se actualizan en tiempo real en el panel Flex Layout." ] } ```

Transformar y sesgar marcos de diseño Flex

Ahora puede girar, reflejar, escalar o sesgar un diseño Flex sin interrumpir su comportamiento. Las transformaciones se aplican tanto a los marcos Flex principales como a los anidados, y el panel Flex Layout permanece principal mientras transformas objetos. Esto te permite ajustar la alineación, el espaciado, el ajuste y la dirección mientras transformas diseños, sin romper la estructura Flex.