Widgets in Designer

Neste artigo, abordaremos todos os vários Widgets que você pode adicionar a um design através do aplicativo Designer.

• Imagem de Sobreposição
• Vídeo
• Documento
• Aplicativos
• Playlist
• Hora
• Clima
• Data
• Texto Rolante
• Calendário
• Sala de Reunião
• Rolagem Vertical
• AeriCast

Usando o Designer, você pode adicionar Widgets para deixar seus designs mais dinâmicos. Os Widgets exibem conteúdo complexo de várias fontes, incluindo outros aplicativos, permitindo uma personalização incomparável para seus designs.

Para obter mais informações gerais sobre o aplicativo Designer, consulte nosso guia Introdução ao Designer.

A guia Widgets pode ser acessada no Menu Lateral do Designer:

Os Widgets são sobrepostos em cima do design e não podem ser empilhados.

Clicar em qualquer widget traz as opções de Configurações e Posição:

Configurações abrirá opções que variam conforme o Widget. Posição permite definir a posição do Widget.

Abaixo, abordaremos todas as opções dentro dessa guia e como adicioná-las ao seu design.

Imagem de Sobreposição

Imagem de Sobreposição permite escolher um ativo da sua conta ou fazer upload de um arquivo para colocar sobre o restante do design. Isso inclui todos os tipos de imagem suportados.

Clicar em Configurações abrirá o Menu Lateral Opções de Formato.

• Escala - Escolha entre Ajustar, Zoom e Esticar para o redimensionamento da imagem.
• Fonte - Altere a fonte da sua Imagem de Sobreposição. Por padrão, este é o ativo inicial que você selecionou.

Clicar na opção Posição permite alterar as camadas da imagem e defini-la como um plano de fundo.

• Trazer para Frente - Traz a forma ou elemento selecionado para a camada superior
• Avançar - Traz a forma ou elemento selecionado uma camada acima
• Enviar para Trás - Traz a forma ou elemento selecionado para a camada inferior
• Recuar - Traz a forma ou elemento selecionado uma camada abaixo
• Alinhar à Página - Opções para alterar o alinhamento da forma ou elemento selecionado
  • Esquerda
  • Centro
  • Direita
  • Topo
  • Meio
  • Fundo
• Espaçar Uniformemente - Alinha a forma ou elemento dentro da caixa maior
  • Verticalmente
  • Horizontalmente
• Virar - Vira a forma ou elemento selecionado
  • Horizontal
  • Vertical
• Posição - Permite o posicionamento específico da forma ou elemento no design
• Redimensionar - Permite o redimensionamento preciso da forma ou elemento selecionado

Manter Proporção - Quando marcado, mantém automaticamente a proporção ao redimensionar.

Usar como Plano de Fundo - Quando marcado, permite que a Imagem de Sobreposição seja usada como Plano de Fundo no design.

Vídeo

Vídeo permite escolher um vídeo dos seus ativos ou fazer upload de um arquivo para colocar no design. Isso inclui todos os tipos de arquivo de vídeo suportados, vídeos do Canva, etc.

Clicar na opção Posição permite alterar as camadas do vídeo e defini-lo como um plano de fundo.

• Trazer para Frente - Traz o vídeo selecionado para a camada superior
• Avançar - Traz o vídeo selecionado uma camada acima
• Enviar para Trás - Traz o vídeo selecionado para a camada inferior
• Recuar - Traz o vídeo selecionado uma camada abaixo
• Alinhar à Página - Opções para alterar o alinhamento do vídeo selecionado
  • Esquerda
  • Centro
  • Direita
  • Topo
  • Meio
  • Fundo
• Espaçar Uniformemente - Alinha o vídeo dentro da caixa maior
  • Verticalmente
  • Horizontalmente
• Virar - Vira o vídeo selecionado
  • Horizontal
  • Vertical
• Posição - Permite o posicionamento específico do vídeo no design
• Redimensionar - Permite o redimensionamento preciso do vídeo

Manter Proporção - Quando marcado, mantém automaticamente a proporção ao redimensionar.

Usar como Plano de Fundo - Quando marcado, permite que o Vídeo seja usado como Plano de Fundo no design.

Documento

Documento permite escolher um documento dos seus ativos para colocar no design. Isso inclui Word ou Google Docs, apresentações, Canva, Excel ou Google Sheets, PDFs e mais.

Aplicativos

Aplicativos permite colocar um aplicativo criado a partir dos seus ativos no design. Isso inclui Aplicativos de Website, Aplicativos de Visualização de Dados, Aplicativos de Redes Sociais e mais.

Fonte - Mostra a fonte do aplicativo selecionado e permite Substituí-lo.

Formatos - Clicar em Editar App abrirá a Tela de Edição, permitindo alterar os detalhes do aplicativo dentro do Designer:

Playlist

Playlist permite colocar uma playlist criada no design.

Selecionando a Playlist e clicando no botão Configurações abrirá o Menu Lateral Opções de Formato.

Fonte - Mostra a fonte da playlist selecionada atualmente e permite Substituí-la.

Formatos

• Controle de Reprodução - Quando marcado, habilita o Controle de Reprodução para a Playlist selecionada. Deve estar marcado para que as opções abaixo apareçam.
• Mostrar Barra de Navegação - Alterna entre mostrar e não mostrar a barra de navegação para sua playlist. Isso permite navegar entre as imagens e itens da playlist.
• Cor de Fundo - Define a cor de fundo da barra de navegação.
• Opacidade - Define a Opacidade da barra de navegação.
• Posição do Ícone - Define a posição da barra de navegação.

Clicar na opção Posição permite alterar o empilhamento de vídeo e defini-lo como plano de fundo.

• Trazer para Frente - Traz a playlist selecionada para a camada superior
• Trazer para Frente - Traz a playlist selecionada uma camada para cima
• Enviar para Trás - Leva a playlist selecionada para a camada inferior
• Enviar para Trás - Leva a playlist selecionada uma camada para baixo
• Alinhar à Página - Opções para alterar o alinhamento da playlist selecionada
  • Esquerda
  • Centro
  • Direita
  • Topo
  • Meio
  • Base
• Espaçar Uniformemente - Alinha a playlist dentro da caixa maior
  • Verticalmente
  • Horizontalmente
• Espelhar - Espelha a playlist selecionada
  • Horizontalmente
  • Verticalmente
• Posição - Permite posicionamento específico da playlist no design
• Redimensionar - Permite redimensionamento preciso da playlist

Manter Proporção - Quando marcado, mantém automaticamente a proporção ao redimensionar.

Usar como Fundo - Quando marcado, permite que a playlist seja usada como Fundo no design.

Para mais informações, veja nosso artigo sobre Criando e Usando Playlists.

Tempo

Tempo colocará um relógio em seu design.

Clicando no botão Configurações com ele selecionado traz estas opções:

• Tipo - Escolha entre estilos de relógio Digital e Analógico.
• Estilo - Escolha entre os estilos Básico e Barra de Relógio.
• 24 Horas - Quando marcado, muda para o relógio de 24 horas.
• Mostrar Data - Quando marcado, também mostrará a data.
• Fuso Horário - Escolha qual fuso horário o relógio exibirá (o padrão é o fuso horário existente do Dispositivo).
• Transformação de Texto - Alterne entre estilos de texto em maiúsculas, minúsculas e em sentença.
• Tamanho da Fonte - Selecione um tamanho de fonte personalizado.
• Nome da Fonte - Selecione uma fonte personalizada.
• Cor do Texto - Escolha a cor do texto. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.
• Cor de Fundo - Escolha a cor do fundo. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.
• Opacidade - Altere a opacidade da cor de fundo.

Clima

Clima colocará uma previsão do tempo em seu design.

Clicando na opção Configurações com ele selecionado traz estas opções:

• Usar Localização das Configurações do Dispositivo - Quando marcado, o Widget usará a localização das Configurações do Dispositivo para obter informações relevantes sobre o clima.
• Localização - Defina a localização para exibir o clima. Se Usar Localização das Configurações do Dispositivo estiver marcado, isso será usado como alternativa se a localização do dispositivo não estiver disponível.
• Escala - Escolha a escala de temperatura entre Fahrenheit e Celsius
• Estilo - Escolha entre os estilos de ícone Padrão, Simples e Colorido para o aplicativo.
• Idioma - Selecione o idioma no qual deseja que seu aplicativo de Clima seja exibido.
• Transformação de Texto - Alterne entre estilos de texto em maiúsculas, minúsculas e em sentença.
• Tamanho da Fonte - Selecione um tamanho de fonte personalizado.
• Nome da Fonte - Selecione uma fonte personalizada.
• Cor do Texto - Escolha a cor do texto. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.

O widget Clima será atualizado dinamicamente, fornecendo constantemente informações precisas sobre o clima para o local selecionado.

Data

Data colocará a data no design. Isso será atualizado automaticamente à medida que o tempo passa.

Clicar no botão Configurações com ele selecionado traz estas opções:

• Fuso Horário - Defina o fuso horário para a data. Por padrão, isso usará o fuso horário do dispositivo.
• Formato - Altere a formatação da data.
• Transformação de Texto - Alterne entre estilos de texto em maiúsculas, minúsculas e em sentença.
• Tamanho da Fonte - Selecione um tamanho de fonte personalizado.
• Nome da Fonte - Selecione uma fonte personalizada.
• Cor do Texto - Escolha a cor do texto. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.
• Cor de Fundo - Escolha a cor do fundo. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.
• Opacidade - Altere a opacidade da cor de fundo e do texto da data.
• Idioma - Selecione o idioma no qual deseja que seu aplicativo de Data seja exibido.

Texto Rolante

Texto Rolante insere texto rolando horizontalmente em seu design. Para alterar o conteúdo e a formatação do texto, selecione o texto e clique em Configurações:

Conteúdo

• Digite o conteúdo do texto aqui.
  

Formatos

• Orientação - Mantenha como paisagem ou gire o texto em 90 ou 270 graus.
• Direção de Rolagem - Escolha entre rolagem para a Esquerda ou Direita.
• Velocidade de Rolagem - Altere a velocidade na qual o texto rola
• Transformação de Texto - Alterne entre estilos de texto em maiúsculas, minúsculas e em sentença.
• Tamanho da Fonte - Selecione um tamanho de fonte personalizado.
• Nome da Fonte - Selecione uma fonte personalizada.
• Cor do Texto - Escolha a cor do texto. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.
• Cor de Fundo - Escolha a cor do fundo. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.

• Opacidade - Altere a opacidade da cor de fundo.

Mapeamento de Dados - Permite o mapeamento de fontes de dados dinâmicas para seu elemento de texto rolante. Para mais informações, veja nosso artigo sobre Mapeamento de Dados Herdado com Google Sheets ou Mapeamento de Dados Herdado com MS Excel .

Calendário

Calendário permite que você sincronize seu calendário do Google ou do Outlook com o OptiSigns e o exiba em seu design.

Você precisará fazer login em sua conta do Google ou da Microsoft e conceder as permissões relevantes para permitir isso. Uma vez feito, seu calendário aparecerá no design. Então, ele pode ser alterado clicando na opção Configurações , que abrirá o Menu Lateral

Ele aparecerá em seu design após alguns segundos:

Selecionando o widget de Sala de Reunião e clicando em Configurações permitirá formatar o widget:

Fonte - Mostra a fonte do aplicativo de Sala de Reunião. A Sala pode ser atualizada manualmente aqui e a Fonte em si pode ser Substituída, se necessário.

Formatos

• Tipo - Escolha entre os tipos Simples e Detalhado.
• Fuso horário - Defina o fuso horário relevante para sua Sala de Reunião. O padrão é o fuso horário do dispositivo, mas pode ser definido para qualquer outro fuso horário.
• 24 horas - Quando marcado, os horários serão mostrados em um relógio de 24 horas.
• Tema - Alterne entre Tema Claro e Tema Escuro ou selecione um tema Personalizado.
• Opacidade - Define a opacidade do widget de Sala de Reunião.

Rolagem Vertical

Rolagem Vertical permite adicionar texto com rolagem vertical ao seu design. Isso é útil para criar diretórios e todos os tipos de outros aplicativos.

Para personalizar um widget de Rolagem Vertical, selecione-o e clique em Configurações.

Conteúdo

• Clicar em Editar abaixo o levará para esta tela:

• Aqui, você pode inserir texto, personalizá-lo, alterar fontes e até adicionar coisas como tabelas.

Formatos

• Direção de rolagem - Escolha entre as direções de rolagem Para cima ou Para baixo.
• Velocidade de rolagem - Altere a velocidade com que seu texto rola.
• Cor de fundo - Escolha a cor do plano de fundo. Escolha entre cores predefinidas, cores já usadas neste design ou através do seletor de cores.
• Opacidade - Altere a opacidade da cor de fundo.

Mapeamento de dados - Permite o mapeamento de fontes de dados dinâmicas para seu elemento de rolagem vertical. Para obter mais informações, consulte nosso artigo Mapeamento de dados herdado com o Google Sheets ou Mapeamento de dados herdado com o MS Excel .

AeriCast

AeriCast permite inserir um aplicativo AeriCast em seu design para videoconferência fácil.

Basta selecionar um aplicativo do add-on AeriCast existente para colocá-lo no design.

Para obter mais informações sobre como configurar o AeriCast, consulte nosso artigo sobre Como usar o AeriCast para apresentação sem fio e videoconferência.

É isso!

OptiSigns é líder em software de sinalização digital. Se você tiver alguma dúvida adicional, preocupação ou qualquer feedback sobre o OptiSigns, não hesite em entrar em contato com nossa equipe de suporte em support@optisigns.com.