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

2023-05-17 20:19

短信预约 -IT技能 免费直播动态提醒

一、使用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的属性值，页面控件就会自动跟着变化

到此这篇关于Android数据双向绑定原理实现和应用场景的文章就介绍到这了,更多相关Android数据双向绑定内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Android数据双向绑定 Android数据绑定 Android双向绑定

阅读原文内容投诉