詳解Android的MVVM框架 - 數(shù)據(jù)綁定
本教程是跟著 Data Binding Guide 學(xué)習(xí)過程中得出的一些實踐經(jīng)驗,同時修改了官方教程的一些錯誤,每一個知識點都有對應(yīng)的源碼,爭取做到實踐與理論相結(jié)合。
Data Binding 解決了 Android UI 編程中的一個痛點,官方原生支持 MVVM 模型可以讓我們在不改變既有代碼框架的前提下,非常容易地使用這些新特性。其實在此之前,已經(jīng)有些第三方的框架可以支持 MVVM 模型,無耐由于框架的侵入性太強,導(dǎo)致一直沒有流行起來。
準備
Android Studio 更新到 1.3 版本
打開 Preferences,找到 Appearances & Behavior 下的 Updates 選項,把 Automatically Check updates for 修改成 Canary Channel。
注意
Data Binding 是一個 support 包,因此與 Android M 沒什么關(guān)系,可以不用下載 Android MNC Preview 的 SDK。
新建一個 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 的模塊添加插件,修改對應(yīng)的 build.gradle。
apply plugin: 'com.android.databinding'
注意
如果 Module 用到的 buildToolsVersion 高于 22.0.1,比如 23 rc1,那 com.android.databinding:dataBinder 的版本要改為 1.3.0-beta1,否則會出現(xiàn)如下錯誤:
基礎(chǔ)
工程創(chuàng)建完成后,我們通過一個最簡單的例子來說明 Data Binding 的基本用法。
布局文件
使用 Data Binding 之后,xml的布局文件就不再單純地展示 UI 元素,還需要定義 UI 元素用到的變量。所以,它的根節(jié)點不再是一個 ViewGroup,而是變成了 layout,并且新增了一個節(jié)點 data。
<layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> </data> <!--原先的根節(jié)點(Root Element)--> <LinearLayout> .... </LinearLayout> </layout>
要實現(xiàn) MVVM 的 ViewModel 就需要把數(shù)據(jù)與UI進行綁定,data 節(jié)點就為此提供了一個橋梁,我們先在 data 中聲明一個 variable,這個變量會為 UI 元素提供數(shù)據(jù)(例如 TextView 的 android:text),然后在 Java 代碼中把”后臺”數(shù)據(jù)與這個 variable 進行綁定。
如果要用一個表格來展示用戶的基本信息,用 Data Binding 應(yīng)該怎么實現(xiàn)呢?
數(shù)據(jù)對象
添加一個 POJO 類 - User,非常簡單,四個屬性以及他們的 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; } }
稍后,我們會新建一個 User 類型的變量,然后把它跟布局文件中聲明的變量進行綁定。
定義 Variable
再回到布局文件,在 data 節(jié)點中聲明一個變量 user。
<data> <variable name="user" type="com.liangfeizc.databindingsamples.basic.User" /> </data>
其中 type 屬性就是我們在 Java 文件中定義的 User 類。
當然,data 節(jié)點也支持 import,所以上面的代碼可以換一種形式來寫。
<data> <import type="com.liangfeizc.databindingsamples.basic.User" /> <variable name="user" type="User" /> </data>
然后我們剛才在 build.gradle 中添加的那個插件 - com.android.databinding會根據(jù)xml文件的名稱 Generate 一個繼承自 ViewDataBinding 的類。
例如,這里 xml 的文件名叫 activity_basic.xml,那么生成的類就是 ActivityBasicBinding。
注意
java.lang.* 包中的類會被自動導(dǎo)入,可以直接使用,例如要定義一個 String 類型的變量:
<variable name="firstName" type="String" />
綁定 Variable
修改 BasicActivity 的 onCreate 方法,用 DatabindingUtil.setContentView() 來替換掉 setContentView(),然后創(chuàng)建一個 user 對象,通過 binding.setUser(user) 與 variable 進行綁定。
@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 類是自動生成的,所有的 set 方法也是根據(jù) variable 名稱生成的。例如,我們定義了兩個變量。
<data> <variable name="firstName" type="String" /> <variable name="firstName" type="" </data>
那么就會生成對應(yīng)的兩個 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}" />
至此,一個簡單的數(shù)據(jù)綁定就完成了,可參考完整代碼
高級用法
使用類方法
首先為類添加一個靜態(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é)點中導(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)}" />
類型別名
如果我們在 data 節(jié)點了導(dǎo)入了兩個同名的類怎么辦?
<import type="com.example.home.data.User" /> <import type="com.examle.detail.data.User" /> <variable name="user" type="User" />
這樣一來出現(xiàn)了兩個 User 類,那 user 變量要用哪一個呢?不用擔(dān)心,import 還有一個 alias 屬性。
<import type="com.example.home.data.User" /> <import type="com.examle.detail.data.User" alias="DetailUser" /> <variable name="user" type="DetailUser" />
Null Coalescing 運算符
android:text="@{user.displayName ?? user.lastName}"
就等價于
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ù)
這個例子,官方教程有錯誤,可以參考Android Data Binder 的一個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" />
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android DataBinding單向數(shù)據(jù)綁定深入探究
- 淺析Android企業(yè)級開發(fā)數(shù)據(jù)綁定技術(shù)
- Android Studio綁定下拉框數(shù)據(jù)詳解
- Android Data Binding數(shù)據(jù)綁定詳解
- Android RecyclerView 數(shù)據(jù)綁定實例代碼
- Android ListView數(shù)據(jù)綁定顯示的三種解決方法
- Android中 自定義數(shù)據(jù)綁定適配器BaseAdapter的方法
- Android數(shù)據(jù)雙向綁定原理實現(xiàn)和應(yīng)用場景
相關(guān)文章
flutter實現(xiàn)頁面多個webview的方案詳解
這篇文章主要為大家詳細介紹了flutter如何實現(xiàn)頁面多個webview的效果,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起了解下2023-09-09Android實現(xiàn)動態(tài)自動匹配輸入內(nèi)容功能
這篇文章主要為大家詳細介紹了Android實現(xiàn)動態(tài)自動匹配輸入內(nèi)容功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06Android實現(xiàn)EventBus登錄界面與傳值(粘性事件)
這篇文章主要為大家詳細介紹了Android實現(xiàn)EventBus登錄界面與傳值,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11Android中ToggleButton開關(guān)狀態(tài)按鈕控件使用方法詳解
這篇文章主要為大家詳細介紹了Android中ToggleButton開關(guān)狀態(tài)按鈕控件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08