Android数据双向绑定的实现原理和应用场景是什么

其他教程   发布日期:2025年04月15日   浏览次数:113

这篇文章主要介绍“Android数据双向绑定的实现原理和应用场景是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android数据双向绑定的实现原理和应用场景是什么”文章能帮助大家解决问题。

安卓的数据双向绑定类似Vue这种前端框架,只要修改模型的数据,页面上显示的数据也会跟着变化,不需要取出控件来赋值。

一、使用databinding类

修改配置文件build.gradle,增加配置项

android {
...
buildFeatures {
viewBinding true
}
}

修改Activity类获取binding属性

  1. public class MainActivity extends AppCompatActivity {
  2. ActivityMainBinding binding;
  3. private ProgressDialog pg;
  4. @Override
  5. protected void onCreate(Bundle savedInstanceState) {
  6. super.onCreate(savedInstanceState);
  7. binding = ActivityMainBinding.inflate(getLayoutInflater());
  8. setContentView(binding.getRoot());
  9. }
  10. }

接下来就可以使用binding获取页面的元素了,页面的控件就是binding的一个属性,不再需要使用findViewById方法取得控件。

比如:

binding.imageview
binding.btn

二、双向绑定

1、增加绑定配置

修改配置文件build.gradle,增加两个配置项

android {
...
defaultConfig {
...
dataBinding {
enabled true
}
}
...
buildFeatures {
viewBinding true
}
}

2、修改布局文件(activity_main.xml),增加一层layout

格式如下:

根节点是

节点声明了需要绑定的变量

@{user.text}:在页面上显示模型属性

@={user.text}:双向绑定,修改控件的值后,同步修改模型属性值

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools">
  5. <data>
  6. <variable
  7. name="user"
  8. type="com.nbmt.cash.BindingEntity" />
  9. </data>
  10. <LinearLayout
  11. android:layout_width="match_parent"
  12. android:layout_height="match_parent"
  13. android:orientation="vertical"
  14. tools:context=".MainActivity">
  15. <TextView
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content"
  18. android:textSize="30sp"
  19. android:id="@+id/textView"
  20. android:text="@{user.text}"
  21. android:background="@color/purple_200"
  22. app:layout_constraintBottom_toBottomOf="parent"
  23. app:layout_constraintEnd_toEndOf="parent"
  24. app:layout_constraintStart_toStartOf="parent"
  25. app:layout_constraintTop_toTopOf="parent" />
  26. <EditText
  27. android:id="@+id/edit_text"
  28. android:layout_width="wrap_content"
  29. android:layout_marginTop="20dp"
  30. android:textSize="30sp"
  31. android:layout_height="wrap_content"
  32. android:text="@={user.text}"
  33. app:layout_constraintEnd_toEndOf="parent"
  34. app:layout_constraintStart_toStartOf="parent"
  35. app:layout_constraintTop_toBottomOf="@+id/textView" />
  36. </LinearLayout>
  37. </layout>

3、在Activity中使用

1)创建模型对象,必须继承基类

  1. androidx.databinding.BaseObservable
  • @Bindable:声明该属性可以用于绑定

  • 修改setXX方法,调佣

    1. notifyPropertyChanged(BR.text)
    发送修改通知;也可以调用
    1. notifyChange()
    通知所有属性
  1. import androidx.databinding.BaseObservable;
  2. import androidx.databinding.Bindable;
  3. public class BindingEntity extends BaseObservable {
  4. private String text;
  5. public BindingEntity(String text) {
  6. this.text = text;
  7. }
  8. @Bindable
  9. public String getText() {
  10. return text;
  11. }
  12. public void setText(String text) {
  13. this.text = text;
  14. notifyPropertyChanged(BR.text);
  15. }
  16. }

2)修改Activity,使用binding对象

  • ActivityMainBinding是框架自动生成的,和MainActivity对应

  • 使用

    1. DataBindingUtil.setContentView(this, R.layout.activity_main)
    获取绑定对象
  • 去掉

    1. setContentView(R.layout.activity_main)
  1. public class MainActivity extends AppCompatActivity {
  2. private ActivityMainBinding binding;
  3. private BindingEntity entity;
  4. @Override
  5. protected void onCreate(Bundle savedInstanceState) {
  6. super.onCreate(savedInstanceState);
  7. binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
  8. //setContentView(R.layout.activity_main);
  9. entity = new BindingEntity("我是测试数据");
  10. binding.setUser(entity);
  11. }
  12. }

后续只要修改entity的属性值,页面控件就会自动跟着变化

以上就是Android数据双向绑定的实现原理和应用场景是什么的详细内容,更多关于Android数据双向绑定的实现原理和应用场景是什么的资料请关注九品源码其它相关文章!