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

Tip:Menggunakan Butter Knife untuk Memasukkan View di Android

by
Read Time:4 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Amri Shodiq (you can also view the original English article)

Dalam tip ini, Anda akan belajar cara mengintegrasikan library Butter Knife dalam proyek Anda untuk memudahkan inisiasi view-view dari layout Anda ke kode program aplikasi Anda.

Perkenalan

Dalam setiap aplikasi Android, Anda harus menggunakan method findViewById() untuk tiap view di layout yang ingin Anda gunakan di aplikasi. Tapi, ketika desain layout aplikasinya semakin rumit, pemanggilan method in menjadi terlalu banyak perulangan. Di sinilah peran library Butter Knife.

Library Butter Knife yang ditulis dan dikelola oleh Jake Wharton (Square Inc.), memiliki annotation yang membantu developer menginisiasi view-view nya dari activity dan fragment. Selain itu juga punya annotation untuk menangani even seperti onClick(), onLongClick(), dsb.

Dalam sample proyek di tutorial ini, Anda bisa lihat aplikasi dengan satu activity dan satu fragment yang diimplementasi dengan Butter Knife dan satu lagi yang diimplementasi dengan cara biasa. Mari kita pelajari langkah-langkah untuk mengintegrasikan Butter Knife.

1. Menggunakan Library Butter Knife

Langkah 1: Tambahkan Dependency

Tambahkan baris berikut di file build.gradle proyek:

Berikutnya, sinkronisasi proyek Anda dengan file ini dengan menekan tombol synchronize.

Press the button to sync the project with the grade filesPress the button to sync the project with the grade filesPress the button to sync the project with the grade files

Langkah 2: Gunakan Annotation

Di setiap activity atau fragment, Anda harus membuang, atau memberi tanda comment, setiap pemanggilan method findViewById() dan tambahkan annotation @InjectView sebelum deklarasi variabel, untuk mengindikasikan identifier view tersebut.

Langkah 3: Masukkan View

Di dalam method onCreate() milik activity, sebelum menggunakan view apapun, panggul inject di object Butterknife.

Jika Anda menggunakan fragmen, Anda harus menyebutkan view-view nya di method onCreateView() seperti berikut ini.

Sekarang Anda dapat mulai menggunakan view-view tersebut di dalam kode aplikasi Anda. Butter Knife akan menangani instansiasi setiap view-nya untuk Anda.

Hanya itu yang perlu dilakukan untuk menggunakan library Butter Knife di activity atau fragment. di bagian berikutnya, saya akan tunjukkan bagaimana menggunakan Butter Knife di list view.

2. Menggunakan Butter Knife dengan List View

Class ListView memiliki cara khusus untuk implementasi, karena Anda menginstansiasi view-view nya di dalam adapter. Untuk mengintegrasikan Butter Knife di dalam list view, Anda pertama harus membuat custom layout dulu untuk item-item di dalam list view tersebut. Saya akan menyebutnya list_view_item dan menambahkan layout berikut:

Dalam layout sederhana ini, kita akan menampilkan sebuah gambar dan beberapa teks. Berikutnya, kita perlu membuat adapter untuk list view-nya. Mari namakan ListViewAdapter.

Di dalam class adapter, ada static class bernama ViewHolder. Kita akan gunakan class ini untuk menampung view-view tersebut. Mari kita implementasikan class ViewHolder seperti berikut:

Yang perlu kita lakukan adalah memodifikasi method getView() seperti berikut ini:

Di dalam method ini, saya meng-inflate custom layout di dalam variabel view dan menggunakannya untuk membuat sebuah objek dari class ViewHolder. Perhatikan bahwa kita menggunakan class Picasso untuk memuat gambar dari internet dan mengisi text view dengan suatu text. Anda bisa menemukan tutorial tentang Picasso jika Anda ingin lebih terbiasa dengan library ini.

Jangan lupa menambahkan permission android.permission.INTERNET di Android manifest. Jika tidak, Picasso tidak akan dapat terhubung ke web untuk memuat gambar-gambar-nya dari internet.

Terakhir, yang perlu Anda lakukan adalah menginstansiasi list view dan menempelkan adapternya. Saya akan melakukan ini di activity baru, ListViewActivity, seperti berikut. Anda dapat lihat contoh implementasi ini di source file tutorial ini.

3. Event

Anda dapat menggunakan annotation Butter Knife untuk event juga. Pilih annotation yang ingin Anda gunakan, sesuai event yang ingin Anda respon, dan letakkan sebelum method yang ingin Anda eksekusi ketika event tersebut terjadi.

Kesimpulan

Anda bisa menggunakan method inject() Butter Knife dimanapun Anda suka jika ingin menghemat waktu dan perulangan, daripada menggunakan method findViewById(), untuk menginstansiasi view-view di layout. Silakan bagikan kepada teman-teman Anda jika tip ini dirasa membantu.

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.