Inserir uma imagem

Existem três maneiras de adicionar imagens a um aplicativo:

1. Copiar e colar da área de transferência do seu computador no Chrome
2. Fazer upload manualmente a partir da área de trabalho
3. Usar uma URL de imagem

Copiar e colar uma imagem

Você pode copiar e colar imagens nos aplicativos usando CTRL+C e CTRL+V no Windows e CMD+C e CMD+V no Mac.

Carregar uma imagem

Widget de imagem

1. Navegue até a etapa no aplicativo.
2. Clique em “Incorporar” na barra de ferramentas e selecione “Imagem” no menu suspenso.

1. Na guia “Widget” do Painel de Contexto, configure a “Fonte de dados ” como “Valor estático”.
2. Cole a URL da imagem no campo abaixo ou clique no botão de upload para selecionar uma imagem da sua unidade local.

Arraste a imagem para uma etapa

Você também pode clicar e arrastar imagens do seu disco local e soltá-las em uma etapa.

Variável de URL da imagem

Você pode criar uma variável do tipo “imagem” e, em seguida, armazenar uma imagem específica como valor padrão. Ou pode atualizar essa variável com uma nova imagem no Editor de Gatilhos.

1. No , clique na guia “App ” e clique no X ao lado de “Variáveis”.

1. Clique em + Criar variável.
2. Nomeie a variável como “testimage” e selecione URL da imagem como tipo.
3. Clique no ícone “Carregar ” em “Valor padrão”.

Você pode atualizar essa imagem por meio de um gatilho. Use “Manipulação de dados” --> “Armazenar” para adicionar uma nova URL de imagem ou fazer upload de uma imagem para essa variável.

Estilize e adicione gatilhos a uma imagem

Você pode editar as seguintes propriedades das imagens após elas serem enviadas para o Tulip no Painel de Contexto, no lado direito da tela:

• Dimensionamento da imagem
• Rotação
• Sombra projetada
• Borda
• Piscar

Você também pode adicionar um gatilho a uma imagem ou exibir uma versão em tela cheia dela quando clicada. Use o menu “Ações ao clicar” no painel lateral após selecionar a imagem.

Detalhes técnicos sobre suporte a imagens

O Tulip suporta os seguintes formatos de imagem:

{{snippet.Você encontrou o que estava procurando?}}