Een van de meer populaire manier van omgaan met de aangepaste pictogrammen in de Android development project is gebruik te maken van vector drawables. Dit zijn XML-bestanden die het pad beschrijven waarin een drawable kan worden weergegeven op runtime in de Android-app. Om de vector drawable te krijgen, kunt u een SVG-bestand converteren naar dit formaat. Onlangs, dit is gemakkelijker gemaakt met de nieuwste updates voor Android Studio. Echter, als je zoals sommigen van ons die gewend zijn aan de oude pijplijn, kunt u SVGs converteren naar vector drawables met deze handige tool.
het voor de hand liggende voordeel van het gebruik van vector drawables is de grootte voetafdruk van uw APK. Het verschil in de grootte van een app met vectoren versus afbeeldingen is vrij significant. In plaats van meerdere verpakte afbeeldingen voor elke DPI-resolutie die de app ondersteunt, hebt u een enkel, matig klein tekstbestand met het pad van de afbeelding als inhoud.
bij het gebruik van normale afbeeldingen zoals PNG ‘ s voor uw pictogrammen, is het eenvoudig om de oorspronkelijke resolutie te bepalen door de afbeelding te inspecteren op zijn afmetingen ten opzichte van zijn dpi-emmer. Het is nog makkelijker met Vector drawables, maar er zijn twee verschillende aangegeven hoogtes en breedtes binnen de XML. Je hebt viewportWidth en width. De viewportWidth is eigenlijk de grootte dat de asset zal worden getekend binnen die viewport. Wanneer het het pad binnen tekent zal het zich beperken tot de grootte van die viewport. De andere “breedte” is de werkelijke breedte die de ontwikkelaar zou behandelen als zijn native dpi grootte wanneer opgeblazen in een weergave.
<vector android:height="24dp" android:viewportHeight="22.0"android:width="24dp" android:viewportWidth="15.0"
zodra u uw Vector drawable hebt, kunt u de variaties van het uiterlijk uitbreiden door een andere XML aan te maken voor elke variatie waartoe u toegang wilt hebben in uw Android-bronnen. Hoewel dit ook kan worden gedaan voor raw-afbeeldingen, is het een beetje makkelijker om mee te werken wanneer u een bitmasker wilt gebruiken of de kleurstatus van een pictogram wilt wijzigen zonder een hoop activa te vervangen.
Luminantie is een geweldige pictogramset voor degenen die willen experimenteren met pictogrammen. Alle pictogrammen zijn gratis te gebruiken en beschikbaar in SVG-formaat.
nogmaals, om deze pijplijn samen te vatten om te spelen met:
- Download luminantie en kies een pictogram dat u in SVG-formaat wilt gebruiken.
- Drop de SVG in Android SVG naar VectorDrawable en zet het om in een Android Vector drawable XML.
- plaats de XML in uw res / drawable map.
- gebruik in uw Afbeeldingsweergave, Afbeeldingsknoppen of ergens anders waar u een tekenbestand wilt gebruiken!