O elemento Text Crawler permite adicionar facilmente textos de rolagem às suas Overlays. Isso é útil para criar tickers de notícias, call to action, exibir informações meteorológicas, exibir comentários do público e muito mais.
Dados suportados
O Text Crawler pode ser construído usando textos estáticos ou conectando-os a um Data Provider para torná-lo dinâmico.
As fontes de dados suportadas são:
- Google Spreadsheet: Usando um Google Sheets Provider.
- Uma coleção: Usando um Collection Provider.
- Outras fontes: Usando um External Connector. Nesse caso, a fonte de dados pode ser JSON, XML ou RSS .
Criar um Text Crawler
Você precisa adicionar um elemento Text Crawler à sua árvore. Uma Overlay será criada automaticamente se você não a tiver adicionado à árvore antes de adicionar o item.
1. Usando um texto estático
Use-o como call to action ou adicione qualquer texto que deseja exibir.
(1) Selecione o Text Crawler adicionado à sua árvore.
(2) Edite o texto que deseja exibir. Cada linha de texto (até uma quebra de linha ou caractere "inserir") será exibida como um elemento diferente no Crawler, dividido por separadores personalizáveis (consulte a seção Propriedades abaixo).
2. Conectado a um Google Spreadsheet
Use uma planilha como um resumo de seus textos para notícias ou mensagens.
(1) Crie um Google Sheet Provider e conecte uma planilha.
(2) Selecione o elemento Text Crawler.
(3) Insira o intervalo de células que contém os dados que você deseja exibir. Cada linha será atribuída a um item no rastreador.
(4) Use o controle Concatenação de Texto para compor o texto de cada elemento do Crawler. Você pode misturar texto personalizado com planilha, especificando as colunas das quais deseja obter as strings. Você pode reordenar esses textos arrastando-os.
3. Conectado a uma coleção
Mostre mensagens de seu público por meio de um ticker de comentários.
(1) Crie um Collection Provider e escolha uma coleção.
(2) Selecione o elemento Text Crawler.
(3) Conecte a lista de postagens que deseja exibir. Cada postagem será atribuída a um item no Crawler.
(4) Componha o texto de cada elemento do Crawler usando o controle Concatenação de Texto. Você poderá vincular os dados de cada publicação, como o identificador, o nome de usuário e o conteúdo da postagem, e também adicionar caracteres personalizados como @ , / , : , para exibir o conteúdo social.
4. Conectado a um External Conector
Retorna dados de uma fonte externa, como JSON, XML ou RSS .
(1) Crie um External Connector e conecte uma fonte. No exemplo acima, estamos usando um feed Atom / RSS.
(2) Selecione o elemento Text Crawler.
(3) Vincule-o ao array de entradas. Cada objeto no array será atribuído a um elemento no Crawler.
(4) Use o controle Concatenação de texto para compor os elementos Crawler. Você poderá vincular strings de cada objeto vinculado, como título, descrição, números e datas.
Propriedades
Selecionando o "Text Crawler" na árvore, você pode editar suas propriedades a partir do Inspetor.
Speed: A velocidade com que as palavras se movem na tela.
Delay: Em segundos, antes que o texto comece a rolar.
Reverse: Se ativo, o texto rolará da esquerda para a direita.
Separator: O item que é exibido entre cada item no rastreador para diferenciá-los visualmente.
- Text: qualquer combinação de caracteres, como /// ou mesmo emojis.
- Image: Faça upload de uma imagem jpeg, gif ou SVG. Ele será dimensionado de acordo com a altura do texto.
Animation Type: Enquanto o Text Crawler estiver visível, ele percorrerá os elementos. Essa animação pode se comportar de duas maneiras:
- Batch: Todo o grupo de elementos encadeados do rastreador irá rolar até que o último saia, antes que o primeiro apareça novamente.
- Contínuous: Os elementos do rastreador serão repetidos continuamente. O último será seguido imediatamente pelo primeiro, sem espaço entre eles.
Texto da direita para esquerda
Vá para as configurações gerais do Pacote de Gráficos, clicando em um espaço vazio na Tela. Em seguida, habilite o suporte RTL clicando no botão de alternância.
Ao ativar esta opção, a direção do texto nesses elementos será da direita para a esquerda, tanto no Canvas quanto nas entradas editáveis no painel Inspetor.