[关闭]
@asce1885 2015-07-27T02:11:14.000000Z 字数 17540 阅读 406

Android DataBinding：再见Presenter，你好ViewModel！

我的翻译作品

@author ASCE1885的 Github 简书 微博 CSDN
原文链接

最近一段时间MVP模式已经成为Android应用开发UI层架构设计的主流趋势。类似TED MOSBY，nucleus和mortar之类的框架都引入了Presenters来帮助我们搭建简洁的app架构。它们也（在不同的程度上）帮助我们处理Android平台上臭名昭著的设备旋转和状态持久化等问题。MVP模式也有助于隔离样板代码，虽然这并不是MVP模式的设计初衷。

在Google I/O 2015上，伴随着Android M预览版发布的Data Binding兼容函数库改变了这一切。

根据维基百科上关于MVP的词条描述，Presenter作用如下：

Presenter作用于model和view，它从仓库（Model）中获取数据，并格式化后让view进行显示。

Data Binding框架将会接管Presenter的主要职责（作用于model和view上），Presenter的其他剩余职责（从仓库中获取数据并进行格式化处理）则由ViewModel（一个增强版的Model）接管。ViewModel是一个独立的Java类，它的唯一职责是表示一个View后面的数据。它可以合并来自多个数据源（Models）的数据，并将这些数据加工后用于展示。我之前写过一篇关于ViewModel的短文，讲述了它与Data Model或者Transport Model之间的区别。

我们今天要讲述的架构是MVVM（Model－View－ViewModel），它最初是在2005年（不要吓到哦）由微软提出的一个被证明可用的概念。下面我将举例说明从MVP到MVVM的改变，容我盗用下Hanne Dorfmann在他介绍TED MOSBY框架的文章中的插图。

可以看到对view中数据的所有绑定和更新操作都是通过Data Binding框架实现的。通过ObservableField类，View在model发生变化时会作出反应，在XML文件中对属性的引用使得框架在用户操作View时可以将变化推送给对应的ViewModel。我们也可以通过代码订阅属性的变化，这样可以实现例如当CheckBox被点击后，TextView被禁用这样的功能。像这样使用标准Java类来表示View的视觉状态的一个很大优势是明显的：你可以很容易对这种视觉行为进行单元测试。

上面关于MVP的插图中有一个名为Presenter.loadUsers()的方法，这是一个命令。在MVVM中这些方法定义在ViewModel中。从维基百科文章中可以看到：

view model是一个抽象的view，它对外暴露公有的属性和命令。

因此这可能跟你以前熟悉的东西有些不同。在MVP模式中models很可能只是纯粹用于保存数据的“哑”类。对于把业务逻辑放到Models或者View Models中的行为不要感到害怕。这是面向对象编程的核心准则。回到Presenter.loadUsers()函数，现在它是一个放在ViewModel中的函数，它可能被View的后置代码（code－behind）调用，或者被位于View的XML文件中的数据绑定命令调用。如果android-developer-preview问题跟踪里面这个issue描述的问题得到支持的话。如果我们没能得到数据绑定到命令功能的支持，那就只能使用以前的android:onClick语法，或者手动在view中添加监听器了。

代码后置（code－behind），微软的一个概念，经常与早期的ASP.NET或者WinForms联系在一起。我想它也可以作为Android上的一个描述术语，View由两个元素组成：View的布局文件（XML）和后置代码（Java），这通常是指Fragments，Activities或者继承自View.java的其他类。

处理系统调用

View的后置代码还需要完成一系列用例－初始化系统，打开对话框的函数，或者任何需要引用Android Context对象的调用。但不要把这样的代码调用放到ViewModel中。如果ViewModel包含

  1. import android.content.Context;

这段代码，说明你用错了，千万不要这么做，好奇害死猫。

