android databinding之include

蹲街弑〆低调 提交于 2019-12-05 15:46:01

由于前段时间了解到了google推出的数据绑定框架databinding,就使用它实现了一个简单的android的mvvm架构思想的demo。

使用过程之中很happy,按照其使用方式,框架会自动生成布局文件对应的XXXBinding类文件。再也不用findViewById了,也再也不用使用注解框架在Activity或者Fragment中写大量的控件属性了,哇,整个世界都清净了。。。。这感觉太爽了。。。

结果遇到问题了,也不知道怎么解决。。。。幸好有google老师带我们学习。

前面都是废话,下面就详细分析我遇到的问题吧!

使用一个Activity + 对应的布局文件举例:

DemoActivity:

public class DemoActivity extends BaseActivity<DemoVM, ActivityDemoBinding> {

    @Bind(R.id.linkTv)
    TextView linkTv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        initWidget();
    }

    @Override
    protected void initBinding() {
        setBinding(DataBindingUtil.<ActivityDemoBinding>setContentView(this, R.layout.activity_demo));
        binding.setVm(getViewModel());
    }

    @Override
    protected void initModel() {
    }

    @Override
    public void initViewModel() {
        setViewModel(new DemoVM(this));
    }

    private void initWidget() {
        linkTv.setText(Html.fromHtml(getResources().getString(R.string.url)));
        linkTv.setMovementMethod(LinkMovementMethod.getInstance());
    }

    @Override
    protected boolean hasBackButton() {
        return false;
    }

    @Override
    protected int getToolbarTitle() {
        return R.string.title_activity_demo;
    }

    activity_demo.xml(include了一个布局文件):

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

    <data>

        <import type="com.zdj.presentation.modules.demo.vms.DemoVM" />

        <variable
            name="vm"
            type="DemoVM" />
    </data>

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:context="com.zdj.presentation.modules.demo.views.DemoActivity">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:elevation="0dp">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

        </android.support.design.widget.AppBarLayout>

        <include
            layout="@layout/content_demo"
            bind:vm="@{vm}" />

    </android.support.design.widget.CoordinatorLayout>
</layout>

    content_demo.xml:

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

    <data parent="@">
        <import type="com.zdj.presentation.modules.demo.vms.DemoVM"/>
        <variable
            name="vm"
            type="DemoVM"/>
    </data>

    <LinearLayout
        android:orientation="vertical"
        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"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:context="com.zdj.presentation.modules.demo.views.DemoActivity"
        tools:showIn="@layout/activity_demo">

        <TextView
            android:id="@+id/linkTv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"/>

        <Button
            android:id="@+id/btn_LoadData"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/btn_text_load_data"
            bind:onClickListener="@{vm.onClickLoadData}" />
    </LinearLayout>
</layout>

    由Activity的initWidget方法可见,若要使用content_demo中的TextView控件,还需要注解框架或者通过findViewById方法也行,找到指定的控件,然后对其处理。这样其实就是生成了两个控件实例在操作布局文件     中的控件了,可见的一个实例在Activity中,那么另一个呢?它在content_demo.xml生成的ContentDemoBinding类中,而activity_demo.xml生成的对应的数据绑定类ActivityDemoBinding含有ContentDemoBinding一个类型的私有的属性,而恰恰的想要操作的view是ContentDemoBinding的一个属性,activity是访问不到的。

    有没有什么办法完全使用databinding框架自动给我们生成的各个实例呢?这样好处至少有两个:1 不用使用findViewById 或者第三方注解框架  2 避免生成前面提到的两个控件实例对象

    下面介绍方法,其实很简单,针对activity_demo.xml做一点点的改变即可:

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

    <data>

        <import type="com.zdj.presentation.modules.demo.vms.DemoVM" />

        <variable
            name="vm"
            type="DemoVM" />
    </data>

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:context="com.zdj.presentation.modules.demo.views.DemoActivity">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:elevation="0dp">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

        </android.support.design.widget.AppBarLayout>
        <!--    需要改变的地方:加上 android:id="@+id/views" 即可   -->
        <include
            layout="@layout/content_demo"
            android:id="@+id/views"
            bind:vm="@{vm}" />

    </android.support.design.widget.CoordinatorLayout>
</layout>

    布局文件修改之后,代码的变化,这里只贴了initWidget方法了,因为除了去除对BufferKnife的依赖以外(可以删除控件属性了),改变的只有这里:

private void initWidget() {
     // 终于可以在Activity中直接访问include的控件了,这个简单的问题困扰了我好长时间。。。。
    binding.views.linkTv.setText(Html.fromHtml(getResources().getString(R.string.url)));
    binding.views.linkTv.setMovementMethod(LinkMovementMethod.getInstance());
}

    究其原因,其实是在ActivityDemoBinding类中添加了一个属性 public  final  ContentDemoBinding views,正好符合我的要求,提供了公共的访问权限。

    在布局文件中,所有带id的标签都会映射为布局文件生成的对象的一个属性,由生成的binding对象的构造函数可以看出来:

public ActivityDemoBinding(android.databinding.DataBindingComponent bindingComponent, View root) {
    super(bindingComponent, root, 2);
    // 首先会将所有带id的view映射为object数组
    final Object[] bindings = mapBindings(bindingComponent, root, 3, sIncludes, sViewsWithIds);
    // 这里至于 view 对应的 bindings第几个元素,需要细究ViewDataBinding类的mapBindings方法
    this.mboundView0 = (android.support.design.widget.CoordinatorLayout) bindings[0];
    this.mboundView0.setTag(null);
    this.toolbar = (android.support.v7.widget.Toolbar) bindings[2];
    this.views = (com.zdj.presentation.databinding.ContentDemoBinding) bindings[1];
    setRootTag(root);
    // listeners
    invalidateAll();
}

    最后不忘贴出参考地址

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!