Jetpack架构组件_3. 数据绑定库双向绑定

2024-05-29 16:52
文章标签 数据 组件 绑定 双向 架构 jetpack

本文主要是介绍Jetpack架构组件_3. 数据绑定库双向绑定，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

         这里介绍数据绑定库双向绑定的两种写法。第一种是模型类继承Observable，两个属性username、password的get方法上面添加@bindable注解。第二种是创建一个包裹类，使用
ObservableField字段，然后再调用 this.observableField.get()获取字段。

1.实现方案1

        模型类继承Observable

1.1实现步骤

step1.增加绑定配置

        修改app模块下的build.gradle文件，增加如下内容：

    dataBinding{enabled = true;}

step2.修改布局文件

        点根节点LinearLayout，按Alt+Enter弹出快捷菜单，点击其中Convert to data binding layout。使用双向绑定的格式是：

        @={}：双向绑定，修改控件的值后，同步修改模型属性值

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"><data><variablename="user"type="com.gaoting.twowaybinding.User" /></data><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><EditTextandroid:layout_margin="20dp"android:text="@={user.userName}"android:id="@+id/edtUserName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="请输入用户名!" /><EditTextandroid:layout_margin="20dp"android:text="@={user.password}"android:id="@+id/edtPassword"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="请输入密码!" /></LinearLayout>
</layout>

step3.在Activity中使用

        1）创建模型对象，必须继承BaseObservable

        @Bindable：声明改属性可以用于绑定

        修改set方法，调用notifyPropertyChanged(BR.userame）发送修改通知。

package com.gaoting.twowaybinding;import androidx.databinding.BaseObservable;
import androidx.databinding.Bindable;public class User  extends BaseObservable {public User(String userName, String password) {this.userName = userName;this.password = password;}String userName;String password;@Bindablepublic String getUserName() {return userName;}public void setUserName(String userName) {this.userName = userName;notifyPropertyChanged(BR.userName);}@Bindablepublic String getPassword() {return password;}public void setPassword(String password) {this.password = password;notifyPropertyChanged(BR.password);}
}

        2）修改Activity，使用binding对象

         ActivityMainBinding是框架自动生成的，和MainActivity对应
        使用DataBindingUtil.setContentView(this, R.layout.activity_main)获取绑定对象
        去掉setContentView(R.layout.activity_main)

        activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);user = new User("gaoting","123456");activityMainBinding.setUser(user);

        3）增加观察者，打印日志          

        user.addOnPropertyChangedCallback(new Observable.OnPropertyChangedCallback() {@Overridepublic void onPropertyChanged(Observable sender, int propertyId) {if(propertyId == BR.userName){Log.i(TAG,"我收到了userName值的变化通知，userName="+user.userName);}else if(propertyId == BR.password){Log.i(TAG,"我收到了password值的变化通知，password="+user.password);}}});

         step4.调试验证方法

        1）修改布局文件（activty_main.xml ）

        增加打印User和修改User按钮实现修改数据源值看UI控件有无变化，以及修改控件值看数据源有无变化。

        <Buttonandroid:layout_margin="20dp"android:id="@+id/btPrintUser"android:text="打印User"android:layout_width="wrap_content"android:layout_height="wrap_content"/><Buttonandroid:layout_margin="20dp"android:id="@+id/btChangeUser"android:text="修改User"android:layout_width="wrap_content"android:layout_height="wrap_content"/>

         修改MainActivity.java，增加监听代码。

        activityMainBinding.btPrintUser.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.i(TAG,"userName="+user.userName+",password="+user.password);}});activityMainBinding.btChangeUser.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {user.userName = "gaotingchange";user.password = "123456change";activityMainBinding.setUser(user);}});

         调试，可以在LogCat中查看打印日志。

1.2完整代码

         1）activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"><data><variablename="user"type="com.gaoting.twowaybinding.User" /></data><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><EditTextandroid:layout_margin="20dp"android:text="@={user.userName}"android:id="@+id/edtUserName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="请输入用户名!" /><EditTextandroid:layout_margin="20dp"android:text="@={user.password}"android:id="@+id/edtPassword"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="请输入密码!" /><Buttonandroid:layout_margin="20dp"android:id="@+id/btPrintUser"android:text="打印User"android:layout_width="wrap_content"android:layout_height="wrap_content"/><Buttonandroid:layout_margin="20dp"android:id="@+id/btChangeUser"android:text="修改User"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout>
