Adăugați fonturi personalizate - Android și iOS - Swift

Așadar, sunt un dezvoltator Android, perioada. De mai mulți ani dezvolt aplicații pentru platformele Android. M-am bucurat de diferitele proiecte la care trebuie să lucrez și este doar distractiv să fac lucruri cu tehnologia pe care o cunoști atât de bine.

Însă am avut înțeles să încep să învăț Swift de ceva vreme acum câteva luni, în cele din urmă am profitat. Unul dintre primele lucruri pe care le-am găsit a fost că curba de învățare a fost destul de adâncă, fie că a migrat de la Android Studio la Xcode sau folosind storyboard-uri, spre deosebire de codarea în stil xml în Android.

Așa că am vrut să împărtășesc câteva dintre obstacolele mele cu care m-am confruntat, sperând că oamenii care se confruntă cu aceleași probleme, vor găsi acest lucru destul de util.

Așadar, unul dintre primele lucruri pe care le fac atunci când încep un nou proiect în Android este să adaug câteva fonturi noi.

În Android, vă copiați fonturile în folderul de active din proiect. În mod implicit, folderul de active trebuie să se afle în folderul rădăcină al proiectului -> aplicație -> src -> principal

Directorul Android - Folder de active

Notă: dacă nu este creat un folder de active, puteți adăuga doar un director sub directorul principal și să includeți fonturile în folderul de active.

Acum, pentru a utiliza acest font în aplicația dvs., tot ce trebuie să faceți este să scrieți 2 linii de cod:

Typeface myTypeFace = Typeface.createFromAsset (getContext (). GetAssets (), "circular_medium.otf");
setTypeface (myTypeFace);

Sau, dacă sunteți ca mine și nu doriți cu adevărat să scrieți codul de mai sus în toate cele 50 de afișări text sau să editați Textele, puteți utiliza acest link pentru a vă ușura viața. (Este o clasă de înveliș pe care am scris-o pentru a adăuga fonturi direct în fișierul dvs. xml)

Si asta e! Ați adăugat fontul dvs. în aplicația pentru Android.

În iOS, pe de altă parte, recomand să fie adăugate toate prin Xcode IDE.

Așadar, pasul 1: trebuie să trageți și să aruncați fonturile în directorul de proiect.

Asigurați-vă că adăugați fontul sub Folderul proiectului

Aceasta va deschide promptul de mai jos:

Pasul 2: Asigurați-vă că adăugați la ținte este bifat așa cum este arătat mai sus, elementele de copiere, dacă este necesar, sunt bifate.

Acum fontul dvs. este adăugat la proiect. Acum, pentru a-l folosi, trebuie să-l declaram.

Pasul 3: Deschideți fișierul info.plist, faceți clic dreapta și selectați Adaugă rând:

În rând, selectați Fonturi adăugate după aplicație.

Am tastat manual circular_book.otf

Asigurați-vă că numele pe care îl dați se potrivește cu fișierul font.

Pasul 4: Faceți o verificare rapidă, fonturile dvs. sunt în faze de construire -> pachet resurse?

Fonturile sunt adăugate la fazele de construire

Pasul 5: fontul este adăugat la proiectul dvs. Acum să-l folosești!

Puteți adăuga un atribut la un buton, etichetă, câmp text

În storyboard, găsiți fontul folosind meniul derulant.

Dacă doriți să-l utilizați programatic din codul dvs.:

Mai întâi trebuie să știți numele fontului. După cum sugerează Apple, numele fontului ar putea fi ceva complet diferit de numele fișierului.

Așa că adăugați codul de mai jos pentru a imprima toate numele de font:

pentru familie în UIFont.familyNames.sorted () {
    let names = UIFont.fontNames (forFamilyName: family)
    print ("Family: \ (family) Nume de fonturi: \ (nume)")
}

După ce știți numele fontului, puteți apela doar:

// Pentru buton:
button.titleLabel? .font = UIFont (nume: "Circular-Book", dimensiune: 20)
// Pentru etichete:
label.font = UIFont (nume: "Circular-Book", dimensiune: 20)

Si asta e!

Imagine personalizată cu fonturi în Android

Sper că acest lucru a fost util!