En esta sección, aprenderás a crear una pantalla de título personalizada para mostrarla en el dispositivo Mensaje del HUD.
Sigue estos pasos para crear una pantalla de título personalizada:
- Crea un blueprint de widget con una variante de widget de usuario con el nombre WBP_Title.
- Añade primero un widget Caja de tamaño y luego el widget Caja apilable como hijo. La caja de tamaño proporciona un panel en el que colocar el widget Caja apilable.
- Añade un widget Superposición y un widget Bloque de texto de UEFN a la caja apilable como hijos.
- Añade un widget Imagen y un widget Bloque de texto de UEFN a la superposición como hijos.
- En el panel Detalles del widget Caja apilable, aplica la siguiente configuración.
Opción Valor Explicación Relleno 0.0, 0.0, 0.0, 200.0 Esto añadirá un relleno de 200 píxeles a la parte inferior del widget. Alineación horizontal Alineación centrada horizontal Esto hace que el widget se alinee en el centro de la pantalla. Alineación vertical Alineación vertical inferior Esto hace que el widget se alinee en la parte inferior de la pantalla. Orientación Vertical Esto apila el contenido del widget verticalmente. - En el panel Detalles del widget Superposición, aplica la siguiente configuración.
Opción Valor Explicación Relleno 0.0, 0.0, 0.0, 20.0 Esto añadirá un relleno de 20 píxeles a la parte inferior del widget. Alineación horizontal Relleno horizontal El widget ocupará todo el espacio que pueda. Alineación vertical Relleno vertical El widget ocupará todo el espacio que pueda. - En el panel Detalles del widget Imagen, hijo del widget Superposición, aplica la siguiente configuración.
Opción Valor Explicación Imagen T_AmberForestTown_Ceiling Configura la imagen para el fondo de tu título. Tamaño de imagen X 620.0 Configura la anchura del fondo. Tamaño de imagen Y 220.0 Configura la altura del fondo. - En el panel Detalles del widget Bloque de texto UEFN, hijo del widget Superposición, aplica la siguiente configuración.
Opción Valor Explicación Alineación horizontal Alineación centrada horizontal Esto hace que el widget se alinee en el centro del contenedor. Alineación vertical Alineación centrada vertical Esto hace que el widget se alinee en el centro del contenedor. Texto Tu título aquí Configura el texto de tu título. - En el panel Detalles del widget Bloque de texto UEFN, hijo del widget Caja apilable, aplica la siguiente configuración.
Opción Valor Explicación Alineación horizontal Alineación centrada horizontal Esto hace que el widget se alinee en el centro del contenedor. Alineación vertical Alineación centrada vertical Esto hace que el widget se alinee en el centro del contenedor. Texto Tu subtítulo aquí Configura el texto de tu subtítulo. - Guarda y haz clic en Compilar en el blueprint de widget.
Añadirás este widget personalizado a un dispositivo Mensaje del HUD más adelante en el paso 5 de este tutorial.