Editor de widgets de la IU

El editor se abre cuando haces doble clic en una miniatura de widget. Dentro del editor, puedes agregar todas las partes de la IU personalizada. Para hacerlo, arrástralas hacia el interior del visor. A continuación se presenta un desglose del editor de widgets.

Haz clic en la imagen para ampliarla.

Barra de menú y pestañas

Archivo

Recursos de blueprint de widget recientes: muestra una lista de los recursos de blueprint de widget recientes que has abierto en 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 nombre nuevo.

• Compilar: compila el blueprint de widget

• Restablecer base de blueprint: cambia la base del blueprint.

Editar

• Deshacer: deshace el cambio más reciente.

• Rehacer: rehace la última acción.

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

Recurso

• Buscar en explorador de contenido: busca el recurso asociado y lo selecciona en el explorador de contenido usado más recientemente.

• Visor de referencias: inicia el visor de referencias que muestra las referencias de los recursos seleccionados.

Ventanas

• Cargar diseño: proporciona opciones adicionales para cargar el diseño mediante el diseño predeterminado o el de UE4.

• Guardar diseño: guarda la vista de diseño seleccionada.

• Quitar diseño: quita una vista de diseño.

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

• Detalles: abre el panel de detalles en el lado derecho de la ventana del editor.

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

• Resultados de compilador: abre la pestaña de resultados de compilador y muestra cualquier error o advertencia generados al compilar el blueprint.

• Animaciones: abre la pestaña de animaciones.

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

• Paleta: abre la pestaña de paleta.

• Ver vinculaciones: abre la pestaña de ver vinculaciones.

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

• Cinemáticas: proporciona opciones adicionales para la grabadora de tomas o el 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 de editor de widgets: abre la documentación del editor de widgets en el sitio de la Epic Developer Community.

• Comunidad de desarrollo: abre el sitio de Epic Development Community.

• Biblioteca de aprendizaje: abre la biblioteca de aprendizaje.

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

• Fragmentos: abre el sitio de fragmentos de Verse.

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

• Créditos: una lista de los empleados, pasados 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 las IU personalizadas que se pueden arrastrar hacia el visor. Buscar recursos en la barra de búsqueda.

Común

Las instancias de material que crees pueden encontrarse en la sección IU común del panel de Paleta. Desde ahí, agrega tus fondos de botón junto con un widget de botón que puede personalizarse mediante sus ajustes.

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

• Ranura nombrada: te permite exponer una ranura externa para tu widget de usuario. Cuando otras personas reutilicen tu control de usuario, pueden poner lo que sea en esta ranura nombrada.

• Bloque de texto de UEFN: elabora un mensaje de la IU personalizado.

Panel

• Panel de lienzo: el panel de lienzo es un panel sencillo de utilizar que permite que los widgets puedan disponerse en ubicaciones arbitrarias, ancladas y bajo órdenes z con otros derivados del lienzo. Usa este widget para la personalización manual.

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

• Superposición: permite apilar los widgets, usa 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 lo obliga a ajustarse a las restricciones designadas 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, necesitas este control.

• Caja de desplazamiento: una colección de widgets arbitraria y desplazable. Sirve para presentar de 10 a 100 widgets en una lista. No admite la virtualización.

• 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.

• Caja apilada: una caja apilada es un panel de diseño que permite colocar paneles derivados vertical u horizontalmente. Con todos los recursos de IU contenidos en una caja apilada, se coloca una caja de tamaño como su derivada.

• Panel de cuadrícula uniforme: un panel que reparte de manera uniforme el espacio disponible entre todos sus derivados.

Creado por usuario

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

• Botón de UEFN alto: un botón grande de letra grande y fondo amarillo.

• Botón de UEFN silencioso: un botón pequeño de letra pequeña y fondo blanco.

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

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

Visor

El visor muestra los recursos que componen el diseño del blueprint.

Panel de detalles

El panel de detalles contiene información sobre la selección actual en el visor. Este panel proporciona información sobre la ubicación, tamaño, imágenes y más.

Pestaña de jerarquía

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

Conforme aprendes a apilar recursos, puede que te sea más fácil hacer un borrador de tu diseño en papel. Crea un contorno de caja exterior que represente un lienzo que contenga tu diseño.

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

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

Superposiciones

Las superposiciones son contenedores de recursos. La primera superposición, colocada en el ejemplo de arriba, sirve de lienzo Se coloca una segunda superposición como derivada para que sirva de contenedor de los recursos que se disponen en una caja apilada.

Otro widget de superposición se coloca como derivado de la caja de tamaño para que sirva de contenedor de todos los recursos afectados por la caja de tamaño, la cual está dentro de una cuadrícula.

Cajas apiladas

Una caja apilada es un panel de diseño que permite colocar paneles derivados vertical u horizontalmente. Con todos los recursos de IU contenidos en una caja apilada, se coloca una caja de tamaño como su derivada.

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.

La superposición de la caja de tamaño del diseño en general contiene tres derivados de la caja de tamaño, que contienen piezas agrupadas que componen el diseño de la flor, los pétalos, el centro de la flor y los botones.

Aunque es posible cambiar el tamaño de todo el diseño, también es posible hacerlo en cada una de las piezas, de forma individual.

Dentro del diseño de Jerarquía, las cajas de texto de UEFN se colocan dentro de los contenedores de IU y botones para mostrar texto en ellos.

Animaciones

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

Barra de herramientas inferior

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

Cajón de contenido: abre los recursos del cajón de contenido.

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

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

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

• Comandos: abre el panel de comandos, en el que puedes escribir comandos.

• Estado de guardado: te informa del estado de los blueprints guardados.

• Cargar cambios: carga tus cambios a Unreal Revision Control.

• Estado del proyecto: te informa si tu proyecto es o no su versión más reciente.

• Control de revisión: abre las opciones de control de revisión.