[Module] 06 - DataBinding and MVVM

下一步学习列表:

Android DataBinding使用总结(一) ***

Android DataBinding使用总结(二)

Android DataBinding使用总结(三)列表展示 

Android DataBinding使用总结(四)多类型列表展示 

Android DataBinding使用总结(五)结合MultiType展示多类型列表

Android MVVM+DataBinding结合Dagger2进行开发

Android 神兵利器Dagger2使用详解(一)基础使用

Android 神兵利器Dagger2使用详解(二)Module&Component源码分析

Android 神兵利器Dagger2使用详解(三)MVP架构下的使用

Android 神兵利器Dagger2使用详解(四)Scope注解的使用及源码分析

Android单元测试:Mockito使用详解

Android单元测试:使用本地数据测试Retrofit

Android单元测试:测试RxJava的同步及异步操作

 

 

前言

Ref: 如何构建Android MVVM应用程序

Databinding 是一种框架,MVVM是一种模式,两者的概念是不一样的。
DataBinding是一个实现数据和UI绑定的框架,只是一个实现MVVM模式的工具。
 
 

相关配置

以前我们在Activity里写很多的findViewById,现在如果我们使用DataBinding,就可以抛弃findViewById。DataBinding主要解决了两个问题: 

- 需要多次使用findViewById,损害了应用性能且令人厌烦 
- 更新UI数据需切换至UI线程,将数据分解映射到各个view比较麻烦

 

Moudle的build.gradle中添加如下代码进行配置:

android {
    ....
    dataBinding {
        enabled = true
    }
}

 

 

绑定示范

代码:https://github.com/qingmei2/MvvmApp-Android

public class A01MainActivity extends AppCompatActivity {

    public  Presenter           presenter;
    private ActivityMainBinding binding;

@Override
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); inject();  // ----> } private void inject() { //现在我们通过DataBindingUtil设置布局文件 binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
/**
* 以下看上去像是套路coding
*/
//初始化Presenter对象 presenter = new Presenter();
//将presenter对象赋予XML中的 data -> variable -> presenter binding.setPresenter(presenter); } public class Presenter { public String message = " ~ "; public void baseDataBinding() { startActivity(new Intent(A01MainActivity.this, A02DataBindingBaseActivity.class)); } public void recyclerView(){ startActivity(new Intent(A01MainActivity.this, A03RecyclerBindActivity.class)); } public void mulTypeRecyclerView(){ startActivity(new Intent(A01MainActivity.this, A04MulTypeRecyclerBindActivity.class)); } public void mvvm(){ startActivity(new Intent(A01MainActivity.this, A06MvvmActivity.class)); } public void studyLibrary(){ startActivity(new Intent(A01MainActivity.this, A05MultiTypeStudyActivity.class)); } } }

在xml中制定了按键触发事件对应的函数。

<?xml version="1.0" encoding="utf-8"?>
<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="presenter"
            type="com.mei_husky.samplemvvm.view.activity.A01MainActivity.Presenter" />
    </data>


    <LinearLayout
        android:layout_width ="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.mei_husky.samplemvvm.view.activity.A01MainActivity">

        <Button
            android:layout_width ="match_parent"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:onClick="@{() -> presenter.baseDataBinding()}"
            android:text="@{`DataBinding基础使用` + presenter.message}" />

        <Button
            android:layout_width ="match_parent"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:onClick="@{() -> presenter.recyclerView()}"
            android:text="@{`DataBinding 展示列表` + presenter.message}" />

        <Button
            android:layout_width ="match_parent"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:onClick="@{() -> presenter.mulTypeRecyclerView()}"
            android:text="@{`DataBinding 展示多类型列表` + presenter.message}" />

        <Button
            android:layout_width ="match_parent"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:onClick="@{() -> presenter.studyLibrary()}"
            android:text="@{`MultiType库学习` + presenter.message}" />
        <Button
            android:layout_width ="match_parent"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:onClick="@{() -> presenter.mvvm()}"
            android:text="@{`DataBinding Mvvm` + presenter.message}" />

    </LinearLayout>
</layout>

 

 

以上是基本了解,frankly, it is confused.

所以,我需要视频:棉花糖给 Android 带来的 Data Bindings(数据绑定库)

 

方案一:ButterKnife

使用 ButterKnife 这个库,能够摆脱讨厌的 findViewById 而获得组件,它让代码更加简洁易读。通过它可以节省很多额外的代码。 

private @Bind(R.id.name)     TextView mName
private @Bind(R.id.lastName) TextView mLastName
protected void onCreate(Bundle savedInstanceState) { setContentView(R.layout.activity_main); //mName = (TextView) findViewById(R.id.name); //mLastName = (TextView) findViewById(R.id.lastName);
  ButterKnife.bind(this);
}
public void updateUI(User user) {
  if (user == null) {
    mName.setText(null);
    mLastName.setText(null);
  } else {
    mName.setText(user.getName());
    mLastName.setText(user.getLastName());
  }
}

 

方案二:holder

使用 Holdr,替你可以处理布局文件,然后为他们创建 View 组件。你通过 Holder,转换 View 的 ID 到组件变量。

private Holdr_ActivityMain holder;
protected void onCreate(Bundle savedInstanceState) {
  setContentView(R.layout.activity_main);
  holder = new Holdr_ActivityMain(findViewById(content));
}
public void updateUI(User user) {
  if (user == null) {
    holder.name.setText(null);
    holder.lastName.setText(null);
  } else {
    holder.name.setText(user.getName());
    holder.lastName.setText(user.getLastName());
  }
} 

感觉只是在name, lastname之上wrap了一下而已,未体会到伟大的精神。

当你使用 Data Binding,它很像 Holder 模式,而且你只要做一点点事情,其余的内容 Data Binding 会帮你完成。

 

方案三:databinding

private ActivityMainBinding mBinding;
protected void onCreate(Bundle savedInstanceState) {
  mBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
}

public void updateUI(User user) {
  mBinding.setUser(user);
}

id的使用开始变得不重要。

<LinearLayout …>
  <TextView android:id="@id/name"    />
  <TextView android:id="@id/lastName"    />
</LinearLayout>

我们能够直接通过 Java 代码找到它们,为什么还需要这些 ID 呢?
所以,进化为如下形式:
<LinearLayout …> <TextView android:text="@{user.name}"/> <TextView android:text="@{user.lastName}"/> </LinearLayout>

看起来更明显。

<layout>
    <data>
        <variable name="user"
                  type="com.android.example.User"/>
    </data>
<LinearLayout …> <TextView android:text="@{user.name}"/> <TextView android:text="@{user.lastName}"/> <TextView android:text='@{"" + user.age}'/> </LinearLayout> </layout>

 

休息 休息...

 

 

 

 

posted @ 2018-04-02 10:45  郝壹贰叁  阅读(319)  评论(0编辑  收藏  举报