我还没有完全决定解决这个问题的最好办法，不过这是因为有几个好的选择。一个方法是通过在ViewModel中持有View的一个引用来保存Mosby中的presenter元素。这个方案不会降低可测试性。但跟在Mosby中持有一个单独的Presenter类不同，我坚持认为将View作为接口的具体实现可以起到简化代码的作用。另一个方法可能是使用Square的Otto之类的事件总线机制来初始化类似

  1. new ShowToastMessage("hello world")

的命令。这将会很好的分离view和viewmodel，不过这是一件好事吗？

我们不需要框架了吗？

那么Data Binding框架已经接管了类似Mosby或者Mortar等框架的工作了吗？只是一部分。我希望看到的是这些框架进化或者新增分支变成MVVM类型的框架，这样我们在充分利用Data Binding的同时，可以最低限度依赖第三方框架，并保持框架的小而美。虽然Presenter的时代可能已经结束了，但这些框架在管理声明周期和view（或者ViewModel）的状态持久化方面还在发挥作用，这一点并没有改变。（如果Google引入一个LifeCycleAffected接口让Fragment, Activity 和 View进行实现，那将是多么酷的一件事！这个接口由一个名为addOnPauseListener()和addOnResumeListener()的函数，在我们例子中如何使用这个接口将留给你来实现。）

更新：最近了解到AndroidViewModel框架，它实际上可能很适合MVVM和Android的Data Binding。不过我还没有时间试用它。

总结

当我首次听说Android M致力于改进SDK并重点关注开发者时，我真的很激动。当我听说他们引入了Data Binding，我被震惊了。在其他平台如WinForms, WPF, Silverlight 和 Windows Phone上面我已经用了好几年Data Binding技术。我知道这可以帮助我们写出简洁的架构和更少的样板代码。这个框架是站在开发者这边的，而不是阻碍我们的，很久以前我就感受到这一点了。

但Data Binding不是银弹，它也有缺点。在XML文件中定义绑定本身就是一个问题。XML不会被编译，它也不能进行单元测试。因此你将会经常在运行时才发现错误，而不是在编译期间。忘记将属性绑定到View了？很不幸。但工具可以发挥很大的帮助－这是为什么我希望Google能够尽量让Android Studio最大程度支持Data Binding。XML绑定的语法和引用检查，自动完成和导航支持。XML字段的重命名支持。从我测试Android Studio 1.3 beta来看，我至少可以肯定他们有在考虑这件事情。某些功能已经支持了，但还有很多没有支持，不过1.3版本仍然处于beta阶段，我们可以有更多的期待。

代码示例

接下来我将给出一个示例，演示从MVP架构迁移到MVVM架构的结果。在MVP版本工程中，我使用Mosby框架并使用Butterknife实现视图注入。在MVVM例子中我使用Android M Data Binding并移除工程中对Mosby和Butterknife的依赖。结果是Presenter可以丢掉了，Fragment中代码减少了，不过ViewModel接管了很多代码。

在这个例子中我直接引用View来生成toast消息。这也许不是我以后提倡的一种方法， 但理论上这么做没什么问题。使用Robolectric和Mockito来对Fragment进行mock，这样是可测试的，而且不会泄露内存，除非你错误的引用了ViewModels。

下面这个app只是起一个演示的作用，它具有一个简单的登陆页面，后台会加载一些异步数据，views之间会有一些依赖。

如果你希望在Android Studio中阅读代码，可以到Github上分别检出MVP和MVVM的标签。

下面准备好阅读代码了：

