Editor de widgets de IU

El editor se abre cuando haces doble clic en la miniatura de un widget. Dentro del editor, puedes añadir todas las partes de tu IU personalizada arrastrándolas al visor. A continuación encontrarás un desglose del editor de widgets.

Haz clic en la imagen para ampliarla.

Menú y barra de pestañas

Archivo

• Recursos de blueprint de widget recientes: muestra una lista de los recursos de widget de blueprint recientes que has abierto para el proyecto.

• Guardar todo: guarda todos los recursos y niveles en el disco.

• Guardar: guarda el blueprint de widget.

• Guardar como…: guarda el blueprint de widget con un nuevo nombre.

• Compilar: compila el blueprint de widget.

• Reasignar blueprint padre: cambia el padre de este blueprint.

Editar

• Deshacer: anula el cambio más reciente.

• Rehacer: repite la última acción.

• Historial de cambios: muestra todo el historial de cambios.

Recurso

• Buscar en el explorador de contenido: navega hasta el recurso asociado y se selecciona en el explorador de contenido que se haya usado más recientemente.

• Panel de referencias: inicia el panel de referencias, mostrando las referencias del recurso seleccionado.

Ventana

• Cargar disposición: ofrece opciones adicionales para cargar la disposición utilizando la disposición Predeterminada o la disposición UE4.

• Guardar disposición: guarda la vista de disposición seleccionada.

• Eliminar disposición: elimina una vista de disposición.

• Habilitar pantalla completa: abre el editor a pantalla completa.

• Detalles: abre el panel Detalles en la parte derecha de la ventana del editor.

• Diseñador: abre la pestaña Diseñador.

• Resultados del compilador: la pestaña Resultados del compilador muestra los errores o advertencias generados al compilar este blueprint.

• Animaciones: abre la pestaña Animaciones.

• Jerarquía: abre la pestaña Jerarquía.

• Paleta: abre la pestaña Paleta.

• Vista de vinculaciones: abre la pestaña Vista de vinculaciones.

• Modelos de vista: abre la pestaña Modelos de vista.

• Cinemática: ofrece opciones adicionales para Grabador de tomas o Explorador de tomas.

• Explorador de contenido: abre una pestaña del explorador de contenido.

• Registro de mensajes: abre la pestaña Registro de mensajes.

• Registro de salida: abre la pestaña Registro de salida.

Ayuda

• Documentación del editor de widgets: abre la documentación del editor de widgets en el sitio de la comunidad de desarrolladores de Epic.

• Comunidad de desarrolladores: abre el sitio de la comunidad de desarrolladores de Epic.

• Biblioteca de formación: abre la biblioteca de formación.

• Foros: abre los foros de Unreal Editor para Fortnite (UEFN).

• Fragmentos: abre el sitio Fragmentos de Verse.

• Acerca de Unreal Editor: proporciona información sobre la versión del editor, la plataforma y los derechos de autor.

• Créditos: una lista de empleados antiguos y actuales que trabajaron en UEFN.

• Visita UnrealEngine.com: Abre el sitio de Unreal Engine.

Herramientas rápidas

Botones de acceso rápido:

• Guardar: guarda el blueprint.

• Carpeta: abre el explorador de contenido.

• Compilar: compila el blueprint.

Panel Paleta

Contiene los recursos para crear una IU personalizada que puede arrastrarse al visor. Busca recursos en la barra de búsqueda.

Common

Las instancias de material creadas se encuentran en la sección Common UI del panel Paleta. A partir de ahí, añade tus fondos de botón junto con un widget Botón que se puede personalizar a través de su configuración.

• Imagen: coloca una imagen como fondo de tu IU o para un botón.

• Ranura con nombre: permite exponer una ranura externa para tu widget de usuario. Cuando otros reutilizan tu control de usuario, pueden poner lo que quieran en esta ranura con nombre.

• Bloque de texto de UEFN: crea un mensaje de IU personalizado.

Panel

• Panel de lienzo: el panel de lienzo es un panel pensado para diseñadores que permite colocar widgets en ubicaciones arbitrarias, anclados y ordenados en z con otros hijos del lienzo. Utiliza este widget genial para las personalizaciones manuales.

Panel Cuadrícula: un panel similar a una tabla que conserva el ancho de cada columna en toda la tabla. Permite los recursos de los hijos.

• Superposición: permite apilar los widgets uno encima de otro, utiliza una disposición de flujo simple para el contenido en cada capa.

