Android开发——DataBinding介绍

DataBinding介绍

  • Android开发JetPack-Databinding组件
      • 1. 什么是databinding
        • (1)简介
        • (2)意义
      • 2. databinding基本使用
        • (1)启用databinding
        • (2)定义一个布局
        • (3)创建一个User类
        • (4)改变MainActivity.kt的代码
      • 3. 通过DatabindingUtil获取到Binding
      • 4.给BaseViewFragment加载View
      • 5.编写BaseVmFragment
      • 6.布局和绑定表达式
        • (1)其他控件引用,TextView引用EditText。
        • (2)表达式中也可以引用资源内容。
        • (3)某些资源需要用到特定的类型。
      • 7.事件处理
        • 事件处理,一种为方法引用,一种为监听绑定。
        • 实例
      • 8.双向绑定
        • 双向绑定要达到的效果便是除了数据影响界面,界面变化也要使得数据发生变化。比如EditText输入内容时,绑定的数据bean要跟着变化。
      • 9.数据更新-->UI更新
        • Databinding通过使用实现Observable的数据,当数据更新的时候,自动更新UI。
        • 监听对象变化更新
      • 10.BindingAdapter
        • DataBinding支持在普通方法上添加@注解来添加自定义控件属性。
      • 11.小结

Android开发JetPack-Databinding组件

1. 什么是databinding

(1)简介

Databinding是谷歌的一个官方支持库,它允许您使用声明性格式而不是通过编程方式将布局中的UI组件绑定到应用程序中的数据源。通常在活动中使用调用UI框架方法的代码来定义布局。例如,调用findViewById()以查找TextView窗口小部件并将其绑定到变量。因为它通过在布局文件中绑定组件,您可以删除活动中的许多UI框架调用,从而使它们更易于维护。这也可以提高应用程序的性能,并有助于防止内存泄漏和空指针异常。

(2)意义

1、布局文件通常只负责UI控件的布局工作,页面中通过代码对控件需要进行各种操作,承担了绝大部分的工作量

2、DataBinding让布局文件承担了部分原本属于页面的工作,也使得布局文件和页面的耦合度进一步降低

3、使得UI控件能够直接合数据模型中的字段绑定,甚至能响应用户的交互。方便实现MVVM

2. databinding基本使用

(1)启用databinding

在模块下的build.gradle文件中,启动dataBinding。

android {
   
  ...
  dataBinding {
   
      enabled = true
  }
}
(2)定义一个布局

显示用户的姓名,年龄和性别,将普通布局文件转换为DataBinding布局文件。

转换后代码如下:


<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.example.myapplication.domain.User" />
  data>

  <androidx.constraintlayout.widget.ConstraintLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context=".MainActivity">

      <androidx.constraintlayout.widget.Guideline
          android:id="@+id/guideline"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="horizontal"
          app:layout_constraintGuide_percent="0.10259918" />

      <androidx.constraintlayout.widget.Guideline
          android:id="@+id/guideline2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="horizontal"
          app:layout_constraintGuide_percent="0.2" />

      <androidx.constraintlayout.widget.Guideline
          android:id="@+id/guideline3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="horizontal"
          app:layout_constraintGuide_percent="0.3" />

      <androidx.constraintlayout.widget.Guideline
          android:id="@+id/guideline4"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="vertical"
          app:layout_constraintGuide_percent="0.3" />

      <TextView
          android:id="@+id/textView"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/text_name"
          app:layout_constraintBottom_toTopOf="@+id/guideline"
          app:layout_constraintEnd_toStartOf="@+id/guideline4"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent" />

      <TextView
          android:id="@+id/textView2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/text_age"
          app:layout_constraintBottom_toTopOf="@+id/guideline2"
          app:layout_constraintEnd_toStartOf="@+id/guideline4"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="@+id/guideline" />

      <TextView
          android:id="@+id/textView3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/text_gender"
          app:layout_constraintBottom_toTopOf="@+id/guideline3"
          app:layout_constraintEnd_toStartOf="@+id/guideline4"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="@+id/guideline2" />

      <TextView
          android:id="@+id/textView4"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"

你可能感兴趣的:(android,kotlin,android,studio,java)