android Datading講解

DataBinding

DataBinding可以將數據和xml綁定起來，也是實現mvvm的一種工具。先撇開mvvm我們先了解DataBing的用法。
首先在 app moudle中的gradle文件添加dataBing的task。

   dataBinding {
        enabled = true
    }

我們先來寫一個小例子。創建一個Person的java類如下。

public class Person {
    private int age;
    private String name;

    public Person(int age, String name) {
        this.age = age;
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public String getName() {
        return name;
    }

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

創建一個Activity，每一個Activity的xml文件都會對應生成一個相應的Bing類，bing類的命名規則則是xml文件名的大寫之後再加一個Bing，具體可以看下面代碼例子。

public class Main2Activity extends AppCompatActivity {

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

        ActivityMain2Binding main2Binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);

        Person person = new Person(18,"小明");

        main2Binding.setPerson(person);

    }
}

以及Activity所對應的XML文件。可以看見xml文件最外層是layout標籤，與以前根標籤一級的有一個data標籤，裏面聲明我們在佈局中用到的數據，具體引用@{}，參看以下示例。

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

    <data>
        <variable
            name="person"
            type="test.yikai.com.myapplication.databind.Person" />

    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".databind.Main2Activity">


        <TextView
            android:id="@+id/tv_name"
            android:layout_centerHorizontal="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{person.name}"
            />


        <TextView
            android:id="@+id/tv_age"
            android:layout_centerHorizontal="true"
            android:layout_below="@id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(person.age)}"
            />


        <Button
            android:id="@+id/btn_change_age"
            android:layout_below="@id/tv_age"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="修改年齡"
            />

    </RelativeLayout>
</layout>

好了現在我們瞭解了基本寫法，現在我們來看一下如何將事件和佈局綁定，以及實際意義上的數據和佈局的綁定。

事件綁定

我覺得在DataBing中最不好懂的就是事件綁定了，主要分爲兩種方式，方法引用和監聽器綁定。

方法引用

事件可以直接綁定到處理程序的方法。表達式在編譯的時候處理，所以如果方法不存在或者方法簽名不正確直接編譯出錯。方法的參數必須與監聽器對象的參數相匹配。
代碼如下

public class Main2Activity extends AppCompatActivity {

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

        ActivityMain2Binding main2Binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);

        Person person = new Person(18,"小明");

        main2Binding.setPerson(person);
        main2Binding.setHandler(new HandlerCallBack());

        main2Binding.setPp("yikai");
    }


    public class HandlerCallBack{

        public void onClick(View view,String pp){
            Toast.makeText(Main2Activity.this, "onClick " +pp, Toast.LENGTH_SHORT).show();
        }

        public boolean onLongClickCallBack(View view){
            Toast.makeText(Main2Activity.this, "onLongClickCallBack", Toast.LENGTH_SHORT).show();
            return false;
        }
    }
}

表達式如下

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

    <data>
        <variable
            name="person"
            type="test.yikai.com.myapplication.databind.Person" />

        <variable
            name="handler"
            type="test.yikai.com.myapplication.databind.Main2Activity.HandlerCallBack" />

        <variable
            name="pp"
            type="String" />

    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".databind.Main2Activity">


        <TextView
            android:id="@+id/tv_name"
            android:layout_centerHorizontal="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{person.name}"
            />


        <TextView
            android:id="@+id/tv_age"
            android:layout_centerHorizontal="true"
            android:layout_below="@id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(person.age)}"
            />


        <Button
            android:id="@+id/btn_change_age"
            android:layout_below="@id/tv_age"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{handler::onClick}"
            android:text="修改年齡"
            />

    </RelativeLayout>
</layout>

監聽器綁定

在方法引用中，方法的參數必須與監聽器對象的參數相匹配。在監聽綁定中，只要返回值與監聽器對象的預期返回值相匹配即可。

public class Main2Activity extends AppCompatActivity {

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

        ActivityMain2Binding main2Binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);

        Person person = new Person(18,"小明");

        main2Binding.setPerson(person);
        main2Binding.setHandler(new HandlerCallBack());

        main2Binding.setPp("yikai");
    }


    public class HandlerCallBack{

        public void onClick(View view){
            Toast.makeText(Main2Activity.this, "onClick" , Toast.LENGTH_SHORT).show();
        }

        public boolean onLongClickCallBack(View view,String pp){
            Toast.makeText(Main2Activity.this, "onLongClickCallBack" + pp, Toast.LENGTH_SHORT).show();
            return false;
        }
    }
}

表達式如下

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

    <data>
        <variable
            name="person"
            type="test.yikai.com.myapplication.databind.Person" />

        <variable
            name="handler"
            type="test.yikai.com.myapplication.databind.Main2Activity.HandlerCallBack" />

        <variable
            name="pp"
            type="String" />

    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".databind.Main2Activity">


        <TextView
            android:id="@+id/tv_name"
            android:layout_centerHorizontal="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{person.name}"
            />


        <TextView
            android:id="@+id/tv_age"
            android:layout_centerHorizontal="true"
            android:layout_below="@id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(person.age)}"
            />


        <Button
            android:id="@+id/btn_change_age"
            android:layout_below="@id/tv_age"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{handler::onClick}"
            android:onLongClick="@{(view) -> handler.onLongClickCallBack(view,pp)}"
            android:text="修改年齡"
            />

    </RelativeLayout>
</layout>

數據和ui綁定以及ui綁定數據

數據綁定Ui

數據綁定ui主要有三種形式BaseObservable，ObservableFields和Observable Collection這三種形式，現在講一下BaseObservable。
我們的實體類集成BaseObservable，我們就可以在set數據的時候調用notifyChange()和notifyPropertyChanged()
notifyChange() 當一個值改變了就會引起整體值的改變。
notifyPropertyChanged()只是當前值會改變。

ui綁定數據

主要是用到@={}來實現ui和數據的綁定，具體表達式如下

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

    <data>
        <variable
            name="person"
            type="test.yikai.com.myapplication.databind.Person" />

        <variable
            name="handler"
            type="test.yikai.com.myapplication.databind.Main2Activity.HandlerCallBack" />

        <variable
            name="pp"
            type="String" />

    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".databind.Main2Activity">


        <TextView
            android:id="@+id/tv_name"
            android:layout_centerHorizontal="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{person.name}"
            />


        <TextView
            android:id="@+id/tv_age"
            android:layout_centerHorizontal="true"
            android:layout_below="@id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(person.age)}"
            />

        <EditText
            android:id="@+id/et_name"
            android:layout_below="@id/tv_age"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={person.name}"
            />


        <Button
            android:id="@+id/btn_change_age"
            android:layout_below="@id/et_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{handler::onClick}"
            android:onLongClick="@{(view) -> handler.onLongClickCallBack(view,pp)}"
            android:text="修改年齡"
            />

    </RelativeLayout>
</layout>

其實mvvm模式和mvp模式很類似。mvp模式的persenter和mvvm的viewmodel一樣都是處理model和view的中間層，只不過persenter是持有ui的引用，同時ui也持有persenter的引用，而viewmodel則是和ui通過databing進行雙向綁定，那就不用創建大量的接口，也不會因爲ui的變化會影響到viewmodel，修改也很方便。