Nesta seção, você aprenderá a criar um menu personalizado a ser exibido no dispositivo Janela de Diálogo.
Siga estas etapas para criar um menu personalizado:
Crie um Blueprint de Widget que seja uma Variante de Diálogo Modal chamado WBP_Dialog_One_Button_Intro.
Adicione primeiro um widget de Caixa de Tamanho e depois o widget de Sobreposição como elemento secundário. A Caixa de Tamanho fornece um painel para o widget de Sobreposição ser posicionado.
No painel Detalhes do widget de Sobreposição, aplique as seguintes configurações.
Option Valor Explicação Preenchimento
0,0, 0,0, 0,0, 40,0
Isso adicionará um preenchimento de 40 pixels à parte inferior do widget.
Horizontal Alignment
Alinhar ao Centro na Horizontal
Alinha o widget no meio da tela.
Vertical Alignment
Alinhar Parte Superior na Vertical
Alinha o widget à parte inferior da tela.
No painel Detalhes do widget Imagem, aplique as seguintes configurações. Option Valor Explicação Horizontal Alignment Preencher Horizontalmente O widget ocupará o máximo de espaço possível. Vertical Alignment Preencher na Vertical O widget ocupará o máximo de espaço possível. Matiz AE4200FF Hex sRGB Cor para o plano de fundo. Desenhar como Caixa Arredondada Renderiza a imagem com cantos arredondados. Visibilidade Não pode ter acertos testados (apenas o próprio elemento) Somente o próprio botão deve ser selecionável na interface.
No painel Detalhes do widget de Botão Silencioso do UEFN, aplique as seguintes configurações. Option Valor Explicação Largura Mínima 300 Defina a largura do botão. Altura Mínima 48 Defina a altura do botão. Horizontal Alignment Preencher Horizontalmente O widget ocupará o máximo de espaço possível. Vertical Alignment Preencher na Vertical O widget ocupará o máximo de espaço possível. Visibilidade Visível O botão deve ser selecionável na interface. Texto Nenhum Deixe a configuração texto em branco, pois estamos usando um Bloco de Texto para criar o texto personalizado.
No painel Detalhes do widget de Bloco de Texto do UEFN, aplique as configurações a seguir. Option Valor Explicação Horizontal Alignment Alinhar ao Centro na Horizontal Alinha o widget no meio do contêiner. Vertical Alignment Alinhar ao Centro na Vertical Alinha o widget no meio do contêiner. Texto Texto do Botão 1 Texto de marcador de posição. Ver vinculações de visualização substituirá o texto aqui pelo texto nas configurações do dispositivo Janela de Diálogo. Visibilidade Não pode ter acertos testados (apenas o próprio elemento) Não queremos que o texto oculte o botão da interação do usuário.
Clique em Vinculações de Visualização no Editor de Widget.
Adicione as seguintes vinculações ao widget de Botão Silencioso do UEFN.
Altere a direção da vinculação para Um Caminho para o Modelo de Visualização.
Defina o lado esquerdo como Está Habilitado.
Defina o lado direito como WidgetName > Está Habilitado.
Crie uma nova vinculação e defina o lado esquerdo como Ao Clicar.
Defina o lado direito como CreativeModalDialogViewmodel > Response.
Defina Resposta para o Botão 1.
Adicione a seguinte vinculação ao widget de Bloco de Texto do UEFN.
Altere a direção da vinculação para Um Caminho para Widget.
Defina o lado esquerdo como Bloco de Texto do UEFN > Texto.
Defina o lado direito como CreativeModalDialogViewmodel > Texto Principal do Botão 01.
Salve e clique em Compilar para o Blueprint de Widget.
Você adicionará esse widget personalizado a um dispositivo Janela de Diálogo na etapa 5 deste tutorial.