En esta sección, aprenderás a crear un menú personalizado para mostrarlo en el dispositivo Diálogo emergente.
Sigue estos pasos para crear un menú personalizado:
Crea un blueprint de widget que sea una variante de diálogo modal nombrado WBP_Dialog_One_Button_Intro.
Añade primero un widget Caja de tamaño y después el widget Superposición como hijo. La caja de tamaño proporciona un panel en el que colocar el widget Superposición.
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, 40.0
Esto añadirá un relleno de 40 píxeles a la parte inferior del widget.
Alineación horizontal
Centrar y alinear horizontalmente
Esto hace que el widget se alinee en la mitad de la pantalla.
Alineación vertical
Alinear abajo verticalmente
Esto hace que el widget se alinee en la parte inferior de la pantalla.
En el panel Detalles del widget Imagen, aplica la siguiente configuración. Opción Valor Explicación Alineación horizontal Rellenar horizontalmente El widget ocupará todo el espacio que pueda. Alineación vertical Rellenar verticalmente El widget ocupará todo el espacio que pueda. Tono AE4200FF Hex sRGB Color para el fondo. Dibujar como Caja redondeada Esto hace que la imagen tenga las esquinas redondeadas. Visibilidad No admite prueba de posicionamiento (a sí mismo) Solo el botón en sí debe poder seleccionarse en la interfaz de usuario.
En el panel Detalles del widget Botón UEFN - Silencio, aplica la siguiente configuración. Opción Valor Explicación Anchura mínima 300 Establece la anchura del botón. Altura mínima 48 Establece la altura del botón. Alineación horizontal Rellenar horizontalmente El widget ocupará todo el espacio que pueda. Alineación vertical Rellenar verticalmente El widget ocupará todo el espacio que pueda. Visibilidad Visible El botón debe poder seleccionarse en la interfaz de usuario. Texto Ninguno Deja en blanco el ajuste Texto porque estamos utilizando un bloque de texto para crear el texto personalizado.
En el panel Detalles del widget Bloque de texto UEFN, aplica la siguiente configuración. Opción Valor Explicación Alineación horizontal Centrar y alinear horizontalmente Esto hace que el widget se alinee en la mitad del contenedor. Alineación vertical Alinear centro verticalmente Esto hace que el widget se alinee en la mitad del contenedor. Texto Texto del botón 1 Texto del marcador de posición. La vista de vinculaciones sustituirá el texto aquí por el texto de la configuración del dispositivo Diálogo emergente. Visibilidad No admite prueba de posicionamiento (a sí mismo) No queremos que el texto oculte el botón de la interacción del usuario.
Haz clic en Vinculaciones de vistas en el editor de widgets.
Añade las siguientes vinculaciones al widget Botón UEFN - Silencio.
Cambia la dirección de la vinculación a Una vía al modelo de vista.
Establece el lado izquierdo como Está habilitado.
Establece el lado derecho en WidgetName > Está habilitado.
Crea una nueva vinculación y configura el lado izquierdo en Al hacer clic.
Establece el lado derecho como CreativeModalDialogViewmodel > Respuesta.
Establece Respuesta con el botón 1.
Añade la siguiente vinculación al widget Bloque de texto UEFN.
Cambia la dirección de la vinculación a Una vía al widget.
Establece el lado izquierdo como Bloque de texto UEFN > Texto.
Establece el lado derecho como CreativeModalDialogViewmodel > Botón 01 - Texto principal.
Guarda y haz clic en Compilar para el blueprint de widget.
Añadirás este widget personalizado a un dispositivo Diálogo emergente más adelante en el
