Como Criar e Personalizar uma Barra Informativa Dinâmica

A Barra Informativa Dinâmica é uma ferramenta poderosa para exibir informações úteis (como hora, clima e notícias) junto ao seu conteúdo principal. Ela se ajusta automaticamente ao layout da sua tela e permite uma personalização completa de cores, fontes e comportamento.

Como posso configurar e customizar uma barra informativa nas minhas telas?

O processo de criação é feito diretamente nas configurações do dispositivo. Siga o passo a passo abaixo para configurar a sua:

1. Acesse a lista de Dispositivos e selecione a tela desejada.

2. Vá ao submenu Configurações Avançadas.
   
   

3. Localize a seção App Dinâmico.

4. Escolha a opção Barra Informativa Customizada (ou outra variação disponível que desejar).

Ajuste de Proporção e Layout

A barra é responsiva e se adapta ao formato da sua tela. Para garantir que ela apareça corretamente, defina a proporção:

• 16x9: Para telas na horizontal (paisagem).

• 9x16: Para telas na vertical (retrato).

Personalização Visual e Comportamento

Nesta etapa, você define a aparência e como a barra interage com seus vídeos:

• Estética: Defina a Cor de Fundo e a Cor da Fonte.

• Fontes: No momento, você pode escolher entre as fontes Neue Plak e Poppins.

• Dimensões: Defina a altura da barra utilizando valores em Porcentagem (%) ou Pixels (px).

• Tipo de Barra:

  • Fixa: Ela reserva um espaço exclusivo na tela, "empurrando" o conteúdo principal para cima para que nada seja cortado.

  • Flutuante: Ela aparece como uma camada por cima dos conteúdos, sem alterar a área de exibição do vídeo principal.

Conteúdo da Barra (Itens)

Escolha quais informações deseja exibir. Você pode ativar e ordenar itens como:

• Previsão do tempo.

• Hora e Data.

• Imagem personalizada (Logo): Ideal para reforçar sua marca.

Configurações Avançadas (Transições)

Ao habilitar as Configurações Avançadas da Barra, você pode configurar uma segunda barra.

• Isso permite que os itens da barra alternem entre si (ex: mostra Clima/Hora por 10 segundos e depois troca para Logo/Data).

• Você define o tempo de transição entre essas duas variações.