MVP – VIEW – XML

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.                 xmlns:tools="http://schemas.android.com/tools"
  3.                 android:layout_width="match_parent"
  4.                 android:layout_height="match_parent"
  5.                 android:paddingLeft="@dimen/activity_horizontal_margin"
  6.                 android:paddingRight="@dimen/activity_horizontal_margin"
  7.                 android:paddingTop="@dimen/activity_vertical_margin"
  8.                 android:paddingBottom="@dimen/activity_vertical_margin"
  9.                 tools:context=".MainActivityFragment">
  11.     <TextView
  12.         android:text="..."
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="wrap_content"
  15.         android:layout_alignParentEnd="true"
  16.         android:id="@+id/loggedInUserCount"/>
  18.     <TextView
  19.         android:text="# logged in users:"
  20.         android:layout_width="wrap_content"
  21.         android:layout_height="wrap_content"
  22.         android:layout_alignParentEnd="false"
  23.         android:layout_toLeftOf="@+id/loggedInUserCount"/>
  25.     <RadioGroup
  26.         android:layout_marginTop="40dp"
  27.         android:id="@+id/existingOrNewUser"
  28.         android:gravity="center"
  29.         android:layout_width="wrap_content"
  30.         android:layout_height="wrap_content"
  31.         android:layout_centerHorizontal="true"
  32.         android:orientation="horizontal">
  34.         <RadioButton
  35.             android:layout_width="wrap_content"
  36.             android:layout_height="wrap_content"
  37.             android:text="Returning user"
  38.             android:id="@+id/returningUserRb"/>
  40.         <RadioButton
  41.             android:layout_width="wrap_content"
  42.             android:layout_height="wrap_content"
  43.             android:text="New user"
  44.             android:id="@+id/newUserRb"
  45.             />
  47.     </RadioGroup>
  49.     <LinearLayout
  50.         android:orientation="horizontal"
  51.         android:layout_width="match_parent"
  52.         android:layout_height="wrap_content"
  53.         android:id="@+id/username_block"
  54.         android:layout_below="@+id/existingOrNewUser">
  56.         <TextView
  57.             android:layout_width="wrap_content"
  58.             android:layout_height="wrap_content"
  59.             android:textAppearance="?android:attr/textAppearanceMedium"
  60.             android:text="Username:"
  61.             android:id="@+id/textView"
  62.             android:minWidth="100dp"/>
  64.         <EditText
  65.             android:layout_width="wrap_content"
  66.             android:layout_height="wrap_content"
  67.             android:id="@+id/username"
  68.             android:minWidth="200dp"/>
  69.     </LinearLayout>
  71.     <LinearLayout
  72.         android:orientation="horizontal"
  73.         android:layout_width="match_parent"
  74.         android:layout_height="wrap_content"
  75.         android:layout_alignParentStart="false"
  76.         android:id="@+id/password_block"
  77.         android:layout_below="@+id/username_block">
  79.         <TextView
  80.             android:layout_width="wrap_content"
  81.             android:layout_height="wrap_content"
  82.             android:textAppearance="?android:attr/textAppearanceMedium"
  83.             android:text="Password:"
  84.             android:minWidth="100dp"/>
  86.         <EditText
  87.             android:layout_width="wrap_content"
  88.             android:layout_height="wrap_content"
  89.             android:inputType="textPassword"
  90.             android:ems="10"
  91.             android:id="@+id/password"/>
  93.     </LinearLayout>
  95.     <LinearLayout
  96.         android:orientation="horizontal"
  97.         android:layout_width="match_parent"
  98.         android:layout_height="wrap_content"
  99.         android:layout_below="@+id/password_block"
  100.         android:id="@+id/email_block">
  102.         <TextView
  103.             android:layout_width="wrap_content"
  104.             android:layout_height="wrap_content"
  105.             android:textAppearance="?android:attr/textAppearanceMedium"
  106.             android:text="Email:"
  107.             android:minWidth="100dp"/>
  109.         <EditText
  110.             android:layout_width="wrap_content"
  111.             android:layout_height="wrap_content"
  112.             android:inputType="textEmailAddress"
  113.             android:ems="10"
  114.             android:id="@+id/email"/>
  115.     </LinearLayout>
  117.     <Button
  118.         android:layout_width="wrap_content"
  119.         android:layout_height="wrap_content"
  120.         android:text="Log in"
  121.         android:id="@+id/loginOrCreateButton"
  122.         android:layout_below="@+id/email_block"
  123.         android:layout_centerHorizontal="true"/>
  124. </RelativeLayout>

MVP – VIEW – JAVA

  1. package com.nilzor.presenterexample;
  3. import android.os.Bundle;
  4. import android.view.LayoutInflater;
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7. import android.widget.Button;
  8. import android.widget.CompoundButton;
  9. import android.widget.RadioButton;
  10. import android.widget.TextView;
  11. import android.widget.Toast;
  12. import com.hannesdorfmann.mosby.mvp.MvpFragment;
  13. import com.hannesdorfmann.mosby.mvp.MvpView;
  14. import butterknife.InjectView;
  15. import butterknife.OnClick;
  17. public class MainActivityFragment extends MvpFragment implements MvpView {
  18.     @InjectView(R.id.username)
  19.     TextView mUsername;
  21.     @InjectView(R.id.password)
  22.     TextView mPassword;
  24.     @InjectView(R.id.newUserRb)
  25.     RadioButton mNewUserRb;
  27.     @InjectView(R.id.returningUserRb)
  28.     RadioButton mReturningUserRb;
  30.     @InjectView(R.id.loginOrCreateButton)
  31.     Button mLoginOrCreateButton;
  33.     @InjectView(R.id.email_block)
  34.     ViewGroup mEmailBlock;
  36.     @InjectView(R.id.loggedInUserCount)
  37.     TextView mLoggedInUserCount;
  39.     public MainActivityFragment() {
  40.     }
  42.     @Override
  43.     public MainPresenter createPresenter() {
  44.         return new MainPresenter();
  45.     }
  47.     @Override
  48.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  49.         return inflater.inflate(R.layout.fragment_main, container, false);
  50.     }
  52.     @Override
  53.     public void onViewCreated(View view, Bundle savedInstanceState) {
  54.         super.onViewCreated(view, savedInstanceState);
  55.         attachEventListeners();
  56.     }
  58.     private void attachEventListeners() {
  59.         mNewUserRb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
  60.             @Override
  61.             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
  62.                 updateDependentViews();
  63.             }
  64.         });
  65.         mReturningUserRb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
  66.             @Override
  67.             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
  68.                 updateDependentViews();
  69.             }
  70.         });
  71.     }
  73.     /** Prepares the initial state of the view upon startup */
  74.     public void setInitialState() {
  75.         mReturningUserRb.setChecked(true);
  76.         updateDependentViews();
  77.     }
  79.     /** Shows/hides email field and sets correct text of login button depending on state of radio buttons */
  80.     public void updateDependentViews() {
  81.         if (mReturningUserRb.isChecked()) {
  82.             mEmailBlock.setVisibility(View.GONE);
  83.             mLoginOrCreateButton.setText(R.string.log_in);
  84.         }
  85.         else {
  86.             mEmailBlock.setVisibility(View.VISIBLE);
  87.             mLoginOrCreateButton.setText(R.string.create_user);
  88.         }
  89.     }
  91.     public void setNumberOfLoggedIn(int numberOfLoggedIn) {
  92.         mLoggedInUserCount.setText(""  + numberOfLoggedIn);
  93.     }
  95.     @OnClick(R.id.loginOrCreateButton)
  96.     public void loginOrCreate() {
  97.         if (mNewUserRb.isChecked()) {
  98.             Toast.makeText(getActivity(), "Please enter a valid email address", Toast.LENGTH_SHORT).show();
  99.         } else {
  100.             Toast.makeText(getActivity(), "Invalid username or password", Toast.LENGTH_SHORT).show();
  101.         }
  102.     }
  103. }

MVP – PRESENTER

  1. package com.nilzor.presenterexample;
  3. import android.os.Handler;
  4. import android.os.Message;
  5. import com.hannesdorfmann.mosby.mvp.MvpPresenter;
  7. public class MainPresenter implements MvpPresenter {
  8.     MainModel mModel;
  9.     private MainActivityFragment mView;
  11.     public MainPresenter() {
  12.         mModel = new MainModel();
  13.     }
  15.     @Override
  16.     public void attachView(MainActivityFragment view) {
  17.         mView = view;
  18.         view.setInitialState();
  19.         updateViewFromModel();
  20.         ensureModelDataIsLoaded();
  21.     }
  23.     @Override
  24.     public void detachView(boolean retainInstance) {
  25.         mView = null;
  26.     }
  28.     private void ensureModelDataIsLoaded() {
  29.         if (!mModel.isLoaded()) {
  30.             mModel.loadAsync(new Handler.Callback() {
  31.                 @Override
  32.                 public boolean handleMessage(Message msg) {
  33.                     updateViewFromModel();
  34.                     return true;
  35.                 }
  36.             });
  37.         }
  38.     }
  40.     /** Notifies the views of the current value of "numberOfUsersLoggedIn", if any */
  41.     private void updateViewFromModel() {
  42.         if (mView != null && mModel.isLoaded()) {
  43.             mView.setNumberOfLoggedIn(mModel.numberOfUsersLoggedIn);
  44.         }
  45.     }
  46. }

MVP – MODEL

  1. package com.nilzor.presenterexample;
  3. import android.os.AsyncTask;
  4. import android.os.Handler;
  5. import java.util.Random;
  7. public class MainModel {
  8.     public Integer numberOfUsersLoggedIn;
  9.     private boolean mIsLoaded;
  10.     public boolean isLoaded() {
  11.         return mIsLoaded;
  12.     }
  14.     public void loadAsync(final Handler.Callback onDoneCallback) {
  15.         new AsyncTask() {
  16.             @Override
  17.             protected Void doInBackground(Void... params) {
  18.                 // Simulating some asynchronous task fetching data from a remote server
  19.                 try {Thread.sleep(2000);} catch (Exception ex) {};
  20.                 numberOfUsersLoggedIn = new Random().nextInt(1000);
  21.                 mIsLoaded = true;
  22.                 return null;
  23.             }
  25.             @Override
  26.             protected void onPostExecute(Void aVoid) {
  27.                 onDoneCallback.handleMessage(null);
  28.             }
  29.         }.execute((Void) null);
  30.     }
  31. }

MVVM – VIEW – XML

  1. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools">
  3.     <data>
  4.         <variable name="data" type="com.nilzor.presenterexample.MainModel"/>
  5.     </data>
  6.     <RelativeLayout
  7.         android:layout_width="match_parent"
  8.         android:layout_height="match_parent"
  9.         android:paddingLeft="@dimen/activity_horizontal_margin"
  10.         android:paddingRight="@dimen/activity_horizontal_margin"
  11.         android:paddingTop="@dimen/activity_vertical_margin"
  12.         android:paddingBottom="@dimen/activity_vertical_margin"
  13.         tools:context=".MainActivityFragment">
  15.         <TextView
  16.             android:text="@{data.numberOfUsersLoggedIn}"
  17.             android:layout_width="wrap_content"
  18.             android:layout_height="wrap_content"
  19.             android:layout_alignParentEnd="true"
  20.             android:id="@+id/loggedInUserCount"/>
  22.         <TextView
  23.             android:text="# logged in users:"
  24.             android:layout_width="wrap_content"
  25.             android:layout_height="wrap_content"
  26.             android:layout_alignParentEnd="false"
  27.             android:layout_toLeftOf="@+id/loggedInUserCount"/>
  29.         <RadioGroup
  30.             android:layout_marginTop="40dp"
  31.             android:id="@+id/existingOrNewUser"
  32.             android:gravity="center"
  33.             android:layout_width="wrap_content"
  34.             android:layout_height="wrap_content"
  35.             android:layout_centerHorizontal="true"
  36.             android:orientation="horizontal">
  38.             <RadioButton
  39.                 android:layout_width="wrap_content"
  40.                 android:layout_height="wrap_content"
  41.                 android:text="Returning user"
  42.                 android:checked="@{data.isExistingUserChecked}"
  43.                 android:id="@+id/returningUserRb"/>
  45.             <RadioButton
  46.                 android:layout_width="wrap_content"
  47.                 android:layout_height="wrap_content"
  48.                 android:text="New user"
  49.                 android:id="@+id/newUserRb"
  50.                 />
  52.         </RadioGroup>
  54.         <LinearLayout
  55.             android:orientation="horizontal"
  56.             android:layout_width="match_parent"
  57.             android:layout_height="wrap_content"
  58.             android:id="@+id/username_block"
  59.             android:layout_below="@+id/existingOrNewUser">
  61.             <TextView
  62.                 android:layout_width="wrap_content"
  63.                 android:layout_height="wrap_content"
  64.                 android:textAppearance="?android:attr/textAppearanceMedium"
  65.                 android:text="Username:"
  66.                 android:id="@+id/textView"
  67.                 android:minWidth="100dp"/>
  69.             <EditText
  70.                 android:layout_width="wrap_content"
  71.                 android:layout_height="wrap_content"
  72.                 android:id="@+id/username"
  73.                 android:minWidth="200dp"/>
  74.         </LinearLayout>
  76.         <LinearLayout
  77.             android:orientation="horizontal"
  78.             android:layout_width="match_parent"
  79.             android:layout_height="wrap_content"
  80.             android:layout_alignParentStart="false"
  81.             android:id="@+id/password_block"
  82.             android:layout_below="@+id/username_block">
  84.             <TextView
  85.                 android:layout_width="wrap_content"
  86.                 android:layout_height="wrap_content"
  87.                 android:textAppearance="?android:attr/textAppearanceMedium"
  88.                 android:text="Password:"
  89.                 android:minWidth="100dp"/>
  91.             <EditText
  92.                 android:layout_width="wrap_content"
  93.                 android:layout_height="wrap_content"
  94.                 android:inputType="textPassword"
  95.                 android:ems="10"
  96.                 android:id="@+id/password"/>
  98.         </LinearLayout>
  100.         <LinearLayout
  101.             android:orientation="horizontal"
  102.             android:layout_width="match_parent"
  103.             android:layout_height="wrap_content"
  104.             android:layout_below="@+id/password_block"
  105.             android:id="@+id/email_block"
  106.             android:visibility="@{data.emailBlockVisibility}">
  108.             <TextView
  109.                 android:layout_width="wrap_content"
  110.                 android:layout_height="wrap_content"
  111.                 android:textAppearance="?android:attr/textAppearanceMedium"
  112.                 android:text="Email:"
  113.                 android:minWidth="100dp"/>
  115.             <EditText
  116.                 android:layout_width="wrap_content"
  117.                 android:layout_height="wrap_content"
  118.                 android:inputType="textEmailAddress"
  119.                 android:ems="10"
  120.                 android:id="@+id/email"/>
  121.         </LinearLayout>
  123.         <Button
  124.             android:layout_width="wrap_content"
  125.             android:layout_height="wrap_content"
  126.             android:text="@{data.loginOrCreateButtonText}"
  127.             android:id="@+id/loginOrCreateButton"
  128.             android:layout_below="@+id/email_block"
  129.             android:layout_centerHorizontal="true"/>
  130.     </RelativeLayout>
  131. </layout>

