Android開發教程-使用DataBinding(五)資料繫結
本系列目錄
- 使用Data Binding(一)介紹
- 使用Data Binding(二)整合與配置
- 使用Data Binding(三)在Activity中的使用
- 使用Data Binding(四)在Fragment中的使用
- 使用Data Binding(五)資料繫結
- 使用Data Binding(六)RecyclerView Adapter中的使用
- 使用Data Binding(七)使用BindingAdapter簡化圖片載入
- 使用Data Binding(八)使用自定義Interface
- 使用Data Binding Android Studio不能正常生成相關類/方法的解決辦法
前面我們講到了Data Binding在Activity中的使用和在Fragment中的使用,在兩者的佈局檔案中,都可以繫結資料(物件),本篇文章我們就來介紹資料的繫結。
<data>標籤
在這個標籤中,我們通常用來做下面的事情:
– 定義所繫結的資料的名稱(變數名)及對應型別
– 引入頁面所需的類
示例如下:
<data>
<import type="android.view.View" />
<import type="android.text.TextUtils" />
<variable name="visible" type="boolean"/>
<variable name="title" type="String"/>
<variable name="user" type="cn.examplecode.androiddatabinding.User"/>
</data>
其中”<import/>”標籤表示引入一個類,比如上例中引入了View類和一個工具類TextUtils,當然也可以引入你自己的類,比如常量類或者工具類。
下面”<variable/>”標籤定義了本頁面所需要的各種資料名稱或型別,其型別可以是java中的基礎型別,或者自定義的類。
設定資料
上面定義了頁面中所需要的資料後,下面就需要通過獲取到的Binding物件設定這些資料:
mBinding.setVisible(true);
mBinding.setTitle("使用者資訊");
User user = new User();
user.setName("Steve Jobs");
mBinding.setUser(user);
這裡的setXXX()方法也是IDE自動根據<data>標籤中的定義自動生成的。
如果寫程式碼過程中發現IDE並沒有自動正確生成對應的setXXX()方法,則參考這篇文章:Android Data Binding沒有正常生成相關類/方法的解決辦法,僅需幾步操作即可使IDE正常生成。
在佈局中使用這些資料
資料設定完畢以後就可以在頁面中使用這些資料了,使用起來也非常方便,比起在java程式碼中操作,可以省去不少程式碼。
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{title}"
android:visibility="@{visible ? View.VISIBLE : View.GONE}"
/>
<TextView
android:id="@+id/tv_username"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{user.name}"
/>
請注意上面的程式碼:
android:text="@{title}"
這一行是設定變數”title”的值到TextView中。
android:visibility="@{visible ? View.VISIBLE : View.GONE}"
這一行是根據變數”visible”的值來控制該TextView的顯示與否,注意這裡需要在<data>標籤中引入android.view.View類,來使用View中的VISIBLE和GONE常量,這裡可以使用問號表示式來判斷。
android:text="@{user.name}"
user是一個自定義物件,user.name意思是取user物件中的name的值。
User定義如下,注意必須設定getter/setter:
public class User {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
總結
通過本篇文章相信你已經瞭解如何將資料與View進行繫結,這是Data Binding的核心,也是MVVM架構模式的基礎,這裡介紹的是比較簡單的繫結,後面我們將介紹更加深入的使用,使用這些技術後就會發現Data Binding的強大和高效率。
相關文章
- Android開發教程 - 使用Data Binding(五)資料繫結Android
- Android資料繫結框架DataBinding用法Android框架
- Android JetPack~ DataBinding(資料繫結)(一) 整合與使用AndroidJetpack
- DataBinding資料繫結基本講解
- DataBinding繫結android:onClick出錯Android
- Android開發教程-使用DataBinding(六)RecyclerViewAdapter中的使用AndroidViewAPT
- 快速開發基於 HTML5 網路拓撲圖應用之 DataBinding 資料繫結篇HTML
- Databinding 雙向繫結詳解
- Android開發:Kotlin下配置DataBindingAndroidKotlin
- 五分鐘看懂Vue3-資料繫結Vue
- iOS混合開發庫(GICXMLLayout)六、資料繫結原理iOSXML
- 基於 HTML5 的網路拓撲圖之 DataBinding 資料繫結HTML
- Android下實現資料繫結功能Android
- Xamarin XAML語言教程通過資料繫結使用Progress屬性
- 資料繫結
- 資料庫開發經典五例總結資料庫
- 使用Kotlin高效地開發Android App(五)完結篇KotlinAndroidAPP
- 簡單資料繫結和複雜資料繫結
- 資料繫結原理
- uni-app入門教程(3)資料繫結、樣式繫結和事件處理APP事件
- Android 官方資料繫結 Data Binding LibraryAndroid
- Android官方架構元件DataBinding雙向繫結篇: 觀察者模式的殊途同歸Android架構元件模式
- DevExpress使用教程:新增非繫結列devExpress
- 第二講、Vue3.x繫結資料、繫結html、繫結屬性、迴圈資料VueHTML
- Flex 3快速入門: 處理資料 使用資料繫結Flex
- Vue的資料繫結Vue
- 資料繫結之謎
- 【Angular-資料繫結】Angular
- 2、理解資料繫結
- Angular | 理解資料繫結Angular
- Android | 教你如何開發一鍵銀行卡繫結功能Android
- Xamarin開發教程如何使用Xamarin開發Android應用Android
- iview中下拉框的資料繫結使用View
- 五步搞定Android開發環境部署——非常詳細的Android開發環境搭建教程Android開發環境
- 百度前端學院任務動態資料繫結(五)前端
- Android Jetpack(2):DataBinding的基本使用AndroidJetpack
- Android架構元件-DataBinding的使用Android架構元件
- 直播系統平臺搭建,DataBinding自定義雙向繫結