Laravel dan Android Tutorial

Blogger news

Android Kotlin MVVM Networking dengan RX Java dan RX Android (1)

Tidak ada komentar
Setelah sebelumnya membuat basic android MVVM. sekarang lanjut ke networking, mendapatkan data dari API dan menampilkannya dalam aplikasi.

contoh API nya diambil dari sini. yang nantinya akan ditampilkan berbentuk list.

untuk librarynya disini menggunakan Retrofit, OkHttp Loging, Rx Java dan Rx Android. langsung saja setelah membuat project android baru aktifkan mode data binding dan tambahkan library yang akan dipakai.


oke done, sebelum lanjut ke pembuatan layout siapkan class viewmodel. pertama siapkan viewmodel untuk main activity. buat nama class nya MainViewModel.
 

kemudian class view model untuk item. kasih nama ItemPlaceViewModel.


persiapan selesai lanjut ke pembuatan layout. pertama layout untuk item place. buat seperti berikut. beri nama item_place.xml dan set data variabel nya ke class view model yang telah dibuat sebelumnya.

Lanjut  ke layout utama.  sama seperti layout diatas jangan lupa set data variabel viewmodel.

nah sekarang design aplikasinya sudah terlihat.


lanjut ke pembuatan class untuk networking. sebelum itu siapkan class model untuk API nya. bisa lewat plugin android studio atau lewat online pojo generator. kurang lebihnya class modelnya seperti berikut ini.


sekarang baru lanjut ke handle API nya. pertama buat interface. buat seperti berikut.


setelah itu buat class untuk networking service.


nah ini adalah class custom untuk Observer. ini akan digunakan di setiap repository yang nanti akan dibuat.


seperti ini contoh repositorynya. dalam hal ini cuma satu MainRepository.


class untuk networking sudah siap, sekarang ubah MainViewModel. gunakan repositorynya disini. lihat gambar berikut ini.


sip, untuk logic mendapatkan data dari API sedah selesai. tinggal test lewat MainActivitynya. buat seperti berikut ini.


sekarang coba jalankan dan lihat log nya. jika hasilnya seperti berikut ini. maka sudah berhasil mengkoneksikan data API dengan Rx Java dan Rx Android.


selamat mencoba.
artikel bersambung kesini.

Tidak ada komentar :

Posting Komentar