當前位置：首頁 > 运维知识 > Android >内容正文

Android

Android之MVVM框架 - 数据绑定

發布時間：2023/12/4 Android 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 Android之MVVM框架 - 数据绑定小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本教程是跟著?Data Binding Guide?學習過程中得出的一些實踐經驗，同時修改了官方教程的一些錯誤，每一個知識點都有對應的源碼，爭取做到實踐與理論相結合。

Data Binding 解決了 Android UI 編程中的一個痛點，官方原生支持 MVVM 模型可以讓我們在不改變既有代碼框架的前提下，非常容易地使用這些新特性。其實在此之前，已經有些第三方的框架（RoboAndroid) 可以支持 MVVM 模型，無耐由于框架的侵入性太強，導致一直沒有流行起來。

準備

Android Studio 更新到 1.3 版本

打開 Preferences，找到?Appearances & Behavior?下的?Updates?選項，把?Automatically Check updates for?修改成?Canary Channel。

注意

Data Binding 是一個 support 包，因此與 Android M 沒什么關系，可以不用下載 Android MNC Preview 的 SDK。

新建一個 Project

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

<code class="language-groovy hljs bash has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">classpath 'com.android.tools.build:gradle:1.2.3' classpath 'com.android.databinding:dataBinder:1.0-rc0'</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li></ul>

為用到 Data Binding 的模塊添加插件，修改對應的?build.gradle。

<code class="language-groovy hljs bash has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">apply plugin: 'com.android.databinding'</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>

注意

如果 Module 用到的?buildToolsVersion?高于?22.0.1，比如?23 rc1，那?com.android.databinding:dataBinder?的版本要改為?1.3.0-beta1，否則會出現如下錯誤：

基礎

工程創建完成后，我們通過一個最簡單的例子來說明 Data Binding 的基本用法。

布局文件

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

要實現 MVVM 的 ViewModel 就需要把數據與UI進行綁定，data?節點就為此提供了一個橋梁，我們先在?data?中聲明一個?variable，這個變量會為 UI 元素提供數據（例如 TextView 的 android:text），然后在 Java 代碼中把”后臺”數據與這個?variable?進行綁定。

如果要用一個表格來展示用戶的基本信息，用 Data Binding 應該怎么實現呢？

數據對象

添加一個 POJO 類 -?User，非常簡單，四個屬性以及他們的 getter 和 setter。

<code class="language-java hljs has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">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;} }</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li></ul>

稍后，我們會新建一個?User?類型的變量，然后把它跟布局文件中聲明的變量進行綁定。

定義 Variable

再回到布局文件，在?data?節點中聲明一個變量?user。

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

當然，data?節點也支持?import，所以上面的代碼可以換一種形式來寫。

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

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

注意

java.lang.*?包中的類會被自動導入，可以直接使用，例如要定義一個?String?類型的變量：

綁定 Variable

修改?BasicActivity?的?onCreate?方法，用?DatabindingUtil.setContentView()?來替換掉?setContentView()，然后創建一個?user?對象，通過binding.setUser(user)?與?variable?進行綁定。

注意

ActivityBasicBinding?類是自動生成的，所有的 set 方法也是根據?variable?名稱生成的。例如，我們定義了兩個變量。

那么就會生成對應的兩個 set 方法。

使用 Variable

數據與 Variable 綁定之后，xml 的 UI 元素就可以直接使用了。

至此，一個簡單的數據綁定就完成了，可參考完整代碼

高級用法

使用類方法

首先為類添加一個靜態方法

然后在 xml 的?data?節點中導入：

使用方法與 Java 語法一樣：

類型別名

如果我們在?data?節點了導入了兩個同名的類怎么辦？

這樣一來出現了兩個?User?類，那?user?變量要用哪一個呢？不用擔心，import?還有一個?alias?屬性。

Null Coalescing 運算符

就等價于

屬性值

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

使用資源數據

這個例子，官方教程有錯誤，可以參考Android Data Binder 的一個bug，完整代碼在此。

總結

以上是生活随笔為你收集整理的Android之MVVM框架 - 数据绑定的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Android之AsyncTask两种线
下一篇： Android之Installation