Puteți adăuga valoare pentru orice produs, oferind interfeței utilizator un aspect și o simțire profesională. Când utilizatorii îi plac ceea ce văd într-un UI de aplicație, este mult mai probabil să le instaleze. Există un set de reguli definite pentru designul, culoarea, pictograma și alte elemente ale interfeței utile pe care ar trebui să le urmeze aplicația Android. În acest articol, vom rămâne la icoane, în special la icoana lansatorului, pentru aplicația dvs. Android.
Pictogramele pentru o aplicație Android sunt separate în mai multe categorii. Acestea includ:
Puteți afla mai multe despre aceste categorii de pictograme prin accesarea altor aplicații. Iată un exemplu de pictograme WhatsApp:
Acum, crearea acestor icoane poate părea ușoară dacă sunteți un designer sau dacă sunteți un dezvoltator care are un designer în echipa dumneavoastră. Dar nu este la fel de ușor cum pare. Va trebui să creați pictograme pentru fiecare dimensiune diferită, pe baza rezoluțiilor și densității ecranului dispozitivului Android. Pentru a vă da un sentiment cât de mult poate fi această lucrare, iată lista dimensiunilor pentru care trebuie să creați pictograma lansatorului, dacă intenționați să o faceți în mod tradițional:
Densitate | icoană |
---|---|
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 |
Și aceasta este doar pictograma lansatorului. Există o listă similară pentru fiecare categorie de pictograme. Dar, din fericire, Android Studio ne oferă un instrument numit Imagine Studio de asistență care gestionează foarte ușor crearea de pictograme pentru toate densitățile ecranului.
Android Studio 3 a introdus Image Asset Studio pentru crearea de pictograme pentru aplicația dvs. Se ocupă de generarea de icoane de aplicații cu rezoluție adecvată pentru diferite densități ale ecranului și plasarea lor în respectivele mipmap densitate foldere în resursă director. De asemenea, generează pictograma pentru web (512 x 512 px) care este necesară pentru încărcarea aplicației în Magazin Google Play. Aceste pictograme sunt apoi preluate în mod corespunzător din foldere pe baza densității ecranului dispozitivelor în timpul rulării.
Pentru adaptoare icoane de lansare, Image Asset Studio oferă o previzualizare completă a setului de pictograme care include pictograma circulară, pătrată, rotundă, squircle, sângerare completă, pictogramă moștenită, versiuni rotunde și Magazin Google Play ale pictogramei.
Pentru vechile icoane lansatoare, pe de altă parte, dispozitivele nu acceptă icoane de forme diferite. Deci, va fi generat un set mai restrâns de icoane.
Să aruncăm o privire asupra modului de creare a unui set de pictograme utilizând Image Asset Studio.
Pentru a porni Image Asset Studio, selectați Android în Proiect fereastră. Faceți clic dreapta pe res și selectați Nou > Asset imagine. Acum ați deschis Image Asset Studio. Acum puteți crea o pictogramă de lansare adaptivă sau o pictogramă numai pentru lansatorul Legacy, conform cerințelor dvs..
Veți utiliza acest tip de pictogramă pentru suportul Android 8.0.
Mai întâi, selectați Pictograme de lansare (Adaptive & Legacy) pentru Tipul de pictograme. Schimba Nume a pictogramei dacă doriți. Dacă numele există deja, va exista un avertisment în partea de jos a dialogului, vă spunând că cel existent va fi suprascris.
În Stratul prim plan , selectați tipul de activ:
În mod similar, în Stadiul de fundal , puteți selecta o Imagine, Clip Art, sau Text tip de activ.
Atât pentru straturile primare cât și pentru fundal, aveți, de asemenea, următoarele setări opționale:
Moştenire filavă permite să decideți dacă să generați și o pictogramă moștenită. Aici puteți alege dacă doriți să generați o pictogramă veche, o pictogramă din Magazin Google Play și o pictogramă rotundă, precum și ce formă să utilizați pentru fiecare dintre ele.
Acesta este tipul de pictogramă pe care o veți crea dacă doriți să acceptați versiuni Android mai mici sau egale cu 7.1.
Mai întâi, selectați Pictograme de lansare (numai pentru Legacy) pentru tipul de pictograme. Puteți modifica Nume a iconului în acest moment, dacă doriți. Dacă numele există deja, va exista un avertisment în partea inferioară că cel existent va fi suprascris. Selectează Tipul activului și configurați setările asociate.
De asemenea, puteți configura anumite setări opționale pentru aspectul pictogramei:
Orice modificări pe care le faceți vor fi reflectate în secțiunea de previzualizare. Odată ce sunteți mulțumit de aspectul și simțul pictogramei dvs., faceți clic pe Următor →.
Veți fi apoi duși la ecranul de setări, unde puteți schimba Lista de resurse unde icoanele voastre vor fi emise. Actualizați-l dacă doriți. Următoarele opțiuni sunt disponibile:
În cele din urmă, înfășurați-o apăsând finalizarea.
Acum suntem gata cu noua noastră pictogramă de lansator în toate dosarele respective. Numele pictogramei mele de lansare este ic_launcher_demo
. Puteți vedea toate pictogramele generate pentru această pictogramă în imaginea de mai jos.
Acum este timpul să actualizați AndroidManifest astfel încât aplicația noastră să știe să utilizeze noua pictogramă. Pentru a începe, deschideți-vă AndroidManifest.xml fişier. Aici, pictograma implicită a lansatorului este setată pe liniile 7 și 9. Trebuie să o actualizați cu pictograma nouă pe care ați creat-o.
Schimbare Android: icon
și Android: roundIcon
la numele pe care l-ați ales pentru pictograma lansatorului dvs..
android: icon = "@ mipmap / ic_launcher_demo" șiroid: roundIcon = "@ mipmap / ic_launcher_demo_round"
Felicitări! Ați actualizat cu succes pictograma lansator pentru aplicația dvs..
În acest post, ați aflat despre diferitele tipuri de pictograme care sunt utilizate într-o aplicație Android, precum și despre diferitele rezoluții ale ecranului care trebuie generate pentru fiecare pictogramă. Apoi ați aflat despre instrumentul Image Asset Studio și despre modul în care generează icoane pentru aplicația dvs. Android mult mai ușor.