Android DataBinding工作原理_安卓 databinding原理-程序员宅基地

技术标签: Android  

AndroidX提供的DataBinding可以实现数据与UI的双向绑定,对Android APP的开发提供很大灵活性,通过在Layout XML中提供数据与UI控件的映射关系,在Activity编程中只需要操作数据对象,UI界面就可以自动更新。

在这里插入图片描述
上述过程都是DataBinding自动完成的,我们只要按照约定编程就可以实现。参照下面例程理解绑定过程。

例程一

新建Android工程
使用Android Studio开发工具创建工程,
修改app模块中的build.gradle配置文件
添加如下依赖和配置

    dataBinding {
    
        enabled = true
    }

    api 'android.arch.lifecycle:extensions:1.1.1'
    api 'com.squareup.retrofit2:retrofit:2.5.0'
    api 'com.squareup.retrofit2:converter-scalars:2.3.0'
    api 'com.squareup.retrofit2:converter-gson:2.4.0'
    api 'com.squareup.retrofit2:adapter-rxjava2:2.4.0'
    api 'io.reactivex.rxjava2:rxjava:2.1.16'
    api 'io.reactivex.rxjava2:rxandroid:2.0.2'
    api 'androidx.recyclerview:recyclerview:1.1.0'
    api 'com.github.bumptech.glide:glide:4.9.0'
    api 'com.android.support:design:29.0.0'
    api 'androidx.viewpager2:viewpager2:1.0.0'
    api 'com.google.android.material:material:1.1.0'
    implementation 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

完整的build.gradle文件内容

apply plugin: 'com.android.application'

android {
    
    compileSdkVersion 29

    dataBinding {
    
        enabled = true
    }

    defaultConfig {
    
        applicationId "com.hk.testapp"
        minSdkVersion 16
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

    buildTypes {
    
        release {
    
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }

}

dependencies {
    
    implementation fileTree(dir: 'libs', include: ['*.jar'])

    api 'android.arch.lifecycle:extensions:1.1.1'
    api 'com.squareup.retrofit2:retrofit:2.5.0'
    api 'com.squareup.retrofit2:converter-scalars:2.3.0'
    api 'com.squareup.retrofit2:converter-gson:2.4.0'
    api 'com.squareup.retrofit2:adapter-rxjava2:2.4.0'
    api 'io.reactivex.rxjava2:rxjava:2.1.16'
    api 'io.reactivex.rxjava2:rxandroid:2.0.2'
    api 'androidx.recyclerview:recyclerview:1.1.0'
    api 'com.github.bumptech.glide:glide:4.9.0'
    api 'com.android.support:design:29.0.0'
    api 'androidx.viewpager2:viewpager2:1.0.0'
    api 'com.google.android.material:material:1.1.0'
    implementation 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
}

创建MainActivity
默认创建的Layout布局视图是androidx.coordinatorlayout.widget.CoordinatorLayout类型的,在此类型无法测试DataBinding例程,Google可能做了更多的封装,使用其他方式实现DataBinding,我们使用layout View

<?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="course" type="com.hk.testapp.Course" />
    </data>

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

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{course.name}"
            android:textSize="24sp" />

        <TextView
            android:id="@+id/score"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text='@{course.score+""}'
            android:textSize="24sp" />

        <EditText
            android:id="@+id/teacher"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:textSize="24sp"
            android:text="@{course.teacher}" />

    </LinearLayout>

    <!--
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text='@{teacher.name+""}'
        android:visibility="@{teacher.super ? View.VISIBLE : View.GONE}"
        android:textSize="20sp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text='@{user2.firstName}'
        android:textSize="20sp" />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{course.name}"
        tools:layout_editor_absoluteX="183dp"
        tools:layout_editor_absoluteY="297dp"
        android:onClick="@{handle.onClick}"/>
    </LinearLayout>
    -->


</layout>

定义一个数据对象com.hk.testapp.Course,并且将其属性绑定到UI控件上
在这里插入图片描述
Couse课程类

package com.hk.testapp;

public class Course {
    
    private String name = null;
    private Integer score = null;
    private String teacher = null;

    public Course(String name,Integer score,String teacher)
    {
    
        this.name = name;
        this.score = score;
        this.teacher = teacher;
    }
    public String getName() {
    
        return name;
    }

    public void setName(String name) {
    
        this.name = name;
    }

    public Integer getScore() {
    
        return score;
    }

    public void setScore(Integer score) {
    
        this.score = score;
    }

    public String getTeacher() {
    
        return teacher;
    }

    public void setTeacher(String teacher) {
    
        this.teacher = teacher;
    }
}

MainActivity类
在这里插入图片描述

package com.hk.testapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;

import android.os.Bundle;
import android.os.Handler;
import android.util.Log;

import com.hk.testapp.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {
    
    private ActivityMainBinding binding = null;
    private Course course = null;

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

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        course = new Course("Math", 100,"ChenQX");
        binding.setCourse(course);

        after10seconds();
    }

    private void after10seconds() {
    
        new Handler().postDelayed(new Runnable() {
    
            @Override
            public void run() {
    
            course = new Course("Chinese", 120,"陈岐祥");
            binding.setCourse(course);
                Log.e("After10Seconds...",course.getTeacher());
            }
        }, 10000);
    }
}

执行结果:
在这里插入图片描述
界面等待10秒钟后,对数据对象重新赋值,观察界面变化
在这里插入图片描述
在这里插入图片描述

例程二

在例程一中,重新赋值必须调用一次bind.setObject方法
在这里插入图片描述
我们在数据实体类上添加Binding注解方法,并且在set方法中通知观察者就不需要定义此方法。
在这里插入图片描述

package com.hk.testapp;

import androidx.databinding.BaseObservable;
import androidx.databinding.Bindable;

public class Teacher extends BaseObservable {
    
    private String name = null;
    private Integer age = null;

    public Teacher(String name,Integer age)
    {
    
        this.name = name;
        this.age = age;
    }

    @Bindable
    public String getName() {
    
        return name;
    }

    public void setName(String name) {
    
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    @Bindable
    public Integer getAge() {
    
        return age;
    }

    public void setAge(Integer age) {
    
        this.age = age;
        notifyPropertyChanged(BR.age);
    }
}

Main2Activity

package com.hk.testapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;

import android.os.Bundle;
import android.os.Handler;
import android.util.Log;

import com.hk.testapp.databinding.ActivityMain2Binding;

public class Main2Activity extends AppCompatActivity {
    
    private ActivityMain2Binding binding = null;
    private Teacher teacher = null;
    private Teacher2 teacher2 = null;

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

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
        teacher = new Teacher("ChenQX", 40);
        binding.setTeacher(teacher);

        teacher2 = new Teacher2();
        teacher2.name.set("Chenqx2");
        teacher2.age.set(42);
        binding.setTeacher2(teacher2);

        after10seconds();
    }

    private void after10seconds() {
    
        new Handler().postDelayed(new Runnable() {
    
            @Override
            public void run() {
    
            teacher.setName("陈岐祥");

            teacher2.name.set("陈岐祥2");
            Log.e("After10Seconds...",teacher.getName());
            }
        }, 10000);
    }
}

在这里插入图片描述
例程二中数据类的另一种写法,代码更加简洁

package com.hk.testapp;

import androidx.databinding.ObservableField;
import androidx.databinding.ObservableInt;

public class Teacher2 {
    
    public final ObservableField<String> name = new ObservableField<>();
    public final ObservableInt age = new ObservableInt();
}

例程三(绑定列表)

定义Layout View控件

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable name="course" type="com.hk.testapp.Course"/>
    </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:text="@{course.name}"
            android:textSize="24sp" />

        <TextView
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:text="@{course.teacher}"
            android:textSize="24sp" />

        <TextView
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:text='@{course.score+""}'
            android:textSize="24sp" />
    </LinearLayout>
</layout>

定义RecyclerView控件

<?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="course" type="com.hk.testapp.Course" />
    </data>

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

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>
</layout>

定义Adapter适配类

package com.hk.testapp;

import android.view.LayoutInflater;
import android.view.ViewGroup;

import androidx.recyclerview.widget.RecyclerView;

import com.hk.testapp.databinding.CourseItemBinding;

import java.util.ArrayList;
import java.util.List;

public class ListAdapter extends RecyclerView.Adapter<ListAdapter.ListHolder>{
    

    private List<Course> courseList = new ArrayList<>();

    public ListAdapter(List<Course> courseList) {
    
        this.courseList = courseList;
    }

    @Override
    public ListHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    
        return ListHolder.create(LayoutInflater.from(parent.getContext()), parent);
    }

    @Override
    public void onBindViewHolder(ListHolder holder, int position) {
    
        holder.bindTo(courseList.get(position));
    }

    @Override
    public int getItemCount() {
    
        if (courseList == null)
            return 0;
        return courseList.size();
    }

    static class ListHolder extends RecyclerView.ViewHolder {
    
        private CourseItemBinding binding;

        static ListHolder create(LayoutInflater inflater, ViewGroup parent) {
    
            CourseItemBinding binding2 = CourseItemBinding.inflate(inflater, parent, false);
            return new ListHolder(binding2);
        }

        private ListHolder(CourseItemBinding binding) {
    
            super(binding.getRoot());
            this.binding = binding;
        }

        public void bindTo(Course course) {
    
            binding.setCourse(course);
            binding.executePendingBindings();
        }

    }
}

