En esta sección, aprenderás a crear imágenes personalizadas para mostrar en los dispositivos de mensaje del HUD para las pantallas de carga. Para saber cómo añadir tus propias imágenes a tu proyecto, consulta Cómo importar texturas.
Sigue estos pasos para crear una pantalla de carga personalizada:
- Crea un blueprint de widgets con una variante de widget de usuario llamado WBP_Logo1.
- Añade primero un widget de caja de tamaño ,y luego, añade el widget de imagen como su elemento secundario. La caja de tamaño ofrece un panel para colocar el widget de imagen.
- En el panel de detalles del widget de imagen, aplica la siguiente configuración.
Opción Valor Explicación Alineación horizontal Centrar alineación horizontal Esto hace que la imagen aparezca en el centro de la pantalla horizontalmente. Alineación vertical Centrar alineación vertical Esto hace que la imagen aparezca en el centro de la pantalla verticalmente. Imagen T_UI_IconLibrary_Bicycle_128 La imagen que se mostrará en la IU. Tamaño de la imagen X 128.0 Establece el ancho de la imagen. Tamaño de la imagen Y 128.0 Establece la altura de la imagen. - Guarda y haz clic en Compilar para el blueprint de widgets.
Duplica el recurso WBP_Logo1 para la segunda pantalla de carga y, luego, cambia la imagen.
Añadirás estos widgets personalizados a los dispositivos de mensaje del HUD más adelante, en el paso 5 del tutorial.