Tutorial Android : Menciptakan Dinamically Edittext Dengan Recyclerview #1

Membuat Dinamically EditText dengan RecyclerView

 - Penggunaan komponen EditText dan RecyclerView tentu sudah tidak aneh lagi bagi kalian yang sering menciptakan aplikasi android, pada kesempatan kali ini aku akan menyebarkan tutorial bagaimana cara menciptakan EditText yang dinamis dengan RecyclerView.

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

1. Buat project di Android Studio

Langkah yang pertama ialah menciptakan project di Android Studio menyerupai biasanya, bagi yang belum tau bagaimana cara menciptakan projectnya, kalian sanggup mampir disini.

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

Setelah berhasil menciptakan project, buka file build.gradle(Module: app), lalu tambahkan isyarat berikut untuk mengaktifkan android extention :

androidExtensions {    experimental = true }

Posisinya sebagai berikut :

Kemudian pada bab dependencies, tambahkan library untuk recyclerviewnya :

implementation 'com.android.support:recyclerview-v7:28.0.0'

Setelah sudah ditambahkan, kini sync build.gradlenya untuk mendownload librarynya dan pastikan terkoneksi dengan internet.

3. Buat layout

Langkah selanjutnya ialah menciptakan layoutnya, buka folder res > layout, kemudian buka file activity_main.xml. Tulis isyarat berikut (untuk membiasakan tidak copas) :

Nah tentunya masih ada yang error alasannya ialah ada asset yang belum diimport, untuk icon kalian sanggup download disini, atau sanggup download di github saya.
Tambahkan asset iconnya di folder res > drawable, lalu sesuaikan namanya semoga tidak error.

Kemudian buat xml layout gres dengan cara klik kanan pada folder res > layout, kemudian pilih New > Layout resource file, dan isikan nama layoutnya dengan todo_list_layout.xml

Tulis isyarat 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, lalu 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 menyerupai berikut :

Sebagai penjelasan, pada model file Todo digunakan untuk data class sebagai object dari todo. Kemudian pada package presentation dipakai untuk view, MainActivity dipakai 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 sanggup 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

Share this post