Using Custom Font as Resources in Android App

, Author

SHISHIR
SHISHIR

Follow

Aug 13, 2018 – 4 min read

Jedną z naprawdę interesujących funkcji dla programistów android 8.0 (API level 26) wprowadza, Fonts in XML, która pozwala nam na używanie czcionek jako zasobów. Możemy dodać plik font w folderze res/font/ do wiązania czcionek jako zasoby. Czcionki te są kompilowane w pliku R i są automatycznie dostępne w Android Studio.

Aby korzystać z funkcji Fonts in XML na urządzeniach z systemem Android 4.1 (poziom API 16) i nowszym, musimy użyć biblioteki Support Library 26. Aby dodać czcionki jako zasoby, wykonaj następujące czynności w Android Studio:

Image result for android custom font image banner
Custom font in android
  • Kliknij prawym przyciskiem myszy folder res i przejdź do New > Android resource directory. – Pojawi się okno Nowy katalog zasobów.
  • Na liście Typ zasobu wybierz font, a następnie kliknij przycisk OK.
  • Uwaga: Nazwą katalogu zasobów musi być czcionka.

Dodaj pliki czcionek w folderze font

  • Dodaj czcionki ttf lub otf w folderze font. Struktura folderu wygląda jak poniżej.

  • Możesz dwukrotnie kliknąć plik czcionki, aby wyświetlić podgląd czcionek pliku w edytorze.

Utwórz rodzinę czcionek

Aby utworzyć rodzinę czcionek, wykonaj następujące czynności w programie Android Studio:

  • Kliknij prawym przyciskiem myszy folder font i przejdź do opcji Nowy > Plik zasobów czcionki. Pojawi się okno Nowy plik zasobu.
  • Wprowadź nazwę pliku, a następnie kliknij przycisk OK. Nowy XML zasobu czcionki zostanie otwarty w edytorze.
  • Zamknij każdy atrybut pliku czcionki, stylu i wagi w elemencie <font>. Poniższy plik XML ilustruje dodawanie atrybutów związanych z czcionkami w pliku XML zasobu czcionek:

Użyj tej czcionki

Teraz możesz użyć tej czcionki w swojej aplikacji na następujące sposoby –

  • użyj czcionki bezpośrednio w pliku układu
  • użyj czcionki czcionki programowo
  • używaj czcionki poprzez styl i motyw aplikacji (jest to najlepszy sposób)

Używaj czcionki bezpośrednio w pliku układu

  • W pliku XML układu, ustaw atrybut fontFamily na plik czcionki, do którego chcesz mieć dostęp.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_fonts_family"/>

Użyj czcionki programowo

  • Możesz również ustawić czcionkę programowo. Aby ustawić czcionkę programowo, postępuj zgodnie z poniższymi kodami.
Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

Użyj czcionki poprzez styl i motyw aplikacji

Otwórz styles.xml i ustaw atrybut fontFamily na plik czcionki, do którego chcesz uzyskać dostęp.

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

Pobierz czcionki Google dla swojej aplikacji

Krok 1: Wybierz widok tekstowy w swojej aplikacji i kliknij atrybut fontFamily w sekcji Atrybuty w układzie graficznym.

Krok 2: Wybierz "More Fonts…" na dole, co otworzy poniższe okno dialogowe. Następnie zobaczysz nowe okno zostanie otwarty, tam można wpisać dla wymaganych i pożądanych czcionek z tej listy tj. Regularne, Bold, Italic itp. jak pokazano na poniższym obrazku.

Krok 4: Teraz są dwie opcje:

Dodaj czcionkę do projektu: czcionki zostaną pobrane do projektu w folderze czcionek (folder czcionek zostanie automatycznie wygenerowany, jeśli nie został utworzony wcześniej). Teraz te czcionki są gotowe do użycia. Możesz użyć tej czcionki przez zrobienie font-family jak poprzednio.

Twórz czcionkę do pobrania: Jest to kolejna ekscytująca funkcja aplikacji android. Teraz nie piszę dla tego. Możesz zobaczyć ładny artykuł na Tworzenie czcionki do pobrania.

Dzięki za przeczytanie tego artykułu. Nie zapomnij dać klapsy, jeśli znajdziesz ten artykuł pomocny. Happy Coding:)

.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.