溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

詳解Android的MVVM框架 - 數(shù)據(jù)綁定

發(fā)布時(shí)間:2020-09-24 03:08:51 來源:腳本之家 閱讀:196 作者:feelang 欄目:移動(dòng)開發(fā)

本教程是跟著 Data Binding Guide 學(xué)習(xí)過程中得出的一些實(shí)踐經(jīng)驗(yàn),同時(shí)修改了官方教程的一些錯(cuò)誤,每一個(gè)知識(shí)點(diǎn)都有對(duì)應(yīng)的源碼,爭(zhēng)取做到實(shí)踐與理論相結(jié)合。

Data Binding 解決了 Android UI 編程中的一個(gè)痛點(diǎn),官方原生支持 MVVM 模型可以讓我們?cè)诓桓淖兗扔写a框架的前提下,非常容易地使用這些新特性。其實(shí)在此之前,已經(jīng)有些第三方的框架可以支持 MVVM 模型,無耐由于框架的侵入性太強(qiáng),導(dǎo)致一直沒有流行起來。

準(zhǔn)備

Android Studio 更新到 1.3 版本

打開 Preferences,找到 Appearances & Behavior 下的 Updates 選項(xiàng),把 Automatically Check updates for 修改成 Canary Channel。

 詳解Android的MVVM框架 - 數(shù)據(jù)綁定

注意

Data Binding 是一個(gè) support 包,因此與 Android M 沒什么關(guān)系,可以不用下載 Android MNC Preview 的 SDK。

新建一個(gè) Project

修改 Project 的 build.gradle,為 build script 添加一條依賴,Gradle 版本為 1.2.3。

classpath 'com.android.tools.build:gradle:1.2.3'
classpath 'com.android.databinding:dataBinder:1.0-rc0'

為用到 Data Binding 的模塊添加插件,修改對(duì)應(yīng)的 build.gradle。

apply plugin: 'com.android.databinding'

注意

如果 Module 用到的 buildToolsVersion 高于 22.0.1,比如 23 rc1,那 com.android.databinding:dataBinder 的版本要改為 1.3.0-beta1,否則會(huì)出現(xiàn)如下錯(cuò)誤:

 詳解Android的MVVM框架 - 數(shù)據(jù)綁定

基礎(chǔ)

工程創(chuàng)建完成后,我們通過一個(gè)最簡(jiǎn)單的例子來說明 Data Binding 的基本用法。

布局文件

使用 Data Binding 之后,xml的布局文件就不再單純地展示 UI 元素,還需要定義 UI 元素用到的變量。所以,它的根節(jié)點(diǎn)不再是一個(gè) ViewGroup,而是變成了 layout,并且新增了一個(gè)節(jié)點(diǎn) data。

<layout xmlns:android="http://schemas.android.com/apk/res/android">
  <data>
  </data>
  <!--原先的根節(jié)點(diǎn)(Root Element)-->
  <LinearLayout>
  ....
  </LinearLayout>
</layout>

要實(shí)現(xiàn) MVVM 的 ViewModel 就需要把數(shù)據(jù)與UI進(jìn)行綁定,data 節(jié)點(diǎn)就為此提供了一個(gè)橋梁,我們先在 data 中聲明一個(gè) variable,這個(gè)變量會(huì)為 UI 元素提供數(shù)據(jù)(例如 TextView 的 android:text),然后在 Java 代碼中把”后臺(tái)”數(shù)據(jù)與這個(gè) variable 進(jìn)行綁定。

如果要用一個(gè)表格來展示用戶的基本信息,用 Data Binding 應(yīng)該怎么實(shí)現(xiàn)呢?

數(shù)據(jù)對(duì)象

添加一個(gè) POJO 類 - User,非常簡(jiǎn)單,四個(gè)屬性以及他們的 getter 和 setter。

public class User {
  private final String firstName;
  private final String lastName;
  private String displayName;
  private int age;

  public User(String firstName, String lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }

  public User(String firstName, String lastName, int age) {
    this(firstName, lastName);
    this.age = age;
  }

  public int getAge() {
    return age;
  }

  public String getFirstName() {
    return firstName;
  }

  public String getLastName() {
    return lastName;
  }

  public String getDisplayName() {
    return firstName + " " + lastName;
  }

  public boolean isAdult() {
    return age >= 18;
  }
}

