关于java:Android-Jetpack架构组件八之DataBinding

一、DataBinding简介

在传统的Android利用开发中，布局文件通常只负责利用界面的布局工作，如果须要实现页面交互就须要调用setContentView()将Activity、fragment和XML布局文件关联起来。而后通过控件的id找到控件，接着在页面中通过代码对控件进行逻辑解决。在这种传统的开发方式中，页面承当了大部分的工作量，大量的逻辑解决须要在Activity、Fragment中进行解决，因而页面显得臃肿不堪，保护起来也很艰难，为了加重页面的工作量，Google提出了DataBiiding（视图绑定）。

DataBinding的呈现让布局文件承当了本来属于Activity、Fragment页面的局部逻辑，使得Activity页面和XML布局之间的耦合度进一步升高。DataBinding次要有以下特点：

代码更加简介，可读性高，可能在XML文件中实现UI管制。
不再须要findViewById操作，
可能与Model实体类间接绑定，易于保护和扩大。

事实上，DataBinding和MVVM架构是分不开的，DataBinding正是Google为了可能更好的实现MVVM架构而实现的。

二、DataBinding根本应用

2.1 开启viewBinding

视图绑定性能可按模块启用，要在某个模块中启用视图绑定，请将 viewBinding 元素增加到build.gradle 文件中，如下所示。

android {
        ...
        viewBinding {
            enabled = true
        }
    }

DataBinding 是一个 support 包，增加完后下面的脚本后会发现工程的的External Libraries中多了四个aar包。别离是adapters、commen、runtime和viewbinding。

应用DataBinding时，如果心愿在生成绑定类时疏忽某个布局文件，能够将 tools:viewBindingIgnore="true" 属性增加到相应布局文件的根视图中，如下所示。

<LinearLayout
   ...
    tools:viewBindingIgnore="true" >
   ...
</LinearLayout>

2.2 批改布局文件

应用DataBinding的第一步，就是先革新XML文件。其实革新布局文件也特地简略，只须要在原来文件内容的根底上，最外层改为<layout>标签即可，如下所示。

<?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">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
 
       ... 
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" 
            android:textSize="24dp"
            android:text="HelloWord" />

       ... 
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

当然，咱们也能够选中根布局，按住【Alt + 回车键】而后抉择【Convert to data binding layout】也能够生成 DataBinding 须要的布局规定。在布局最外层加layout标签后，从新编译我的项目，DataBinding库就会生成对应的Binding类，该类用来实现XML布局文件与Model类的绑定，代码如下。

public class ActivityMainBindingImpl extends ActivityMainBinding  {

    @Nullable
    private static final androidx.databinding.ViewDataBinding.IncludedLayouts sIncludes;
    @Nullable
    private static final android.util.SparseIntArray sViewsWithIds;
    static {
        sIncludes = null;
        sViewsWithIds = null;
    }
    // views
    @NonNull
    private final androidx.constraintlayout.widget.ConstraintLayout mboundView0;
    // variables
    // values
    // listeners
    // Inverse Binding Event Handlers

    public ActivityMainBindingImpl(@Nullable androidx.databinding.DataBindingComponent bindingComponent, @NonNull View root) {
        this(bindingComponent, root, mapBindings(bindingComponent, root, 1, sIncludes, sViewsWithIds));
    }
    private ActivityMainBindingImpl(androidx.databinding.DataBindingComponent bindingComponent, View root, Object[] bindings) {
        super(bindingComponent, root, 0
            );
        this.mboundView0 = (androidx.constraintlayout.widget.ConstraintLayout) bindings[0];
        this.mboundView0.setTag(null);
        setRootTag(root);
        // listeners
        invalidateAll();
    }

    @Override
    public void invalidateAll() {
        synchronized(this) {
                mDirtyFlags = 0x1L;
        }
        requestRebind();
    }

    @Override
    public boolean hasPendingBindings() {
        synchronized(this) {
            if (mDirtyFlags != 0) {
                return true;
            }
        }
        return false;
    }

