3. Como definir o design da tela de título

Nesta seção, você aprenderá a criar uma tela de título personalizada para mostrar no dispositivo Mensagem do HUD.

Siga estas etapas para criar uma tela de título personalizada:

1. Crie um Blueprint de Widget com uma variante de Widget de Usuário chamada WBP_Title.
2. Adicione primeiro um widget de Caixa de Tamanho e depois o widget de Caixa de Pilha como elemento secundário. A Caixa de Tamanho fornece um painel para o widget de Caixa de Empilhamento ser posicionado.
3. Adicione um widget de Sobreposição e um widget de Bloco de Texto do UEFN à Caixa de Pilha como elementos secundários.
4. Adicione um widget de imagem e um widget de Bloco de Texto do UEFN à Sobreposição como elementos secundários.
5. No painel Detalhes do widget de Caixa de Empilhamento, aplique as configurações a seguir.

   Opção	Valor	Explicação
   Preenchimento	0.0, 0.0, 0.0, 200.0	Isso adicionará um preenchimento de 200 pixels à parte inferior do widget.
   Alinhamento Horizontal	Alinhar ao Centro na Horizontal	Alinha o widget no meio da tela.
   Alinhamento Vertical	Alinhar Parte Superior na Vertical	Alinha o widget à parte inferior da tela.
   Orientação	Verticais	Isso empilha o conteúdo do widget verticalmente.

6. No painel Detalhes do widget de Sobreposição, aplique as seguintes configurações:

   Opção	Valor	Explicação
   Preenchimento	0.0, 0.0, 0.0, 20.0	Isso adicionará um preenchimento de 20 pixels à parte inferior do widget.
   Alinhamento Horizontal	Preencher Horizontalmente	O widget ocupará o máximo de espaço possível.
   Alinhamento Vertical	Preencher Verticalmente	O widget ocupará o máximo de espaço possível.

7. No painel Detalhes do widget de Imagem que é um elemento secundário do widget de Sobreposição, aplique as configurações a seguir.

   Opção	Valor	Explicação
   Imagem	T_AmberForestTown_Ceiling	Defina a imagem como plano de fundo do seu título.
   Tamanho da Imagem X	620.0	Defina a largura do plano de fundo.
   Tamanho da Imagem Y	220.0	Defina a altura do plano de fundo.

8. No painel Detalhes do widget de Bloco de Texto do UEFN que é um elemento secundário do widget de Sobreposição, aplique as configurações a seguir.

   Opção	Valor	Explicação
   Alinhamento Horizontal	Alinhar ao Centro na Horizontal	Alinha o widget no meio do contêiner.
   Alinhamento Vertical	Alinhar ao Centro na Vertical	Alinha o widget no meio do contêiner.
   Texto	Seu Título Aqui	Defina o texto do seu título.

9. No painel Detalhes do widget de Bloco de Texto do UEFN que é um elemento secundário do widget de Caixa de Empilhamento, aplique as configurações a seguir.

   Opção	Valor	Explicação
   Alinhamento Horizontal	Alinhar ao Centro na Horizontal	Alinha o widget no meio do contêiner.
   Alinhamento Vertical	Alinhar ao Centro na Vertical	Alinha o widget no meio do contêiner.
   Texto	Sua Legenda Aqui	Defina o texto da sua legenda.

10. Salve e clique em Compilar para o Blueprint de Widget.

Você adicionará esse widget personalizado a um dispositivo de Mensagem do HUD mais tarde na etapa 5 deste tutorial.

Próxima seção

%title-sequence-4-creating-the-game-menu-in-unreal-editor-for-fortnite:topic%