MVVM架构设计体验(有demo)

android-kotlin-tablayout

MVVM+LiveData初稿已经完成,等待优化,目前可以用来学习参考,有问题可以加我微信1140965679

一个基于kotlindemo,主要是两个功能,一个是底部导航,使用了BottomNavigationView,首页一个tablayout+viewpager+
fragment,一个小型架构,使用mvvm架构实现了与后台交互,可以自己扩展。

mvvm+dagger2+Livedata,BottomNavigationView实现底部导航切换,viewpager+tablayout实现首页头部导航,架构是目前最主流的架构
mvvm,数据偏基础适合初学者

mvvm架构模式

Model:实体模型、数据的获取、存储等等

View:Activity、fragment、view、adapter、xml等等

ViewModel:负责完成View与Model间的交互和业务逻辑,基于DataBinding改变UI

1:使用 kotlin,代码更简单

2:使用 BottomNavigationView,底部导航简单实现

 

菜单menu_bottom_navigation_view布局代码



    
    
    
    
    


这里代码直接和Fragment做了关联设置[BottomNavigationView]以与[Navcontroller]一起使用。这将调用
[android.view.menu item.onnavdestinationselected]选择菜单项时。当目标更改时,NavigationView
中的选定项将自动更新,nav_host_fragment是fragment的id

 navController = Navigation.findNavController(this, R.id.nav_host_fragment)
 bnv_menu.setupWithNavController(navController)

3:使用 lifeCycle框架管理activity和fragement生命后期

  private fun initLocationListener() {
        myLocationListener = LifeCycleListener(this, lifecycle,null)
        lifecycle.addObserver(myLocationListener)

    }

其中LifeCycleListener是自己写的,里面主要是activity/fragment的生命周期函数代码如下:

class LifeCycleListener(
    context: Context?, lifecycle:Lifecycle,
    callback: Callback?
) :LifecycleObserver{

    var  enabled :Boolean=false
    var  context:Context= context!!
    var  lifecycle:Lifecycle=lifecycle
    var  callback: Callback? =callback


    @OnLifecycleEvent(Lifecycle.Event.ON_CREATE)
    fun create(){
        callback?.refresh("ON_CREATE")
        Log.d("addObserver","ON_CREATE")
    }

    @OnLifecycleEvent(Lifecycle.Event.ON_START)
    fun start() {
            callback?.refresh("ON_START")
        Log.d("addObserver","ON_START")
    }

    @OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
    fun resume(){
        callback?.refresh("ON_RESUME")
        Log.d("addObserver","ON_RESUME")
    }

    @OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
    fun pause(){
        callback?.refresh("ON_PAUSE")
        Log.d("addObserver","ON_PAUSE")
    }


    @OnLifecycleEvent(Lifecycle.Event.ON_STOP)
    fun stop() {
        callback?.refresh("ON_STOP")
        Log.d("addObserver","ON_STOP")
    }

    @OnLifecycleEvent(Lifecycle.Event.ON_DESTROY)
    fun destory() {
        callback?.refresh("ON_DESTROY")
        Log.d("addObserver","ON_DESTROY")
    }


}

4:使用 dagger2,解耦
这里只有一个javabean,就是用户对象,userbean,使用dagger2
第一步 这里userbean是java写的,不是kotlin,使用MainModule添加的@module注解
第二步 在provUserBean方法上添加的@Provides注解,然后在UserBeanComPonent类里面添加@Component,重新Rebuild,获取
DaggerUserBeanComPonent对象,使用DaggerUserBeanComPonent对象添加依赖

DaggerUserBeanComPonent.create().inject(this)
//或者 DaggerUserBeanComPonent.builder().build().inject(this)

第四步

 @Inject
    lateinit var userBean: UserBean
    //就可以使用userbean了

5:使用 dataBinding框架,统一规范处理view
使用databinding把moudle与view绑定

homeNewFragmentBinding.userBean=userBean.apply {
          this.id=id
          this.nickName=nickName
      }

在要使用userbean的xml里面声明


        
        
    

使用

 

    

6:使用 greenDao 数据库框架,保存数据到本地会用到

7:LiveData管理数据

HomeNewViewModel继承ViewModel,使用MutableLiveData来管理数据,以便数据更新是通知片段代码如下:

class HomeNewViewModel :ViewModel(){

    private  var articelBean: MutableLiveData>? = null
    fun getListData() :LiveData>{

        var userRepository=ArticelRepository()
        return  userRepository!!.getArticel()
    }

    fun setArtice(articelBeanList: List){
        articelBean?.value =articelBeanList
    }


}

FragmentNewFragment使用ViewModel说明

//HomeNewFragment通过ViewModelProviders获取viewModel实列
var homeNewViewModel= ViewModelProviders.of(this).get()
//观察数据改变,更新UI
var nameObserver =object:androidx.lifecycle.Observer>{
            override fun onChanged(articelBean: List?) {
               updataUI(articelBean!!)
            }
        }
//注册一个观察者,获取数据请查看ViewModel的getListData()方法    
homeNewViewModel.getListData().observe(this,nameObserver)
//gitList()方法使用的是Repository管理的用户异步请求,这里多封装一层是为了请求服务器这里更灵活,易维护
 fun getListData() :LiveData>{

        var userRepository=ArticelRepository()
        return  userRepository!!.getArticel()
}

请求服务器模块独立,mediatorLiveData的value有更新的时候,UI就更新了,这里请求服务器使用了一个第三方的后端服务leancloud,
如果请求自己的数据库,按需求更改。

fun   getArticel(): LiveData> {
        var mediatorLiveData= MediatorLiveData>()
        //获取数据
        val query = AVQuery("Article")
        query.findInBackground()
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe(object : Observer> {
                override fun onNext(listArtice: List) {
                    Log.d("UserBean","event"+"onNext" )
             
                    mediatorLiveData.value=articelBeanList

                }
                override fun onComplete() {
                    Log.d("UserBean","event"+"onComplete" )
                }

                override fun onSubscribe(d: Disposable) {
                    Log.d("UserBean","onSubscribe"+ d)
                }

                override fun onError(e: Throwable) {
                    Log.d("UserBean","onError"+e )
                }


            })
        return  mediatorLiveData
        }
MVVM架构设计体验(有demo)_第1张图片
image.png

新添加功能,搭建了mvvm架构,包裹异步请求,dagger2管理对象 mvvm设计,目前代码可以实现dagger2管理对象,moudle提供数据,viewmoudle链接moudle和view,以databinding管理view,

显示数据,mvvm架构持续迭代中,异步请求完数据就是这个样子的

MVVM架构设计体验(有demo)_第2张图片
image.png

写到最后---------------------------------------------------原码地址

有问题在这里提问
源代码地址

你可能感兴趣的:(MVVM架构设计体验(有demo))