Kustomoidun fontin käyttäminen resursseina Android-sovelluksessa

, Author

SHISHIR
SHISHIR

Seuraa

13.8, 2018 – 4 min read

Yksi todella mielenkiintoinen ominaisuus kehittäjille android 8.0 (API-taso 26) esittelee, Fonts in XML, jonka avulla voimme käyttää fontteja resursseina. Voimme lisätä font-tiedoston res/font/-kansioon niputtaaksemme fontit resursseiksi. Nämä fontit käännetään R-tiedostoon ja ne ovat automaattisesti käytettävissä Android Studiossa.

Käyttääksemme Fonts in XML -ominaisuutta laitteissa, joissa on Android 4.1 (API-taso 16) tai uudempi, meidän on käytettävä tukikirjastoa 26. Voit lisätä fontit resursseiksi suorittamalla Android Studiossa seuraavat vaiheet:

Kuvan tulos androidin mukautetun fontin kuvabannerille
Tilaustyyppinen fontti androidissa
  • Klikkaa hiiren oikealla hiiren kakkospainikkeella res-kansiota ja siirry kohtaan Uusi > Androidin resurssihakemisto. – Uusi resurssihakemisto -ikkuna tulee näkyviin.
  • Valitse Resurssityyppi-luettelosta font ja napsauta sitten OK.
  • Huomautus: Resurssihakemiston nimen on oltava font.

Lisää fonttitiedostot fontti-kansioon

  • Lisää fonttitiedostot fontti-kansioon ttf tai otf. Kansiorakenne näyttää seuraavalta.

  • Voit kaksoisnapsauttaa fonttitiedostoa esikatsellaksesi tiedoston fontteja editorissa.

Fonttityyppiperheen luominen

Luoaksesi fonttityyppiperheen suorita seuraavat vaiheet Android Studiossa:

  • Klikkaa hiiren kakkospainikkeella kansiota font ja siirry valikkokohteeseen Uusi > Fonttiresurssitiedosto. Uusi resurssitiedosto -ikkuna tulee näkyviin.
  • Kirjoita tiedoston nimi ja napsauta sitten OK. Uusi fontti-resurssin XML-tiedosto avautuu editoriin.
  • Sulje jokainen fonttitiedoston, tyylin ja painon määrite <font>-elementissä. Seuraava XML havainnollistaa fonttiin liittyvien attribuuttien lisäämistä fontti-resurssi-XML:ään:

Käytä tätä fonttia

Nyt voit käyttää tätä fonttia sovelluksessasi seuraavilla tavoilla –

  • käyttää fonttia suoraan asettelutiedostossa
  • käytä fonttia ohjelmallisesti
  • käytä fonttia tyylin ja sovelluksen teeman kautta (tämä on paras tapa)

Käytä fonttia suoraan asettelutiedostossa

  • Layout XML-tiedostossa, aseta fontFamily-attribuutti fonttitiedostolle, jota haluat käyttää.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_fonts_family"/>

Käytä fonttia ohjelmallisesti

  • Voit asettaa fontin myös ohjelmallisesti. Voit asettaa fontin ohjelmallisesti noudattamalla alla olevia koodeja.
Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

Käytä fonttia tyylin ja App-teeman kautta

Avaa styles.xml ja aseta fontFamily-attribuutti fonttitiedostoon, jota haluat käyttää.

# Using the font via app theme....(this is the best way)
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
....
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>
-----------------------------------------------------------
# Using the font via style. Now you can add this style wherever you want.
<style name="customfontstyle">
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>

Lataa Google-fontit sovellukseesi

vaihe 1: Valitse tekstinäkymä sovelluksessasi ja napsauta fontFamily-attribuuttia graafisen ulkoasun Attribuutit-kohdassa.

vaihe 2: Valitse alareunasta "More Fonts…", jolloin avautuu alla oleva dialogi. Sitten näet uuden ikkunan avautuvan, siellä voit kirjoittaa haluamasi ja haluamasi fontin tuosta luettelosta eli) Regular, Bold, Italic jne… kuten alla olevassa kuvassa näkyy.

vaihe 4: Nyt on kaksi vaihtoehtoa:

Lisää fontti projektiin: fontit ladataan projektiin fontti-kansioon( fontti-kansio luodaan automaattisesti, jos kansiota ei ole luotu aiemmin). Nyt tämä fontti on valmis käytettäväksi. Voit käyttää tätä fonttia tekemällä font-family kuten aiemmin.

Luo ladattava fontti: Tämä on toinen jännittävä ominaisuus android-sovelluksessa. Nyt en kirjoita tätä varten. Voit nähdä mukavan artikkelin Luo ladattava fontti.

Kiitos tämän artikkelin lukemisesta. Älä unohda antaa taputuksia, jos löydät tämän artikkelin hyödylliseksi. Happy Coding:)

Vastaa

Sähköpostiosoitettasi ei julkaista.