如何快速的写一个MVVM出来

前言

上一篇我们讲了如何快速的写一个MVP去过面试关,未曾想有朋友说能否再来一个MVVM。
那贫僧就紧接着再来一发吧!

拆分

Model-View-ViewModel

  • Model
    负责数据
  • View
    负责展示
  • ViewModel
    负责将View和Model关联起来,起到一个中介的作用

废话不多说,既然速成,代码走起

我们这里依然遵从MVP速成的思维方式。使用MVP的抽象情景,不过为了更加突出ViewModel的存在意义,我们需要通过view的展示情况来反应出ViewModel的作用

那么好,情景是这样的,按钮上显示user的age,用户点击按钮,user的age+1,并且显示在按钮上。

  • View层
    activity_main.layout
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
            <data>
                <variable name="user" type="org.ding.testmulti.User"/>
            </data>
            <RelativeLayout
                xmlns:tools="http://schemas.android.com/tools"
                android:id="@+id/activity_main"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:paddingBottom="@dimen/activity_vertical_margin"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                tools:context="org.ding.testmulti.MainActivity">

                <Button
                    android:text="@{user.age}"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:id="@+id/button"
                    android:onClick="click"/>
            </RelativeLayout>
</layout>
 3步:
 * 用一个layout标签包裹原先的布局,并将原先根标签的署名挪到layout标签
 * 在layout标签内添加data标签,并包裹variable标签,属性名name表示布局文件中使用的名字,type表示类地址
 * 在需要数据的地方使用`@{class.property}`的方式来注明使用的具体数据。

* Model层
public class User {
        private int age;

        public int getAge() {
            return age;
        }

        public void setAge(int age) {
            this.age = age;
        }
}
* ViewModel层
由activity来充当
public class MvvmActivity extends AppCompatActivity{

        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                //系统会根据你的layout文件名生成相应的Binding文件,比如说使用的activity_main,那么就生成ActivityMainBinding文件
               //DataBindingUtil是系统提供的bind工具
                ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
                final User user = new User();
                user.setAge(18);
                findViewById(R.id.bt_hello).setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        int age = user.getAge();
                        user.setAge(age++);
                    }
                });
        }
}

其实到以上为止已经速成完毕

MVVM略微比MVP简单一点,主要就是databinding这个东西,只要在布局文件中处理好了,并掌握系统为我们生成的bind工具的使用方法速成就没有什么问题了。

由于是代码速成,故而把一些环境的依赖放在这里:
project的build.gradle文件

dependencies {
        classpath 'com.android.tools.build:gradle:2.2.2'
        classpath "com.android.databinding:dataBinder:1.0-rc4"
    }

module的build.gradle文件

apply plugin: 'com.android.application'
apply plugin: 'com.android.databinding'

如何快速的写一个MVP出来

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,892评论 25 709
  • *本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布 什么是MVVM 说到DataBinding,...
    带心情去旅行阅读 12,733评论 23 91
  • 没有主题要求,对于我这个零基础的人来说,其实是更大的考验,从昨晚看到任务开始,就一直思考,我该写点什么呢?最近比较...
    Lauriewen阅读 1,391评论 0 0
  • 为什么要去说别人呢?看不惯就不去看,受不了就躲远点。 自己默默的赚钱享受就行了。 说那些都是自我安慰。
    王一晨晨阅读 1,534评论 0 0
  • 1、email:电子邮箱文本框,跟普通的没什么区别 当输入不是邮箱的时候,验证通不过 移动端的键盘会有变化 2、t...
    fa54021d36e2阅读 1,358评论 0 0