Android Jetpack - DataBinding 介紹

Jetpack.jpg

1.前言

  • 2018年谷歌I/O 發(fā)布了一系列輔助android開發(fā)者的實(shí)用工具，合稱 Jetpack ，以幫助開發(fā)者構(gòu)建出色的 Android 應(yīng)用。
  • Jetpack 包含4個(gè)部分的組件：Architecture、Foundation、Behavior 以及 UI 。
  • 今天為大家介紹的是 Architecture 中 Room。
  • 文章中實(shí)例 linhaojian的Github

2.簡(jiǎn)介

  • 介紹 ：
    DataBinding 是以聲明的方式，將布局中組件與應(yīng)用程序源數(shù)據(jù)綁定在一起的框架庫。
  • 作用：
    1.將布局組件與源數(shù)據(jù)綁定，使源數(shù)據(jù)變化的同時(shí)布局組件及時(shí)同步更新。
    2.減少Activity中View的定義(private View view)與初始化(findViewById)，讓Activity代碼更專注于界面的邏輯更新。
    3.可自定義適配器，實(shí)現(xiàn)擴(kuò)展組件的屬性功能。
    4.可自定義事件，實(shí)現(xiàn)各種組件的事件觸發(fā)功能。
  • 特點(diǎn)：
    1.使用簡(jiǎn)單，主要以聲明的方式實(shí)現(xiàn)。
    2.功能強(qiáng)大，可自定義適配器 & 事件 ，兼容各種界面邏輯需求。

3.使用說明

3.1 Lib引入

1）在 build.gradle 中添加以下代碼：

    dataBinding {
        enabled = true
    }

注：如果使在module里面使用databinding框架的話，在module與主項(xiàng)目的build.gradle都要添加上述代碼
，不然允許會(huì)報(bào) compileDebugJavaWithJavac 相關(guān)錯(cuò)誤
2）需要在項(xiàng)目 gradle.properties 中添加以下代碼：

android.databinding.enableV2=true

注：如果不加這句代碼，會(huì)導(dǎo)致編譯時(shí)，找不到databind框架自動(dòng)生成的相關(guān)類。

3.2 布局綁定源數(shù)據(jù)

  • 布局代碼(R.layout.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">
    // 聲明界面需要綁定的源數(shù)據(jù)
    <data>
        <variable name="user" type="com.lhj.mvvm.test_mvvm20181.bean.User"/>
    </data>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}"/>//關(guān)聯(lián)源數(shù)據(jù)的屬性
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.sex}"/>//關(guān)聯(lián)源數(shù)據(jù)的屬性
    </LinearLayout>
</layout>
  • Bean 代碼
public class User extends BaseObservable{
    @Bindable
    public String getName() {
        return name;
    }
    @Bindable
    public String getSex() {
        return sex;
    }   
    //...
}

源數(shù)據(jù)需要 繼承BaseObservable & 對(duì)組件中應(yīng)用屬性的get()添加 @Bindable 注解。

  • 界面代碼：
public class ActivityDataBind extends AppCompatActivity {
    // 1
    private DatabindingBindingImpl binding;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 2
        binding = DataBindingUtil.setContentView(this, R.layout.databinding);
        User user = new User();
        user.setName("linhaojian");
        user.setSex("male");
        // 3
        binding.setUser(user);
    }
}

注釋1：DatabindingBindingImpl 由框架編譯時(shí)生成，負(fù)責(zé)通知界面同步更新(命名方式：xml文件名 + BindingImpl)；
注釋2：DataBindingUtil 將布局文件與Activity關(guān)聯(lián) & 生成 DatabindingBindingImpl 實(shí)例；
注釋3：通知界面更新；

3.3 組件事件綁定

  • 組件事件綁定有 2 鐘方式：（一）事件直接綁定 （二）事件自定義參數(shù)綁定
  • 布局代碼：
<?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>
        // 1
        <variable name="adb" type="com.lhj.mvvm.test_mvvm20181.ActivityDataBind"/>
        <variable name="bol" type="java.lang.Boolean"/>
    </data>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="@{adb::onClickGetData}" // 2
           // android:onClick="@{(view) -> adb.changeUi(view,bol)}" // 3
            android:text="Button"/>
    </LinearLayout>
