Android官方DataBinding(六): @= 操作符进行双向绑定

简介: Android官方DataBinding(六): @= 操作符进行双向绑定在过去的Android开发中,假设一个简单的应用开发需求,垂直线性布局上面一个EditText,下面一个TextView,TexView要实时的回显EditText的显示内容,一般的做法就是给EditText增加一个监听器(addTextChangedListener),这里面构造一个TextWatcher,然后在TextWatcher里面把EditText的内容实时更新回显到TextView中。
Android官方DataBinding(六): @= 操作符进行双向绑定


在过去的Android开发中,假设一个简单的应用开发需求,垂直线性布局上面一个EditText,下面一个TextView,TexView要实时的回显EditText的显示内容,一般的做法就是给EditText增加一个监听器(addTextChangedListener),这里面构造一个TextWatcher,然后在TextWatcher里面把EditText的内容实时更新回显到TextView中。
而现在,有了Android DataBinding技术,则仅需几行代码一个符号’ @= ’就搞定这些操作。
给出一个例子。

和附录文章相同,首先建立模型User.java:

package zhangphil.test;

import android.databinding.BaseObservable;
import android.databinding.ObservableField;

/**
 * Created by Phil on 2017/8/17.
 */

public class User extends BaseObservable {
    public final ObservableField<String> content = new ObservableField<>();
}



写布局activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

        <variable
            name="user"
            type="zhangphil.test.User" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:text="@={user.content}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.content}"
            android:textColor="@android:color/holo_blue_bright" />
    </LinearLayout>
</layout>
注意最关键的 @= 的写法和使用。

测试的MainActivity.java:

package zhangphil.test;

import android.databinding.DataBindingUtil;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

import zhangphil.test.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);

        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

        User user = new User();
        binding.setUser(user);
    }
}



代码运行结果,可以看到当上面的EditText在不断输入时候,下面的TextView实时回显了EditText输入内容:




附录:
1,《Android官方DataBinding简例(一)》链接:http://blog.csdn.net/zhangphil/article/details/77322530    
2,《Android官方DataBinding(二):动态数据更新notifyPropertyChanged》链接:http://blog.csdn.net/zhangphil/article/details/77328688   
3,《Android官方DataBinding(三):RecyclerView 使用ViewDataBinding更新数据》链接:http://blog.csdn.net/zhangphil/article/details/77367432  
4,《Android官方DataBinding(四):BindingAdapter》链接:http://blog.csdn.net/zhangphil/article/details/77374211 
5,《Android官方DataBinding(五):ObservableMap,ObservableArrayMap》链接:http://blog.csdn.net/zhangphil/article/details/77448933

相关文章
|
2月前
|
存储 前端开发 测试技术
Android 官方架构中的 UseCase 该怎么写?
Android 官方架构中的 UseCase 该怎么写?
50 0
|
7月前
|
Android开发
Android JetPack组件之DataBinding的使用详解
Android JetPack组件之DataBinding的使用详解
143 0
|
7月前
|
Android开发
Android 使用DataBinding时 将布局页面转换为数据绑定布局(Convert to data binding layout) 不出现提示解决办法
Android 使用DataBinding时 将布局页面转换为数据绑定布局(Convert to data binding layout) 不出现提示解决办法
82 0
|
9月前
|
SQL 数据库 Android开发
Android官方数据库框架-Room
Android官方数据库框架-Room
436 0
|
Android开发 前端开发
Android DataBinding 的使用姿势
Android DataBinding 的使用姿势
|
物联网 Android开发
Android 蓝牙BLE开发从官方源码demo开始(二)
Android 蓝牙BLE开发从官方源码demo开始(二)
|
小程序 物联网 Java
Android 蓝牙BLE开发从官方源码demo开始(一)
Android 蓝牙BLE开发从官方源码demo开始(一)
|
XML 前端开发 JavaScript
Android基础入门:dataBinding的使用
dataBinding是实现 view 和 data 绑定的工具,把数据映射到 view 的 xml中,可以在 xml 布局文件中实现 view 的赋值,方法调用。使用 DataBinding 后,我们不用再写 findViewById,不用再获取控件对象,不用再设置监听,可以节省我们 activity 中的很多获取控件,赋值,添加监听所需要的代码。 可以说MVP + DataBinding就是MVVC(关于MVC,MVP,MVVC的区别可看往期文章
207 0
|
存储 安全 API
android官方的加密库-security
android官方的加密库-security
323 0
android官方的加密库-security
|
Android开发
Android官方下拉选择控件Spinner
Android官方下拉选择控件Spinner
342 0
Android官方下拉选择控件Spinner

相关产品

  • 云迁移中心