定义Main3Activity

package com.hk.testapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;

import java.util.ArrayList;
import java.util.List;

public class Main3Activity extends AppCompatActivity {
    

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

        List<Course> data = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
    
            Course c = new Course("Android"+i,i,"Teacher"+i);
            data.add(c);
        }
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        LinearLayoutManager layoutManager = new LinearLayoutManager(
                this, LinearLayoutManager.VERTICAL, false);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(new ListAdapter(data));
    }
}

RecyclerView 通过Adapter装载数据到UI层
在这里插入图片描述

测试双向绑定

将XML中的配置修改一下,即可实现双向绑定
在这里插入图片描述
Layout XML文件

<?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="course" type="com.hk.testapp.Course" />
    </data>

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

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@={course.name}"
            android:textSize="24sp" />

        <TextView
            android:id="@+id/score"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text='@={course.score+""}'
            android:textSize="24sp" />

        <EditText
            android:id="@+id/teacher"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:textSize="24sp"
            android:text="@={course.name}" />

    </LinearLayout>

    <!--
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text='@{teacher.name+""}'
        android:visibility="@{teacher.super ? View.VISIBLE : View.GONE}"
        android:textSize="20sp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text='@{user2.firstName}'
        android:textSize="20sp" />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{course.name}"
        tools:layout_editor_absoluteX="183dp"
        tools:layout_editor_absoluteY="297dp"
        android:onClick="@{handle.onClick}"/>
    </LinearLayout>
    -->


</layout>

Course数据类

package com.hk.testapp;

import androidx.databinding.BaseObservable;
import androidx.databinding.Bindable;
import androidx.databinding.ObservableField;
import androidx.databinding.ObservableInt;

public class Course  extends BaseObservable {
    
    public final ObservableField<String> name = new ObservableField<>();
    public final ObservableInt score = new ObservableInt();
    public final ObservableField<String> teacher = new ObservableField<>();
}

MainActivity

package com.hk.testapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;

import android.os.Bundle;
import android.os.Handler;
import android.util.Log;

import com.hk.testapp.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {
    
    private ActivityMainBinding binding = null;
    private Course course = null;

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

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        course = new Course();
        course.name.set("Math");
        course.score.set(100);
        binding.setCourse(course);

        //after10seconds();
    }

    private void after10seconds() {
    
        new Handler().postDelayed(new Runnable() {
    
            @Override
            public void run() {
    
            // = new Course("Chinese", 120,"陈岐祥");
            //binding.setCourse(course);
            }
        }, 10000);
    }
}

在这里插入图片描述

代码下载
链接:https://pan.baidu.com/s/1Inn8P__qmjr0a06MTdnVZQ
提取码:wxpj

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qixiang_chen/article/details/105488602

智能推荐

Coldfusion的基础知识-程序员宅基地

文章浏览阅读430次。什么是ColdFusion?   ColdFusion Web application是帮助你建立实施大规模网站应用系统的最快方式,它集成了浏览器,服务器及数据库技术。从电子商务到商业流程自动化,从Intranets到Internet,ColdFusion都能够帮助你快速、轻松的开发实施先进的应用系统。ColdFusion Studio中的可视化编程工具、数据库和程序调试工具可以帮助实现快速开..._coldfusion

Python 编码转换与中文处理_"python charset=[\"en\", \"cn\"]"-程序员宅基地

文章浏览阅读5.2k次。Python 编码转换与中文处理python 中的 unicode是让人很困惑、比较难以理解的问题. utf-8是unicode的一种实现方式,unicode、gbk、gb2312是编码字符集.decode是将普通字符串按照参数中的编码格式进行解析,然后生成对应的unicode对象写python时遇到的中文编码问题:➜ /test sudo vim test.py#!/usr/bin/..._"python charset=[\"en\", \"cn\"]"

一代「博雅」大师离世!缅怀复旦大学原校长、中国科学院院士杨福家教授-程序员宅基地

文章浏览阅读394次。作者丨Joey 好困来源丨新智元【导读】2022年7月17日,著名核物理学家、复旦大学原校长、中科院院士杨福家在上海因病逝世,享年86岁。据复旦大学消息,著名核物理学家、复旦大学原校长、中国科学院院士杨福家教授于7月17日在上海因病离世,享年86岁。(图源:复旦大学官网)复旦大学官网主页也换成了灰屏,以表达对老先生的哀思。作为原子物理学界研究的带头人,杨福家教授为我国应用..._感光材料工艺大师

