浅谈MVVM(一)

闲来无事强行看一波MVVM的实现预警篇幅比较长。这块代码实在太多了。本来想一篇写完,发现只说了一小部分。

  • 什么是mvvm

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开

说下个人理解把,MVVM是一种架构思想,其实大体上和MVP是没啥区别的,只不过MVP是野王,在官方给出MVVM这种架构之前,在android界自发形成的一种先进架构思想,演进的过程和android的发展也是有关系的,android刚兴起的时候项目都不是很大,后面android生态慢慢的项目变多变大,官方的MVC架构已经广为诟病了,因为大家都把业务代码以及各种view的操作代码塞进Controller,导致其臃肿不堪,当业务需要继续迭代的时候,效率极低,更别说换一个人来接手项目了,然后各路大牛齐出招最终MVP这个野王因为其优雅的业务实现架构被迅速传播布道,长时间成为各大中小厂的主流架构。

只不过19年Google刷了下存在感,推出了官方的解决方案,Google这些年推出了很多新东西,但不是每一个都能迅速传播流行,MVVM能够有这么大影响力,和他跟MVP对解决业务代码爆炸这个诟病离不开关系的,在加上官方源码在Activity和Fragment底层的支持,MVP还需要手动去管理业务的引用瞬间就不香了。
配合上Databinding的双向数据绑定,只要业务数据实现了BaseObsevable接口,就能够做到数据自动驱动UI,开发者无需到处编写ui逻辑。

  • 为什么用mvvm?

前面说到了MVVM的几个优点

1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。

以前在使用MVVM开发的时候,我时常有这么一个疑问,每次数据改变,采用DataBinding实现的数据驱动UI逻辑代码,会导致全局刷新吗?

会是这样吗?如果是这样的话,那我自己使用代码去更新ui反而效率更高,虽然代码写起来很多,但是起码不会因为全局刷新,导致一些UI闪屏等体验问题。

带着这个问题我们打开一个布局文件fragment_webview.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <import type="android.view.View" />
        <variable
            name="p"
            type="com.xx.xxx.base_lib.refresh.RefreshPresenter" />
    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <com.scwang.smart.refresh.layout.SmartRefreshLayout
            android:id="@+id/refreshWeb"
            onRefresh="@{p}"
            app:srlEnableLoadMore="false"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <FrameLayout
                android:id="@+id/flWebContainer"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
        </com.scwang.smart.refresh.layout.SmartRefreshLayout>


        <ProgressBar
            android:id="@+id/loading_progress"
            style="@style/Widget.AppCompat.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="2dp"/>

        <TextView
            android:layout_alignParentEnd="true"
            android:layout_alignBottom="@+id/debug_input"
            android:id="@+id/debug"
            android:text="打开"
            android:textStyle="bold"
            android:background="@color/white"
            app:corner_bgColor="@{`#EF7945`}"
            app:corner_radius="@{100f}"
            android:paddingStart="15dp"
            android:paddingEnd="15dp"
            android:paddingBottom="5dp"
            android:textColor="@color/white"
            android:paddingTop="5dp"
            android:visibility="gone"
            tools:visibility="visible"
            tools:background="#EF7945"
            android:layout_marginEnd="5dp"
            android:layout_marginBottom="10dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toTopOf="@id/debug_input"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <EditText
            android:textCursorDrawable="@drawable/ic_cursor_input"
            android:id="@+id/debug_input"
            android:visibility="gone"
            tools:visibility="visible"
            app:corner_radius="@{100f}"
            android:layout_toStartOf="@+id/debug"
            android:layout_below="@+id/loading_progress"
            app:corner_bgColor="@{`#ffffff`}"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </RelativeLayout>

</layout>

Databinding利用kapt工具会自动帮我们生成一个布局文件名+BindingImpl.java文件,如下图:

WebviewFragment

当然想要使用DataBinding我们就必须在项目对应的gradle文件里加上

android{
    buildFeatures {
        dataBinding = true
    }
}

内部方法有好几个,执行ui操作的代码只有一段。
仔细观察,我们会发现,每一个View的操作都会被一个dirtyFlags包裹,只有当与指定的值&操作不等于0才执行,这就是DataBinding的局部刷新逻辑了。

    @Override
    protected void executeBindings() {
        long dirtyFlags = 0;
        synchronized(this) {
            dirtyFlags = mDirtyFlags;
            mDirtyFlags = 0;
        }
        com.xxx.xxx.base_lib.refresh.RefreshPresenter p = mP;

        if ((dirtyFlags & 0x3L) != 0) {
        }
        // batch finished
        if ((dirtyFlags & 0x2L) != 0) {
            // api target 1

            com.xx.xx.common.extern.BindingAdaptersKt.cornerBg(this.debug, 100f, "#EF7945", (java.lang.Float)null, (java.lang.String)null, (java.lang.String)null);
            com.xx.xx.common.extern.BindingAdaptersKt.cornerBg(this.debugInput, 100f, "#ffffff", (java.lang.Float)null, (java.lang.String)null, (java.lang.String)null);
        }
        if ((dirtyFlags & 0x3L) != 0) {
            // api target 1

            com.xx.xxx.base_lib.extens.ViewBindsExtKt.bindOnRefresh(this.refreshWeb, p);
        }
    }

也就是只有指定的数据位刷新了,才会进行ui更新,否则不会执行。

就像下面这段代码,会将mDirtyFlag的1号位置为0x1L
然后notifyPropertyChanged这个是重点,下面会讲到。

public void setP(@Nullable com.tomoro.indonesia.base_lib.refresh.RefreshPresenter P) {
        this.mP = P;
        synchronized(this) {
            mDirtyFlags |= 0x1L;
        }
        notifyPropertyChanged(BR.p);
        super.requestRebind();
    }

我们回忆一下刚才看到的代码

数据局部刷新

这个时候如果我们用 0x3L换算成2进制0x11 & 0x1那他的结果肯定 != 0 ,就会触发刷新逻辑,然后上面的代码块是 0x2L换算成2进制0x10 & 0x1 结果是等于0 的,所以不会触发刷新逻辑。

也就是说,DataBinding不会触发全局刷新,每次executeBindings()只会执行脏数据Ui修改。

  • MVVM是如何实现数据绑定

既然数据改变能驱动Ui,我们很容易就能联想到,数据源肯定是被UI订阅了。
所以我们的数据源才需要实现BaseObserver接口,官方的DataBinding包中,做了很多基础实现。


image.png

在源码里我们看到很多Observable开头的数据结构包装类。
打开其中一个ObservableByte会发现

BaseObserver子类

image.png

image.png

所以他们都是Observable的子类。

public class BaseObservable implements Observable {
    private transient PropertyChangeRegistry mCallbacks;
    
    /*** 
    .....
    省略一些不重要的方法以及细节
    ***/

    @Override
    public void addOnPropertyChangedCallback(@NonNull OnPropertyChangedCallback callback) {  ....  }
    @Override
    public void removeOnPropertyChangedCallback(@NonNull OnPropertyChangedCallback callback) { .... }
    public void notifyChange() { .... }
    public void notifyPropertyChanged(int fieldId) {
        synchronized (this) {
            if (mCallbacks == null) {
                return;
            }
        }
        mCallbacks.notifyCallbacks(this, fieldId, null);
    }
}

可以看到刚才我们在上面设置P的时候调用的notifyPropertyChanged方法原来来源于这里,也就是说其实ViewBinding就是那个被订阅者,它负责数据分发,那么真相只有一个它应该也是继承于Observable才对,我们看看源码继承关系。

image.png

soga!

Viewbinding是数据被订阅者负责分发数据,我们所有的布局文件在kapt工具生成的XXXXViewbinding.java,都是继承于viewBinding对象。数据源我们找到了,那订阅者在哪里呢?

上面的BaseObservable源码我们看到了mCallbacks,用来保存订阅者对象,数据变动分发也是给这些PropertyChangeRegistry

image.png

数据订阅的传入主要有3个地方,但是只有ViewDataBinding的有具体的调用链,
我们一路反向查看调用最后定位到:

    protected boolean updateRegistration(int localFieldId, Object observable,
            CreateWeakListener listenerCreator) {
        if (observable == null) {
            return unregisterFrom(localFieldId);
        }
        WeakListener listener = mLocalFieldObservers[localFieldId];
        if (listener == null) {
            registerTo(localFieldId, observable, listenerCreator);
            return true;
        }
        if (listener.getTarget() == observable) {
            return false;//nothing to do, same object
        }
        unregisterFrom(localFieldId);
        registerTo(localFieldId, observable, listenerCreator);
        return true;
    }

ViewDataBinding内部维护的一个mLocalFieldObservers。
从这里继续查看调用的话,就会看到最终的调用方其实是一开始我们看到的kapt自动生成的业务XXXXViewDataBinding类的executeBindings的方法。
形成了一个完美的环路。

也就是说ViewDataBinding既是订阅者也是被订阅者,但是它订阅的是内部的各种实现BaseObserverable接口的基础数据结构,而这些数据结构在值改变调用set方法的时候会去触发notifyChange进而分发事件到订阅者,也就是ViewDataBinding上,ViewDataBinding通过executeBindings触发初始化订阅,形成一个完成的订阅者模型。

订阅者事件触发主要是被订阅者的set方法出发以及ViewDataBinding的notifyPropertyChanged2种途径。

而notifyPropertyChanged是由页面初始化的时候通过开发者通过手动给布局中的
data下声明的variable标签下的变量,进行赋值触发的。

而任何一种事件触发notifyChange之后,会去ViewDataBinding中触发executePendingBindings从而触发executeBindings。

也就是说触发绑定的方式其实由executePendingBindings执行。而我们继续查看调用链会发现executePendingBindings触发的点比较多,总结起来主要是分为2类

  • 初始化ViewDataBinding
  • 通知数据改变

而初始化ViewDataBinding主要是

static {
        if (VERSION.SDK_INT < VERSION_CODES.KITKAT) {
            ROOT_REATTACHED_LISTENER = null;
        } else {
            ROOT_REATTACHED_LISTENER = new OnAttachStateChangeListener() {
                @TargetApi(VERSION_CODES.KITKAT)
                @Override
                public void onViewAttachedToWindow(View v) {
                    // execute the pending bindings.
                    final ViewDataBinding binding = getBinding(v);
                    binding.mRebindRunnable.run();
                    v.removeOnAttachStateChangeListener(this);
                }

                @Override
                public void onViewDetachedFromWindow(View v) {
                }
            };
        }
    }

不难看出android 4.4之后mRoot attach到Window上的时候会去出发一次,之后将会移除这里的逻辑。

if (USE_CHOREOGRAPHER) {
            mChoreographer = Choreographer.getInstance();
            mFrameCallback = new Choreographer.FrameCallback() {
                @Override
                public void doFrame(long frameTimeNanos) {
                    mRebindRunnable.run();
                }
            };
        } else {
            mFrameCallback = null;
            mUIThreadHandler = new Handler(Looper.myLooper());
        }

private static final boolean USE_CHOREOGRAPHER = SDK_INT >= 16;

每一次界面刷新周期(16.6ms)都会去检查视图是否数据更新,老版本则是通过Handler去做定时刷新,这么做当然没有在界面刷新回调之后出发来的优雅,篇幅有限,不做过多解释。

static class OnStartListener implements LifecycleObserver {
        final WeakReference<ViewDataBinding> mBinding;
        private OnStartListener(ViewDataBinding binding) {
            mBinding = new WeakReference<>(binding);
        }

        @OnLifecycleEvent(Lifecycle.Event.ON_START)
        public void onStart() {
            ViewDataBinding dataBinding = mBinding.get();
            if (dataBinding != null) {
                dataBinding.executePendingBindings();
            }
        }
    }

另一个界面初始化逻辑则是在界面触发onStart生命周期的时候。当然既然有界面生命周期,自然就会有lifeCycleOwner设置。

public void setLifecycleOwner(@Nullable LifecycleOwner lifecycleOwner) {
        if (lifecycleOwner instanceof Fragment) {}
        if (mLifecycleOwner == lifecycleOwner) {
            return;
        }
        if (mLifecycleOwner != null) {
            mLifecycleOwner.getLifecycle().removeObserver(mOnStartListener);
        }
        mLifecycleOwner = lifecycleOwner;
        if (lifecycleOwner != null) {
            if (mOnStartListener == null) {
                mOnStartListener = new OnStartListener(this);
            }
            lifecycleOwner.getLifecycle().addObserver(mOnStartListener);
        }
        for (WeakListener<?> weakListener : mLocalFieldObservers) {
            if (weakListener != null) {
                weakListener.setLifecycleOwner(lifecycleOwner);
            }
        }
    }

这也是为什么我们需要设置setLifecycleOwner,Databinding的数据绑定才会生效,包括绑定view的unbind操作也跟这里息息相关的,当然这里fragment的LifecycleOwner官方提示我们会有风险,因为Fragment内部有2个LifecycleOwner,一个是viewLifecycleOwner,一个是Fragment自身的LifecycleOwner,viewLifecycleOwner是Fragment管理的view的LifecycleOwner它会在Fragment的onDestroy之前的onDestroyView中被销毁,所以有可能会造成内存泄露,所以理论上我们对Fragment的ui操作的LifecycleOwner需要使用viewLifecycleOwner。

这次我是从订阅者模式逆推DataBinding的实现逻辑,其实我们还可以正推分析从DataBindingUtil的infaterLayout和setContentView来分析。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容