    @Override
    public boolean setVariable(int variableId, @Nullable Object variable)  {
        boolean variableSet = true;
            return variableSet;
    }

    @Override
    protected boolean onFieldChange(int localFieldId, Object object, int fieldId) {
        switch (localFieldId) {
        }
        return false;
    }

    @Override
    protected void executeBindings() {
        long dirtyFlags = 0;
        synchronized(this) {
            dirtyFlags = mDirtyFlags;
            mDirtyFlags = 0;
        }
        // batch finished
    }
    // Listener Stub Implementations
    // callback impls
    // dirty flag
    private  long mDirtyFlags = 0xffffffffffffffffL;
    /* flag mapping
        flag 0 (0x1L): null
    flag mapping end*/
    //end
}

生成的ActivityMainBindingImpl代码位于app/build目录下。生成Binding类的名字很非凡，它与XML布局文件的名字有对应关系，具体的分割就是，以XML布局文件为准，去掉下划线，所有单次以大驼峰的模式按程序拼接，最初再加上Binding。比方，我的XML布局文件名是activity_main.xml，生成的Binding类名就是ActivityMainBinding。

2.3 绑定布局

没有应用DataBinding的时候，为了将XML布局文件与Activity进行绑定，须要调用Activity的setContentView()办法，或者是在Fragment中调用LayoutInflate的inflate()办法来进行布局的绑定。如果应用了DataBinding之后，就须要应用DataBindingUtil类来进行视图的绑定，如下所示。

public class MainActivity extends AppCompatActivity {

    private ActivityMainBinding binding; 

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding= DataBindingUtil.setContentView(this,R.layout.activity_main);     
    }
}

应用DataBindingUtil类的setContentView()办法对Activity进行绑定，其返回值就是工具生成的Binding类。如果是Fragment，则对应的绑定布局的代码如下。

    private ActivityMainBinding binding;

    @Override
    public View onCreateView (LayoutInflater inflater,
                              ViewGroup container,
                              Bundle savedInstanceState) {
        binding = ActivityMainBinding.inflate(inflater, container, false);
        View view = binding.getRoot();
        return view;
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        binding = null;
    }

2.4 增加data标签

通过后面的步骤后，咱们曾经应用DataBinding将XML文件与UI组件绑定起来，如果要在XML文件中承受Model数据，就须要用到data标签与variable标签。

在XML文件的layout标签下，创立data标签，在data标签中再创立variable标签，variable标签次要用到的就是name属性和type属性，相似于Java语言申明变量时，须要为该变量指定类型和名称。新建一个名为UserModel的实体类，代码如下。

public class UserModel {
    private String firstName;
    private String lastName;

    public UserModel(String firstName, String lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }

    public String getFirstName() {
        return this.firstName;
    }

    public String getLastName() {
        return this.lastName;
    }
}

而后在布局的 data 标签里申明要应用到的变量名、类的全门路等信息，如下所示。

<?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">

    <data>
      <variable
          name="user"
          type="com.xzh.jetpack.UserModel" />
    </data>

    ... //省略其余代码
</layout>

如果 User 有多处用到，也能够间接将之 import 进来，这样就不必每次都指明整个包名门路了，而 java.lang.* 包中的类会被主动导入，所以能够间接应用。

<data>
   <import type="com.xzh.jetpack.UserModel" />
   <variable
       name="user"
       type="UserModel" />
  </data>

如果存在 import 的类名雷同的状况，能够应用 alias 指定别名，如下所示。

    <data>
        <import type="com.xzh.jetpack.UserModel" />
        <import
            alias="TempUser"
            type="com.xzh.jetpack.uer.UserModel" />
        <variable
            name="userInfo"
            type="User" />
        <variable
            name="tempUserInfo"
            type="TempUser" />
    </data>

2.5 应用variable

在XML文件中申明好variable属性后，接下来就能够在XML应用它了。应用variable属性时须要应用到布局表达式： @{ }。能够在布局表达式@{ }中获取传入variable对象的值，如下所示。

<?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">

    <data>
        <import type="com.xzh.jetpack.UserModel" />
        <variable
            name="user"
            type="UserModel" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.firstName}"
            android:hint="Tv1"
            android:textSize="24dp" />

        <TextView
            android:id="@+id/tv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.lastName}"
            android:textSize="24dp" />

    </LinearLayout>
</layout>

而后，咱们在UI界面中应用Binding类为每一个variable标签应用set办法传递数据，如下所示。

 binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
 UserModel user =new UserModel("zhang", "beijing");
 binding.setUser(user);

通过下面的解决后，咱们曾经给UserModel对象设置给了Binding类，所以这里间接运行代码就能够看到成果了。

2.6 响应事件

后面咱们介绍了DataBinding的一些根本用法，咱们能够在布局文件中对控件某些属性进行赋值，使得Model类数据间接绑定在布局中，而且Model属性发生变化时，布局文件中的内容能够即时刷新。除了这些简略的应用场景外，咱们还能够应用DataBinding响应用户事件。

咱们对布局文件做一下批改，在外面增加一个控件，而后在Activity中增加如下代码。

 binding.btn1.setOnClickListener(new View.OnClickListener() {
            @Override
     public void onClick(View v) {

       }
  });

除此之外，咱们还能够应用另外一种形式。布局表达式不仅能够传入对象的属性，也能够调用对象的办法。首先创立一个工具类，在类中定义响应事件的办法，如下所示。

public class ButtonClickListener {
    public void onClick(View view) {
        Log.d("ButtonClickListener","onClick...");
    }
}

而后在布局文件中增加点击事件的代码，如下所示。

<?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">

    <data>
        <variable
            name="btnHandler"
            type="com.xzh.jetpack.databinding.ButtonClickListener" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

       ...//省略其余代码

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮"
            android:textSize="24dp"
            android:onClick="@{btnHandler.onClick}"/>

    </LinearLayout>
</layout>

在下面的代码中，首先在data标签中为ButtonClickListener类申明对象，在Button的onClick属性中传入布局表达式即可。

2.7 include标签

在Android利用开发中，为了可能让布局文件失去复用，在编写布局的时候咱们常常会应用include标签，雷同构造与内容的布局文件就能够在多处应用。然而如果一个布局文件中应用了DataBinding，同时也应用了include标签，那么如何应用nclude标签引入的布局文件中中的数据呢。

此时，咱们须要在同一级页面的include标签中，通过命名控件xmlns:app来引入布局变量User，将数据对象传递给二级页面，如下所示。

<?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">

    <data>
        <variable
            name="user"
            type="com.xzh.jetpack.UserModel" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <include
            layout="@layout/layout_data_binding"
            app:persondata="@{user}" />
        
        ... //省略其余代码
    </LinearLayout>
</layout>

布局表达式中间接传入页面变量user，include标签属性值能够任意取名，然而要留神的是，在二级页面的variable标签中的name属性，必须与一级页面中的include标签属性名统一，如layout_data_binding的代码所示。

<?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">

    <data>
        <variable
            name="userData"
            type="com.xzh.jetpack.UserModel" />
    </data>

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

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{userData.firstName}"
            android:gravity="center" />

    </LinearLayout>
</layout>

三、BindingAdapter

3.1 BindingAdapter简介

应用DataBinding库时，DataBinding会针对控件属性生成对应的XXXBindingAdapter类，如TextViewBindingAdapter类，其对TextView的每个能够应用DataBinding的属性都生成了对应的办法，而且每个办法都应用了@BindingAdapter注解，注解中的参数就是对应View的属性。

@RestrictTo(RestrictTo.Scope.LIBRARY)
@SuppressWarnings({"WeakerAccess", "unused"})
@BindingMethods({
        @BindingMethod(type = TextView.class, attribute = "android:autoLink", method = "setAutoLinkMask"),
        @BindingMethod(type = TextView.class, attribute = "android:drawablePadding", method = "setCompoundDrawablePadding"),
        @BindingMethod(type = TextView.class, attribute = "android:editorExtras", method = "setInputExtras"),
        @BindingMethod(type = TextView.class, attribute = "android:inputType", method = "setRawInputType"),
        @BindingMethod(type = TextView.class, attribute = "android:scrollHorizontally", method = "setHorizontallyScrolling"),
        @BindingMethod(type = TextView.class, attribute = "android:textAllCaps", method = "setAllCaps"),
        @BindingMethod(type = TextView.class, attribute = "android:textColorHighlight", method = "setHighlightColor"),
        @BindingMethod(type = TextView.class, attribute = "android:textColorHint", method = "setHintTextColor"),
        @BindingMethod(type = TextView.class, attribute = "android:textColorLink", method = "setLinkTextColor"),
        @BindingMethod(type = TextView.class, attribute = "android:onEditorAction", method = "setOnEditorActionListener"),
})

public class TextViewBindingAdapter {

    private static final String TAG = "TextViewBindingAdapters";
    @SuppressWarnings("unused")
    public static final int INTEGER = 0x01;
    public static final int SIGNED = 0x03;
    public static final int DECIMAL = 0x05;

    @BindingAdapter("android:text")
    public static void setText(TextView view, CharSequence text) {
        final CharSequence oldText = view.getText();
        if (text == oldText || (text == null && oldText.length() == 0)) {
            return;
        }
        if (text instanceof Spanned) {
            if (text.equals(oldText)) {
                return; // No change in the spans, so don't set anything.
            }
        } else if (!haveContentsChanged(text, oldText)) {
            return; // No content changes, so don't set anything.
        }
        view.setText(text);
    }

    @InverseBindingAdapter(attribute = "android:text", event = "android:textAttrChanged")
    public static String getTextString(TextView view) {
        return view.getText().toString();
    }

    @BindingAdapter({"android:autoText"})
    public static void setAutoText(TextView view, boolean autoText) {
        KeyListener listener = view.getKeyListener();

        TextKeyListener.Capitalize capitalize = TextKeyListener.Capitalize.NONE;

        int inputType = listener != null ? listener.getInputType() : 0;
        if ((inputType & InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS) != 0) {
            capitalize = TextKeyListener.Capitalize.CHARACTERS;
        } else if ((inputType & InputType.TYPE_TEXT_FLAG_CAP_WORDS) != 0) {
            capitalize = TextKeyListener.Capitalize.WORDS;
        } else if ((inputType & InputType.TYPE_TEXT_FLAG_CAP_SENTENCES) != 0) {
            capitalize = TextKeyListener.Capitalize.SENTENCES;
        }
        view.setKeyListener(TextKeyListener.getInstance(autoText, capitalize));
    }
}

BindingAdapter类中，所有的办法都是static办法，并且每个办法都应用了@BindingAdapter注解，注解中申明所操作的View属性，当应用了DataBinding的布局文件被渲染时，属性所对应的static办法就会主动调用。

3.2 自定义BindingAdapter

除了应用库主动生成的BindingAdapter类之外，开发者也能够自定义BindingAdapter类，供开发者来实现零碎没有提供的属性绑定，或者是批改原有的属性。

例如，有上面这样一个需要：咱们心愿能够依据图片地址动静的扭转显示图片。如果应用BindingAdapter 如何实现呢？

此处，咱们加载图片应用的是glide图片库，并且加载图片须要拜访网路，所以请确保申请了网路权限。

 <uses-permission android:name="android.permission.INTERNET"/>

接下来，咱们编写一个解决图片的自定义BindingAdapter类。而后定义一个静态方法，次要用于增加 BindingAdapter 注解，注解值是 ImageView 控件自定义的属性名，如下所示。

public class ImageBindingAdapter {

    @BindingAdapter({"url"})
    public static void loadImage(ImageView view, String url) {
       if(!TextUtils.isEmpty(url)){
           Glide.with(view)
                   .load(url)
                   .centerCrop()
                   .placeholder(R.drawable.ic_launcher_background)//加载中显示的图片
                   .error(R.drawable.ic_launcher_foreground)// 谬误后显示的图片
                   .into(view);
       }
    }

}