</layout>

        2)MainActivity.java

package com.gaoting.twowaybinding;import android.os.Bundle;
import android.util.Log;
import android.view.View;import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;
import androidx.databinding.Observable;import com.gaoting.twowaybinding.databinding.ActivityMainBinding;public class MainActivity extends AppCompatActivity {final String TAG = "MainActivity";ActivityMainBinding activityMainBinding;User user;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);user = new User("gaoting","123456");activityMainBinding.setUser(user);user.addOnPropertyChangedCallback(new Observable.OnPropertyChangedCallback() {@Overridepublic void onPropertyChanged(Observable sender, int propertyId) {if(propertyId == BR.userName){Log.i(TAG,"我收到了userName值的变化通知，userName="+user.userName);}else if(propertyId == BR.password){Log.i(TAG,"我收到了password值的变化通知，password="+user.password);}}});activityMainBinding.btPrintUser.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.i(TAG,"userName="+user.userName+",password="+user.password);}});activityMainBinding.btChangeUser.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {user.userName = "gaotingchange";user.password = "123456change";activityMainBinding.setUser(user);}});}}

         3)User.java

package com.gaoting.twowaybinding;import androidx.databinding.BaseObservable;
import androidx.databinding.Bindable;public class User  extends BaseObservable {public User(String userName, String password) {this.userName = userName;this.password = password;}String userName;String password;@Bindablepublic String getUserName() {return userName;}public void setUserName(String userName) {this.userName = userName;notifyPropertyChanged(BR.userName);}@Bindablepublic String getPassword() {return password;}public void setPassword(String password) {this.password = password;notifyPropertyChanged(BR.password);}
}

2.实现方案2

        使用ObservableField包裹模型对象。

2.1实现步骤

实现步骤如下：

1）模型对象类

package com.gaoting.twowaybinding;import androidx.databinding.BaseObservable;
import androidx.databinding.Bindable;public class User{public User(String userName, String password) {this.userName = userName;this.password = password;}String userName;String password;public String getUserName() {return userName;}public void setUserName(String userName) {this.userName = userName;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}
}

 2）包裹类

package com.gaoting.twowaybinding;import androidx.databinding.ObservableField;public class TwoWayBinding {ObservableField<User> observableField = new ObservableField<>();public TwoWayBinding(User user){observableField.set(user);}public String getUserName() {return observableField.get().userName;}public void setUserName(String userName) {this.observableField.get().userName = userName;}public String getPassword() {return observableField.get().password;}public void setPassword(String password) {this.observableField.get().password = password;}
}

3）使用包裹类

package com.gaoting.twowaybinding;import android.os.Bundle;
import android.util.Log;
import android.view.View;import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;
import androidx.databinding.Observable;import com.gaoting.twowaybinding.databinding.ActivityMainBinding;public class MainActivity extends AppCompatActivity {final String TAG = "MainActivity";ActivityMainBinding activityMainBinding;User user;TwoWayBinding twoWayBinding;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);user = new User("gaoting","123456");twoWayBinding = new TwoWayBinding(user);activityMainBinding.setTwoway(twoWayBinding);activityMainBinding.btPrintUser.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.i(TAG,"userName="+user.userName+",password="+user.password);}});activityMainBinding.btChangeUser.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {user.userName = "gaotingchange";user.password = "123456change";activityMainBinding.setTwoway(twoWayBinding);}});}}

2.2使用类静态方法的方法 

       1）举例静态方法

package com.gaoting.twowaybinding;public class SexUtil {/*** 将int类型的sex转换为中文字符串* @param sex* @return*/public static String getSexString(int sex){if(sex==1){return "男";}else if(sex == 2){return "女";}else if(sex==3){return "taig";}return "外星人";}
}

         2）使用Import引入类

    <data><variablename="twoway"type="com.gaoting.twowaybinding.TwoWayBinding" /><import type="com.gaoting.twowaybinding.SexUtil"/></data><TextViewandroid:text="@{SexUtil.getSexString(twoway.sex)}"android:id="@+id/tvSexString"android:layout_margin="30dp"android:layout_width="wrap_content"android:layout_height="wrap_content"/>

