Android werken met SVG / Vector Drawables

Tijdens het ontwikkelen van Android-toepassingen, de ondersteuning van meerdere resoluties zijn soms nachtmerrie voor ontwikkelaars. Inclusief meerdere afbeeldingen voor verschillende resoluties verhoogt ook de grootte van het project. De oplossing is het gebruik van vectorafbeeldingen zoals SVG-afbeeldingen.

Wat is een vectorafbeelding?

Een VectorDrawable is een vectorafbeelding die in een XML-bestand is gedefinieerd als een verzameling punten, lijnen en curven, samen met de bijbehorende kleurinformatie. Het grote voordeel van het gebruik van een vector drawable is de schaalbaarheid van de afbeelding. Nu is er geen behoefte om verschillende groottebeeld voor mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi enz. te creëren. Vector drawable kan worden geschaald zonder verlies van beeldkwaliteit, wat betekent dat hetzelfde bestand wordt aangepast voor verschillende schermdichtheden zonder verlies van beeldkwaliteit. Dit resulteert in kleinere APK-bestanden en minder onderhoud door ontwikkelaars.

Android-project maken

1. Maak een nieuw project in Android Studio van Bestand ⇒ Nieuw project en vul de projectgegevens in.

2. Open build.gradle en voeg onderstaande regel toe in defaultConfig block.

vectorDrawables.useSupportLibrary = true

Als u gradle versie onder 2.0 gebruikt, gebruik dan het volgende

.0 gebruikt, gebruik dan het volgende

aaptOptions {
additionalParameters " — no-version-vectors"
}

Creëren van VectorDrawable

Er zijn 2 manieren om VectorDrawable te maken met behulp van Android Studio Vector asset tool.

I) Material Icons

Laten we beginnen met het maken van VectorDrawable van Material Icons. Deze pictogrammen zijn de officiële pictogrammenset van Google die zijn ontworpen volgens de richtlijnen van Material Design.

  1. In het project Klik met de rechtermuisknop op de drawable directory
  2. Ga naar Nieuw ⇒ Vector Asset
  3. Klik op het launcher pictogram om door Material Icons te bladeren.
  4. Selecteer een pictogram en klik op OK.
  5. Bekijk de naam van het bestand en klik op volgende.
  6. Nu zal Vector Asset Studio de locatie tonen waar het bestand wordt opgeslagen, bekijk het en klik op voltooien.
  7. De drawable map zal nu bestaan uit een nieuw gecreëerd bestand.

II) SVG of PSD bestand

Nu hebben we vectorDrawable van Material Icon gemaakt, wat als we een apart pictogram willen? We kunnen het van SVG of PSD maken, hieronder de procedure

  1. In het project Klik met de rechtermuisknop op de drawable directory
  2. Ga naar Nieuw ⇒ Vector Asset
  3. Selecteer Lokaal bestand (SVG, PSD) optie
  4. Klik op het browse icoon en navigeer naar uw SVG of PSD bestand om het te selecteren en klik op OK.
  5. Vergifieer de afbeelding in het voorbeeld en klik op Volgende ⇒ Voltooien.

VectorDrawable gebruiken

We hebben met succes VectorDrawables aan het project toegevoegd, nu is het tijd om ze te gebruiken. Open het lay-outbestand van de hoofdactiviteit (activity_main.xml) en voeg de onderstaande xml toe. Deze lay-out toont hoe VectorDrawable met ImageView en andere Views (als achtergrond) te gebruiken

Voor het gebruik van VectorDrawable van java of om het te gebruiken als achtergrond (in xml ook) moet u AppCompatDelegate intimate om compat vector van bron mogelijk te maken. Hieronder is de code voor dat.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.