Android开发提升效率之DataBinding——双向绑定

DataBingding

  1. Android开发提升效率之DataBinding——基本使用
  2. Android开发提升效率之DataBinding——进阶开发
  3. Android开发提升效率之DataBinding——双向绑定

博客创建时间:2021.04.12
博客更新时间:2021.04.13

以Android studio build=4.1.3,gradle=6.5,SdkVersion 30来分析讲解。如图文和网上其他资料不一致,可能是别的资料版本较低而已


前言

在早期的DataBinding双向绑定中需要防止死循环造成ANR,解决方案是需要判断前后两次值变动的id值是否一样。但是在现在的高版本中该bug已在底层中结局,我们在文章后面会详细说明。

双向绑定

为什么需要双向绑定?
假设一个登陆应用场景:
在这里插入图片描述

  1. 打开应用,登录页面会自动填充上次登录保存User的name 和password。

    
        user.name="test"
        user.password="123456"
        binding.user=user
        
    	public class User {
    	 // 用户名
    	public String name;
    	 // 密码
    	 public String password;
    	}
    
  2. 如果此时想换一个用户登陆,常规方法是Edittext.getText获得name和password,然后进行登陆操作

  3. 现在使用双向绑定。

      <EditText
            android:id="@+id/etName"
            android:text="@={user.name}"
            android:inputType="text" />
    
        <EditText
            android:id="@+id/etPassword"
            android:text="@={user.password}"/>
    

    @={}就是双向绑定符

  4. 现在只要我们对name和password EditText输入内容进行改变分别为“admin”和“987654321”,那么user中对应的两个字段的值就会自动变动。

  5. 进行登陆操作时依然只用拿user来用就可以了。点击登陆按钮测试值

    else if(v?.id  ==R.id.btnLogin){
      Log.i("1111","name="+user.name+"  password="+user.password)
    }
    
    // 输出
    name=admin  password=987654321
    

ViewDataBinding分析

每个Fragment或Activity的布局开启DataBinding后都会生成一个ViewDataBinding子类。我们来分析其中关键源码

1. ActivityMainBinding 的初始化
ActivityMainBinding进行相关初始化设置,绑定数据与DataBinding的关联

    private ActivityMainBindingImpl(androidx.databinding.DataBindingComponent bindingComponent, View root, Object[] bindings) {
        //1. ActivityMainBinding 布局界面初始化,包括相关的值赋予
        invalidateAll();
    }

    /**
     * 初始化布局,并对控件的设值赋值
     */
    @Override
    public void invalidateAll() {
        synchronized(this) {
                mDirtyFlags = 0x10L;
        }
        // 请求重新绑定,主要是对控件的各值显示进行变动
        requestRebind();
    }

2. 指定变量赋值

    public void setLiveData(@Nullable com.xuanyuan.databindinganalysis.MyObservableField LiveData) {
        updateRegistration(0, LiveData);
        this.mLiveData = LiveData;
        synchronized(this) {
            mDirtyFlags |= 0x1L;
        }
        notifyPropertyChanged(BR.liveData);
        super.requestRebind();
    }

    public void setClick(@Nullable android.view.View.OnClickListener Click) {
        this.mClick = Click;
        synchronized(this) {
            mDirtyFlags |= 0x4L;
        }
        notifyPropertyChanged(BR.click);
        super.requestRebind();
    }

3. 通知更新指定变量

    // 控件的各值进行确定赋予
    @Override
    public boolean setVariable(int variableId, @Nullable Object variable)  {
        boolean variableSet = true;
        else if (BR.liveData == variableId) {
            setLiveData((com.xuanyuan.databindinganalysis.MyObservableField) variable);
        } else {
            variableSet = false;
        }
            return variableSet;
    }

4. 变量Change,通知UI刷新

    @Override
    protected void executeBindings() {
    ...
        if ((dirtyFlags & 0x11L) != 0) {
            androidx.databinding.adapters.TextViewBindingAdapter.setText(this.etName, liveDataGet);
        }
        if ((dirtyFlags & 0x10L) != 0) {
            // api target 1
       androidx.databinding.adapters.TextViewBindingAdapter.setTextWatcher(this.etName, null,null, etNameandroidTextAttrChanged);
        }
    }

双向原理

当我们使用"@={}"双向绑定符时,观测ViewBindingIml代码。

1.常规双向绑定

    private androidx.databinding.InverseBindingListener etNameandroidTextAttrChanged = new androidx.databinding.InverseBindingListener() {
        @Override
        public void onChange() {
            java.lang.String callbackArg_0 = androidx.databinding.adapters.TextViewBindingAdapter.getTextString(etName);
            java.lang.String userName = null;
            boolean userJavaLangObjectNull = false;
            com.xuanyuan.databindinganalysis.User user = mUser;
            userJavaLangObjectNull = (user) != (null);
            if (userJavaLangObjectNull) {
                user.setName(((java.lang.String) (callbackArg_0)));
            }
        }
    };

	TextViewBindingAdapter.setTextWatcher(this.etName, null, null, null, etNameandroidTextAttrChanged);

其实这种双向绑定只是调用了 view.addTextChangedListener(newValue),对内容变动后的监听操作处理,源码中自动帮我们处理了。

2. Observable双向绑定

 val livaValue = MyObservableField()
 
 override fun onClick(v: View?) {
      if (v?.id == R.id.btnLogin) {
            val value = Math.random() * 1300
            livaValue.set(value.toString())
     }
 }
 
 <EditText
     android:id="@+id/etName"
     android:layout_width="match_parent"
     android:text="@={liveData}"
     android:inputType="text" />
  1. 当调用livaValue.set()时,阅读源码会发现有更新回调,最终执行ViewBinding的executeBindings()方法

    @Override
    protected void executeBindings() {
    ...
    }
    
  2. 更新调用后,EditText中的值变化,会触发TextChangedListener再次调用livaValue.set(value.toString()。此时EditText中的值变化中的值不再变化


总结

本文主要讲解了双向绑定的意义,如何使用双向绑定。

对于DataBinding的分析需要查看对应ViewDataBinding类,即可透过现象看本质。

本测试Demo源码
gitee:https://gitee.com/luofaxin/RxJava3Analysis.git
github:https://github.com/l424533553/RxJava3Analysis.git


相关链接

  1. Android开发提升效率之DataBinding——基本使用
  2. Android开发提升效率之DataBinding——进阶开发
  3. Android开发提升效率之DataBinding——双向绑定

扩展链接:

  1. LiveData原理深入浅出,透过源码看本质

扩展训练:

  1. 双向绑定的基本使用
  2. 双向绑定为何不会反复循环

博客书写不易,您的点赞收藏是我前进的动力,千万别忘记点赞、 收藏 ^ _ ^ !

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值