Gráficos vetoriais

O Relay oferece suporte à tradução das camadas vetoriais do Figma para drawables vetoriais do Android.

Diagrama - Camadas vetoriais convertidas para VectorDrawable convertido para uma imagem

O Relay converte camadas vetoriais do Figma em Elementos gráficos vetoriais escaláveis (SVG), que são convertidos em drawables vetoriais. Um drawable vetorial é um gráfico vetorial definido em um arquivo XML como um conjunto de pontos, linhas e curvas com informações de cor associadas. No código gerado, o drawable vetorial é usado como um recurso de imagem.

No momento, o Relay oferece suporte aos atributos de formato de vetor abaixo:

  • Todos os tipos de vetor (retângulo, linha, seta, elipse, polígono, estrela, vetor genérico)
  • Preenchimento de vetor (cor sólida, gradiente linear, gradiente radial)
  • Traços sólidos
  • Preenchimento de traço (cor sólida, gradiente linear, gradiente radial)
  • Largura do traço
  • Estilo de fim de traço
  • Opacidade

Limitações

Os atributos específicos de vetores que não tem suporte no momento são:

  • Recursos sem suporte ao formato VectorDrawable do Android:
    • Imagens de bitmap incorporadas (exceto retângulos, que tem suporte como imagens em vez de vetores)
    • Tracejados
    • Desfoque
    • Sombra
    • Padrão
    • Máscara
    • Opacidade do grupo
    • Ponto focal do gradiente radial
  • Recursos sem suporte ao formato SVG:
    • Gradientes angulares
    • Gradientes de diamante
  • Operações booleanas entre objetos vetoriais (união / subtração / interseção / exclusão)
    • Uma solução alternativa para essas operações é fazer a combinação e nivelar um único vetor