Android MVVM框架

一:android 分层框架概述

目前项目中因为Controller(Activity)和View,Model没有实现解耦,造成Activity既要负责处理业务逻辑,又要负责UI显示,数据绑定,所以造成Activity里代码过多,逻辑不清楚,对代码的可读性,可维护性不是很好,所以采用一些分层模式,可以更为有效的对业务逻辑层,UI显示层,数据层进行拆分,集中分层模式有:
使用的最多的是MVC和MVP。其中MVC出现与上世纪70年代,在三十多年的工程实践中,MVC充分证明了它的成功,同时在漫长的时间中演变出了许多变种,其中也包括MVP.MVC和MVP最大的差别在与控制层对于整个框架的控制力上。而MVVM可以算是MVP的升级版,其中的VM是ViewModel的缩写,ViewModel可以理解成是View的数据模型和Presenter的合体,ViewModel和View之间的交互通过Data Binding完成,而Data Binding可以实现双向的交互,这就使得视图和控制层之间的耦合程度进一步降低,关注点分离更为彻底,同时减轻了Activity的压力,三者之间的差别如下:

MVVM.png

二:android MVVM框架实现 Robobinding

Android平台上有一些比较好的MVVM框架,其中用的比较多的是RoboBinding,Robobinding有如下特点:

为了精简框架,RoboBinding移除了大量不必要的代码,比如addXXListener(),findViewById()等。
可以将难以测试的Android代码转换为普通的JUnit测试。
提供对象类型Cursor来替换 - 关系类型Cursor,因为我们已经习惯于操作对象 。
可以很容易的为任何自定义组件,第三方组件或Android widget编写属性绑定实现,简化代码,使项目易于维护。

** Robobiding 简单使用示例:**
View层(对应android xml文件)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:bind="http://robobinding.org/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              tools:context="org.robobinding.androidmvvm.MainActivity"
              tools:ignore="MissingPrefix">
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        bind:text="{hello}"/>    //单向绑定,修改Model属性时,会自动反映到视图中(需要实体中提供相应的getHello(),setHello()方法)。
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"> 
       <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Name:"/>
        <EditText
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            bind:text="${name}"/>  //双向绑定,修改model属性时,会自动反映到视图中;反过来,修改视图内容,也会自动更改Model的相关属性。
    </LinearLayout>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Say Hello"
        bind:onClick="sayHello"/>
</LinearLayout>

** Model层:PresentationModel() **

public class PresentationModel implements HasPresentationModelChangeSupport {
   private PresentationModelChangeSupport changeSupport;
   private String name;
   public PresentationModel() {
        changeSupport = new PresentationModelChangeSupport(this);
   }
   public String getHello() {
        return name + ": hello Android MVVM(Presentation Model)!"; 
  }
   public String getName() {
        return name;
   }
  public void setName(String name) {
      this.name = name; Log.d("model", "setName(),name: " + name); 
  }
   public void sayHello(){
      changeSupport.firePropertyChange("hello"); 
  }
  @Override 
  public PresentationModelChangeSupport getPresentationModelChangeSupport() {
    return changeSupport; 
  }
}

**Controller层: **

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        PresentationModel presentationModel = new PresentationModel();
        ViewBinder viewBinder = createViewBinder();
        View rootView = viewBinder.inflateAndBind(R.layout.activity_main, presentationModel);//将model和view进行绑定
        setContentView(rootView);
    }
    private ViewBinder createViewBinder() {
        BinderFactory reusableBinderFactory = new BinderFactoryBuilder().build();
        return reusableBinderFactory.createViewBinder(this);
    }
}

从代码可以看出,Robobinding移除了如addXXListener(),findViewById()等代码,有点儿类似Annotation框架,精简了Activity结构,使得代码更容易阅读,维护,采用了源代码生成的方式来代替java反射,所以不会有反射额外的性能开销。

三、android 官方databinding使用

android官方支持的databinding框架使用
使用条件:

  • android studio 1.3及以上版本
  • gradle 2.2及以上版本
  • android plugin for gradle 1.3.0及以上版本

使用步骤:

  1. 在项目顶层build.gradle中添加以下依赖:
dependencies { classpath "com.android.databinding:dataBinder:1.0-rc1"}
  1. 在需要使用databinding的moudle中添加
apply plugin: 'com.android.databinding'

** 注意:**
在项目编译过程中,会出现诸如以下错误:
错误一:

Error:Application and test application id cannot be the same: both are 'com.fengjr.mobile' for qihuDebugAndroidTest

此处要求test的application id和项目id不能一致,需将test 的id(即testApplicationId "com.fengjr.mobile"修改为"com.fengjr.mobile.test")

示例1:

view 文件 activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
 <data>
 <variable
 name="stu"
 type="com.fengjr.mobile.databind.Student" /> //指明该view文件要绑定的数据模型
 </data>
 <LinearLayout
 android:orientation="vertical"
 android:layout_width="match_parent"
 android:layout_height="wrap_content">
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@{stu.name}"/>
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@{stu.addr}"/>
 </LinearLayout>
</layout>

** Model文件:**

package com.fengjr.mobile.databind;
/** * Created by gaoge on 15/9/22. */
public class Student {
      private final String name;
      private final String addr;
      public Student(String name, String addr) {
           this.name = name; this.addr = addr;
      }
      public String getName() {
          return name;
       }
      public String getAddr() {return this.addr;
      }
}

** 绑定过程:TestDataBindingActivity **

public class TestDataBindingAct extends Activity{
@Override
 protected void onCreate(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    ActivityMainBinding binding=DataBindingUtil.setContentView(this,R.layout.activity_main);
    binding.setStu(new Student("姓名", "地址")); //将Model和view(xml文件进行绑定)
 }
}

在mobile module 的build.gradle文件中声明 apply "com.android.databinding"后,android编译系统会自动根据xml文件名称"activity_main"生成一个ActivityMainBinding的class 文件(生成文件的命名格式和xml一一对应)
但是项目中目前使用到google annotation注释框架,且apt的版本是1.4,会和databinding编译过程冲突,造成databinding不能自动生成ActivityBinding文件,需要在mobile module的build.gradle文件中,将
classpath 'com.neenbedankt.gradle.plugins:android-apt:1.4' 改为
classpath 'com.neenbedankt.gradle.plugins:android-apt:1.7'
附apt和databinding冲突文章:
https://bitbucket.org/hvisser/android-apt/issues/38/android-apt-breaks-brand-new-data-binding

修改Model后自动更新UI##

更改Model后自动更新UI,可以通过两种方法实现:

  1. 让Model实体继承自BaseObservable,并且对相应的属性的get()方法增加@Bindable注解,在set()方法中增加notifyPropertyChanged()属性,示例:
public class Student extends BaseObservable {
private String name;
 public Student() {}
public Student(String name) {
this.name = name;
 }
@Bindable
 public String getName() {
return name;
 }
public void setName(String name) {
this.name = name;
 notifyPropertyChanged(BR.name); }}
  1. 对于Model属性,使用google 设计的支持监听的数据类型ObservableFields(包括ObservableField ,ObservableBoolean ,ObservableByte ,ObservableChar ,ObservableShort ,ObservableInt ,ObservableLong,ObservableArrayMap,ObservableArrayList)
public class People {
  public ObservableField<String> name = new ObservableField<>();  
  public ObservableInt age = new ObservableInt();  
 public ObservableBoolean isMan = new ObservableBoolean();  
 }  

推荐阅读更多精彩内容