SVG para dispositivos de tracção vectoriais: A Melhor Maneira de Personalizar o Android Ícones

Garret Cole
Garret Cole

Siga

Out 21, 2016 · 2 min de leitura

Uma das mais populares formas de manipulação de ícones personalizados dentro do Android de desenvolvimento do projeto é usar o vetor de drawables. Estes são arquivos XML que descrevem o caminho em que um desenhável pode ser renderizado no tempo de execução dentro do aplicativo Android. Para obter o vector desenhável, você pode converter um ficheiro SVG para este formato. Recentemente, isso foi facilitado com as últimas atualizações do Android Studio. No entanto, se você é como alguns de nós que estão acostumados ao oleoduto antigo, você pode converter SVGs para drawables vetoriais com esta ferramenta útil.

A vantagem óbvia para a utilização de traçáveis vetoriais é a pegada de tamanho da sua APK. A diferença no tamanho de um aplicativo com vetores versus imagens é bastante significativa. Em vez de ter várias imagens embaladas para cada resolução DPI que a aplicação suporta, você tem um único, moderadamente pequeno arquivo de texto com o caminho da imagem como seu conteúdo.

ao usar imagens normais como PNGs para os seus ícones, é simples determinar a resolução nativa, inspeccionando a imagem para as suas dimensões em relação ao seu balde de PPP. É ainda mais fácil com drawables vetoriais, mas há duas alturas e larguras declaradas diferentes dentro do XML. Tem largura e largura de visualização. O viewportWidth é, na verdade, o tamanho que o ativo vai ser desenhado dentro desse viewport. Quando desenhar o caminho dentro dele irá restringir ao tamanho dessa área de visualização. A outra “largura” é a largura real que o desenvolvedor trataria como seu tamanho nativo de PPP quando inflado em uma vista.

<vector android:height="24dp" android:viewportHeight="22.0"android:width="24dp" android:viewportWidth="15.0"

Uma vez que tenha o seu vector desenhável, pode expandir as variações da sua aparência criando outro XML para cada variação a que deseja ter acesso nos seus recursos Android. Embora isso também possa ser feito para imagens raw, é um pouco mais fácil de trabalhar com quando você quer usar uma máscara de bits ou mudar o estado de cor de um ícone sem ter que substituir uma série de ativos.

luminância é um grande conjunto de ícones para aqueles que gostariam de experimentar com ícones. Todos os ícones são livres de usar e disponíveis no formato SVG.

de novo, para resumir esta conduta para brincar com:

  1. transferir a luminância e escolher um ícone que deseja usar no formato SVG.
  2. Drop the SVG into Android SVG to VectorDrawable and convert it into an Android vector drawable XML.
  3. coloque o XML na sua pasta res/desenhável.
  4. Use no seu ImageView, ImageButtons, ou em qualquer outro sítio onde queira usar um activo desenhável!

Deixe uma resposta

O seu endereço de email não será publicado.