Apesar de desenvolver aplicativos Android, suportar múltiplas resoluções é um pesadelo para os desenvolvedores. A inclusão de múltiplas imagens para diferentes resoluções também aumenta o tamanho do projeto. A solução é usar gráficos vetoriais como imagens SVG.
O que é Vector Drawable?
>A VectorDrawable é um gráfico vetorial definido em um arquivo XML como um conjunto de pontos, linhas e curvas, juntamente com suas informações de cores associadas. A maior vantagem de usar um desenho vectorial é a escalabilidade da imagem. Agora não há necessidade de criar imagens de tamanho diferente para mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi etc. Vector drawable pode ser escalonado sem perda de qualidade de exibição, o que significa que o mesmo arquivo é redimensionado para diferentes densidades de tela sem perda de qualidade de imagem. Isto resulta em arquivos APK menores e menos manutenção do desenvolvedor.
Criar Projeto Android
1. Crie um novo projeto no Android Studio a partir do arquivo ⇒ Novo Projeto e preencha os detalhes do projeto.
2. Abra o build.gradle e adicione a linha abaixo dentro do bloco defaultConfig.
vectorDrawables.useSupportLibrary = true
Se você estiver usando a versão gradle abaixo de 2.0 então use o seguinte
aaptOptions {
additionalParameters " — no-version-vectors"
}
Criando VectorDrawable
Existem 2 maneiras de criar VectorDrawable usando a ferramenta de recursos do Android Studio Vector.
I) Material Icons
Então vamos começar criando VectorDrawable a partir do Material Icons. Estes ícones são o conjunto de ícones oficiais do Google que são desenhados sob as diretrizes de design do material.
- No projeto clique com o botão direito do mouse no diretório extraível
- Vá para o novo ⇒ Vector Asset
- Clique no ícone do lançador para navegar em Material Icons.
- Selecione um ícone e clique em OK.
- Reveja o nome do arquivo e clique em Next.
- Agora o Vector Asset Studio mostrará a localização sobre onde o arquivo está sendo salvo, revise-o e clique em finish.
- A pasta drawable consistirá agora em um arquivo recém-criado.
II) SVG ou arquivo PSD
Agora criamos o vectorDrawable a partir do ícone Material, e se quisermos um ícone separado? Podemos criá-lo a partir de SVG ou PSD, abaixo estão os procedimentos
- No projeto Clique com o botão direito do mouse no diretório drawable
- Vá para Novo ⇒ Vetor Asset
- Select Local File (SVG, PSD) option
- Clique no ícone browse e navegue para o seu arquivo SVG ou PSD para selecioná-lo e clique em OK.
- Verifica a imagem na pré-visualização e clica em Next ⇒ Finish.
Using VectorDrawable
Adicionamos com sucesso os VectorDrawables ao projecto, agora é altura de os usar. Abra o arquivo de layout da atividade principal (activity_main.xml) e adicione o xml abaixo. Este layout contém mostra como usar VectorDrawable com ImageView e outras Views (como fundo)
Para usar VectorDrawable a partir do java ou para usá-lo como fundo (em xml também) você precisa intimar o AppCompatDelegate para habilitar o vetor compatriota a partir do recurso. Abaixo está o código para isso.