</layout>
  • 界面代碼
public class ActivityDataBind extends AppCompatActivity {
    private DatabindingBindingImpl binding;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.databinding);
        // 3-1 
        binding.setAdb(this);
        binding.setBol(true);
    }
    // 2-1
    public void onClickGetData(View view) {
        Log.e("linhaojian","onClickGetData");
    }
    // 3-2
    public void changeUi(View view,Boolean ischange){
        if (ischange) {
            view.setVisibility(View.INVISIBLE);
        } else {
            view.setVisibility(View.VISIBLE);
        }
    }
}

注釋1：聲明需要使用的類；
注釋2：將事件綁定聲明類的方法；
注釋2-1：實(shí)現(xiàn)事件的方法；
注釋3：將事件綁定聲明類的自定義參數(shù)方法；
注釋3-1：將聲明的類初始化 & DatabindingBindingImpl 進(jìn)行關(guān)聯(lián)；
注釋3-2：實(shí)現(xiàn)事件自定義參數(shù)的方法；

3.4 綁定適配器(BindingAdapter)

綁定適配器：可以自定義擴(kuò)展組件的屬性 & 綁定數(shù)據(jù)，實(shí)現(xiàn)同步更新(例如：自定義View數(shù)據(jù)加載顯示)。

<?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.lhj.mvvm.test_mvvm20181.bean.User"/>
    </data>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <MyTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            // 1
            app:test="@{user.name}"/>
    </LinearLayout>
</layout>

public class ActivityDataBind extends AppCompatActivity {
    private DatabindingBindingImpl binding;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.databinding);
        //2
         new Thread(){
            @Override
            public void run() {
                try {
                    Thread.sleep(5000);
                    User user = new User();
                    user.setName("123");
                    binding.setUser(user);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }.start();
     }
      // 3
     @BindingAdapter(value = {"test"})
    public static void testBindApdater(TextView textView,String name){
        Log.e("linhaojian","name : "+name);
        // ...do something 
    }
}

注釋1：自定義組件屬性test & 與User中name屬性綁定；
注釋2：開啟一個(gè)延遲5秒的線程 & 執(zhí)行數(shù)據(jù)更新的操作；
注釋3：通過BindingAdapter注解配置自定義組件的屬性 和 靜態(tài)方法，該方法在該程序中會(huì)被執(zhí)行 2 次，
第一次是界面加載時(shí)（name = null），因?yàn)閡ser.name未被初始化和賦值；第二次是調(diào)用binding.setUser()時(shí)(name = 123)；

4.與ViewModel配合使用

Databinding 配合ViewModel 使用，更能讓JetPack框架體現(xiàn)極致，讓開發(fā)者更方、便快捷的開發(fā)自己應(yīng)用，減少過多的界面更新的邏輯代碼。

ViewModelProviders.of(activity).get(AViewModel.class).getUserMutableLiveData().observeForever(new Observer<User>() {
            @Override
            public void onChanged(@Nullable final User user) {
                  // 根據(jù)數(shù)據(jù)庫或者網(wǎng)絡(luò)請(qǐng)求獲取的數(shù)據(jù)，通過databinding界面更新
                  binding.setUser(user);
            }
        });

6.總結(jié)

  • 到此，DataBinding就介紹完成了。后續(xù)我會(huì)進(jìn)行分享Jetpack更多其他內(nèi)容。
  • 如果喜歡我的分享，可以點(diǎn)擊 關(guān)注 或者 贊，你們支持是我分享的最大動(dòng)力 。
  • linhaojian的Github

歡迎關(guān)注linhaojian_CSDN博客或者linhaojian_簡(jiǎn)書！

不定期分享關(guān)于安卓開發(fā)的干貨。

寫技術(shù)文章初心

  • 技術(shù)知識(shí)積累
  • 技術(shù)知識(shí)鞏固
  • 技術(shù)知識(shí)分享
  • 技術(shù)知識(shí)交流
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容