【Android】DataBinding 最全利用解析

一、DataBinding 概述


DataBinding 是谷歌官方在2015谷歌I/O大会发布的一个数据绑定框架，是 MVVM 模式在 Android 上的一种实现，用于低落布局和逻辑的耦合性，使代码逻辑更加清楚。DataBinding 可以或许省去我们一直以来的 findViewById() 步骤，大量淘汰 Activity 内的代码，DataBinding 也是Android Jetpack中非常重要的一部门。
二、基本用法


2.1 利用入门


DataBinding 在android工程中默认是关闭的，需要在build.gradle文件中添加一下配置开启DataBinding
   android {
        ...
        dataBinding {
            enabled = true
        }
    }
   
找到需要开启DataBinding 的Activity对应的布局文件，将鼠标放到布局文件的第一行选择Convert to data binding layout主动转换。即可将布局文件改造成DataBinding 格式。
  

将Activity对应的布局文件主动天生以布局文件名字开头Binding结尾的Java类，如下代码所示

1. public class MainActivity extends AppCompatActivity {
2.     ActivityMainBinding activityMainBinding;
3.     @Override
4.     protected void onCreate(Bundle savedInstanceState) {
5.         super.onCreate(savedInstanceState);
6.         activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);
7.         
8.     }
9. }

复制代码

  

RecyclerView中利用DataBinding
  
   

1. public class  MyAdatper extends RecyclerView.Adapter<MyViewHolder>{
3.         @NonNull
4.         @Override
5.         public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
6.             ChatitemBinding chatitemBinding =
7.                     DataBindingUtil.inflate(LayoutInflater.from(MainActivity.this),R.layout.chatitem,parent,false);
8.             MyViewHolder myViewHolder = new MyViewHolder(chatitemBinding.getRoot());
9.             myViewHolder.chatitemBinding = chatitemBinding;
10.             return myViewHolder;
11.         }
13.         @Override
14.         public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
15.             holder.chatitemBinding.setItem(chatlist.get(position));
16.         }
18.         @Override
19.         public int getItemCount() {
20.             return chatlist.size();
21.         }
22.     }
24.     public class MyViewHolder extends RecyclerView.ViewHolder{
25.         ChatitemBinding chatitemBinding;
26.         public MyViewHolder(@NonNull View itemView) {
27.             super(itemView);
28.         }
29.     }

复制代码

  
Fragment 中利用DataBinding

1. public class FirstFragment extends Fragment {
3.     private FragmentFirstBinding binding;
5.     @Override
6.     public View onCreateView(
7.             LayoutInflater inflater, ViewGroup container,
8.             Bundle savedInstanceState    ) {
10.         binding = FragmentFirstBinding.inflate(inflater, container, false);
11.         return binding.getRoot();
13.     }
15. }

复制代码

  
2.2 布局和绑定表达式

  
要想实现数据绑定，需要在布局文件的data节点中界说variable节点，节点的name属性代表变量名字，type属性代表变量范例
在控件的属性中通过@{}表达式把声明出来的数据对象设置给对应的 控件属性，在表达式语言中还可以利用以下运算符和关键字：

  算术运算符+ - / * %
字符勾通接运算符+
逻辑运算符&& ||
instanceof
三元运算符?:

1. <?xml version="1.0" encoding="utf-8"?>
2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools">
6.     <data>
7.         <variable
8.             name="content"
9.             type="String" />
10.         <variable
11.             name="enabled"
12.             type="boolean" />
13.         <variable
14.             name="person"
15.             type="com.example.databinding.Person" />
17.     </data>
19.     <androidx.constraintlayout.widget.ConstraintLayout
20.         android:layout_width="match_parent"
21.         android:layout_height="match_parent"
22.         tools:context=".MainActivity">
24.         <TextView
25.             android:id="@+id/textView"
26.             android:layout_width="wrap_content"
27.             android:layout_height="wrap_content"
28.             android:text='@{enabled ? "真" :"假"}'
29.             app:layout_constraintBottom_toBottomOf="parent"
30.             app:layout_constraintEnd_toEndOf="parent"
31.             app:layout_constraintStart_toStartOf="parent"
32.             app:layout_constraintTop_toTopOf="parent" />
34.         <TextView
35.             android:id="@+id/textView2"
36.             android:layout_width="wrap_content"
37.             android:layout_height="wrap_content"
38.             android:layout_marginTop="13dp"
39.             android:layout_marginEnd="20dp"
40.             android:text="@{person.name}"
41.             app:layout_constraintEnd_toEndOf="@+id/textView"
42.             app:layout_constraintTop_toBottomOf="@+id/textView" />
44.         <TextView
45.             android:id="@+id/textView3"
46.             android:layout_width="wrap_content"
47.             android:layout_height="wrap_content"
48.             android:layout_marginBottom="114dp"
49.             android:text='@{"test"+person.age}'
50.             app:layout_constraintBottom_toTopOf="@+id/textView"
51.             app:layout_constraintEnd_toEndOf="parent"
52.             app:layout_constraintStart_toStartOf="parent" />
53.         <TextView
54.             android:id="@+id/textView4"
55.             android:layout_width="wrap_content"
56.             android:layout_height="wrap_content"
57.             android:layout_marginBottom="62dp"
58.             android:text="@{content}"
59.             app:layout_constraintBottom_toTopOf="@+id/textView3"
60.             app:layout_constraintEnd_toEndOf="parent"
61.             app:layout_constraintStart_toStartOf="parent" />
62.     </androidx.constraintlayout.widget.ConstraintLayout>
63. </layout>

复制代码

1. 在activity中使用activityMainBinding对象的setContentView方法来设置绑定
3. public class MainActivity extends AppCompatActivity {
4.     ActivityMainBinding activityMainBinding;
5.     @Override
6.     protected void onCreate(Bundle savedInstanceState) {
7.         super.onCreate(savedInstanceState);
8.         activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);
9.         Person person = new Person();
10.         person.age = 20;
11.         person.name = "test";
12.         String content = "content";
13.         boolean enable = false;
14.         activityMainBinding.setPerson(person);
15.         activityMainBinding.setContent(content);
16.         activityMainBinding.setEnabled(enable);
17.     }
18. }

复制代码

  
2.3 事件绑定

  
DataBinding不但可以将值绑定到控件上，还可以将事件绑定到控件上。
首先在activity中界说一个类，在该类中界说一个参数为View的方法，并将该类用activityMainBinding对象的setContentView方法来设置绑定。

1. public class MainActivity extends AppCompatActivity {
2.     ActivityMainBinding activityMainBinding;
3.     @Override
4.     protected void onCreate(Bundle savedInstanceState) {
5.         super.onCreate(savedInstanceState);
6.         activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);
7.          activityMainBinding.setPresenter(new Presenter());
8.     }
10.     public  class Presenter{
11.         public void onClick(View view){
12.             Log.i("Presenter","onClick");
13.         }
14.     }
15. }

复制代码

 

1. 在布局文件中，data节点设置该点击事件对象，然后在控件的android:onClick="@{presenter.onClick}"属性中设置绑定即可。
3. <?xml version="1.0" encoding="utf-8"?>
4. <layout xmlns:android="http://schemas.android.com/apk/res/android"
5.     xmlns:app="http://schemas.android.com/apk/res-auto"
6.     xmlns:tools="http://schemas.android.com/tools">
8.     <data>
9.          <variable
10.             name="presenter"
11.             type="com.example.databinding.MainActivity.Presenter" />
12.     </data>
13.     <androidx.constraintlayout.widget.ConstraintLayout
14.         android:layout_width="match_parent"
15.         android:layout_height="match_parent"
16.         tools:context=".MainActivity">
17.          <Button
18.             android:id="@+id/button"
19.             android:layout_width="wrap_content"
20.             android:layout_height="wrap_content"
21.             android:layout_marginEnd="147dp"
22.             android:layout_marginBottom="75dp"
23.             android:text="Button"
24.             android:onClick="@{presenter.onClick}"
25.             app:layout_constraintBottom_toBottomOf="parent"
26.             app:layout_constraintEnd_toEndOf="parent" />
27.     </androidx.constraintlayout.widget.ConstraintLayout>
28. </layout>

复制代码

1. 带参数的事件绑定
2. 将点击类的中定义的方法onClick参数改成需要点击回传的参数，在点击事件控件中设置android:onClick="@{()->presenter.onClick(person)}"即可将布局文件的变量中通过点击事件回传。
4. public  class Presenter{
5.     public void onClick(Person person){
6.         Log.i("Presenter","onClick" + person.name);
7.     }
8. }

复制代码

 

1. <Button
2.     android:id="@+id/button"
3.     android:layout_width="wrap_content"
4.     android:layout_height="wrap_content"
5.     android:layout_marginEnd="147dp"
6.     android:layout_marginBottom="75dp"
7.     android:text="Button"
8.     android:onClick="@{()->presenter.onClick(person)}"
9.     app:layout_constraintBottom_toBottomOf="parent"
10.     app:layout_constraintEnd_toEndOf="parent" />

复制代码

2.4 单向绑定

   
上面的对象绑定，当对象的值改变并不会引起页面控件的主动更新，要想实现数据厘革后视图也跟着主动厘革可以利用以下两种方法：
方法1：继承BaseObservable类,并将对象的属性添加set和get方法

1. public class Person extends BaseObservable {
2.     public int age;
3.     public String name;
5.     public int getAge() {
6.         return age;
7.     }
9.     public void setAge(int age) {
10.         this.age = age;
11.     }
12.     public String getName() {
13.         return name;
14.     }
15.     public void setName(String name) {
16.         this.name = name;
17.         notifyChange();
18.     }
19. }

复制代码

  
当对象给相应的属性赋值后，页面控件绑定的值即可实现主动革新

1. public  class Presenter{
2.     public void onClick(Person person){
3.         person.setName( "new test");
4.         person.setAge( 30);
5.         Log.i("Presenter","onClick" + person.name);
6.     }
7. }

复制代码

 

1. 如果只想属性的部分值更新，在该属性的get方法上添加 @Bindable即可
3. import androidx.databinding.BaseObservable;
4. import androidx.databinding.Bindable;
6. public class Person extends BaseObservable {
7.     public int age;
8.     public String name;
10.     @Bindable
11.     public int getAge() {
12.         return age;
13.     }
15.     public void setAge(int age) {
16.         this.age = age;
17.     }
18.     @Bindable
19.     public String getName() {
20.         return name;
21.     }
22.     public void setName(String name) {
23.         this.name = name;
24.         notifyPropertyChanged(BR.name);
25.     }
26. }

复制代码

  
方法2：
  该类的属性用ObservableField封装同样的也可以实现单向绑定
  public class Person   {
    public ObservableField<Integer> age = new ObservableField<>();
    public ObservableField<String> name = new ObservableField<>();
}

也可以用一下范例
  BaseObservable,
ObservableBoolean,
ObservableByte,
ObservableChar,
ObservableDouble,
ObservableField,
ObservableFloat,
ObservableInt,
ObservableLong,
ObservableParcelable,
ObservableShort,
该对象的属性会自带set和get方法，调用set方法即可实现页面控件绑定的数据主动革新
   public  class Presenter{
        public void onClick(Person person){
            person.name.set( "new test");
            person.age.set( 30);
            Log.i("resenter","onClick" + person.name);
            content.set("new content");
        }
    }
  
2.5 双向绑定

  
对于输入控件，利用@={}表达式即可实现页面和绑定的值双向主动革新
    <EditText
    android:id="@+id/editTextTextPersonName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="85dp"
    android:layout_marginBottom="7dp"
    android:ems="10"
    android:inputType="textPersonName"
    android:text="@={content}"
    app:layout_constraintBottom_toBottomOf="@+id/textView3"
    app:layout_constraintEnd_toEndOf="parent" />
  
完整代码如下所示

1. public class MainActivity extends AppCompatActivity {
2.     ActivityMainBinding activityMainBinding;
3.     ObservableField<String> content;
4.     @Override
5.     protected void onCreate(Bundle savedInstanceState) {
6.         super.onCreate(savedInstanceState);
7.         activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);
8.         content = new ObservableField<>("content ");
9.         activityMainBinding.setContent(content);
10.     }
12. }
14. <?xml version="1.0" encoding="utf-8"?>
15. <layout xmlns:android="http://schemas.android.com/apk/res/android"
16.     xmlns:app="http://schemas.android.com/apk/res-auto"
17.     xmlns:tools="http://schemas.android.com/tools">
19.     <data>
20.         <variable
21.             name="content"
22.             type="androidx.databinding.ObservableField&lt;String&gt;" />
23.     </data>
25.     <androidx.constraintlayout.widget.ConstraintLayout
26.         android:layout_width="match_parent"
27.         android:layout_height="match_parent"
28.         tools:context=".MainActivity">
29.         <TextView
30.             android:id="@+id/textView"
31.             android:layout_width="wrap_content"
32.             android:layout_height="wrap_content"
33.             android:text='@{content}'
34.             app:layout_constraintBottom_toBottomOf="parent"
35.             app:layout_constraintEnd_toEndOf="parent"
36.             app:layout_constraintStart_toStartOf="parent"
37.             app:layout_constraintTop_toTopOf="parent" />
38.         <EditText
39.             android:id="@+id/editTextTextPersonName"
40.             android:layout_width="wrap_content"
41.             android:layout_height="wrap_content"
42.             android:layout_marginTop="44dp"
43.             android:layout_marginEnd="84dp"
44.             android:ems="10"
45.             android:inputType="textPersonName"
46.             android:text="@={content}"
47.             app:layout_constraintEnd_toEndOf="parent"
48.             app:layout_constraintTop_toBottomOf="@+id/textView" />
49.     </androidx.constraintlayout.widget.ConstraintLayout>
50. </layout>

复制代码

三、高级用法


BindingAdapter
DataBinding支持在平凡方法上添加@注解来添加自界说控件属性，该方法需满足以下条件：
修饰方法, 要求方法必须public static
方法参数第一个要求必须是View
方法名不作要求

    @BindingAdapter("imageurl")
    public static void bindImageUrl(ImageView view,String url){
        Glide.with(view)
                .load(url)
                .into(view);
    }


利用方法如下：
        <ImageView
            android:id="@+id/imageView"
            android:layout_width="150dp"
            android:layout_height="150dp"
            app:imageurl="@{item.head}"
     />

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。