En esta sección, aprenderás a crear un menú personalizado para mostrar en el dispositivo de diálogo emergente.
Sigue estos pasos para crear un menú personalizado:
Crea un blueprint de widgets que sea una variante de diálogo modal llamado WBP_Dialog_One_Button_Intro.
Añade primero un widget de caja de tamaño y, luego, el widget de superposición como su elemento secundario. La caja de tamaño ofrece un panel para colocar el widget de superposición.
En el panel de detalles del widget de superposición, aplica la siguiente configuración.
Opción Value Explicación Relleno
0.0, 0.0, 0.0, 40.0
Esto añadirá 40 píxeles de relleno a la parte inferior del widget.
Alineación horizontal
Alineación central horizontal
Esto alinea el widget en el centro de la pantalla.
Alineación vertical
Alineación inferior vertical
Esto alinea el widget en la parte inferior de la pantalla.
En el panel de detalles del widget de imagen, aplica la siguiente configuración. Opción Value Explicación Alineación horizontal Llenar horizontalmente El widget ocupará todo el espacio que pueda. Alineación vertical Llenar verticalmente El widget ocupará todo el espacio que pueda. Matiz sRGB AE4200FF hexadecimal Color para el fondo. Trazar como Caja redonda Esto renderiza la imagen con las esquinas redondeadas. Visibilidad No comprobable (solo propio) Solo el botón se puede seleccionar en la IU.
En el panel de detalles del widget de botón de silencio de UEFN, aplica la siguiente configuración. Opción Value Explicación Ancho mín. 300 Establece el ancho del botón. Altura mín. 48 Establece la altura del botón. Alineación horizontal Llenar horizontalmente El widget ocupará todo el espacio que pueda. Alineación vertical Llenar verticalmente El widget ocupará todo el espacio que pueda. Visibilidad Visible El botón se puede seleccionar en la IU. Texto Ninguno Deja en blanco el parámetro Texto porque estamos usando un bloque de texto para crear el texto personalizado.
En el panel de detalles del widget de bloque de texto de UEFN, aplica la siguiente configuración. Opción Value Explicación Alineación horizontal Alineación central horizontal Esto alinea el widget en el centro del contenedor. Alineación vertical Alineación central vertical Esto alinea el widget en el centro del contenedor. Texto Texto de botón 1 Texto del marcador de posición. La opción Ver vinculaciones sustituirá el texto aquí con el texto en la configuración del dispositivo de diálogo emergente. Visibilidad No comprobable (solo propio) No queremos que el texto oculte el botón de la interacción del usuario.
Haz clic en Ver vinculaciones en el editor de widgets.
Añade las siguientes vinculaciones al widget de botón de silencio de UEFN.
Cambia la dirección de la vinculación a Una forma de ver el modelo.
Establece el lado izquierdo en Está habilitado.
Establece el lado derecho a WidgetName > Está habilitado.
Crea una nueva vinculación y establece el lado izquierdo en Al hacer clic.
Establece el lado derecho a CreativeModalDialogViewmodel > Respuesta.
Establece Respuesta al botón 1.
Añade la siguiente vinculación al widget de bloque de texto de UEFN.
Cambia la dirección de la vinculación a Una forma de crear widgets.
Establece el lado izquierdo en Bloque de texto de UEFN > Texto.
Establece el lado derecho a CreativeModalDialogViewmodel > Texto principal del botón 01.
Guarda y haz clic en Compilar para el blueprint de widgets.
Añadirás este widget personalizado a un dispositivo de diálogo emergente más adelante, en el paso 5 de este tutorial.
