Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android SDK

Gyors Tipp: Munka egyedi betűtípusokkal Android O-ban

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Quick Tips: New UI Features in Android O.
Quick Tip: Create Autosizing Text With Android O
Quick Tip: Introducing Android O’s Adaptive Icons and Pinned Shortcuts

Hungarian (Magyar) translation by Bózsó Péter (you can also view the original English article)

Az első fejlesztői előnézet az Android O-ról itt van!

Ebben a sorozatban, megnézünk néhányat a feltörekvő UI lehetőségek közül amiket elkezdhetsz megtapasztalni ma, az Android O Tervezői Előnézeten keresztül.

Az első tippben, megmutattam neked, hogyan állítsd be a fejlődésedet, hogy támogasd ezt a korai O előnézetet, és hogyan készíts szöveget ami automatikusan felskálázódik és le, hogy megfeleljen a jelenlegi képernyő konfigurációnak. Ebben a tippben, meg fogjuk nézni, hogyan jár közel az Android O egy gondtalan élmény készítéséhez.

Egyéni Betűtípusok hozzáadása a Projektedhez

Akartál valaha egy kiálló különös szövegdarabot? Vagy talán meg voltál győződve, hogy az egyéni betűtípus tökéletes módszer lenne egy kis extra személyiség hozzáadására az alkalmazásodhoz?

Mialatt sok előnye van egyéni betűtípusok használatának, a velük való munka Androidban tradícionálisan egy színes élmény, azt szükségeltetve tőled, hogy vagy könyvtárat vagy egyéni Nézetet használj.

Hálásan, az egyéni betűtípusokkal való munka Androidban már közeledik ahhoz, hogy sokkal könnyebb legyen, amint az egyéni betűtípusok be vannak állítva egy teljesen támogatott nyersanyag típussá változásra Android O-ban. Ez azt jelenti, hogy egy egyéni betűtípus hozzáadása az alkalmazásodhoz olyan egyértelmű lesz amennyi már nyersanyagot adsz hozzá, méldául képeket és szöveget.

Hogy végigkövesd ezt a bemutatót, szükséged lesz néhány betűtípus fájlra amit hozzáadhatsz az Android O projekthez amit az első részben készítettünk.

Az Android O támogatja a .otf (OpenType) és a .ttf (TrueType) formátumokat. Rengeteg weboldal van amik ezeket a betűtípusokat kínálják fel ingyen, szóval szánj rá pár percet, hogy keresgélsz a Google-ön addig, amíg találsz egy betűtípust ami tetszik neked.

Mióta az Android O új lehetőségeit tapasztaljuk, nem számít különösen, hogy melyik betűtípust használod, de mikor betűtípusokat keresel termelési használatra, kiadja az alkalmazásodat és mindig ellenőrizned kell a betűtípus felhasználási feltételeit. Csak mert egy alapanyag ingyen letölthető nem jelenti rögtön azt, hogy nincsenek korlátozások a használatával és újraelosztásával kapcsolatban, szóval mindig olvasd el az apróbetűs részt!

Továbbá meg kell fontolnod az alkalmazásod célját, tartalmát és célközönségét, hogy a különböző betűtípusok különböző üzeneteket közvetítsenek. Ha tervezel egy alkalmazást, hogy segíts az embereknek az adóvisszatérítésük teljesítésében, talán a közönséged küzdeni fog hogy az alkalmazásod pénzügyi és jogi tanácsadását komolyra fordítsd ha ez egy különös és szokatlan betűtípusban van leszállítva.

Mikor találtál egy betűtípust amivel dolgozni szeretnél, töltsd le és csomagold ki. Ezen a ponton, ellenőrizned kell a betűtípus fájlnevét érvénytelen karaktereket keresve-lényegében mindent ami nem kisbetű a-tól z-ig, 0-9-ig vagy aláhúzás. Próbálj bele más karaktereket, és az Android Studio dobni fog egy hibaüzenetet amint megpróbálsz arra az erőforrásra hivatkozni.

Mikor megvannak a betűtípus fájljaid, szükséged lesz egy helyre ahol tárolhatod őket:

  • Jobb-katt a projekted app/res mappájára és válaszd ki az Új > Android erőforrás könyvtárat.
  • Nyisd le a legördülő menüt és válassz betűtípust.
  • Üsd be a betűtípust Fájlnévként.
  • Kattints az OK-ra.
Create a resfont folder in Android Studio
  • Húzd és vidd a betűtípus fájl(jai)dat az új res/font mappádba.

Használd az Egyedi Betűtípusaidat

Elfogadhatsz egy egyéni betűtípust a szövegedhez az új android:fontFamily XML tulajdonság használatával.

Test your custom font on your Android O AVD

Továbbá hozzáadhatsz egyedi betűtípusokat bármilyen stílushoz amit készítettél az alkalmazásodban:

Ha programilag akarsz használni egyéni betűtípusokat, visszahozhatsz egy egyéni betűtípust a getFont(int) módszer használatával, például:

Egy betűtípus család készítése

Néha talán kicsomagolsz egy betűtípus mappát és felfedezed többféle verzióját ugyanannak a betűtípusnak, például egy dőlt verziót, vagy betűtípusokat változó súllyal és vastagsággal.

Mikor több verzióját használod ugyanannak a betűtípusnak, talán össze akarod csoportosítani őket egy betűtípus családdá. Egy betűtípus család lényegében egy dedikált XML fájl ahol definiálhatod a betűtípus minden verzióját, a társult stílusa és súly attribútuma mentén.

Készíts egy betűtípus családot:

  • Bizonyosodj meg róla, hogy az összes betűtípus fájlt hozzáadtad a projekted res/font mappájához.
  • Jobb-katt a projekted res/font mappájára, és válaszd ki az Új > Betűtípus erőforrás fájlt.
  • Adj nevet ennek a fájlnak, aztán kattints az OK-ra.
  • Nyisd meg ezt az XML fájlt és definiáld a betűtípus össze különböző verzióját, a stílusuk és súly attribútumuk mentén, például:

Aztán bármelyik betűtípust referenciálhatod ebben a családban az android:fontFamily tulajdonság használatával. Például:

Ne felejtsd el tesztelni!

Amíg ezt könnyű elcipelni új lehetőségekkel, ne menj túlzásba egyéni betűtípusokkal! Következetes UI-k könnyebbek navigálni és érteni, és ha az alkalmazásod állandóan átkapcsol betűtípusok között a felhasználóid talán abbahagyják több figyelem rászentelését a szöveged kinézetére, inkább arra, hogy mit mond.

Ha a projekted tartalmaz egyedi betűtípusokat, fontos tesztelni hogyan rendereli az a betűtípus a képernyőkonfigurációk széles körét, hogy a top prioritásod mindig az legyen, hogy a szöveged biztosan olvasható legyen.

Következtetés

Ebben a tippben, megmutattam neked, hogyan készíts stílusosabb és egyedibb szöveget, egyedi betűtípusok hozzáadásával a projektedhez. A sorozat végső posztjában, a figyelmünket a szövegekről a képekre fogjuk váltani, ahogy megmutatom hogyan készíts adaptív indító ikonokat ami automatikusan adaptálja az alakjukat, hogy megfeleljenek az aktuális eszköznek.

Időközben, nézz meg néhányat a többi bemutatónk közül Android alkalmazás fejlesztésen!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.