这篇文章主要介绍“Android数据双向绑定的实现原理和应用场景是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android数据双向绑定的实现原理和应用场景是什么”文章能帮助大家解决问题。
安卓的数据双向绑定类似Vue这种前端框架,只要修改模型的数据,页面上显示的数据也会跟着变化,不需要取出控件来赋值。
一、使用databinding类
修改配置文件build.gradle,增加配置项
android {
...
buildFeatures {
viewBinding true
}
}
修改Activity类获取binding属性
public class MainActivity extends AppCompatActivity { ActivityMainBinding binding; private ProgressDialog pg; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = ActivityMainBinding.inflate(getLayoutInflater()); setContentView(binding.getRoot()); } }
接下来就可以使用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}:双向绑定,修改控件的值后,同步修改模型属性值
<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"> <data> <variable name="user" type="com.nbmt.cash.BindingEntity" /> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="30sp" android:id="@+id/textView" android:text="@{user.text}" android:background="@color/purple_200" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <EditText android:id="@+id/edit_text" android:layout_width="wrap_content" android:layout_marginTop="20dp" android:textSize="30sp" android:layout_height="wrap_content" android:text="@={user.text}" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/textView" /> </LinearLayout> </layout>
3、在Activity中使用
1)创建模型对象,必须继承基类
androidx.databinding.BaseObservable
@Bindable:声明该属性可以用于绑定
修改setXX方法,调佣
notifyPropertyChanged(BR.text)发送修改通知;也可以调用
notifyChange()通知所有属性
import androidx.databinding.BaseObservable; import androidx.databinding.Bindable; public class BindingEntity extends BaseObservable { private String text; public BindingEntity(String text) { this.text = text; } @Bindable public String getText() { return text; } public void setText(String text) { this.text = text; notifyPropertyChanged(BR.text); } }
2)修改Activity,使用binding对象
ActivityMainBinding是框架自动生成的,和MainActivity对应
使用
DataBindingUtil.setContentView(this, R.layout.activity_main)获取绑定对象
去掉
setContentView(R.layout.activity_main)
public class MainActivity extends AppCompatActivity { private ActivityMainBinding binding; private BindingEntity entity; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = DataBindingUtil.setContentView(this, R.layout.activity_main); //setContentView(R.layout.activity_main); entity = new BindingEntity("我是测试数据"); binding.setUser(entity); } }
后续只要修改entity的属性值,页面控件就会自动跟着变化