稍后,我們會(huì)新建一個(gè) User 類型的變量,然后把它跟布局文件中聲明的變量進(jìn)行綁定。

定義 Variable

再回到布局文件,在 data 節(jié)點(diǎn)中聲明一個(gè)變量 user。

<data>
  <variable name="user" type="com.liangfeizc.databindingsamples.basic.User" />
</data>

其中 type 屬性就是我們?cè)?Java 文件中定義的 User 類。

當(dāng)然,data 節(jié)點(diǎn)也支持 import,所以上面的代碼可以換一種形式來寫。

<data>
  <import type="com.liangfeizc.databindingsamples.basic.User" />
  <variable name="user" type="User" />
</data>

然后我們剛才在 build.gradle 中添加的那個(gè)插件 - com.android.databinding會(huì)根據(jù)xml文件的名稱 Generate 一個(gè)繼承自 ViewDataBinding 的類。

例如,這里 xml 的文件名叫 activity_basic.xml,那么生成的類就是 ActivityBasicBinding。

注意

java.lang.* 包中的類會(huì)被自動(dòng)導(dǎo)入,可以直接使用,例如要定義一個(gè) String 類型的變量:

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

綁定 Variable

修改 BasicActivity 的 onCreate 方法,用 DatabindingUtil.setContentView() 來替換掉 setContentView(),然后創(chuàng)建一個(gè) user 對(duì)象,通過 binding.setUser(user) 與 variable 進(jìn)行綁定。

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  ActivityBasicBinding binding = DataBindingUtil.setContentView(
      this, R.layout.activity_basic);
  User user = new User("fei", "Liang");
  binding.setUser(user);
}

注意

ActivityBasicBinding 類是自動(dòng)生成的,所有的 set 方法也是根據(jù) variable 名稱生成的。例如,我們定義了兩個(gè)變量。

<data>
  <variable name="firstName" type="String" />
  <variable name="firstName" type=""
</data>

那么就會(huì)生成對(duì)應(yīng)的兩個(gè) set 方法。

setFirstName(String firstName);
setLastName(String lastName);

使用 Variable

數(shù)據(jù)與 Variable 綁定之后,xml 的 UI 元素就可以直接使用了。

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

至此,一個(gè)簡(jiǎn)單的數(shù)據(jù)綁定就完成了,可參考完整代碼

高級(jí)用法

使用類方法

首先為類添加一個(gè)靜態(tài)方法

public class MyStringUtils {
  public static String capitalize(final String word) {
    if (word.length() > 1) {
      return String.valueOf(word.charAt(0)).toUpperCase() + word.substring(1);
    }
    return word;
  }
}

然后在 xml 的 data 節(jié)點(diǎn)中導(dǎo)入:

<import type="com.liangfeizc.databindingsamples.utils.MyStringUtils" />

使用方法與 Java 語法一樣:

<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="@{StringUtils.capitalize(user.firstName)}" />

類型別名

如果我們?cè)?data 節(jié)點(diǎn)了導(dǎo)入了兩個(gè)同名的類怎么辦?

<import type="com.example.home.data.User" />
<import type="com.examle.detail.data.User" />
<variable name="user" type="User" />

這樣一來出現(xiàn)了兩個(gè) User 類,那 user 變量要用哪一個(gè)呢?不用擔(dān)心,import 還有一個(gè) alias 屬性。

<import type="com.example.home.data.User" />
<import type="com.examle.detail.data.User" alias="DetailUser" />
<variable name="user" type="DetailUser" />

Null Coalescing 運(yùn)算符

android:text="@{user.displayName ?? user.lastName}"

就等價(jià)于

android:text="@{user.displayName != null ? user.displayName : user.lastName}"

屬性值

通過 ${} 可以直接把 Java 中定義的屬性值賦值給 xml 屬性。

<TextView
  android:text="@{user.lastName}"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:visibility="@{user.isAdult ? View.VISIBLE : View.GONE}"/>

使用資源數(shù)據(jù)

這個(gè)例子,官方教程有錯(cuò)誤,可以參考Android Data Binder 的一個(gè)bug,完整代碼在此。

<TextView
  android:padding="@{large? (int)@dimen/largePadding : (int)@dimen/smallPadding}"
  android:background="@android:color/black"
  android:textColor="@android:color/white"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="@string/hello_world" />

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI