Cum să actualizați pictograma de lansator pentru aplicația Android

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:

  • Lansator Icon: această pictogramă reprezintă aplicația dvs. pe ecranul de pornire sau în lista de aplicații a utilizatorului utilizatorului. Acest lucru poate fi unul Adaptive Launcher Icon, pentru Android 8.0 (nivel de API 26) sau mai sus, sau a Legacy Launcher Icon, pentru Android 7.1 (nivel 25 API) sau mai jos.
  • Bare de acțiune pictograme: pentru elementele din bara de acțiune. 
  • Icoane de tab: pentru elementele filelor care au pictograme, dacă există.

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.

Ce este Image Asset Studio?

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.

Utilizând Image Asset Studio

Să aruncăm o privire asupra modului de creare a unui set de pictograme utilizând Image Asset Studio.

Cum se actualizează o pictogramă 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..

Creați o pictogramă de lansator adaptiv

        

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: 

  • Imagine: Setați calea imaginii personalizate a pictogramei. 
  • Clip Art: Selectați pictograma din setul de pictograme de design material și setați culoarea. 
  • Text: Setați un șir specificat și setați fontul și culoarea.

Î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: 

  • Numele stratului: Puteți da stratului un nume unic.
  • Scalarea parametrilor: Acestea pot fi setate la cerințele dumneavoastră. Această opțiune este dezactivată dacă selectați o culoare pentru stratul de fundal.
  • Tunde: Alegeți dacă doriți să eliminați spațiile transparente din jurul pictogramei.
  • Redimensionarea: Schimbați mărimea pictogramei.

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.

Creați o pictogramă Legacy Launcher

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.

  • Imagine: Setați calea imaginii personalizate a pictogramei. 
  • Clip Art: Selectați pictograma din setul de pictograme de design material și setați culoarea. 
  • Text: Setați un șir specificat și setați fontul și culoarea.

De asemenea, puteți configura anumite setări opționale pentru aspectul pictogramei:

  • Tunde: Alegeți această opțiune dacă doriți să eliminați spațiile transparente din jurul pictogramei. 
  • umplutură: Setați umplutura pentru pictogramă.
  • Prim plan: Setați culoarea primului.
  • fundal: Setați culoarea de fundal.
  • scalarea: Alegeți să decupați sau să se micsoreze pentru a se potrivi.
  • Formă: Pentru a adăuga un fundal la pictogramă, selectați forma. Pentru un fundal transparent, nu selectați niciunul.
  • Efect: Alegeți dacă aveți un efect de urechi pentru câine pentru pictograma pătrată sau dreptunghiulară.

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:

  • principale / res: pentru toate variantele de construire, inclusiv lansarea și depanarea.
  • de presă / res: suprascrie sursa principală setată pentru versiunea cu o versiune unică a construirii.
  • depanare / res: numai pentru depanare.
  • set de surse personalizate: puteți defini propriul set de surse.

Î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.

Actualizați AndroidManifest Fişier

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.. 

Concluzie

Î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.

Cod