能够发现没，loadImage()静态方法的两个参数，第一个参数必须是所操作的View类型，第二个参数是图片的地址。当 ImageView 控件的 url 属性值发生变化时，dataBinding 就会将 ImageView 实例以及新的 url 值传递给 loadImage() 办法，从而实现动静扭转 ImageView的相干属性。

而后，咱们在 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">

    <data> </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center">
        <ImageView
            android:layout_width="300dp"
            android:layout_height="200dp"
            app:url="@{`https://goss.veer.com/creative/vcg/veer/800water/veer-136599950.jpg`}"/>
    </LinearLayout>
</layout>

须要阐明的是，请留神布局文件的最外层蕴含以下命名控件，这样能力调用@BindingAdapter标签定义的静态方法。

xmlns:app="http://schemas.android.com/apk/res-auto"

须要阐明的是，Activity和XML绑定的代码肯定要用DataBindingUtil，如下所示。

DataBindingUtil.setContentView(this,R.layout.activity_main);

通过下面的解决后，咱们就能够很不便的应用 imageUrl 属性来加载网络图片了，并且不必放心线程切换问题，DataBinding 库会主动实现线程切换。运行下面的代码，成果如下所示。

有时候，咱们须要自定义多个属性，那如何解决呢？和一个参数一样，咱们只须要应用BindingAdapter增加参数即可，如下所示。

public class ImageBindingAdapter {

    @BindingAdapter(value = {"url", "placeholder", "error"})
    public static void loadImage(ImageView view, String url, Drawable placeholder, Drawable error) {
       if(!TextUtils.isEmpty(url)){
           RequestOptions options = new RequestOptions();
           options.placeholder(placeholder);
           options.error(error);
           Glide.with(view.getContext())
                   .load(url)
                   .apply(options)
                   .into(view);
       }
    }
}

而后在布局中传入属性值即可，如下所示。

<ImageView
       android:layout_width="300dp"
       android:layout_height="200dp"
       android:layout_marginTop="10dp"
       app:url="@{`https://goss.veer.com/creative/vcg/veer/800water/veer-136599950.jpg`}"
       app:placeholder="@{@drawable/icon}"
       app:error="@{@drawable/error}"/>

3.3 BindingConversion

在某些状况下，咱们须要对设置属性时类型进行转化，类型转化能够借助注解 @BindingConversion 来实现。例如，android:background 属性接管的是一个 Drawable ，然而咱们在应用的时候须要给databinding 表达式中设置一个色彩值，此时就须要 @BindingConversion。

首先，创立一个色彩转化的类ColorConversion，用于将色彩值转化为Drawable，如下所示。

public class ColorConversion {
    
    @BindingConversion
    public static ColorDrawable colorToDrawable(int color){
        return new ColorDrawable(color);
    }
}

而后，创立一个布局文件，增加如下代码。

<?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">
    <data> </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center_horizontal">
        
        <!--类型转换-->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@{true ? @color/colorRed : @color/colorBlue}"/>
    </LinearLayout>
</layout>

在布局中应用 @BindingConversion 注解时要应用雷同类型，否则会报错。

四、双向绑定

DataBinding的自身是对View层状态的一种观察者模式的实现，通过让View与ViewModel层可察看的对象（比方LiveData）进行绑定，当ViewModel层数据发生变化，View层也会主动进行UI的更新，此种场景称之为单向绑定。

但理论开发中，单向绑定并不能足够所有的需要。例如有上面的场景：如果布局中有一个EditText，当用户在输入框中输出内容时，咱们心愿对应的Model类可能实时更新，这就须要双向绑定，DataBinding同样反对这样的能力。

实现双向绑定须要用到ObservableField类，它可能将一般的数据对象包装成一个可察看的数据对象，数据能够是根本类型变量、汇合，也能够是自定义类型。为了实现双向绑定，咱们须要先定义一个继承自BaseObservable的ViewModel类，并提供get和set办法，如下所示。

public class UserViewModel extends BaseObservable {

    private String name;
    private String address;
    private int age;

    @Bindable
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    ... //省略其余代码
}

而后，咱们在XML布局文件中应用DataBinding，如下所示。

<?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">

    <data>
        <variable
            name="userModel"
            type="com.xzh.jetpack.UserViewModel" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <EditText
            android:id="@+id/et1"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:text="@={userModel.name}" />

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="30dp"
            android:paddingRight="30dp"
            android:textSize="24dp"
            android:text="保留" />

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="24dp"
            android:text="@={userModel.name}" />

    </LinearLayout>
</layout>

须要留神的是，不同于单向绑定，之前的布局表达式是@{}表达式，双向绑定应用的布局表达式是@={}，多了一个等号。

接下来，咱们在Activity中增加获取用户输出的逻辑，如下所示。

public class MainActivity extends AppCompatActivity {

    private final String TAG = "MainActivity";
    private ActivityMainBinding activityMainBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        activityMainBinding= DataBindingUtil.setContentView(this,R.layout.activity_main);
        activityMainBinding.btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String name=activityMainBinding.et1.getText().toString();
                UserViewModel viewModel=new UserViewModel();
                viewModel.setName(name);
                activityMainBinding.setUserModel(viewModel);
            }
        });
    }
}

通过下面的解决后，双向绑定就根本实现了。能够发现，双向绑定与LiveData十分类似，都是将一般的数据对象封装成了可察看对象，实践上二者是能够相互代替的，但LiveData具备生命周期感知能力，并且须要调用observe()办法进行监听，而双向绑定中更举荐应用ObservableField，不须要应用observe()办法，保护起来绝对简略。

五、在RecyclerView中应用DataBinding

5.1 根本应用

列表布局在Android利用开发中是十分常见的场景，实现列表布局须要应用RecyclerView控件，DataBinding反对在RecyclerViieew中实现数据绑定。

应用RcyclerView，就须要用到Adapter，在Adapter中实例化Item布局，而后将List中的数据绑定到布局中，而DataBinding就能够帮忙开发者实例化布局并绑定数据。

首先，咱们编写Adapter的item布局，在item布局中应用DataBinding将User数据进行绑定，item_user.xml的代码如下所示。

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

    <data>
        <variable
            name="user"
            type="com.xzh.jetpack.UserModel" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.address}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.age}" />
    </LinearLayout>

</layout>

接下来，编写Adapter类业务解决，UserAdapter的代码如下所示。

public class UserAdapter extends RecyclerView.Adapter<UserAdapter.ViewHolder> {

    private List<UserModel> mDataList;

    public UserAdapter(List<UserModel> mDataList) {
        this.mDataList = mDataList;
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        ItemUserBinding binding;
        public ViewHolder(@NonNull ViewDataBinding binding) {
            super(binding.getRoot());
            this.binding=(ItemUserBinding)binding;
        }

        public ItemUserBinding getBinding() {
            return binding;
        }
    }


    @NonNull
    @Override
    public UserAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        ItemUserBinding binding= DataBindingUtil.inflate((LayoutInflater.from(parent.getContext())), R.layout.item_user,parent,false);
        return new ViewHolder(binding);
    }

    @Override
    public void onBindViewHolder(@NonNull UserAdapter.ViewHolder holder, int position) {
        UserModel model=mDataList.get(position);
        holder.getBinding().setUser(model);
    }

    @Override
    public int getItemCount() {
        if (mDataList.size()>0){
            return  mDataList.size();
        }
        return 0;
    }
}

能够发现，之前咱们都是须要在ViewHolder中进行findViewById对子控件进行实例化，因为咱们应用了DataBinding，所以不再须要这些操作，只须要传入生成的Binding类即可，而后在super中调用getRoot()办法返回根View。

