Quick Tip: Bekerja dengan font kustom dalam Android O

Indonesian (Bahasa Indonesia) translation by Ari Gustiawan (you can also view the original English article)

Pratinjau pengembang pertama o Android adalah di sini!

Dalam seri ini, kita sedang melihat beberapa fitur yang akan datang Anda dapat mulai bereksperimen dengan hari ini, melalui pratinjau pengembang O Android.

Di tip pertama, saya menunjukkan Anda bagaimana untuk mengatur perkembangan Anda untuk mendukung O pratayang ini awal, dan bagaimana untuk membuat teks yang secara otomatis scale up sesuai dengan konfigurasi layar saat ini. Di tip ini, kita akan melihat bagaimana Android O akan membuat bekerja dengan font kustom hassle-free experience.

Menambahkan font kustom untuk proyek Anda

Pernahkah Anda ingin membuat bagian tertentu dari teks berdiri keluar? Atau mungkin Anda yakin bahwa font kustom akan cara sempurna untuk menambahkan beberapa personality tambahan untuk aplikasi Anda?

Meskipun ada banyak manfaat untuk menggunakan font kustom, bekerja dengan mereka di Android secara tradisional telah menjadu pengalaman yang menyakitkan, mengharuskan Anda untuk menggunakan perpustakaan atau membuat View kustom.

Syukurlah, bekerja dengan font kustom di Android adalah sekarang jauh lebih mudah, seperti font kustom ditetapkan untuk menjadi sebuah tipe sumber daya didukung sepenuhnya di Android O. Ini berarti bahwa menambahkan font kustom untuk app Anda akan sejelas menambahkan sumber daya lainnya, seperti gambar dan teks.

Untuk mengikuti bersama dengan tutorial ini, Anda akan memerlukan beberapa file font yang dapat ditambahkan ke Android O proyek kami ciptakan dalam bagian satu.

Android O mendukung format .ttf (TrueType) dan .otf (OpenType). Ada banyak situs yang menawarkan jenis font gratis, jadi Luangkan beberapa menit untuk mencari Google sampai Anda menemukan sebuah font yang Anda suka.

Karena kita hanya bereksperimen dengan Android O's fitur baru, terutama tidak peduli font yang Anda gunakan, tetapi ketika Anda sedang mencari font untuk digunakan dalam produksi rilis App Anda maka Anda harus selalu memeriksa font yang syarat dan ketentuan. Hanya karena sumber daya yang gratis untuk men-download secara otomatis tidak berarti tidak ada pembatasan pada bagaimana Anda dapat menggunakan dan mendistribusikan sumber daya ini, jadi selalu periksa!

Anda juga harus mempertimbangkan aplikasi Anda tujuan, konten, dan target auidence, karena font yang berbeda menyampaikan pesan yang berbeda. Jika Anda merancang sebuah aplikasi untuk membantu orang-orang yang menyelesaikan pajak mereka, kemudian audiens Anda mungkin berjuang untuk mengambil nasihat hukum dan keuangan aplikasi Anda serius jika disampaikan dalam font aneh dan aneh!

Setelah Anda telah menemukan sebuah font yang Anda ingin, download dan unzip. Pada titik ini, Anda harus memeriksa nama file font yang tidak valid karakter-pada dasarnya segala sesuatu yang tidak huruf kecil AZ, 0-9 atau underscore. Mencoba untuk memasukkan karakter lainnya, dan Android Studio akan melempar kesalahan saat Anda mencoba untuk referensi resource itu.

Setelah Anda memiliki file font Anda, Anda perlu tempat untuk menyimpan mereka:

Klik kanan folder app/res proyek Anda dan pilih New > Android resource directory.
Buka dropdown menu dan pilih font.
Masukkan font sebagai nama File.
Klik OK.

Create a resfont folder in Android Studio

Drag dan drop file font Anda ke dalam folder res/font.

Menggunakan font kustom Anda

Anda dapat menerapkan font kustom teks Anda menggunakan atribut XML baru android: fontFamily:

<TextView
  android:text="This is some text"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:fontFamily="@font/doublefeature"/>

Test your custom font on your Android O AVD

Anda juga dapat menambahkan font kustom untuk setiap style yang Anda buat dalam aplikasi Anda:

<style name=“headlineFont" parent="@android:style/TextAppearance.Small">
   <item name="android:fontFamily">@font/doublefeature</item>
</style>

Jika Anda ingin menggunakan font kustom pemrograman, maka Anda dapat mengambil font kustom menggunakan metode getFont(int), misalnya:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;
import android.graphics.Typeface;

public class MainActivity extends AppCompatActivity {
    
  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      LinearLayout linearLayout = new LinearLayout(this);
      TextView ProgrammaticallyTextView = new TextView(this);
      ProgrammaticallyTextView.setText("This is some text");
      
//Reference your custom font//
      
      Typeface typeface = getResources().getFont(R.font.doublefeature);
      ProgrammaticallyTextView.setTypeface(typeface);
      linearLayout.addView(ProgrammaticallyTextView);

      this.setContentView(linearLayout, new LinearLayout.LayoutParams(
              LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
  }

}

Membuat sebuah Font Family

Kadang-kadang Anda mungkin unzip font folder dan menemukan beberapa versi dari font yang sama, seperti versi garis, atau font dengan berbagai weight dan ketebalan.

Jika Anda menggunakan beberapa versi dari font yang sama, maka Anda mungkin ingin untuk kelompok mereka bersama-sama dalam sebuah font family. Font keluarga adalah pada dasarnya file XML khusus dimana Anda Family setiap versi dari font, bersama dengan atribut style dan weight yang terkait.

Untuk membuat font family:

Pastikan Anda menambahkan semua font file ke folder res/font proyek Anda.
Klik kanan folder res/font proyek Anda dan pilih New > Font resource file.
Berikan file ini nama, dan kemudian klik OK.
Buka file XML ini dan menentukan semua versi yang berbeda dari font ini, bersama dengan atribut style dan weight, misalnya:

<?xml version="1.0" encoding="utf-8"?>
https://schemas.android.com/apk/res/android">
  <font
       android:fontStyle="normal"
       android:fontWeight="400"
       android:font="@font/doublefeature_regular" />

   <font
       android:fontStyle="italic"
       android:fontWeight="400"
       android:font="@font/doublefeature_italic" />

 <font
       android:fontStyle="bold"
       android:fontWeight="400"
       android:font="@font/doublefeature_bold" />

</font-family>

Anda kemudian dapat referensi salah satu font dalam keluarga ini menggunakan atribut android:fontFamily. Sebagai contoh:

android:fontFamily="@font/doublefeature_bold"

Jangan lupa untuk tes!

Meskipun mudah terbawa dengan fitur baru, tidak pergi ke jauh dengan font kustom! Konsisten UIs lebih mudah untuk dinavigasi dan mengerti, dan jika aplikasi Anda terus-menerus beralih antara font kemudian pengguna Anda mungkin berakhir lebih memperhatikan bagaimana teks Anda terlihat, daripada apa yang dikatakan.

Jika Anda menyertakan font kustom dalam proyek Anda, maka itu penting untuk menguji bagaimana font yang menuliskan di berbagai konfigurasi layar yang berbeda, sebagai prioritas utama Anda harus selalu memastikan bahwa teks Anda mudah dibaca.

Kesimpulan

Di tip ini, saya menunjukkan kepada Anda bagaimana untuk membuat lebih styligh dan unik teks, dengan menambahkan font kustom untuk proyek Anda. Dalam posting terakhir dalam seri ini, kita akan fokus kami dari teks gambar, seperti yang saya menunjukkan Anda bagaimana untuk membuat ikon launcher adaptif yang secara otomatis menyesuaikan bentuk mereka sesuai dengan perangkat saat ini.

Sementara itu, memeriksa beberapa tutorial kami pada pengembangan aplikasi Android!