Android DataBinding 与 MVVM

一、DataBinding 核心概念

定义 :DataBinding 是 Android Jetpack 的官方库,允许在布局文件中直接绑定 UI 组件到数据源,减少模板代码并实现自动更新。

核心优势

  1. 消除 findViewById() 调用

  2. 自动 UI 更新(数据变化 → UI 刷新)

  3. 支持双向绑定(UI 变化 → 数据更新)

  4. 布局表达式支持逻辑运算

  5. 与 MVVM 架构完美契合


二、配置与基础使用

1. 启用 DataBinding
Kotlin 复制代码
android {
    buildFeatures {
        dataBinding = true
    }
}
2. 基础布局绑定 (activity_main.xml)
XML 复制代码
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable 
            name="user" 
            type="com.example.User" />
    </data>

    <LinearLayout>
        <TextView
            android:text="@{user.name}"  <!-- 单向绑定 -->
            android:visibility="@{user.isAdult ? View.VISIBLE : View.GONE}"/>
            
        <EditText
            android:text="@={user.email}" />  <!-- 双向绑定 -->
    </LinearLayout>
</layout>
3. 在 Activity/Fragment 中绑定
Kotlin 复制代码
class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        // 数据绑定初始化
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        
        // 设置数据对象
        binding.user = User("John", "john@example.com", true)
        
        // 设置生命周期所有者(用于LiveData)
        binding.lifecycleOwner = this
    }
}

三、MVVM 模式集成 DataBinding

MVVM 架构图
bash 复制代码
[View] ---(观察)---> [ViewModel] <---(管理)---> [Model]
   ↑                      |
   └──(DataBinding绑定)──┘
1. 创建 ViewModel
Kotlin 复制代码
class UserViewModel : ViewModel() {
    // 使用 LiveData 实现数据观察
    private val _user = MutableLiveData<User>()
    val user: LiveData<User> = _user

    // 双向绑定的可观察字段
    val inputText = ObservableField<String>("")

    init {
        _user.value = User("Alice", "alice@domain.com", true)
    }

    // 处理 UI 事件
    fun updateUser() {
        _user.value = User(inputText.get() ?: "", "", true)
    }
}
2. 更新布局绑定
Kotlin 复制代码
<data>
    <variable 
        name="viewModel" 
        type="com.example.UserViewModel" />
</data>

<TextView
    android:text="@{viewModel.user.name}" />
    
<EditText
    android:text="@={viewModel.inputText}" />  <!-- 双向绑定到ViewModel -->

<Button
    android:onClick="@{() -> viewModel.updateUser()}" />  <!-- 绑定点击事件 -->
3. Activity/Fragment 集成
Kotlin 复制代码
class MainActivity : AppCompatActivity() {
    private val viewModel: UserViewModel by viewModels()

    override fun onCreate(savedInstanceState: Bundle?) {
        val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        
        // 绑定 ViewModel
        binding.viewModel = viewModel
        
        // 设置生命周期所有者
        binding.lifecycleOwner = this
    }
}
相关推荐
zhangphil7 小时前
HARDWARE 属性的Bitmap与普通Bitmap,GPU与RenderThread渲染与处理方式异同比较,Android
android
消失的旧时光-19438 小时前
Flutter 异步编程:Future 与 Stream 深度解析
android·前端·flutter
alexhilton9 小时前
Compose CameraX现已稳定:给Composer的端到端指南
android·kotlin·android jetpack
阿里云云原生11 小时前
移动端性能监控探索:可观测 Android 采集探针架构与实现
android
雨白11 小时前
玩转 Flow 操作符(一):数据转换与过滤
android·kotlin
二流小码农11 小时前
鸿蒙开发:web页面如何适配深色模式
android·ios·harmonyos
消失的旧时光-194313 小时前
TCP 流通信中的 EOFException 与 JSON 半包问题解析
android·json·tcp·数据
JiaoJunfeng14 小时前
android 8以上桌面图标适配方案(圆形)
android·图标适配
参宿四南河三14 小时前
Android Compose快速入门手册(真的只是入门)
android·app
芦半山15 小时前
Looper究竟在等什么?
android