Blogger UI V2 Hanya Rp.50.000/License Beli Tema

Cara Menggunakan Font Awesome 4.7 untuk Button dengan Kodular.io



Font Awesome yang merupakan salah satu font yang digunakan untuk membuat simbol-simbol pada komponen, objek, atau widget tertentu. Simbol ini bisa menggambarkan sesuatu hal yang secara tidak tertulis. Misalkan, simbol trash yang menggambarkan kita harus membuang sampah ke tempat sampah.

Untuk saat ini, Font Awesome telah memasuki versi terbaru yakni versi 6 yang dimana mendatangkan lebih banyak simbol lagi daripada versi sebelumnya. Namun, penulis memfokuskan dalam penggunaan Font Awesome versi 4.7 yang dimana masih banyak digunakan oleh UI / UX Designer atau Frontend Developer berlaku semua platform.

Penulis memberikan tutorial cara menggunakan Font Awesome 4.7 untuk Button dengan Kodular. Hal ini berguna untuk tampilan button seperti menu atau fitur dengan menggunakan simbol (font bukan bitmap) pada pembuatan aplikasi Android di Kodular.

TUTORIAL VIA VIDEO :



A. LANGKAH-LANGKAH :

1. Aktifkan web browser di komputer atau laptop anda.

2. Ketikkan http://c.kodular.io pada address bar. Tunggu sampai halaman utama muncul.

3. Melakukan login dengan cara manual atau sistem OAuth. Tunggu beberapa saat sampai redirect ke homepage.

4. Klik Create Project untuk membuat project yang baru.

5. Ketikkan pengisian project yang bernama "fontawesomebtn1", klik Next.

6. Aturlah tampilan UI aplikasi Android dan / atau kustomisasi nama package, klik Finish.

7. Drag komponen Button ke Screen1.

8. Pilihlah Font Typeface yakni Font Awesome.

9. Masukkan Unicode Font Awesome ke dalam kolom Text, tekan Enter.

10. Klik Advanced properties.

11. Centangkan HTML Format.

12. Aturlah ukuran font-nya, tekan Enter.


CARA MENGAMBIL KODE CHARTSET FONT AWESOME :

1. Kunjungin situs https://fontawesome.com/v4.7.0/cheatsheet/ . Hal ini berguna untuk mendapat Unicode Font Awesome.

2. Salinkan Unicode tersebut dengan sesuai kebutuhan ke Button tadi.

3. Kembali ke situs Kodular Creator untuk paste-kan Unicode tersebut ke Button tadi yang terdapat pada bagian A langkah ke-9. 

Jadi, kamu bisa menggunakan Font Awesome 4.7 untuk membuat button menjadi lebih menarik untuk dilihat oleh pengguna gadget dalam aplikasi Android buatan kamu, sehingga tidak memerlukan tambahkan teks ke dalam button lagi.

Sekian...
Terima kasih...

About the Author

Mungkin ketidaksempurnaan kita yang membuat kita begitu sempurna satu sama lain.Cinta adalah ruang dan waktu yang diukur oleh hati.Cinta terdiri dari satu jiwa yang menghuni dua tubuh.Kamu mungkin memegang tanganku untuk sementara waktu, tetapi kamu…

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.