Share
Du kan lägga till värde för varje produkt genom att ge användargränssnittet ett professionellt utseende. När användare tycker om vad de ser i en app-användargränssnitt, är de mycket mer benägna att installera den. Det finns en uppsättning definierade regler för design, färg, ikon och andra användargränssnitt som din Android-app ska följa. I den här artikeln kommer vi att hålla fast vid ikonerna, särskilt lanseringsikon, för din Android-app.
Ikonerna för en Android-app är separerade i flera kategorier. Dessa inkluderar:
Du kan lära dig mer om dessa ikonkategorier genom att titta på andra appar. Här är ett exempel på WhatsApp-ikonerna:
Nu kan det vara lätt att skapa dessa ikoner om du är designer, eller om du är en utvecklare som har en designer på ditt lag. Men det är inte så enkelt som det verkar. Du måste skapa ikoner för varje annan dimension, baserat på Android-enhetens skärmupplösningar och densitet. För att ge dig en känsla av hur mycket arbete det kan vara, här är listan över storlekar för vilka du behöver skapa lanseringsikon om du ska göra det på traditionellt sätt:
| Densitet | Ikon |
|---|---|
| ldpi | 36 x 36 px |
| MDPI | 48 x 48 px |
| tvdpi | 64 x 64 px |
| hdpi | 72 x 72 px |
| xhdpi | 96 x 96 px |
| xxhdpi | 144 x 144 px |
| xxxhdpi | 192 x 192 px |
| webb | 512 x 512 px |
Och det här är bara lanseringsikonen. Det finns en liknande lista för varje kategori av ikon. Men tack och lov ger Android Studio oss ett verktyg som heter Bild Asset Studio som hanterar skapandet av ikoner för alla skärmdensiteter mycket enkelt.
Android Studio 3 har introducerat Image Asset Studio för att skapa ikoner för din app. Det tar hand om att skapa appikoner med lämplig upplösning för olika skärmdensiteter och placera dem i respektive mipmap-densitet mappar i resurs katalogen. Det genererar också ikonen för webben (512 x 512 px) som krävs för att ladda upp appen till Google Play Butik. Dessa ikoner hämtas därefter i enlighet med mapparna baserat på skärmens densitet under driftstiden.
För adaptiva lanseringsikoner, Image Asset Studio tillhandahåller en komplett förhandsvisning av ikonuppsättningen som inkluderar cirkel, fyrkant, rundad kvadrat, squircle, fullblodigt lager, äldre ikon, runda och Google Play Butik versioner av ikonen också.
För legacy launcher-ikoner, Å andra sidan stöder inte enheterna ikoner med olika former. Så en mer begränsad uppsättning ikoner kommer att genereras.
Låt oss ta en titt på hur man skapar en ikonuppsättning med hjälp av Image Asset Studio.
För att starta Image Asset Studio, välj Android i Projektfönster. Högerklicka på res mapp och välj Ny > Bildtillgång. Du har nu öppnat Image Asset Studio. Du kan nu skapa en ikon för Adaptive Launcher Icon eller Legacy Only Launcher enligt ditt krav.
Du använder den här ikontypen för Android 8.0-support.
Välj först Launcher-ikoner (Adaptive & Legacy) för ikontyp Ändra namn av ikonen om du vill. Om namnet redan finns kommer det att finnas en varning längst ner i dialogrutan och berätta att den befintliga kommer att skrivas över.
I Forgrundsskikt fliken, välj Asset Type:
På samma sätt, i Bakgrundsskikt fliken kan du välja en Bild, ClipArt, eller Text tillgångstyp.
För både förgrunds- och bakgrundsskikten har du också följande valfria inställningar:
De Arv flikLåt dig bestämma om du vill skapa en äldre ikon. Här kan du välja om du vill skapa en äldre ikon, en Google Play Butik-ikon och en rund ikon, samt vilken form som ska användas för var och en av dem.
Det här är den typ av ikon som du skapar om du vill stödja versioner av Android mindre än eller lika med 7.1.
Välj först Launcher-ikoner (endast äldre) för ikontypen. Du kan ändra namn av ikonen vid denna tidpunkt om du vill. Om namnet redan finns kommer det att finnas en varning längst ner om att den befintliga kommer att skrivas över. Välj Tillgångstyp och konfigurera de associerade inställningarna.
Du kan också konfigurera några valfria inställningar för ikonens utseende:
Alla ändringar du gör kommer att återspeglas i förhandsgranskningsdelen. När du är nöjd med din ikons utseende klickar du på Nästa.
Du kommer sedan till inställningsskärmen, där du kan ändra Resurskatalog där dina ikoner kommer att skickas ut. Uppdatera det om du vill. Följande är de tillgängliga alternativen:
Slutligen packa upp det genom att trycka på Avsluta.
Nu är vi redo med vår nya launcher-ikon i alla respektive mappar. Namnet på min launcher-ikon är ic_launcher_demo. Du kan se alla ikoner som genererades för den här ikonen i skärmdumpen nedan.
Nu är det dags att uppdatera AndroidManifest filen så att vår app vet att använda den nya ikonen. För att starta, öppna din AndroidManifest.xml fil. Här ställs ikonen för standard launcher på rad 7 och 9. Du behöver uppdatera den med den nya ikonen som du skapade.
Byta android: icon och android: roundIcon till namnet du har valt för din startarikonen.
android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"
grattis! Du har uppdaterat startprogrammets ikon för din app.
I det här inlägget lärde du dig om olika typer av ikoner som används i en Android-app, liksom alla olika skärmupplösningar som måste genereras för varje ikon. Sedan lärde du dig om verktyget Image Asset Studio och hur det genererar ikoner för din Android-app mycket lättare.
Accentsconagua