Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to use MVVM Architecture with rxjava and retrofit in Kotlin

    @rohit.puri
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 12.3k
    Comment on it

    MVVM stands for model view view-model pattern which helps to separate development of graphic user interface and remove lots of bboilerplatecodes. So in this blog we will help you to use MVVM architecture with rxjava and retrofit in Kotlin or we can say that we will going to implement following features in kotlin project:

    1. 100% Kotlin use
    2. Clean Android MVVM Architecture
    3. Retrofit service for network calls
    4. RxJava2 and Java8

     

    Lets see how:

    1. Add kotlin support while create new project
    2. Add following dependencies in your app.gradle for Retrofit, RxJava and MVVM support  :

     

    1. implementation 'com.squareup.retrofit2:retrofit:2.3.0'
    2. implementation 'com.android.support:recyclerview-v7:27.1.1'
    3.  
    4. implementation 'com.jakewharton.retrofit:retrofit2-rxjava2-adapter:1.0.0'
    5.  
    6. implementation 'com.squareup.retrofit2:converter-gson:2.3.0'
    7. implementation 'com.jakewharton.rxbinding:rxbinding:0.4.0'
    8.  
    9. implementation 'com.google.code.gson:gson:2.8.0'
    10. implementation "android.arch.lifecycle:extensions:1.1.1"
    11. annotationProcessor "android.arch.lifecycle:compiler:1.1.1"

     

    3. Add following compile option to include java8 lambda expressions inside android tag in app.gradle:

      compileOptions {
                sourceCompatibility JavaVersion.VERSION_1_8
                targetCompatibility JavaVersion.VERSION_1_8
            }

     

    4. Create api interface to define api call :

     

    1. interface ApiInterface {
    2.  
    3.     @GET("android")
    4.     fun getAndroid(): Call<List<Android>>
    5.  
    6. }

     

    5. Create a model class to hold android versions data, In Kotlin we used data class to hold data :

     

    1. data class Android(
    2.         val name : String,
    3.         val apiLevel : String)

     

    6. Now we create a viewmodel class that will work as a bridge between view and model, it basically prepare observable and that can be observe by view:

     

    1. class AndroidViewModel: ViewModel() {
    2.  
    3.     private val mService  =  RetrofitService()
    4.  
    5.     fun getAndroidData() : MutableLiveData<List<Android>>? {
    6.         Log.e("getAndroidData","yes")
    7.         return mService.loadAndroidData()
    8.     }
    9.  
    10. }

     

    7. Now create a common service class for retrofit where we will create a singleton class by using companion object so that only a single instance of Retrofit will generate and method will return a mutable livedata that can be observe by view:

     

    1. class RetrofitService {
    2.  
    3.     val liveUserResponse: MutableLiveData<List<Android>> = MutableLiveData()
    4.  
    5.     companion object Factory {
    6.         var gson = GsonBuilder().setLenient().create()
    7.         fun create(): ApiInterface {
    8.             Log.e("retrofit","create")
    9.  
    10.             val retrofit = Retrofit.Builder()
    11.                     .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
    12.                     .addConverterFactory(GsonConverterFactory.create(gson))
    13.                     .baseUrl("https://learn2crack-json.herokuapp.com/api/")
    14.                     .build()
    15.  
    16.             return retrofit.create(ApiInterface::class.java)
    17.         }
    18.     }
    19.  
    20.     fun loadAndroidData(): MutableLiveData<List<Android>>? {
    21.  
    22.         Log.e("loadAndroidData","yes")
    23.  
    24.         val retrofitCall  = create().getAndroid()
    25.  
    26.         retrofitCall.enqueue(object : Callback<List<Android>> {
    27.             override fun onFailure(call: Call<List<Android>>, t: Throwable?) {
    28.                 Log.e("on Failure :", "retrofit error")
    29.             }
    30.  
    31.             override fun onResponse(call: Call<List<Android>>, response: retrofit2.Response<List<Android>>) {
    32.  
    33.                 val list  = response.body()
    34.                 for (i in list.orEmpty()){
    35.                     Log.e("on response 1:", i.name)
    36.                 }
    37.  
    38.                 liveUserResponse?.value = list
    39.  
    40.                 Log.e("hasActiveObservers 1", liveUserResponse?.hasActiveObservers().toString()+" check")
    41.  
    42.                 Log.e("on response 2 :", liveUserResponse.toString()+" check")
    43.  
    44.             }
    45.  
    46.         })
    47.  
    48.         return liveUserResponse
    49.     }
    50. }

     

    we are using learn2crack api to show all android versions in a recyclerview.

     

    8. MainActivity to show android versions in a recyclerview :

     

    1. class MainActivity : AppCompatActivity() {
    2.  
    3.     private lateinit var linearLayoutManager: LinearLayoutManager
    4.  
    5.     override fun onCreate(savedInstanceState: Bundle?) {
    6.         super.onCreate(savedInstanceState)
    7.         setContentView(R.layout.activity_main)
    8.  
    9.         linearLayoutManager = LinearLayoutManager(this@MainActivity)
    10.         recyclerView.layoutManager = linearLayoutManager
    11.         recyclerView.hasFixedSize()
    12.  
    13.         getAndroidVersion()
    14.  
    15.     }
    16.  
    17.     private fun getAndroidVersion() {
    18.         Log.e("getAndroidVersion","yes")
    19.  
    20.         val mAndroidViewModel = ViewModelProviders.of(this@MainActivity).get(AndroidViewModel::class.java)
    21.         mAndroidViewModel.getAndroidData()?.observe(this, Observer<List<Android>> { androidList ->
    22.  
    23.             Log.e("list",androidList?.size.toString())
    24.             recyclerView.adapter = EmpAdapter(this@MainActivity, androidList as ArrayList<Android>, object : ItemClickListener {
    25.                 override fun onItemClick(pos: Int) {
    26.                     Toast.makeText(applicationContext, "item $pos clicked", Toast.LENGTH_LONG).show()
    27.                 }
    28.             })
    29.         })
    30.  
    31.     }
    32. }

     

    9. Now creating adapter to fill data in recyclerview, here we will use rxjava click feature

     

    1. class EmpAdapter(var context: MainActivity, var mEmpList: ArrayList<Android>, private val itemClick:ItemClickListener): RecyclerView.Adapter<EmpAdapter.EmpHolder>()  {
    2.  
    3.     companion object {
    4.          var mItemClickListener : ItemClickListener? = null
    5.     }
    6.  
    7.     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): EmpHolder {
    8.         val view = LayoutInflater.from(context).inflate(R.layout.items, parent, false)
    9.         return EmpHolder(view)
    10.     }
    11.  
    12.     override fun getItemCount(): Int {
    13.         return mEmpList.size
    14.     }
    15.  
    16.     override fun onBindViewHolder(holder:EmpHolder, position: Int) {
    17.         mItemClickListener = itemClick
    18.         holder.tvFname?.text = mEmpList[position].name
    19.         holder.tvLname?.text = mEmpList[position].apiLevel
    20.  
    21.         RxView.clicks(holder.mView).subscribe {
    22.             mItemClickListener!!.onItemClick(position)
    23.         }
    24.     }
    25.  
    26.  
    27.     class EmpHolder (view: View) : RecyclerView.ViewHolder(view) {
    28.         val tvFname = view.tvFname
    29.         val tvLname = view.tvLname
    30.         val mView = view
    31.     }
    32.  
    33. }

     

    10. Interface for click event :

     

    1. interface ItemClickListener {
    2.     fun onItemClick(pos : Int)
    3. }

     

    You can also download the whole sample project here :

    https://github.com/rohitpuriji/Kotlin-MVVM

    Post you comment for any query.

    Thanks.

    android mvvm Android retrofit android kotlin RXJava
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: