DataBanding

Databinding 从入门到精通(一)

2019-06-26  本文已影响0人  龚十一

背景

最初写Databinding系列的初衷,一方面是想加强对Databinding的理解及巩固,另一方面是想跟大家分享一下Databinding这个优秀的组件究竟有哪些方面的优势和缺陷?最初几篇文章我会从实际出发,详细介绍Databinding的使用及开发注意点,最后几篇,我会结合目前的实际使用,做一个个人认知的详述、优缺点介绍及和真响应式框架MvRx的对比分析。

DataBinding 是谷歌官方发布的一个框架,顾名思义即为数据绑定,是 MVVM 模式在 Android 上的一种实现,用于降低布局和逻辑的耦合性,使代码逻辑更加清晰。MVVM 相对于 MVP,其实就是将 Presenter 层替换成了 ViewModel 层。Databinding 能够省去我们一直以来的 findViewById() 步骤,大量减少 Activity 内的代码,数据能够单向或双向绑定到 layout 文件中,有助于防止内存泄漏,而且能自动进行空检测以避免空指针异常。

1、环境搭建

启用 DataBinding 的方法是在对应 Model 的 build.gradle 文件里加入以下代码,Gradle编译之后能引入对 Databinding 的支持。

android {
    ...
    dataBinding {
        enabled = true
    }
    ...
}

2、基础使用

以下代码使用将使用Kotlin语言进行编码详述

使用Databing之后,layout布局文件会跟以前的Layout布局文件不同,它以<layout>标签为根节点,并且所有的文件声明都需要放在<layout>标签中,如:xmlns:android="xxx"和app:android="xxx"等等;<data>标签放引用包相关的东西。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
   <data>
       <variable
          name="user" 
          type="com.qing.demo.bean.UserBean"/>
   </data>
   <LinearLayout
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent">

       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.firstName}"/>

       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.lastName}"/>
   </LinearLayout>
</layout>

UserBan.kt

class UserBean(var firstName: String?, var lastName: String?)

在Activity中使用Databinding必须要用DataBindingUtil.setContentView(),不要用setContentView(R.layout.activity_main)。不然就无法使用Databinding的功能。

class MainActivity : AppCompatActivity() {

    private lateinit var dataBinding:ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
//        setContentView(R.layout.activity_main)
        dataBinding = DataBindingUtil.setContentView(this,R.layout.activity_main)
        dataBinding.user = UserBean("飞","张")
    }
}

至此基于Databinding框架的Demo我们已经完成。接下来,我对上面Xml中运用的标签做一个技术总结。

3、总结

3.1 layout

布局根节点必须是<layout>必须是对称使用 . 同时layout只能包含一个View标签. 不能直接包含<merge>

3.2 data

<data>放在<layout>中,并且一个xml有且仅有一个<data>标签

3.2.1 class

<data>标签有个属性<class>可以自定义DataBinding生成的类名以及路径。

3.2.2 variable

variable在<data>标签中使用,声明要使用到的变量名、类的全路径

<variable
     name="user" 
     type="com.qing.demo.bean.UserBean"/>

上面可以换成下面的写法,UserBean可以用import的方式应用进来,其中java.lang.* 包中的类会被自动导入,不需要再引入。

    <data>
        <import type="com.qing.demo.bean.UserBean"/>
        <variable
            name="user"
            type="UserBean"/>
   </data>

如果导入两个不同包同名的类时,alias属性(别名属性)区分。

<import type="com.qing.demo.bean.UserBean" />
<import type="com.qing.demo.UserBean" alias="DetailUser" />
<variable name="user" type="DetailUser" />

3.3 @{}

强调XML中的@{} 只做赋值或者简单的三元运算或者判空等不要做复杂运算, 否则违背解耦原则。

@{}操作符是用于将user.firstName设置给TextView,相当于TextView.setText(user.firstName)

<TextView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@{user.firstName}"/>

遇到Databinding编译报错,别慌先使用clean project->rebuild project,若任何报错,请点击File->invalidate cache and restart ,若还是报错,请使用终极清理三板斧
./gradlew --stop
./gradlew cleanBuildCache
./gradlew clean
最后若仍然报错,就慢慢去看编译的日志吧。

参考

Android DataBinding 从入门到进阶
Google官网

上一篇下一篇

猜你喜欢

热点阅读