Jetpack之DataBinding绑定布局文件是怎样实现
dataBinding的实现原理是什么?dataBinding是怎么进行数据双向驱动的?
时间从来不语,却回答了所有。致自己
本文从定义,用法,原理分析,由浅到深对DataBinding的实现原理进行挖掘,方便各位读者理解。篇幅较长,请耐心阅读。定义:使用声明形式将布局中的界面组件绑定到应用中的数据源。数据的改变直接驱动UI的变化。视图绑定:该模块的build。gradle文件中将dataBinding构建选项设置为true。android{。。。第一种dataBinding{enabledtrue}第二种dataBinding。enabledtrue第三种buildFeatures{viewBindingtrue}}将xml布局中的根布局改成layoutlt;?xmlversion1。0encodingutf8?layoutxmlns:androidhttp:schemas。android。comapkresandroidxmlns:toolshttp:schemas。android。comtoolsxmlns:apphttp:schemas。android。comapkresautodatadataLinearLayoutandroid:layoutwidthmatchparentandroid:layoutheightmatchparenttools:context。MainActivityLinearLayoutlayout在Activity中使用视图绑定overridefunonCreate(savedInstanceState:Bundle?){super。onCreate(savedInstanceState)第一种直接绑定valbinding:ActivityMainBindingDataBindingUtil。setContentView(this,R。layout。activitymain)第二种可以使用LayoutInflater获取视图valbinding:ActivityMainBindingActivityMainBinding。inflate(getLayoutInflater())setContentView(binding。root)}在Fragment中使用视图绑定
如果要在Fragment、ListView或RecyclerView适配器中使用数据绑定项,使用绑定类或DataBindingUtil类的inflate()方法,如以下代码示例所示:vallistItemBindingListItemBinding。inflate(layoutInflater,viewGroup,false)orvallistItemBindingDataBindingUtil。inflate(layoutInflater,R。layout。listitem,viewGroup,false)
3数据双向绑定
DataBinding除了可以进行布局绑定之外,还可以对布局view进行数据绑定。lt;?xmlversion1。0encodingutf8?layoutxmlns:androidhttp:schemas。android。comapkresandroiddatavariablenameusertypecom。example。UserdataLinearLayoutandroid:orientationverticalandroid:layoutwidthmatchparentandroid:layoutheightmatchparentTextViewandroid:layoutwidthwrapcontentandroid:layoutheightwrapcontentandroid:text{user。firstName}TextViewandroid:layoutwidthwrapcontentandroid:layoutheightwrapcontentandroid:text{user。lastName}LinearLayoutlayout
在根标签layout中添加一个data标签,name为数据bean的别名,type为数据bean的全类名。然后通过给TextView的text属性,布局中的表达式使用{}语法写入特性属性中进行数据绑定。android:text{user。firstName},。在这里,TextView文本被设置为user变量的firstName属性。
数据对象UserdataclassUser(valfirstName,vallastName)
然后再Activity中,通过binding。userUser(,)将user变量绑定到布局视图上。overridefunonCreate(savedInstanceState:Bundle?){super。onCreate(savedInstanceState)valbinding:ActivityMainBindingDataBindingUtil。setContentView(this,R。layout。activitymain)binding。userUser(Test,User)}
这样我们就完成了一个简单是数据到布局视图上的绑定,如果我们修改了user中的某个属性值,视图也会更新吗?我们接着往下看。
Databinding不仅提供了绑定视图的功能,还提供了动态更新的功能。通过使用可观察的数据对象,通知布局自动更新。classUser{valfirstNameObservableFieldString()vallastNameObservableFieldString()valageObservableInt()}
首先我们将User对象中的数据定义为可观察的对象属性,当我们修改其中某个变量值得时候,会主动通知布局更新。除此之外还有没有其他办法实现?这个当然有,我们接着往下看。classUser:BaseObservable(){get:BindablevarfirstName:Stringset(value){fieldvaluenotifyPropertyChanged(BR。firstName)}get:BindablevarlastName:Stringset(value){fieldvaluenotifyPropertyChanged(BR。lastName)}}
通过实现Observable接口将User对象变成一个可观察的对象,以便它们接收有关可观察对象的属性更改的通知。Observable接口具有添加和移除监听器的机制,但何时发送通知必须由您决定。为便于开发,数据绑定库提供了用于实现监听器注册机制的BaseObservable类。实现BaseObservable的数据类负责在属性更改时发出通知。具体操作过程是向getter分配Bindable注释,然后在setter中调用notifyPropertyChanged()方法,如以下示例所示:classUser:BaseObservable(){get:BindablevarfirstName:Stringset(value){fieldvaluenotifyPropertyChanged(BR。firstName)}get:BindablevarlastName:Stringset(value){fieldvaluenotifyPropertyChanged(BR。lastName)}}
数据绑定在模块包中生成一个名为BR地类,该类包含用于数据绑定的资源的ID。在编译期间,Bindable注释会在BR类文件中生成一个条目。如果数据类的基类无法更改,Observable接口可以使用PropertyChangeRegistry对象实现,以便有效地注册和通知监听器。
4原理分析
我们首先来看一下DataBindingUtil是如何绑定xml布局的:DataBindingUtil。setContentView(this,R。layout。activitymain)publicstaticTextendsViewDataBindingTsetContentView(NonNullActivityactivity,intlayoutId,NullableDataBindingComponentbindingComponent){调用当前activity的setContentView方法activity。setContentView(layoutId);ViewdecorViewactivity。getWindow()。getDecorView();通过findViewById获取根布局ViewGroupcontentView(ViewGroup)decorView。findViewById(android。R。id。content);returnbindToAddedViews(bindingComponent,contentView,0,layoutId);}privatestaticTextendsViewDataBindingTbindToAddedViews(DataBindingComponentcomponent,ViewGroupparent,intstartChildren,intlayoutId){获取子view个数finalintendChildrenparent。getChildCount();添加了多少个viewfinalintchildrenAddedendChildrenstartChildren;当只有一个子view时,直接获取ziviewif(childrenAdded1){finalViewchildViewparent。getChildAt(endChildren1);returnbind(component,childView,layoutId);}else{当数量大于1个时,创建view数组用来接收子viewfinalView〔〕childrennewView〔childrenAdded〕;for(inti0;ichildrenAdded;i){children〔i〕parent。getChildAt(istartChildren);}returnbind(component,children,layoutId);}}
从源码中可以看出不管是只有一个子View还是多个子View,最终都是调用bind()方法,我们接着往下看。staticTextendsViewDataBindingTbind(DataBindingComponentbindingComponent,View〔〕roots,intlayoutId){return(T)sMapper。getDataBinder(bindingComponent,roots,layoutId);}
通过调用bind方法,我们看到sMapper。getDataBinder返回一个DataBinding对象,那这个getDataBinder方法是怎么返回的呢,我们点进去发现调用到DataBinderMapper。getDataBinder,DataBindingMapper是个抽象类,那我们只能从其子类DataBinderMapperImpl入手。publicViewDataBindinggetDataBinder(DataBindingComponentcomponent,Viewview,intlayoutId){intlocalizedLayoutIdINTERNALLAYOUTIDLOOKUP。get(layoutId);if(localizedLayoutId0){获取布局Objecttagview。getTag();if(tagnull){thrownewRuntimeException(viewmusthaveatag);}switch(localizedLayoutId){case1:如果tag与这个标记相等就new一个ActivityMainBindingImpl返回if(layoutactivitymain0。equals(tag)){returnnewActivityMainBindingImpl(component,view);}thrownewIllegalArgumentException(Thetagforactivitymainisinvalid。Received:tag);}}returnnull;}
从DataBinderMapperImpl的getDataBinder中,我们终于看到了ActivityMainBindingImpl被创建,ActivityMainBindingImpl是ActivityMainBinding的实现类,至此我们终于知道valactivityMainBindingDataBindingUtil。setContentView(this,R。layout。activitymain)是如果被创建返回的了。
看到这里很多人有疑问了?layoutactivitymain0。equals(tag)这判断是怎么来的,明明自己没有在布局中没有设置tag标签,那这个tag是从哪来的?带着这个疑问我们进一步深入研究一下。首先我们要知道Databinding是基于APT技术动态生成的,比如上面的ActivityMainBindingImpl等代码都是通过编译自动生成。那么有没有一种可能这个tag标签也是自动生成插入的。我们往下看。
我们找到编译后的activitymainlayout。xml文件,看一下编译器为我们做了哪些工作?lt;?xmlversion1。0encodingutf8standaloneyes?LayoutlayoutactivitymainmodulePackagecom。example。kotlinprojectfilePathappsrcmainreslayoutactivitymain。xmldirectorylayoutisMergefalseisBindingDatatruerootNodeTypeandroidx。constraintlayout。widget。ConstraintLayoutTargets编译器自动为我们插入一个tagTargettaglayoutactivitymain0viewandroidx。constraintlayout。widget。ConstraintLayoutExpressionslocationstartLine6startOffset4endLine19endOffset55TargetTargetididtvviewTextViewExpressionslocationstartLine10startOffset8endLine18endOffset58TargetTargetsLayout
我们从编译后的布局文件中可以看到,编译器在第八行自动为我们插入了一个taglayoutactivitymain0标签。用来代替我们在layout根标签的布局文件。至此我们知道了layoutactivitymain0。equals(tag)这个判断添加是怎么来的了,由编译器自动为我们生成而来。
喜欢这篇文章的小伙伴,欢迎评论区留言,麻烦点个关注或收藏哦,您的支持就是小编创作的最大动力!