• Caja de escala: te permite colocar contenido con el tamaño deseado y hacer que se ajuste a las restricciones impuestas en el área asignada a esta caja. Si necesitas que una imagen de fondo se escale para llenar un área pero que no se distorsione con diferentes relaciones de aspecto, o si tienes que ajustar automáticamente un texto a un área, este es el control que necesitas.

• Caja de desplazamiento: una colección desplazable arbitraria de widgets. Ideal para presentar de 10 a 100 widgets en una lista. No es compatible con la virtualización.

• Caja de tamaño: esta te permite cambiar el tamaño de todo el diseño dentro del límite de superposición en el que se encuentra.

• Caja apilable: una caja apilable es un panel de disposición que permite colocar paneles hijo vertical u horizontalmente. Con todos los recursos de IU contenidos en una caja apilable, se coloca una caja de tamaño como su hijo.

• Panel de cuadrícula uniforme: panel que reparte uniformemente el espacio disponible entre todos sus hijos.

Creado por el usuario

La parte superior de la lista incluye el widget de blueprint como recurso padre.

• Botón de UEFN - Alto: un botón grande con letra grande y fondo amarillo.

• Botón de UEFN - Silencioso: un pequeño botón con letra pequeña y color de fondo blanco.

• Botón de UEFN - Normal: un botón de tamaño normal con letra grande y fondo blanco.

• Control deslizante de UEFN: una caja deslizante que puede tomar valores de posición y de tamaño.

Visor

El visor muestra los recursos que componen la disposición del blueprint.

Panel Detalles

El panel Detalles contiene información sobre la selección actual en el visor. Este panel proporciona información sobre la ubicación, el tamaño, las imágenes, etc.

Pestaña Jerarquía

La organización de la lista de recursos en la pestaña Jerarquía determina los límites y la posición de cada elemento de la IU. A medida que añadas elementos a la pestaña Jerarquía, recuerda utilizar el panel Detalles para ajustar el tamaño y alinear los límites de cada recurso.

Mientras aprendes a superponer recursos, puede que te resulte más fácil dibujar un borrador de tu diseño en papel, creando un contorno de caja exterior que represente un lienzo que contenga tu diseño.

El vídeo anterior es una breve demostración de cómo añadir y alinear cuadrículas.

La foto de arriba es una referencia para organizar los recursos en la pestaña Jerarquía utilizando superposiciones, cajas apilables y cajas de tamaño.

Superposiciones

Las superposiciones son contenedores de recursos. La primera superposición colocada en el ejemplo anterior servirá de lienzo. Se colocará una segunda superposición como hijo para que sirva de contenedor de los recursos que se organizan en una caja apilable.

Otro widget de superposición se colocará como hijo de la caja de tamaño y servirá como contenedor de todos los recursos que se ven afectados por la caja de tamaño, la cual se encuentra dentro de una cuadrícula.

Caja apilable

Una caja apilable es un panel de disposición que permite colocar paneles hijo vertical u horizontalmente. Con todos los recursos de IU contenidos en una caja apilable, se coloca una caja de tamaño como su hijo.

Caja de tamaño

La caja de tamaño te permite cambiar el tamaño de todo el diseño dentro del límite de superposición en el que se encuentra.

La superposición general de la caja de tamaño del diseño contiene tres hijos de la caja de tamaño que a su vez incluyen piezas agrupadas que componen el diseño de la flor, los pétalos, los flósculos en forma de disco y los botones.

Si bien es posible cambiar el tamaño de todo el diseño, también es posible hacerlo individualmente en las piezas que lo componen.

Dentro de la disposición de Jerarquía, las cajas de texto de UEFN se colocan dentro de los contenedores de botones e IU para mostrar texto en la IU y en los botones.

Animaciones

Crea una animación para tus recursos de IU utilizando el botón +Animación y así crear una nueva animación en el panel Secuenciador del editor de widgets.

Barra de herramientas inferior

La barra de herramientas inferior dispone de varios botones rápidos para buscar recursos, ver vinculaciones, comprobar registros y guardar o sincronizar cambios.

• Almacén de contenido: abre los recursos en el almacén de contenido.

• Animaciones: abre la pestaña Animaciones y te permite crear una nueva animación para tus recursos de IU.

• Vista de vinculaciones: permite abrir la pestaña Modelo de vista para añadir funciones a los botones de la IU.

• Registro de salida: abre el registro de salida para ver los errores y avisos.

• Comandos: abre el panel de comandos donde puedes escribir comandos.

• Estado de guardado: informa sobre el estado de los blueprints guardados.

• Registrar cambios: registra tus cambios en Unreal Revision Control.

• Estado del proyecto: te informa si tu proyecto está actualizado o no.

• Control de versiones: abre las opciones del control de versiones.