Android MVVM

AndroidMvvm練習

AndroidMVVM 是Google推出的,網上介紹也有很多,我就不廢話了,公司項目中使用的mvvm,我整理個小demo練習記錄一下

1.DataBinding

配置

 dataBinding {
        enabled = true
    }

在XML中使用, 原先的佈局還是照常寫

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="viewModel"
            type="com.pltest.mvvmtest.MainActViewModel" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <!--    // 點擊事件可以在act中設置  也可以在XML 直接寫-->
        <Button
            android:id="@+id/btGet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="getData"
            android:textAllCaps="false"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

2.ViewModel

新建ViewModel,繼承至ViewModel

class MainActViewModel : ViewModel()

在Activity中獲取實例

 private val mViewModel by lazy {
        ViewModelProviders.of(this).get(MainActViewModel::class.java)
    }

XML中聲明的VIewModel

 <data>
        <variable
            name="viewModel"
            type="com.pltest.mvvmtest.MainActViewModel" />
    </data>

XML中的VIewModel 和ViewModel實例綁定

mBinding.viewModel = mViewModel

在ViewModel 中聲明LiveData

 private val _countLive = ObservableField<String>()
    val countLive get() = _countLive
    private fun refreshCount() {
        _countLive.set("當前條數 : " + _dataLive.value?.size)
    }

    private val _dataLive = MutableLiveData<MutableList<Bean>>()
    val dataLive get() = _dataLive
    private fun setData(list: MutableList<Bean>) {
        _dataLive.value = list
        refreshCount()
    }

在xml中可以直接設置監聽ViewModel的數據變化 以及點擊事件

<Button
            android:id="@+id/btAdd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="@{()->viewModel.addData()}"
            android:text="addData"
            android:textAllCaps="false"
            app:layout_constraintLeft_toRightOf="@id/btGet"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/tvCount"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:gravity="center"
            android:text="@{viewModel.countLive}"
            android:textSize="18sp"
            app:layout_constraintBottom_toBottomOf="@id/btAdd"
            app:layout_constraintLeft_toRightOf="@id/btAdd"
            app:layout_constraintTop_toTopOf="parent" />

在Activity中設置LiveData回調監

  mViewModel.apply {
            dataLive.observe(this@MainActivity, Observer {
                mAdapter.setData(it)
            })

            onItemChangeLive.observe(this@MainActivity, Observer {
                mAdapter.notifyItemChanged(it)
            })
        }

在列表中的點擊事件,調用ViewModel中的方法。進行邏輯處理。操作數據

    fun onItemClick(position: Int) {
        if (position > _dataLive.value?.size ?: 0) return
        val data = _dataLive.value ?: return
        data[position].isSelect = !data[position].isSelect
        _onItemChangeLive.value = position
    }

最後附demo地址:https://github.com/13522280478/AndroidMVVMTest.git

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章