Tambahkan font khusus - Android & iOS - Swift

Jadi saya seorang pengembang Android, titik. Saya telah mengembangkan aplikasi untuk platform Android selama beberapa tahun. Saya telah menikmati berbagai proyek yang harus saya kerjakan dan itu menyenangkan untuk melakukan hal-hal dengan teknologi yang Anda kenal dengan baik.

Tetapi saya bermaksud memulai belajar Swift untuk sementara waktu sekarang dan beberapa bulan yang lalu, saya akhirnya mengambil risiko. Salah satu hal pertama yang saya temukan adalah bahwa kurva pembelajarannya cukup dalam, baik itu bermigrasi dari Android Studio ke Xcode atau menggunakan storyboard yang bertentangan dengan pengkodean gaya xml di Android.

Jadi saya ingin berbagi beberapa rintangan yang saya hadapi, berharap bahwa orang-orang yang menemukan masalah yang sama, akan menemukan ini cukup membantu.

Jadi salah satu hal pertama yang saya lakukan ketika memulai proyek baru di Android adalah menambahkan beberapa font baru.

Di Android, Anda menyalin font ke folder aset di proyek. Secara default folder aset harus berada di bawah folder root proyek Anda -> app -> src -> main

Android - Direktori Folder Aset

Catatan: jika tidak ada folder aset yang dibuat, Anda bisa menambahkan folder di bawah direktori utama dan memasukkan font Anda ke folder aset.

Sekarang, untuk menggunakan font ini di aplikasi Anda, yang perlu Anda lakukan adalah menulis 2 baris kode:

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

Atau, jika Anda seperti saya dan tidak benar-benar ingin menulis kode di atas untuk semua 50 textiews Anda, atau editTexts, Anda dapat menggunakan tautan ini untuk membuat hidup Anda lebih mudah. (Ini kelas pembungkus yang saya tulis untuk menambahkan font langsung ke file xml Anda)

Dan itu dia! Anda telah menambahkan font Anda ke aplikasi Android Anda.

Di iOS, di sisi lain, saya merekomendasikan semua yang ditambahkan melalui Xcode IDE.

Jadi Langkah 1: Anda harus terlebih dahulu menyeret & melepas font ke folder proyek Anda.

Pastikan Anda menambahkan font di bawah folder proyek

Ini akan membuka prompt di bawah ini:

Langkah 2: Pastikan bahwa Tambahkan ke Target diperiksa seperti yang ditunjukkan di atas, Salin item jika perlu diperiksa.

Sekarang font Anda ditambahkan ke proyek. Sekarang untuk menggunakannya, kita perlu mendeklarasikannya.

Langkah 3: Buka file info.plist, klik kanan dan pilih Tambahkan baris:

Di baris tersebut, pilih Font yang ditambahkan oleh aplikasi.

Saya mengetik secara manual circular_book.otf

Pastikan bahwa nama yang Anda berikan cocok dengan nama file font.

Langkah 4: Lakukan pemeriksaan cepat, apakah font-font Anda di Build Phases -> Bundle Resources?

Font ditambahkan ke fase pembuatan

Langkah 5: Font ditambahkan ke proyek Anda. Sekarang untuk menggunakannya!

Anda dapat menambahkan atribut ke tombol, label, bidang teks

Di storyboard Anda, cari font menggunakan menu drop down.

Jika Anda ingin menggunakannya secara terprogram dari kode Anda:

Pertama, Anda perlu tahu nama font. Seperti yang disarankan Apple, nama font bisa menjadi sesuatu yang sama sekali berbeda dari nama file.

Jadi tambahkan kode di bawah ini untuk mencetak semua nama font:

untuk keluarga di UIFont.familyNames.sorted () {
    let names = UIFont.fontNames (forFamilyName: family)
    print ("Family: \ (family) Nama font: \ (nama)")
}

Setelah Anda tahu nama fontnya, Anda bisa menelepon:

// Untuk tombol:
button.titleLabel? .font = UIFont (nama: "Circular-Book", ukuran: 20)
// Untuk label:
label.font = UIFont (nama: "Buku Edaran", ukuran: 20)

Dan itu dia!

Gambar font khusus di Android

Saya harap ini bermanfaat!