在RecyclerView中应用DataBinding就是如此简略，当List中的item数据发生变化时，列表中的内容也会随之更新。

而后，依照RecyclerView的根本应用办法，咱们在MainActivity增加一些测试数据，并将它和UserAdapter进行绑定，代码如下。


public class MainActivity extends AppCompatActivity {

    private final String TAG = "MainActivity";
    private ActivityMainBinding activityMainBinding;
    private List<UserModel> userModels;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        initData();
        initRecyclerView();
    }

    private void initData() {
        userModels = new ArrayList<UserModel>();
        for (int i = 0; i < 10; i++) {
            UserModel userModel = new UserModel("zhangsan"+1, "beijing"+i, "age"+i);
            userModels.add(userModel);
        }
    }


    private void initRecyclerView() {
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        activityMainBinding.recycle.setLayoutManager(layoutManager);
        activityMainBinding.recycle.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));
        UserAdapter adapter = new UserAdapter(userModels);
        activityMainBinding.recycle.setAdapter(adapter);
    }
}

5.2 自定义BindingAdapter

在下面的代码中，对RecyclerView设置LayoutManager和Adapter属于对View的一些简单操作，这些操作能够通过自定义BindingAdapter的形式进行简化。首先，定义一个新的属性，将数据List间接通过DataBinding在布局文件中绑定，并且将这些操作都封装到BindindAdapter中，Activity中不再须要设置LayoutManager和Adapter操作。

首先，定义BindingAdapter，如下所示。

public class UserBindingAdapter {

    @BindingAdapter("users")
    void setUsers(RecyclerView recyclerView, List<UserModel> users )  {
        LinearLayoutManager layoutManager = new LinearLayoutManager(recyclerView.getContext());
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(layoutManager);
        UserAdapter adapter = new UserAdapter(users);
        recyclerView.setAdapter(adapter);
    }
}

在下面的代码中，咱们申明了一个新的属性users，而后应用@BindingAdapter润饰静态方法，而后在办法外面对RecyclerView设置LayoutManager和Adapter。接下来，咱们只须要布局中应用DataBinding即可。

<?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">

    <data>
        <import type="com.xzh.jetpack.UserModel" />
        <import type="java.util.List" />
        <variable
            name="users"
            type="List&lt;UserModel&gt;" />

    </data>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycle"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:users="@{users}"/>

</layout>

参考：
Android Jetpack架构组件(七)之WorkManager
Android Jetpack架构组件(六)之Room
Android Jetpack架构组件(五)之Navigation
Android Jetpack架构组件(四)之LiveData
Android Jetpack架构组件(三)之ViewModel
Android Jetpack架构组件(二)之Lifecycle
Android Jetpack架构组件(一)与AndroidX

关于java:Android-Jetpack架构组件八之DataBinding

一、DataBinding简介

二、DataBinding根本应用

2.1 开启viewBinding

2.2 批改布局文件

2.3 绑定布局

2.4 增加data标签

2.5 应用variable

2.6 响应事件

2.7 include标签

三、BindingAdapter

3.1 BindingAdapter简介

3.2 自定义BindingAdapter

3.3 BindingConversion

四、双向绑定

五、在RecyclerView中应用DataBinding

5.1 根本应用

5.2 自定义BindingAdapter

评论

发表回复取消回复

更多文章

DDN HPC 存储硬件架构设计深度分析

探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

关于java:Android-Jetpack架构组件八之DataBinding

一、DataBinding简介

二、DataBinding根本应用

2.1 开启viewBinding

2.2 批改布局文件

2.3 绑定布局

2.4 增加data标签

2.5 应用variable

2.6 响应事件

2.7 include标签

三、BindingAdapter

3.1 BindingAdapter简介

3.2 自定义BindingAdapter

3.3 BindingConversion

四、双向绑定

五、在RecyclerView中应用DataBinding

5.1 根本应用

5.2 自定义BindingAdapter

评论

发表回复 取消回复

更多文章

DDN HPC 存储硬件架构设计深度分析

探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

发表回复取消回复