Tutorial Android : Membuat Dinamically EditText dengan RecyclerView #1

Membuat Dinamically EditText dengan RecyclerView
Membuat Dinamically EditText dengan RecyclerView
Codingtive.com - Penggunaan komponen EditText dan RecyclerView tentu sudah tidak asing lagi bagi kalian yang sering membuat aplikasi android, pada kesempatan kali ini saya akan berbagi tutorial bagaimana cara membuat EditText yang dinamis dengan RecyclerView.

Dinamis yang dimaksud adalah komponen EditText dapat ditambah, diedit, maupun dihapus. Berikut adalah langkah cara membuatnya step by step :

1. Buat project di Android Studio

Langkah yang pertama adalah membuat project di Android Studio seperti biasanya, bagi yang belum tau bagaimana cara membuat projectnya, kalian bisa mampir disini.

2. Buka file build.gradle (Module: app)

Setelah berhasil membuat project, buka file build.gradle(Module: app), kemudian tambahkan kode berikut untuk mengaktifkan android extention :
androidExtensions {
   experimental = true
}
Posisinya sebagai berikut :
Kemudian pada bagian dependencies, tambahkan library untuk recyclerviewnya :
implementation 'com.android.support:recyclerview-v7:28.0.0'
Setelah sudah ditambahkan, sekarang sync build.gradlenya untuk mendownload librarynya dan pastikan terkoneksi dengan internet.

3. Buat layout

Langkah selanjutnya adalah membuat layoutnya, buka folder res > layout, kemudian buka file activity_main.xml. Tulis kode berikut (untuk membiasakan tidak copas) :
Nah tentunya masih ada yang error karena ada asset yang belum diimport, untuk icon kalian dapat download disini, atau dapat download di github saya.
Tambahkan asset iconnya di folder res > drawable, kemudian sesuaikan namanya agar tidak error.

Kemudian buat xml layout baru dengan cara klik kanan pada folder res > layout, kemudian pilih New > Layout resource file, dan isikan nama layoutnya dengan todo_list_layout.xml
Tulis kode berikut pada file todo_list_layout.xml :
Pada layout tersebut terdapat icon drawable, sesuaikan dengan asset yang kalian sudah tambahkan tadi.

Kemudian tambahkan untuk asset di folder res > values : untuk colors.xml dan strings.xml


4. Buat Struktur File Kotlin

Nah selanjutnya sebelum coding di Kotlinnya, kita siapkan dulu file-filenya dan buat struktur packagenya. Tujuannya yaitu supaya lebih tertata dan memisahkan sesuai filenya.
Buka pada folder java, kemudian masuk ke package project kalian
  1. Klik kanan pada package kemudian New > package  dan beri nama model untuk package yang baru, tambahkan 1 package lagi dengan cara yang sama dan beri nama presentation.
  2. Selanjutnya klik kanan pada package model, pilih New > Kotlin File / Class dan beri nama Todo.
  3. Pindahkan file MainActivity ke package presentation.
  4. Buat 3 file Kotlin pada folder presentation, dengan namanya sebagai berikut :
  • TodoAdapter
  • TodoViewHolder
  • TodoUI
Susunan filenya menjadi seperti berikut :

Sebagai penjelasan, pada model file Todo digunakan untuk data class sebagai object dari todo. Kemudian pada package presentation digunakan untuk view, MainActivity digunakan sebagai activity utama yang ditampilkan pada layar, TodoAdapter digunakan sebagai adapter untuk menghubungkan recyclerview dengan view holder. TodoViewHolder digunakan untuk binding data todo pada recyclerview sesuai dengan posisi adapternya, dan TodoUI yang berisi interface contract.

Sampai disini untuk tutorial dinamically edit text dengan recyclerview, kalian dapat melanjutkannya di Dinamically EditText dengan RecyclerView Part 2. Terima kasih

Baca juga :
Tutorial Android : Get Latitude, Longitude, Location dengan Mudah
Tutorial Pengenalan Bahasa Dart Untuk Pemula

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Tutorial Android : Membuat Dinamically EditText dengan RecyclerView #1"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel