Android Jetpack組件DataBinding詳解

更新時(shí)間：2022年10月21日 14:16:30 作者：小凡特愛寫代碼

這篇文章主要介紹了Android Jetpack組件DataBinding,DataBinding有很多優(yōu)勢，其中最明顯是代碼更加簡潔，可讀性會(huì)更高。部分和UI控件有關(guān)的代碼可以在布局文件當(dāng)中完成，本文給大家詳細(xì)講解，需要的朋友可以參考下

Android之DataBinding

在這里插入圖片描述

DataBinding

數(shù)據(jù)綁定

DataBinding的優(yōu)勢

代碼更加簡潔，可讀性會(huì)更高。部分和UI控件有關(guān)的代碼可以在布局文件當(dāng)中完成。
不需要使用findViewById()方法。
布局文件可以完成簡單的業(yè)務(wù)邏輯處理。

亮點(diǎn)

開發(fā)中不需要持有控件的引用
擁有雙向綁定的特性
數(shù)據(jù)與UI同步

在這里插入圖片描述

使用DataBinding

1、gradle中添加dataBinding

android {
    dataBinding {
        enabled = true
    }
}

2、綁定xml

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

單向綁定數(shù)據(jù)

定義數(shù)據(jù)模型

// 單向刷新的第一種方式
public class User extends BaseObservable {

    private String name;
    private String age;

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

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
        // 全量刷新
        notifyChange();
    }

    @Bindable
    public String getAge() {
        return age;
    }

    public void setAge(String age) {
        this.age = age;
        // 單一刷新
        notifyPropertyChanged(BR.age);
    }
}

編寫databingding樣式的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:tools="http://schemas.android.com/tools">
	<!--綁定數(shù)據(jù)-->
    <data>
		
        <variable
            name="user"
            type="com.example.databingding.User" />

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="@{user.age}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="@{user.name}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="改變參數(shù)"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </LinearLayout>
</layout>

Activity中使用ViewModel

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding mainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        User user = new User("張三", "60");
        mainBinding.setUser(user);
        mainBinding.button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                user.setAge("30");
                user.setName("李思");
            }
        });
    }
}

還有另外一種定義數(shù)據(jù)的方式，綁定數(shù)據(jù)方式和上面的相同

// 單向刷新的第二種方式
public class Bean {

    public ObservableField<String> id = new ObservableField<>();

    public ObservableField<String> name = new ObservableField<>();

}

雙向綁定

只需要修改一下xml就可以，在@后面加上一個(gè) = 符號

比如：

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