SCI-HUA科研绘图技巧丨和“亮瞎眼”的论文插图配色say goodbye_sci地层剖面图配色-程序员宅基地

文章浏览阅读2.4w次,点赞3次,收藏31次。这里我们会多多分享科研插画绘图创作中的实践心得,希望大家的作品都能漂漂亮亮。我们会多多分享科研插画绘图创作中的实践心得,希望大家的作品都能漂漂亮亮。翻过年关,新的毕业季即将来临这又是一个SCI论文插画井喷的时刻,不要让你的画作 “亮”到尴尬哦~插画里尬眼的光辉 -色彩是插画里最具表现力的要素,但是很多科研人员没有接触过设计,当上手制图时,很有可能走入颜色的误区,如..._sci地层剖面图配色

Java 后台调用接口(HTTP请求工具类)_后端调用接口工具类-程序员宅基地

文章浏览阅读900次,点赞4次,收藏3次。网上找的HTTP 请求工具类package com.spt.utils;import org.apache.commons.io.IOUtils;import org.apache.http.HttpEntity;import org.apache.http.HttpResponse;import org.apache.http.HttpStatus;import org.apache.http.NameValuePair;import org.apache.http.client.Http_后端调用接口工具类

linux安装过程中找不到镜像文件(system operation)_linux下载httpd出现找不到镜像-程序员宅基地

文章浏览阅读8.1k次。解决方法:镜像和虚拟机的路径都不要有空格_linux下载httpd出现找不到镜像

随便推点

自动化学习框架(AutoML)的性能比较-程序员宅基地

文章浏览阅读7.2k次,点赞3次,收藏18次。摘要:AutoML作为一个有效的工具可以帮助很多企业方便地实施和加速人工智能方面的应用落地。对于还不具备数据科学团队的公司来说,AutoML可以是全自动化的模型构建工具来..._tpot,h2o,auto sklearn

【图像融合】基于matlab加权平均法图像融合【含Matlab源码 722期】_matlab图像的梯度倒数加权平均法-程序员宅基地

文章浏览阅读5.4k次,点赞6次,收藏21次。加权平均法图像融合完整的代码,方可运行;可提供运行操作视频!适合小白!_matlab图像的梯度倒数加权平均法

Storm整合Springboot_springboot storm-程序员宅基地

文章浏览阅读1.7k次。Storm运行有两种模式,分别是local与remote。因此,Storm与Springboot整合,也分两种方式。local模式整合Springboot,storm与Springboot都运行在同一JVM中,而remote模式整合,Storm的计算节点会在不同的JVM中(跨进程)被初始化并运算。_springboot storm

iphone GNU debugger 1708下载地址-程序员宅基地

文章浏览阅读155次。cydia种添加http://cydia.radare.org源,然后搜索gnu debugger就可以了~~转载于:https://www.cnblogs.com/GrowUP-EveryDay/archive/2013/03/07/2947357.html_gnu project debugger下载

自反+递归 实现评论的无限引用_<div class='comments-list' id='comment-holder'><di-程序员宅基地

文章浏览阅读1.7k次。引言大家每天都在看博客,发表评论,实现一个评论系统也是一名Web开发者的基本要求。虽然评论只是一个很普通的功能,但是实现评论的引用,尤其是无限引用,却有一定的困难。身为“网易工程队”的正规军,同时又作为一名程序开发人员,有必要向大家展示一下“盖楼”的方法。效果预览:http://www.tracefact.net/demo/NestedComment/Default.aspxNOTE:本文使用 基于业务对象(List)的筛选 来进行引用列表的搜寻,对数据库仅进行了一次读取。想也应该能想明白:不管是初始评论还_

C++ STL用法总结_c++中stl用法超详细总结 csdn-程序员宅基地

文章浏览阅读417次。C++ STL用法总结************ 写在前面*************1、STL的概念2、STL的内容2.1、容器2.2、迭代器2.3、算法2.4、仿函数2.4.1、概述2.4.2、仿函数的使用2.4.3、内建仿函数2.5、适配器2.6、分配器3、常用容器3.1、string容器3.1.1、跟char*型的字符串作对比:3.1.2、与char*型的相互转换:3.1.3、string的使用3.2、vector(向量)3.2.1、vector的底层结构3.2.2、vector的使用3.3、deque_c++中stl用法超详细总结 csdn