Share
È possibile aggiungere valore a qualsiasi prodotto dando all'interfaccia utente un aspetto professionale. Quando agli utenti piace ciò che vedono nell'interfaccia utente di un'app, è molto più probabile installarlo. Ci sono una serie di regole definite per il design, il colore, l'icona e altri elementi dell'interfaccia utente che la tua app Android dovrebbe seguire. In questo articolo, ci atteniamo alle icone, in particolare il icona di avvio, per la tua app per Android.
Le icone di un'app per Android sono suddivise in diverse categorie. Questi includono:
Puoi saperne di più su queste categorie di icone guardando ad altre app. Ecco un esempio delle icone di WhatsApp:
Ora, la creazione di queste icone può sembrare semplice se sei un designer o se sei uno sviluppatore che ha un designer nel tuo team. Ma non è così facile come sembra. Dovrai creare icone per ogni dimensione diversa, in base alle risoluzioni e alla densità dello schermo del dispositivo Android. Per darti un'idea di quanto lavoro possa essere, ecco l'elenco delle dimensioni per cui è necessario creare l'icona di avvio se hai intenzione di farlo nel modo tradizionale:
| Densità | Icona |
|---|---|
| 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 |
E questa è solo l'icona di avvio. C'è un elenco simile per ogni categoria di icone. Fortunatamente, Android Studio ci fornisce uno strumento chiamato Immagine Asset Studio che gestisce la creazione di icone per tutte le densità dello schermo molto facilmente.
Android Studio 3 ha introdotto Image Asset Studio per la creazione di icone per la tua app. Si occupa di generare icone di app di risoluzione appropriata per densità di schermo diverse e inserendole nel rispettivo mipmap densità cartelle nel risorsa directory. Genera anche l'icona per il web (512 x 512 px) che è necessaria per caricare l'applicazione sul Google Play Store. Queste icone vengono quindi recuperate di conseguenza dalle cartelle in base alla densità dello schermo dei dispositivi durante il runtime.
Per icone di avvio adattivo, Image Asset Studio fornisce un'anteprima completa del set di icone che include anche icone circolari, quadrate, arrotondate, squircle, full bleed layer, legacy icon, round e Google Play Store.
Per icone di avvio legacy, d'altra parte, i dispositivi non supportano icone di forme diverse. Quindi verrà generato un set di icone più ristretto.
Diamo un'occhiata a come creare un set di icone usando Image Asset Studio.
Per avviare Image Asset Studio, selezionare androide nel Finestra del progetto. Fare clic destro sul res cartella e selezionare Nuovo > Immagine Asset. Ora hai aperto Image Asset Studio. È ora possibile creare un'icona di avvio adattivo o un'icona di avvio solo legacy in base alle proprie esigenze.
Utilizzerai questo tipo di icona per il supporto per Android 8.0.
Per prima cosa, seleziona Icone di avvio (Adaptive & Legacy) per il tipo di icona. Cambiare il nome dell'icona se lo si desidera. Se il nome esiste già, ci sarà un avvertimento nella parte inferiore della finestra di dialogo, che ti dirà che quello esistente verrà sovrascritto.
Nel Strato in primo piano scheda, selezionare il tipo di risorsa:
Allo stesso modo, nel Livello di sfondo scheda, è possibile selezionare un Immagine, Clip Art, o Testo tipo di bene.
Per entrambi i livelli di primo piano e di sfondo, hai anche le seguenti impostazioni opzionali:
Il eredità linguettati consente di decidere se generare anche un'icona legacy. Qui puoi scegliere se vuoi generare un'icona legacy, un'icona di Google Play Store e un'icona rotonda, nonché quale forma utilizzare per ognuno di essi.
Questo è il tipo di icona che creerai se desideri supportare versioni di Android minori o uguali a 7.1.
Per prima cosa, seleziona Icone di avvio (solo legacy) per il tipo di icona. Puoi cambiare il Nome dell'icona in questo momento, se lo desideri. Se il nome esiste già, ci sarà un avvertimento in basso che quello esistente verrà sovrascritto. Seleziona il Tipo di risorsa e configurare le impostazioni associate.
Puoi anche configurare alcune impostazioni opzionali per l'aspetto dell'icona:
Qualsiasi modifica apportata si rifletterà nella sezione di anteprima. Una volta che sei soddisfatto dell'aspetto e dell'aspetto dell'icona, fai clic su Il prossimo.
Verrai quindi reindirizzato alla schermata delle impostazioni, in cui puoi modificare Directory delle risorse dove verranno emesse le tue icone. Aggiornalo se vuoi Di seguito sono le opzioni disponibili:
Infine, avvolgilo premendo finire.
Ora siamo pronti con la nostra nuova icona di avvio in tutte le rispettive cartelle. Il nome della mia icona di avvio è ic_launcher_demo. Puoi vedere tutte le icone che sono state generate per questa icona nello screenshot qui sotto.
Ora è il momento di aggiornare il AndroidManifest file in modo che la nostra app sappia utilizzare la nuova icona. Per iniziare, apri il tuo AndroidManifest.xml file. Qui, l'icona di avvio predefinita è impostata sulle linee 7 e 9. È necessario aggiornarla con la nuova icona che hai creato.
Modificare Android: Icona e Android: roundIcon al nome che hai scelto per la tua icona di avvio.
android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"
Congratulazioni! Hai aggiornato con successo l'icona di avvio per la tua app.
In questo post, hai imparato a conoscere i diversi tipi di icone utilizzate in un'app Android e tutte le diverse risoluzioni dello schermo che devono essere generate per ciascuna icona. Poi hai imparato a conoscere lo strumento Image Asset Studio e come rende molto più semplice la creazione di icone per la tua app Android.
Accentsconagua