《Android编程权威指南》之数据绑定与MVVM（一）

最新推荐文章于 2023-03-11 15:08:51 发布

阿尔法789

最新推荐文章于 2023-03-11 15:08:51 发布

阅读量480

点赞数

CC 4.0 BY-SA版权

分类专栏： Android进阶学习 Android Android优化文章标签： android kotlin java

本文链接：https://blog.csdn.net/Aerfa789/article/details/123121726

Android 同时被 3 个专栏收录

194 篇文章

订阅专栏

Android进阶学习

136 篇文章

订阅专栏

Android优化

73 篇文章

订阅专栏

本文介绍了《Android编程权威指南》中关于MVVM架构和数据绑定的实践，通过创建BeatBox应用展示了如何利用Jetpack库进行数据绑定，以及如何在assets中存储和加载资源。文章还提到了Jetpack Compose的优势和学习的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

《Android编程权威指南》第19 章第一篇，这里将会开发一个新应用了。翻译过来叫节拍盒子。此项目将学习使用 Jetpack 架构组件库中的数据绑定（databinding）工具，并用它实现 MVVM 新架构。此外，还会学习使用资源系统（assets system）存储声音文件。

一、为何要用MVVM架构

fragment 和 activity 开始膨胀，逐渐变得难以理解和扩展。添加新功能或修复 bug 需要耗费很长时间。此时，控制器层就需要做功能拆分了。MVVM 架构模型可以帮助我们做拆分。

对于架构模式，由于业务不同，场景不一样，每个人的具体实现方法也会有些差异。

二、MVVM View Model 与Jetpack ViewModel

MVVM 中的视图模型（view model）跟 Jetpack 库中的 ViewModel 类是两个不同的概念。为避免混淆，二者在命名上做下区分：一个叫视图模型，另一个叫 ViewModel。😑

三、创建 BeatBox 应用

创建新应用 BeatBox，给视图添加 RecyclerView。

<?xml version="1.0" encoding="utf-8"?>
<androidx.recyclerview.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

四、实现简单的数据绑定

本节将不调用 findViewById(…) 做到引用视图。

先在 build.gradle 中配置插件，启用数据绑定。

plugins {
    ...
    id 'kotlin-kapt'
}

android {
    ...
    buildFeatures{
        dataBinding true
    }
}

然后把一般布局改造为数据绑定布局。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

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

标签告诉数据绑定工具：“这个布局应该由你来处理。”接到任务，数据绑定工具会生成一个绑定类（binding class）。新生成的绑定类默认以布局文件命名，再加个 Binding 后缀。命名格式是驼峰式命名（CamelCase）。

例如，activity_main.xml 就有了 ActivityMainBinding 绑定类。其中 root 属性引用着布局视图结构，它也会引用布局中以 android:id 标签的其他控件。

这里 ActivityMainBinding 有两个引用，root 和 recyclerView，其中前者指整个布局，后者指RecyclerView，它们都指向同一个 RecyclerView 视图，如图所示：

ActivityMainBinding绑定类

MainActivity.kt：

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val binding: ActivityMainBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_main)

        binding.recyclerView.apply {
            layoutManager = GridLayoutManager(context, 3)
            adapter = SoundAdapter()
        }
    }

    private inner class SoundHolder(private val binding:ListItemSoundBinding):RecyclerView.ViewHolder(binding.root){

    }

    private inner class SoundAdapter():RecyclerView.Adapter<SoundHolder>(){

        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int):
            SoundHolder{
                val binding = DataBindingUtil.inflate<ListItemSoundBinding>(
                    layoutInflater,
                    R.layout.list_item_sound,
                    parent,
                    false
                )
                return SoundHolder(binding)
        }

        override fun onBindViewHolder(holder: SoundHolder, position: Int) {

        }
        override fun getItemCount() = 0
    }
}

布局文件 res/layout/list_item_sound.xml

<?xml version="1.0" encoding="utf-8"?>

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <Button
        android:layout_width="match_parent"
        android:layout_height="120dp"
        tools:text="Sound name" />

</layout>

RecyclerView 配置完毕，下一小节开始搞点数据来显示。