Artigos sobre: Design do aplicativo

Imagem de fundo do ícone

Esta opção permite adicionar uma imagem de fundo no ícone de alguma aba do app. Essa é uma boa opção para personalizar ainda mais os botões das abas.


Passo a passo para inserção de imagem de fundo de ícone


  • No painel editor do app, escolha a aba que deseja mudar o fundo clicando na mesma;
  • Em seguida em "Imagem de Fundo do Ícone da Aba" faça o envio da imagem. A mesma deve respeitar as seguintes especificações:
  • Tamanho da imagem: 400 x 400 pixels
  • Tamanho máximo do arquivo: 5MB
  • Formatos suportados: PNG, JPG e JPEG
  • Clique em "Salvar Alterações".



Estilização de aba


A "Imagem de fundo do ícone" é um recurso que pode ser bastante explorado para a criação de apps com designs exclusivos e únicos.


Com essa função é possível inserir na plataforma, uma imagem completa, já com o ícone e nome da aba. Dessa forma basta inclui-la no campo "Imagem de fundo do ícone" e desativar as opções de nome da aba e ícone da aba.


É possível estilizar nos dois tipos de exibição de abas disponíveis na plataforma: em lista e em grade. Veja abaixo como fazer em cada um dos tipos.


Modo de exibição de abas em lista: estilizando com a imagem de fundo de ícone


  • No painel editor do app, clique em "Editor Visual" localizado no topo;
  • Após clique em "Personalizar Layout";
  • Em "Estilo de texto" deixe a opção "Exibir texto nas abas" desativada;
  • Agora escolha a aba que deseja mudar o fundo clicando na mesma;
  • Em "Ícone da aba" caso já tenha uma imagem retire-a clicando no x vermelho;
  • Em seguida em "Imagem de Fundo do Ícone da Aba" faça o envio da imagem estilizada. A mesma deve respeitar as seguintes especificações:



Tamanho da imagem: 1125 x 360 pixels


Tamanho máximo do arquivo: 5MB


Formatos suportados: PNG, JPG e JPEG


  • Clique em "Salvar Alterações".



Modo de exibição de abas em grade: estilizando com a imagem de fundo de ícone


  • No painel editor do app, clique em "Editor Visual" localizado no topo;
  • Após clique em "Personalizar Layout";
  • Em "Estilo de texto" deixe a opção "Exibir texto nas abas" desativada;
  • Agora escolha a aba que deseja mudar o fundo clicando na mesma;
  • Em "Ícone da aba" caso já tenha uma imagem retire-a clicando no x vermelho;
  • Em seguida em "Imagem de Fundo do Ícone da Aba" faça o envio da imagem estilizada. A mesma deve respeitar as seguintes especificações:
  • Tamanho da imagem: 400 x 400 pixels
  • Tamanho máximo do arquivo: 5MB
  • Formatos suportados: PNG, JPG e JPEG
  • Clique em "Salvar Alterações".



Se preferir veja o vídeo:

Atualizado em: 09/12/2022