Share
Du kan legge til verdi for noe produkt ved å gi brukergrensesnittet et profesjonelt utseende. Når brukere liker det de ser i en app-brukergrensesnitt, er de mye mer sannsynlig å installere den. Det er et sett med definerte regler for design, farge, ikon og andre brukergrensesnittelementer som din Android-app skal følge. I denne artikkelen vil vi holde oss til ikonene, spesielt lanseringsikonet, for din Android-app.
Ikonene for en Android-app er adskilt i flere kategorier. Disse inkluderer:
Du kan lære mer om disse ikonkategoriene ved å se på andre apper. Her er et eksempel på WhatsApp-ikonene:
Nå kan det være lett å lage disse ikonene hvis du er designer, eller hvis du er en utvikler som har en designer på laget ditt. Men det er ikke så enkelt som det ser ut til. Du må opprette ikoner for hver annen dimensjon, basert på Android-enhetens skjermoppløsninger og tetthet. For å gi deg en følelse av hvor mye arbeid dette kan være, her er listen over størrelser som du trenger for å lage lanseringsikonet hvis du skal gjøre det på tradisjonell måte:
| tetthet | 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 |
| web | 512 x 512 px |
Og dette er bare lanseringsikonet. Det finnes en lignende liste for hver kategori av ikon. Men heldigvis gir Android Studio oss et verktøy som heter Bilde Asset Studio som håndterer opprettelsen av ikoner for alle skjermdensiteter veldig enkelt.
Android Studio 3 har introdusert Image Asset Studio for å lage ikoner for appen din. Det tar seg av å generere appikoner med passende oppløsning for forskjellige skjermdensiteter og plassere dem i de respektive mipmap-tetthet mapper i ressurs katalogen. Den genererer også ikonet for Internett (512 x 512 px) som kreves for å laste opp programmet til Google Play Butikk. Disse ikonene hentes deretter fra mappene basert på skjermens tetthet i løpet av kjøretiden.
Til adaptive launcher ikoner, Image Asset Studio gir et komplett forhåndsvisning av ikonsettet som inkluderer sirkler, firkantet, rundet kvadrat, squircle, fullbløt lag, eldre ikon, runde og Google Play Store versjoner av ikonet også.
Til legacy launcher ikoner, På den annen side støtter enhetene ikke ikoner av forskjellige former. Så et mer begrenset sett med ikoner vil bli generert.
La oss se på hvordan du lager et ikonsett ved hjelp av Image Asset Studio.
For å starte Image Asset Studio, velg Android i Prosjektvindu. Høyreklikk på res mappe og velg Ny > Image Asset. Du har nå åpnet Image Asset Studio. Du kan nå opprette et ikon for Adaptive Launcher Icon eller Legacy Only Launcher etter ditt krav.
Du bruker denne ikontypen for Android 8.0-støtte.
Velg først Launcher-ikoner (Adaptive & Legacy) for ikon type Endre Navn av ikonet hvis du vil. Hvis navnet allerede finnes, vil det være en advarsel nederst i dialogboksen, og forteller deg at den eksisterende vil bli overskrevet.
I Forgrunnslag fanen, velg Asset Type:
Tilsvarende, i Bakgrunnslag fanen, kan du velge en Bilde, Clip Art, eller Tekst eiendomstype.
For både forgrunns- og bakgrunnslag har du også følgende valgfrie innstillinger:
De Legacy tablar deg bestemme om du også skal generere et eldre ikon. Her kan du velge om du vil generere et eldre ikon, et Google Play Store-ikon og et rundeikon, samt hvilken form som skal brukes for hver av dem.
Dette er typen ikon du vil opprette hvis du vil støtte versjoner av Android mindre enn eller lik 7.1.
Velg først Launcher-ikoner (bare eldre) for ikonetype. Du kan endre Navn av ikonet på denne tiden hvis du vil. Hvis navnet allerede eksisterer, vil det være en advarsel nederst at den eksisterende blir overskrevet. Velg Asset Type og konfigurer de tilknyttede innstillingene.
Du kan også konfigurere noen valgfrie innstillinger for ikonets utseende:
Eventuelle endringer du gjør vil bli reflektert i forhåndsvisningsdelen. Når du er fornøyd med ikonets utseende, klikker du neste.
Du vil da bli tatt til innstillingsskjermbildet, hvor du kan endre Ressursregister hvor ikonene dine vil bli sendt ut. Oppdater det hvis du vil. Følgende er tilgjengelige alternativer:
Til slutt, pakk den opp ved å trykke Bli ferdig.
Nå er vi klare med vårt nye lanseringsikon i alle de respektive mappene. Navnet på lanseringsikonet mitt er ic_launcher_demo. Du kan se alle ikonene som ble generert for dette ikonet i skjermbildet nedenfor.
Nå er det på tide å oppdatere AndroidManifest filen slik at vår app vet å bruke det nye ikonet. For å starte, åpne din AndroidManifest.xml fil. Her er standardstartikonet satt på linje 7 og 9. Du må oppdatere den med det nye ikonet du opprettet.
Endring android: icon og android: roundIcon til navnet du har valgt for lanseringsikonet.
android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"
Gratulerer! Du har oppdatert lanseringsikonet for appen din.
I dette innlegget har du lært om ulike typer ikoner som brukes i en Android-app, samt alle de forskjellige skjermoppløsninger som må genereres for hvert ikon. Deretter lærte du om verktøyet Image Asset Studio og hvordan det genererer ikoner for Android-appen din, mye enklere.
Accentsconagua