Share
U kunt waarde toevoegen aan elk product door de gebruikersinterface een professionele uitstraling te geven. Wanneer gebruikers houden van wat ze zien in een app-gebruikersinterface, zullen ze deze waarschijnlijk eerder installeren. Er zijn een aantal gedefinieerde regels voor het ontwerp, de kleur, het pictogram en andere UI-elementen die uw Android-app moet volgen. In dit artikel houden we ons aan de pictogrammen, met name de draagraket pictogram, voor je Android-app.
De pictogrammen voor een Android-app zijn gescheiden in verschillende categorieën. Waaronder:
U kunt meer informatie over deze pictogramcategorieën krijgen door naar andere apps te kijken. Hier is een voorbeeld van de WhatsApp-pictogrammen:
Nu lijkt het maken van deze pictogrammen eenvoudig als u een ontwerper bent, of als u een ontwikkelaar bent die een ontwerper in uw team heeft. Maar het is niet zo eenvoudig als het lijkt. U zult pictogrammen voor elke verschillende dimensie moeten maken, gebaseerd op de schermresoluties en dichtheid van het Android-apparaat. Om u een idee te geven van hoeveel werk dit kan zijn, hier is de lijst met groottes waarvoor u het startpictogram moet maken als u het op de traditionele manier gaat doen:
| Dichtheid | Icoon |
|---|---|
| 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 |
En dit is slechts het pictogram van de launcher. Er is een vergelijkbare lijst voor elke categorie iconen. Maar gelukkig biedt Android Studio ons een tool genaamd Beeld Asset Studio die de creatie van pictogrammen voor alle schermdichtheden heel gemakkelijk afhandelt.
Android Studio 3 heeft Image Asset Studio geïntroduceerd voor het maken van pictogrammen voor uw app. Het zorgt ervoor dat app-pictogrammen met de juiste resolutie voor verschillende schermdichtheden worden gegenereerd en in de respectieve mipmap-density mappen in de hulpbron directory. Het genereert ook het pictogram voor het web (512 x 512 px) dat nodig is voor het uploaden van de app naar de Google Play Store. Deze pictogrammen worden vervolgens overeenkomstig vanuit de mappen opgehaald op basis van de schermdensiteit van de apparaten tijdens runtime.
Voor adaptieve lanceerinrichtingpictogrammen, Image Asset Studio biedt een complete preview van de pictogrammenset die ook cirkel, vierkant, afgerond vierkant, cirkelvormig, volledige aflooplaag, legacy-pictogram, ronde en Google Play Store-versies van het pictogram omvat.
Voor legacy launcher pictogrammen, Aan de andere kant ondersteunen de apparaten geen pictogrammen met verschillende vormen. Er wordt dus een meer beperkte reeks pictogrammen gegenereerd.
Laten we eens kijken hoe u een pictogramset maakt met Image Asset Studio.
Om Image Asset Studio te starten, selecteert u Android in de Project venster. Klik met de rechtermuisknop op de res map en selecteer nieuwe > Image Asset. U hebt Image Asset Studio nu geopend. U kunt nu een Adaptive Launcher-pictogram of Legacy Only Launcher-pictogram maken volgens uw vereisten.
U gebruikt dit pictogramtype voor Android 8.0-ondersteuning.
Selecteer eerst Launcher Icons (Adaptive & Legacy) voor pictogramtype. Verander de naam van het pictogram als u dat wenst. Als de naam al bestaat, verschijnt er onderaan het dialoogvenster een waarschuwing met de melding dat de bestaande overschreven zal worden.
In de Voorgrond laag tab, selecteer het Asset Type:
Evenzo in de Achtergrondlaag tab, kunt u een Beeld, Clip art, of Tekst type activa.
Voor zowel de voor- als achtergrondlagen beschikt u ook over de volgende optionele instellingen:
De nalatenschap tablaat u beslissen of u ook een legacy-pictogram wilt genereren. Hier kunt u kiezen of u een verouderd pictogram, een Google Play Store-pictogram en een rond pictogram wilt genereren, en welke vorm u voor elk ervan wilt gebruiken.
Dit is het soort pictogram dat u gaat maken als u versies van Android van minder dan of gelijk aan 7.1 wilt ondersteunen.
Selecteer eerst Launcher Icons (alleen voor Legacy) voor het pictogramtype. U kunt de Naam van het pictogram op dit moment als u dat wenst. Als de naam al bestaat, verschijnt onderaan een waarschuwing dat de bestaande overschreven zal worden. Selecteer de Asset Type en configureer de bijbehorende instellingen.
U kunt ook enkele optionele instellingen configureren voor het uiterlijk van het pictogram:
Alle wijzigingen die u aanbrengt, worden weergegeven in het voorbeeldgedeelte. Als u tevreden bent met het uiterlijk van uw pictogram, klikt u op volgende.
U wordt dan naar het instellingenscherm gebracht, waar u de Resource Directory waar uw pictogrammen zullen worden uitgezonden. Werk het bij als je wilt. Hieronder volgen de beschikbare opties:
Tot slot, sluit het af door op te drukken Af hebben.
Nu zijn we klaar met ons nieuwe launcher-pictogram in alle respectieve mappen. De naam van mijn opstartpictogram is ic_launcher_demo. U kunt alle pictogrammen zien die voor dit pictogram werden gegenereerd in de onderstaande schermafbeelding.
Nu is het tijd om de AndroidManifest bestand, zodat onze app weet het nieuwe pictogram te gebruiken. Om te beginnen, open je AndroidManifest.xml het dossier. Hier staat het standaard startpictogram op regel 7 en 9. U moet dit bijwerken met het nieuwe pictogram dat u hebt gemaakt.
Verandering android: icon en android: roundIcon naar de naam die u hebt gekozen voor uw launcher-pictogram.
android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"
Gefeliciteerd! U hebt het opstartpictogram voor uw app bijgewerkt.
In dit bericht heb je geleerd over de verschillende soorten pictogrammen die in een Android-app worden gebruikt, en over alle verschillende schermresoluties die voor elk pictogram moeten worden gegenereerd. Toen kwam u te weten over de Image Asset Studio-tool en hoe het maken van pictogrammen voor uw Android-app veel eenvoudiger maakt.
Accentsconagua