In questa sezione, imparerai come creare un menu personalizzato da mostrare per il dispositivo Finestra di dialogo a comparsa.
Segui questi passaggi per creare il tuo menu personalizzato:
Crea un Blueprint widget come una variante della finestra di dialogo modale denominata WBP_Dialog_One_Button_Intro.
Aggiungi un widget Riquadro dimensione, quindi il widget Overlay come suo figlio. Il Riquadro dimensione fornisce un pannello in cui posizionare il widget Sovrapposizione.
Nel pannello Dettagli del widget Overlay, applica le impostazioni seguenti:
Opzione Valore Spiegazione Spaziatura
0,0, 0,0, 0,0, 40,0
Questa impostazione aggiungerà una spaziatura interna di 40 pixel alla parte inferiore del widget.
Allineamento orizzontale
Allinea orizzontalmente al centro
Allinea il widget al centro dello schermo.
Allineamento verticale
Allinea verticalmente in basso
Allinea il widget alla parte inferiore dello schermo.
Nel pannello Dettagli del widget Immagine, applica le impostazioni seguenti. Opzione Valore Spiegazione Allineamento orizzontale Riempi orizzontalmente Il widget occuperà tutto lo spazio possibile. Allineamento verticale Riempi verticalmente Il widget occuperà tutto lo spazio possibile. Tinta AE4200FF Hex sRGB Colore per lo sfondo. Disegna come Riquadro con bordi arrotondati Questa opzione renderizza l'immagine con bordi arrotondati. Visibilità Non hit-testable (Solo sé stesso) Solo il pulsante stesso dovrebbe essere selezionabile nella UI.
Nel pannello Dettagli del widget Pulsante Silenzioso UEFN, applica le impostazioni seguenti. Opzione Valore Spiegazione Larghezza min 300 Imposta la larghezza del pulsante. Altezza min 48 Imposta l'altezza del pulsante. Allineamento orizzontale Riempi orizzontalmente Il widget occuperà tutto lo spazio possibile. Allineamento verticale Riempi verticalmente Il widget occuperà tutto lo spazio possibile. Visibilità Visibile Il pulsante deve essere selezionabile nella UI. Testo Nessuno Il campo Testo deve essere lasciato vuoto in quanto si sta utilizzando in alternativa un blocco di testo per creare del testo personalizzato.
Nel pannello Dettagli del widget Blocco di testo UEFN, applica le impostazioni seguenti. Opzione Valore Spiegazione Allineamento orizzontale Allinea orizzontalmente al centro Allinea il widget al centro del contenitore. Allineamento verticale Allinea verticalmente al centro Allinea il widget al centro del contenitore. Testo Testo pulsante 1 Testo segnaposto. L'opzione Visualizza associazioni sostituirà il testo qui con il testo delle impostazioni del dispositivo Finestra di dialogo a comparsa. Visibilità Non hit-testable (Solo sé stesso) Non vogliamo che il testo nasconda il pulsante dall'interazione dell'utente.
Fai clic su Visualizza associazioni nell'Editor widget.
Aggiungi le seguenti associazioni al widget pulsante Silenzioso UEFN.
Cambia la direzione dell'associazione in Verso la visualizzazione del modello.
Imposta il lato sinistro su Is Enabled.
Imposta il lato destro su WidgetName > Is Enabled.
Crea una nuova associazione e imposta il lato sinistro su On Clicked.
Nel lato destro imposta invece CreativeModalDialogViewmodel > Risposta.
Imposta Risposta su Pulsante 1.
Aggiungi la seguente associazione al widget Blocco di testo UEFN.
Cambia la direzione dell'associazione in Verso il widget.
Imposta il lato sinistro su Blocco di testo UEFN > Testo.
Nel lato destro imposta invece CreativeModalDialogViewmodel > Testo principale pulsante 01.
Salva e fai clic su **Compila** per il Blueprint widget.
Aggiungerai questo widget personalizzato al dispositivo Finestra di dialogo a comparsa più avanti nel passaggio 5 di questo tutorial.