这篇关于Jetpack架构组件_3. 数据绑定库双向绑定的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1014101。

相关文章

一文教你Python如何快速精准抓取网页数据

一文教你Python如何快速精准抓取网页数据

《一文教你Python如何快速精准抓取网页数据》这篇文章主要为大家详细介绍了如何利用Python实现快速精准抓取网页数据,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录1. 准备工作2. 基础爬虫实现3. 高级功能扩展3.1 抓取文章详情3.2 保存数据到文件4. 完整示例
阅读更多...
使用Java将各种数据写入Excel表格的操作示例

使用Java将各种数据写入Excel表格的操作示例

《使用Java将各种数据写入Excel表格的操作示例》在数据处理与管理领域,Excel凭借其强大的功能和广泛的应用,成为了数据存储与展示的重要工具,在Java开发过程中,常常需要将不同类型的数据,本文... 目录前言安装免费Java库1. 写入文本、或数值到 Excel单元格2. 写入数组到 Excel表格
阅读更多...
python处理带有时区的日期和时间数据

python处理带有时区的日期和时间数据

《python处理带有时区的日期和时间数据》这篇文章主要为大家详细介绍了如何在Python中使用pytz库处理时区信息,包括获取当前UTC时间,转换为特定时区等,有需要的小伙伴可以参考一下... 目录时区基本信息python datetime使用timezonepandas处理时区数据知识延展时区基本信息
阅读更多...
Qt实现网络数据解析的方法总结

Qt实现网络数据解析的方法总结

《Qt实现网络数据解析的方法总结》在Qt中解析网络数据通常涉及接收原始字节流,并将其转换为有意义的应用层数据,这篇文章为大家介绍了详细步骤和示例,感兴趣的小伙伴可以了解下... 目录1. 网络数据接收2. 缓冲区管理（处理粘包/拆包）3. 常见数据格式解析3.1 jsON解析3.2 XML解析3.3 自定义
阅读更多...
SpringMVC 通过ajax 前后端数据交互的实现方法

SpringMVC 通过ajax 前后端数据交互的实现方法

《SpringMVC通过ajax前后端数据交互的实现方法》：本文主要介绍SpringMVC通过ajax前后端数据交互的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价... 在前端的开发过程中，经常在html页面通过AJAX进行前后端数据的交互，SpringMVC的controll
阅读更多...
Pandas统计每行数据中的空值的方法示例

Pandas统计每行数据中的空值的方法示例

《Pandas统计每行数据中的空值的方法示例》处理缺失数据（NaN值）是一个非常常见的问题,本文主要介绍了Pandas统计每行数据中的空值的方法示例,具有一定的参考价值,感兴趣的可以了解一下... 目录什么是空值？为什么要统计空值？准备工作创建示例数据统计每行空值数量进一步分析www.chinasem.cn处
阅读更多...
如何使用 Python 读取 Excel 数据

如何使用 Python 读取 Excel 数据

《如何使用Python读取Excel数据》：本文主要介绍使用Python读取Excel数据的详细教程,通过pandas和openpyxl,你可以轻松读取Excel文件,并进行各种数据处理操... 目录使用 python 读取 Excel 数据的详细教程1. 安装必要的依赖2. 读取 Excel 文件3. 读
阅读更多...
Spring 请求之传递 JSON 数据的操作方法

Spring 请求之传递 JSON 数据的操作方法

《Spring请求之传递JSON数据的操作方法》JSON就是一种数据格式,有自己的格式和语法,使用文本表示一个对象或数组的信息,因此JSON本质是字符串,主要负责在不同的语言中数据传递和交换,这... 目录jsON 概念JSON 语法JSON 的语法JSON 的两种结构JSON 字符串和 Java 对象互转
阅读更多...
C++如何通过Qt反射机制实现数据类序列化

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类，并对数据类进行存储、打印、调试等操作。由于数据类
阅读更多...
SpringBoot使用GZIP压缩反回数据问题

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》：本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么，可以干什么？3、Spr
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2