美文网首页
DataBinding花式探索

DataBinding花式探索

作者: 玄磐 | 来源:发表于2016-07-06 23:45 被阅读0次

    为何使用


    上手了这个MVVM框架之后感觉代码规整了很多,其中,事件和元素的绑定、元素的内容和属性传值等这一过程都可以完全放进xml里去了,不需要不断的findview然后set各种listener,activity部分如释重负[开心地呼一口气

    解锁技能


    1.元素绑定


    之前为了解放繁琐的findview,采用了butterknife[其实也是蛮好用的=。=],目前打算全部采用了databinding进行绑定了,以下进行几点对比

    databinding只要将setContentView替换成如下形式

    ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

    binding中就可以直接调用layout中所有的带有id的元素,元素的对象名即id名,

    binding.imageView

    无需进行一一声明,这一点相较于butterknife实在是便捷了不少,之前采用butterknife会在activity开头进行一系列bindview的对象声明

    2.数据和事件绑定


    databinding采用对象传递的方式将数据或者事件传递进xml中进行绑定

    xml部分形如

    <layout xmlns:android="http://schemas.android.com/apk/res/android">

           <data>

                <variable name="[对象名]" type="[类型的具体class路径]">

           </data>

    <!-- 省略布局内容 -->

    </layout>

    其中对象分为数据封装对象,和事件的封装对象

    数据绑定


    数据对象形如

    public class User{

          public final String name;

          public final int age;

    }

    相应的绑定对应到xml文件里

    <TextView

           android:id="@+id/textview"

           android:layout_width="wrap_content"

           android:layout_height="wrap_content"

           android:text="@{user.name}"/>

    事件绑定


    事件封装对象形如

    public class Handler{

       public void onMyButtonClick(View v){}

    }

    相应的绑定对应到xml文件里

    <Button

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="login"

    android:onClick="@{handlers.onMyButtonClick}" />

    事件绑定这里需要注意的是事件函数需要保持特定的形式

    比如点击事件,就需要与OnClickListener里的onClick函数参数的传递保持一致,不然会发生编译错误,[butterknife就相对随意了

    3.list数据抛弃adapter


    list数据的渲染一般采用ListView或者RecyclerView,都需要setAdapter进行相应的item处理展示,使用data binding以后,可以抛弃adapter了

    主要通过viewmodel来进行

    <android.support.v7.widget.RecyclerView

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            app:layoutManager="@{LayoutManagers.linear()}"

            app:items="@{viewModel.items}"

            app:itemView="@{viewModel.itemView}">

    view model如下

    public classViewModel{

    public final ObservableList<User>items=new ObservableArrayList<>();

    public final ItemView itemView= ItemView.of(BR.item, R.layout.item_user);

    }

    其中item_user是每个单项的布局文件

    声明了名为item的variable[可以自定义],此处type为User,然后使用item进行相应赋值

    如果有多种样式的布局,那么就需要把ItemView换成ItemViewSelector

    其实这么做有一个问题,目前每一个单项的binding里通过viewmodel只能传递进去user,如果想要进一步的事件绑定等更多的对象就存在问题,

    有一个解决方案是将你需要的全都封装到user里[即传递进去的item的variable]

    更好的解决方案我再看看[没错我就是不想写adapter

    4.databinding的嵌套


    [手动探索党的花式玩]

    在采用databinding处理原先的include问题时遇到的,当所需渲染的数据在include里时,data不应该在当前的layout下声明,要放在include里,并且include的布局文件也应是一个databinding的layout

    形如:

    父layout

    <layout>

          <include layout="@layout/bottombar"

                android:id="@+id/include">

    </layout>

    bottombar

    <layout>

           <data>

               <variable name="handlers" type="[your type]">

           </data>

    </layout>

    然后在activity中进行DataBindingUtil.setContentView得到主binding对象,binding.include就是include中所包含的binding对象了,此处为

    BottombarBinding binding1 = binding.include;

    然后binding1.setHandlers就可以了[也很方便啊

    也有第二种方案,variable可以逐层传递,

    父layout

    <layout>

            <data>

                 <variable name="handlers" type="[your type]">

            </data>

            <include layout="@layout/bottombar" bind:handlers="@{handlers}">

    </layout>

    5.关于双向绑定


    目前官方的是纯粹的单向绑定,听说有一种在官方文档上没有给出来的方法

    将@{}换成@={}就可以,[测试失败]可能是什么的版本问题=。=,坐等官方填坑

    [哦,没错,我不想自己手动双向

    6.进一步偷懒


    由于图片加载等一系列涉及到复杂操作的,想要直接通过这种方式处理[偷懒]有些问题,打算重写组件,通过attr获取databinding传递的数据然后进行相应操作,

    相关文章

      网友评论

          本文标题:DataBinding花式探索

          本文链接:https://www.haomeiwen.com/subject/xrokjttx.html