Usando o Text Crawler

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:


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.

Para saber como adicionar elementos ao seu editor gráfico, clique aqui.

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

Lembre-se de que a ativação do texto RTL afetará os seguintes elementos em todo o gráfico: Text block, Text Crawler e Post Content.

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.

Was this article helpful?