MVVM – VIEW – JAVA

  1. package com.nilzor.presenterexample;
  3. import android.app.Fragment;
  4. import android.os.Bundle;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.CompoundButton;
  9. import android.widget.Toast;
  11. import com.nilzor.presenterexample.databinding.FragmentMainBinding;
  13. public class MainActivityFragment extends Fragment {
  14.     private FragmentMainBinding mBinding;
  15.     private MainModel mViewModel;
  17.     public MainActivityFragment() {
  18.     }
  20.     @Override
  21.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  22.         View view = inflater.inflate(R.layout.fragment_main, container, false);
  23.         mBinding = FragmentMainBinding.bind(view);
  24.         mViewModel = new MainModel(this, getResources());
  25.         mBinding.setData(mViewModel);
  26.         attachButtonListener();
  27.         return view;
  28.     }
  30.     private void attachButtonListener() {
  31.         mBinding.loginOrCreateButton.setOnClickListener(new View.OnClickListener() {
  32.             @Override
  33.             public void onClick(View v) {
  34.                 mViewModel.logInClicked();
  35.             }
  36.         });
  37.     }
  39.     @Override
  40.     public void onViewCreated(View view, Bundle savedInstanceState) {
  41.         ensureModelDataIsLodaded();
  42.     }
  44.     private void ensureModelDataIsLodaded() {
  45.         if (!mViewModel.isLoaded()) {
  46.             mViewModel.loadAsync();
  47.         }
  48.     }
  50.     public void showShortToast(String text) {
  51.         Toast.makeText(getActivity(), text, Toast.LENGTH_SHORT).show();
  52.     }
  53. }

MVVM – VIEWMODEL

  1. package com.nilzor.presenterexample;
  3. import android.content.res.Resources;
  4. import android.databinding.ObservableField;
  5. import android.os.AsyncTask;
  6. import android.view.View;
  8. import java.util.Random;
  10. public class MainModel {
  11.     public ObservableField numberOfUsersLoggedIn = new ObservableField();
  12.     public ObservableField isExistingUserChecked = new ObservableField();
  13.     public ObservableField emailBlockVisibility = new ObservableField();
  14.     public ObservableField loginOrCreateButtonText = new ObservableField();
  15.     private boolean mIsLoaded;
  16.     private MainActivityFragment mView;
  17.     private Resources mResources;
  19.     public MainModel(MainActivityFragment view, Resources resources) {
  20.         mView = view;
  21.         mResources = resources; // You might want to abstract this for testability
  22.         setInitialState();
  23.         updateDependentViews();
  24.         hookUpDependencies();
  25.     }
  26.     public boolean isLoaded() {
  27.         return mIsLoaded;
  28.     }
  30.     private void setInitialState() {
  31.         numberOfUsersLoggedIn.set("...");
  32.         isExistingUserChecked.set(true);
  33.     }
  35.     private void hookUpDependencies() {
  36.         isExistingUserChecked.addOnPropertyChangedCallback(new android.databinding.Observable.OnPropertyChangedCallback() {
  37.             @Override
  38.             public void onPropertyChanged(android.databinding.Observable sender, int propertyId) {
  39.                 updateDependentViews();
  40.             }
  41.         });
  42.     }
  44.     public void updateDependentViews() {
  45.         if (isExistingUserChecked.get()) {
  46.             emailBlockVisibility.set(View.GONE);
  47.             loginOrCreateButtonText.set(mResources.getString(R.string.log_in));
  48.         }
  49.         else {
  50.             emailBlockVisibility.set(View.VISIBLE);
  51.             loginOrCreateButtonText.set(mResources.getString(R.string.create_user));
  52.         }
  53.     }
  55.     public void loadAsync() {
  56.         new AsyncTask() {
  57.             @Override
  58.             protected Void doInBackground(Void... params) {
  59.                 // Simulating some asynchronous task fetching data from a remote server
  60.                 try {Thread.sleep(2000);} catch (Exception ex) {};
  61.                 numberOfUsersLoggedIn.set("" + new Random().nextInt(1000));
  62.                 mIsLoaded = true;
  63.                 return null;
  64.             }
  65.         }.execute((Void) null);
  66.     }
  68.     public void logInClicked() {
  69.         // Illustrating the need for calling back to the view though testable interfaces.
  70.         if (isExistingUserChecked.get()) {
  71.             mView.showShortToast("Invalid username or password");
  72.         }
  73.         else {
  74.             mView.showShortToast("Please enter a valid email address");
  75.         }
  76.     }
  77. }
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注