How to Create and Use the Split Screen App

O recurso de Tela Dividida no OptiSigns permite que você divida sua tela em diferentes zonas ou regiões, possibilitando uma exibição mais dinâmica de conteúdo. Este recurso é suportado em todas as plataformas, exceto Roku e Apple TV. Comumente referido como Telas Divididas, Zonas de Tela ou Layouts de Tela, este guia o orientará através dos passos para criar e usar o aplicativo de tela dividida.

Passos para Criar e Usar o Aplicativo de Tela Dividida

1. Criando um Aplicativo de Tela Dividida

1. Navegue até Ativos/Arquivos: Clique na aba Arquivos/Ativos no portal OptiSigns.
2. Selecione o Aplicativo: Clique na opção App.
3. Escolha Tela Dividida: Selecione Tela Dividida entre as opções disponíveis.

2. Selecionando um Modelo

1. Escolha um Modelo: Os modelos fornecem um ponto de partida. Você pode modificar as dimensões das zonas posteriormente ou criar seu próprio layout Personalizado.
   • Para este artigo, usaremos 2 Principais + 1 Ticker nos exemplos.

3. Configurando Zonas

1. Nomeie sua Tela Dividida: Digite um nome para sua Tela Dividida. Este nome aparecerá na lista de Ativos.
2. Ajustar Orientação: Mude a tela dividida para orientação paisagem ou retrato.
3. Nomear a Zona: Não é obrigatório alterar, mas você pode dar um nome a cada zona.
4. Ajustar Dimensões da Zona: Modifique a posição e as dimensões das zonas se necessário.
   1. Os números estão em porcentagens para garantir que o layout seja dimensionado adequadamente, independentemente da resolução da tela.
   2. Ou você pode clicar em uma zona e arrastar e soltar as bordas para alterar o tamanho da zona.
5. Atribuir Conteúdo às Zonas: Para cada zona, selecione o tipo de conteúdo que deseja reproduzir (ativo, playlist ou programação).
6. Adicionar ou Ajustar as Zonas: Use as opções nesta barra para alterar as zonas coloridas.
   • Ícone de Mais: Adicionará outra zona.
   • Desfazer e Refazer: Reverter uma ação ou reaplicar uma ação desfeita.
   • Ajustar Camadas das Zonas: Enviar zonas para trás, para o fundo, para frente ou para a frente. Estas são úteis se suas zonas se sobrepõem.
   • Excluir: Selecione uma zona e exclua-a do painel de personalização.

4. Adicionando uma Faixa Rolante

• Integração de Faixa Rolante: A Tela Dividida pode ser acompanhada por uma Faixa Rolante. Aplicativos como Clima, Notícias, Murais de Redes Sociais e Ações mudam automaticamente para o formato de faixa rolante quando colocados em uma zona similar a uma faixa rolante. Saiba mais sobre como criar uma Faixa Rolante aqui.

5. Visualizar e Salvar

1. Visualizar: Clique em Visualizar para ver como ficará a Tela Dividida.
2. Salvar: Quando estiver satisfeito com o layout, clique em Salvar. Sua Tela Dividida será adicionada à sua lista de Ativos.

6. Atribuindo a Tela Dividida às suas Telas

1. Navegue até a Aba Telas: Vá para a aba Telas.
2. Editar Tela: Clique em Editar na tela à qual deseja atribuir a Tela Dividida.
3. Atribuir Tela Dividida: Defina Tipo como Ativo e selecione o ativo de Tela Dividida recém-criado.

Perguntas Frequentes

Não consigo fazer com que algumas das minhas telas divididas sejam exibidas em tela cheia. O que posso fazer?

Este problema ocorre porque a Zona Principal no aplicativo de Tela Dividida não tem uma proporção de 16:9. Aqui estão algumas maneiras de resolver isso e garantir que o conteúdo se ajuste à sua Zona Principal:

1. Redimensionar o Ativo do Designer:

   • Certifique-se de que o tamanho do seu ativo corresponda ao da Zona Principal,
     

   • Por exemplo: na captura de tela abaixo, a Zona Principal é 1920x970. Então você deve redimensionar seu ativo do Designer para corresponder a esse número.
   
   

2. Ajustar a Proporção da Zona Principal:

   • Altere o tamanho da Zona Principal para 1920x1080, e use outras zonas como sobreposição.
     

   • Isso funciona melhor com faixas rolantes
   
   

3. Usar a Opção Esticar:

   • Nas configurações da playlist, defina a opção Escalar Imagem para Esticar.

   • Isso esticará o conteúdo para preencher a Zona Principal.

   

Você pode ter uma ideia de como essas configurações ficarão com esta imagem:

Para mais informações sobre proporções de imagem, veja nosso artigo sobre Esticar, Zoom e Ajustar.

Observe que essas proporções se aplicam a qualquer aplicativo, não apenas a imagens e vídeos.

Informações Adicionais

Para quaisquer perguntas adicionais, preocupações ou feedback sobre o OptiSigns, sinta-se à vontade para entrar em contato com nossa equipe de suporte em support@optisigns.com.