Hur man...

skapar Android drawables och knappar

Android drawables (ikoner) måste ritas i flera storlekar för olika skärmupplösningar. Android 9-patch-knappar måste ha fasta och expanderbara delar definerade så att de kan skalas korrekt. Den här guiden förklarar hur man designar en Android drawable eller knapp med Greenfish Icon Editor Pro.

Standardupplösningar definerade av Android är:

Konvertering av en befintlig bild, till en Android drawable

  1. Öppna din befintliga bildfil.
  2. Har den flera bildsidor, väljer du den sida du vill använda för att skapa din nya drawable från.
  3. Gå till menyobjektet Ikon|Skapa Android drawable av bild.
  4. Bocka för de upplösningar du vill skapa.
  5. Ange den identifierare du vill tilldela din Android drawable. Det skall vara en giltig Java-identifierare.
  6. Ange DPI för källfilen. Det här är vad som kontrollerar hur stor din färdiga drawable kommer att bli.
  7. Tryck OK.

Det färdiga dokumentet blir ett flersidigt dokument med följande egenskaper:

Tips: Spara alltid det färdiga dokumentet som en .gfie-fil någonstans, för att bevara all information.

Tips: Börja med att designa din drawable-prototyp i en riktigt stor storlek, innan du går till Ikon|Skapa Android drawable av bild. Tänk på att det alltid går att minska upplösningen.

Exportera en Android drawable

Efter att du har skapat och redigerat din drawable, kan du exportera den till resursmappen i ditt Android project. Gå till Arkiv|Exportera Android drawable för att göra detta.

Sidorna kommer att sparas till respektive undermapp (drawable-ldpi, drawable-mdpi, etc.). De sparade filerna kommer att ha namnet [title].png, där [title] är samma som dokumentnamnet. Dokumentnamnet kan anges i dokumentets metadatadialog (se Arkiv|Metadata).

Skapa och testa en Android-knapp

Android-knappar har 9-patch-bilder som bakgrunder. En 9-patch-bild, är en vanlig bild med en extra tvåfärgad ram. Denna ram kodar hur bilden kommer att skalas upp. Svarta pixlar i ramen markerar de expanderbara delarna, medan återstående pixlar markerar de fasta delarna av bilden. Se Samples/ninepatch.gfie för exempel på en 9-patch-bild.

Du kan rita en 9-patch-knapp som en normal bild i GFIE, genom att rita bilden och lägga till en 1-pixel bred ram av ovanstående format. Gå sedan till Ikon|Test och välj 9-Patch-fliken för att visa flera knappar i slumpmässigt genererade positioner.