Capas y grupos
Organiza, reordena, agrupa, anida, oculta, bloquea y reestiliza tus elementos.
El panel de Capas es tu vista aérea de cada elemento de tu diseño, apilados en orden de dibujado para que puedas ver y controlar exactamente cómo está compuesta tu GUI dx. Desde aquí reordenas, anidas, renombras, ocultas, bloqueas, agrupas y ajustas con precisión la opacidad de cada elemento: el mismo orden z y la misma estructura que se incluyen en tu Lua exportado.
Abrir el panel de Capas
Haz clic en el botón de Capas para abrir el panel. Enumera cada elemento de tu diseño, y cada fila muestra una miniatura de ese elemento para que puedas identificarlo de un vistazo. La lista está ordenada por orden de dibujado (orden z): la fila superior es el elemento más al frente, dibujado en último lugar y apareciendo por encima de todo lo que está debajo, mientras que las filas más abajo quedan detrás.
El orden en el panel de Capas es el orden de dibujado real. Lo que esté en la parte superior de la lista se renderiza encima tanto en la vista previa en vivo como en el Lua exportado.
Reordenar elementos
Cambia qué elemento se dibuja al frente arrastrando una fila hacia arriba o hacia abajo en la lista. Arrastra una fila más arriba para acercarla al frente, o más abajo para enviarla más atrás. Este es el equivalente visual de ajustar el orden z: el nuevo apilamiento se refleja de inmediato en la vista previa.
- Toma la filaMantén presionada la capa que quieres mover.
- Arrastra a una nueva posiciónMuévela hacia arriba para traerla al frente o hacia abajo para enviarla atrás.
- SueltaSuelta cuando el indicador de destino esté donde quieres el elemento en la pila.
Entender los destinos de arrastre
El lugar donde sueltas una fila decide lo que sucede. El panel de Capas reconoce tres destinos de arrastre distintos, de modo que un solo arrastre puede reordenar, anidar o desanidar un elemento.
| Destino de soltado | Qué hace |
|---|---|
| Antes o después de una fila | Reordena el elemento: lo mueve hacia arriba o hacia abajo en el orden de dibujado en relación con sus vecinos. |
| Sobre un grupo | Anida el elemento dentro de ese grupo como hijo. |
| Parte inferior de la lista | Envía el elemento al fondo y lo saca de cualquier grupo en el que estuviera. |
Usa el soltado en la parte inferior de la lista como una forma rápida de enviar un elemento al fondo y sacarlo de un grupo en un solo movimiento.
Carpetas de grupo
Los grupos funcionan como carpetas en el panel de Capas. Para anidar un elemento, suelta su fila sobre un grupo: se convierte en hijo de ese grupo y aparece sangrado debajo de él. Los grupos se pueden expandir o contraer para mostrar u ocultar su contenido, manteniendo ordenados los diseños con mucha carga.
- Los hijos de un grupo aparecen sangrados debajo de la fila del grupo.
- Expande un grupo para revelar sus hijos; contráelo para plegarlos.
- Suelta una fila sobre el grupo para anidarla; suéltala en la parte inferior de la lista para sacarla del grupo.
Renombrar una capa
Haz doble clic en el nombre de una capa para renombrarla. Los nombres claros hacen que los diseños grandes sean fáciles de navegar y mantienen legible la estructura exportada.
Visibilidad y bloqueo
Cada fila tiene un interruptor de ojo (visibilidad) y un interruptor de bloqueo. Usa el ojo para ocultar o mostrar un elemento, y el bloqueo para impedir que se seleccione o edite en el lienzo. Cuando ocultas o bloqueas un grupo, el cambio se propaga en cascada a todos sus hijos.
El menú contextual de la capa
Haz clic derecho en una capa —o haz clic en su icono de ⋮ kebab— para abrir el menú contextual. Reúne cada acción por capa, incluido un control de opacidad en vivo, en un solo lugar.
| Elemento del menú | Qué hace |
|---|---|
| Deslizador de opacidad | Un deslizador en vivo que escala la transparencia del elemento en tiempo real mientras arrastras. |
| Renombrar | Renombra la capa (igual que hacer doble clic en su nombre). |
| Duplicar | Crea una copia del elemento. |
| Ocultar / Mostrar | Alterna la visibilidad del elemento, reflejando el control del ojo. |
| Bloquear / Desbloquear | Alterna si el elemento se puede seleccionar y editar. |
| Traer al frente | Mueve el elemento a la parte más alta del orden de dibujado. |
| Enviar al fondo | Mueve el elemento a la parte más baja del orden de dibujado. |
| Desagrupar | Separa un grupo en sus elementos individuales (solo grupos). |
| Eliminar | Quita el elemento del diseño. |
El elemento Desagrupar solo aparece cuando haces clic derecho en un grupo; no tiene efecto sobre un elemento simple.
Agrupar elementos
Selecciona varios elementos y agrúpalos en un único contenedor. Agrupar mantiene juntas las piezas relacionadas para que puedas moverlas, ocultarlas, bloquearlas y reordenarlas como una sola unidad. Un grupo se puede promover a una ventana o panel de Blueprint cuando quieres que se comporte como una estructura reutilizable, similar a una ventana.
- Selecciona elementosElige los múltiples elementos que quieres combinar.
- AgrúpalosAgrupa la selección en un único contenedor.
- Promueve si es necesarioOpcionalmente convierte el grupo en una ventana o panel de Blueprint.
- Desagrupa despuésSepara el grupo desde el menú contextual o el inspector cuando ya no lo necesites.
Opacidad
La opacidad es una propiedad real, no solo un efecto de vista previa. Ajustarla —mediante el deslizador en vivo del menú contextual— escala la transparencia del elemento tanto en la vista previa como en el Lua exportado, de modo que lo que ves en Easelt Builder es lo que tus jugadores ven en el juego.
Como la opacidad se exporta al Lua, puedes ajustar paneles y superposiciones translúcidos directamente en el panel de Capas sin tener que editar a mano los valores alfa de color más adelante.