DataBinding 基础使用

概述

2015年谷歌I/O大会上介绍了一个新的框架DataBinding,数据绑定框架，有效降低了代码的耦合，节省了很多findViewById代码，相比较于网上很多快速注解框架，更加的灵活多变。

1.基本使用

---

1.1 环境搭建

在对应模块的build.grade中的android节点下添加如下代码，就开启了DataBinding的使用

dataBinding{
        enabled = true
    }

1.2 基础的使用

一个简单的 java bean

public class User {
    private String name;
    private String email;

    public String getName() {
        return name;
    }

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

    public String getEmail() {
        return email;
    }


    public void setEmail(String email) {
        this.email = email;
    }
}

主要变化在布局文件中

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<!-- data : 这是数据模块-->
    <data>
    <!-- variable : 定义一个变量(两个参数：变量名 和 变量类型) -->
        <variable
            name="user"
            type="com.xzq.demodatabinding.User"/>
    </data>
    <LinearLayout
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

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

    </LinearLayout>
</layout>

布局文件的根节点由原来的XxxLayout变成了layout，layout里面一个data数据节点，还有就是原来的XxxLayout节点,并且不需要设置控件ID了，而是使用@{}来直接关联数据与控件

在Activity中使用

        // 使用 DataBindingUtil.setContentView() 替换 setContentView()
        ActivityMain1Binding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);

        // 自动生成一个ActivityMain1Binding（命名规则：布局名称去掉下划线首字母大写+Binding）类
        // 并且生成对应的get和set方法（布局中声明的对象）
        // 使用对应的set方法把数据通过XXXBinding与布局文件进行绑定
        binding.setUser(new User("name","email"));

这样看起来使用是不是非常简单，没有了findViewById，也不用声明对应的控件对象，大大降低了代码耦合，和代码量

---

2.高级使用

---

2.1 使用import（类名相同时使用别名）

<data>
    <!-- 在此可以使用import来导入某一个类，不可以导入某一个包 -->
    <import type="com.xzq.demodatabinding.demo.People"/>
    <variable name="people" type="People"/>
</data>

---

2.2 使用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">


    <data>
        <!-- 在此可以使用import来导入某一个类，不可以导入某一个包 -->
        <import type="java.util.List" />
        <!-- 定义一个集合 -->
        <variable
            name="peoples"
            type="ArrayList&lt;People&gt;" />
    </data>

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

        <!--使用include来导入一个布局，把导入布局需要的数据对象传递进去-->
        <include
            layout="@layout/people"
            app:people="@{peoples[0]}" />

        <include
            layout="@layout/people"
            app:people="@{peoples[1]}" />

    </LinearLayout>
</layout>

---

2.3 定义复杂的变量

<?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来导入某一个类，不可以导入某一个包 -->
        <import type="java.util.List" />
        <import type="java.util.HashMap"/>
        <!-- 定义一个集合   -->
        <variable
            name="list"
            type="ArrayList&lt;String&gt;" />
        <variable
            name="map"
            type="HashMap<String,String>"/>
    </data>

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

    <!-- 集合的使用类似数组  -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{list[0]}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{map[`key`]}" />

    </LinearLayout>
</layout>

---

2.4 表达式

java中所有的单行表达式都支持

    Mathematical + - / * %
    String concatenation +
    Logical && ||
    Binary & | ^
    Unary + - ! ~
    Shift >> >>> <<
    Comparison == > < >= <=
    instanceof
    Grouping ()
    Literals - character, String, numeric, null
    Cast
    Method calls
    Field access
    Array access []
    Ternary operator ?:

不支持

    this
    super
    new
    Explicit generic invocation

新的单行表达式
    A ?? B  如果A等于空就输出B

---

2.5 事件绑定

1.在java bean中设置响应点击事件的方法（要求：返回值类型与参数类型必须与对应监听事件的方法一致）

    // 数据源Bean中添加如下两个方法
    // 点击事件
    public void clickName(View view){
        Toast.makeText(view.getContext(),"点击了: "+name,Toast.LENGTH_SHORT).show();
    }

    // 长按事件
    public boolean longClickAge(View view) {
        Toast.makeText(view.getContext(), "长按了: " + age, Toast.LENGTH_SHORT).show();
        return true;
    }

    // 需要监听的控件上添加如下代码
    // 单击事件
    android:onClick="@{p.clickName}"
    //长按事件
    android:onLongClick="@{p.longClickAge}"

2.也可以这样使用监听

// 第一步

    <data>
        <import type="android.view.View.OnClickListener"/>
        <variable
            name="clickListener"
            type="OnClickListener"/>
    </data>
// 第二步
    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick ="@{ clickListener }" />

// 第三步

     binding.setClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(view.getContext(),"我在Activity中",Toast.LENGTH_SHORT).show();
            }
        });

3.监听回掉方法可以在任意的对象中，不过需要在布局中有该对象的声明，并且绑定该对象

---

2.6 带id的控件的赋值方式

如果在Activity中想要取得某一个View的对象，也可通过添加ID的方式直接取得，不用findViewById

// 第一步 ，添加Id
    <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

// 第二步 ， 直接使用

    binding.text.setText("我是TextView");

2.7 inflate

binding = DataBindingUtil.inflate(LayoutInflater.from(context),layoutId,viewGroup,false);

2.8 BaseObservable

    当我们使用点击了一个TextView的时候想要改变它上面的文本信息时，发现并没有及时改变，这是因为我们没有进行数据刷新操作，就像使用ListView时，改变了数据源需要使用notifyDatasetChanged来通知UI去改变数据一样的道理。
    BaseAdapter的notifyDatasetChanged其实是使用了观察者模式，而我们的Databinding也提供了相应的支持


    // 第一步 ：被观察者需要继承 android.databinding.BaseObservable
    public class People extends BaseObservable{
        .....
    }
    // 第二步 ：在想要观察的属性的get方法上添加注解 @Bindable
    @Bindable
    public String getName() {
        return name;
    }
    // 第三步 ：在属性set方法中只用  notifyPropertyChanged(BR.name); 发出通知
    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

---

2.9 ObservableFields家族

谷歌工程师封装好的，很方便我们直接使用

//    ObservableField<T>
//    ObservableByte
//    ObservableInt
//    ObservableShort
//    ObservableLong
//    ObservableChar
//    ObservableBoolean
//    ObservableFloat
//    ObservableDouble
//    ObservableList<T>
//    ObservableMap<K,V>
//    ObservableParcelable

不用在 java bean中写get/set方法了

使用方法

        binding.setPeople(people1);
        people1.str.set("123");
        people1.str.get();

---

加载网络图片

// 第一步

/**
 * Created by 轩志强 on 2017/7/19.
 */

public class Utils {

    /**
     * 通过链接下载图片，放入ImageV中,该方法必须是静态的，否则需要传入对应的对象
     * 1. 通过注解 @BindingAdapter 自定义属性  imageUrl
     * @param view 放图片的view
     * @param url 图片链接
     */
    @BindingAdapter({"imageUrl"})
    public static void loadImage(ImageView view , String url){
        if (url == null) {
            view.setImageResource(R.mipmap.ic_launcher);
        }else{
            Glide.with(view.getContext()).load(url).into(view);
        }
    }
}

// 第二步 对应的控件中使用该属性，传入一个链接

        <ImageView
            app:imageUrl="@{people.icon}"
            android:layout_width="100dp"
            android:layout_height="100dp" />

3.扩展使用

3.1 在ListView中使用

/**
 * Created by 轩志强 on 2017/7/20.
 * 第一步：写一个DataBinding 通用的Adapter（先写好item布局）
 */

public class ListAdapter<T> extends BaseAdapter {

    private Context context;
    private List<T> list;
    private int layouId; // item布局Id
    private int variableId; // item布局中声明的对象Id

    public ListAdapter(Context context, List<T> list, int layouId, int variableId) {
        this.context = context;
        this.list = list;
        this.layouId = layouId;
        this.variableId = variableId;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int i) {
        return list.get(i);
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        ListItemBinding binding = null;
        if (binding == null){
            binding = DataBindingUtil.inflate(LayoutInflater.from(context),layouId,viewGroup,false);
        }else{
            binding = DataBindingUtil.getBinding(view);
        }
        binding.setVariable(variableId,list.get(i));
        return binding.getRoot();
    }
}


----------

<!-- 第二步，在ListView所在布局中声明adapter，使用自定义属性添加adapter -->

<?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="adapter"
            type="android.widget.BaseAdapter" />
    </data>

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

        <ListView
            app:adapter="@{adapter}"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </LinearLayout>
</layout>


----------

// 第三步，在activity中写如下代码
        ActivityDemoListViewBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_demo_list_view);
        // 模拟数据
        ArrayList<People> peoples = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            peoples.add(new People("http://pic19.nipic.com/20120313/9499529_100139187133_2.jpg"
            ,"好人"+i,i*2));
        }
        binding.setAdapter(new ListAdapter<People>(this,peoples,R.layout.list_item, BR.adapter));

---

3.2 在RecycleView中使用

    // 第一步 : 写Item布局
    // 第二部 ： 写一个通用的RecycleViewAdapter

public class RecycleViewAdapter<T> extends RecyclerView.Adapter<RecycleViewAdapter.MyViewHolder> {

    private Context context;
    private List<T> list;
    private int layoutId;
    private int variableId;

    public RecycleViewAdapter(Context context, List<T> list, int layoutId, int variableId) {
        this.context = context;
        this.list = list;
        this.layoutId = layoutId;
        this.variableId = variableId;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        ViewDataBinding binding = DataBindingUtil.inflate(LayoutInflater.from(context), layoutId, parent, false);
        MyViewHolder viewHolder = new MyViewHolder(binding.getRoot());
        viewHolder.setBinding(binding);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.getBinding().setVariable(variableId,list.get(position));
    }

    @Override
    public int getItemCount() {
        return list.size();
    }


    public static class MyViewHolder extends RecyclerView.ViewHolder{

        private ViewDataBinding binding;

        public MyViewHolder(View itemView) {
            super(itemView);
        }

        public ViewDataBinding getBinding() {
            return binding;
        }

        public void setBinding(ViewDataBinding binding) {
            this.binding = binding;
        }
    }

}

    // 第三部 ： 在activity中使用
ActivityDemoRecycleViewBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_demo_recycle_view);
        binding.recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayout.VERTICAL,false));
        binding.setAdapter(new RecycleViewAdapter(this,list,R.layout.list_item, BR.people));


----------

// RecyclerView的布局


 <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_view"
            app:adapter="@{adapter}"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </android.support.v7.widget.RecyclerView>


----------

---

3.3 在Fragment中使用

---

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

    <data>
        <variable
            name="listener"
            type="android.view.View.OnClickListener"/>
        <variable
            name="people"
            type="com.xzq.demodatabinding.demo.People"/>
    </data>

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

        <ImageView
            android:onClick="@{listener}"
            app:imageUrl="@{people.icon}"
            android:layout_width="100dp"
            android:layout_height="100dp" />

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

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

            <TextView
                android:text="@{String.valueOf(people.age)}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

        </LinearLayout>

    </LinearLayout>
</layout>

---

MyFragment代码

public class MyFragment extends Fragment implements View.OnClickListener {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        FragmentLayoutBinding binding = DataBindingUtil.inflate(inflater, R.layout.fragment_layout, container, false);
        People people1 = new People();
        people1.setName("好人");
        people1.setAge(28);
        people1.setIcon("http://pic19.nipic.com/20120313/9499529_100139187133_2.jpg");
        binding.setPeople(people1);
        binding.setListener(this);
        return binding.getRoot();
    }

    @Override
    public void onClick(View view) {
        Toast.makeText(view.getContext(),"我是Fragment",Toast.LENGTH_SHORT).show();
    }
}

---

Activity代码

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_demo_fragment);
        getSupportFragmentManager().beginTransaction().replace(R.id.container,new MyFragment()).commit();
    }