首页 > 其他分享 >Jetpack系列-Room+ViewModel+LiveData+ViewBinding实现MVVM

Jetpack系列-Room+ViewModel+LiveData+ViewBinding实现MVVM

时间:2023-06-19 10:34:52浏览次数:40  
标签:Room MVVM Jetpack binding allBook private var fun class


Room能和LiveData很好的结合实现MVVMRoom可以利用LiveData的观察者模式,感知Lifecyle的状态,实现数据驱动UI,避免MVP模式下更新UI需要大量回调接口的繁琐。

Jetpack系列-Room+ViewModel+LiveData+ViewBinding实现MVVM_ide

下面整合RoomViewModelLiveDataViewBinding,实现一个简单的MVVM示例项目。

1 引入依赖

引入ViewModel依赖:

dependencies {
    
    def lifecycle_version = "2.4.1"
    
    // ViewModel
    implementation("androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version")
    ...   
 }

引入Room依赖:

dependencies {
    ...
    def room_version = "2.4.2"

    // Room
    implementation "androidx.room:room-runtime:$room_version"
    kapt "androidx.room:room-compiler:$room_version"
    ...
}

添加kapt支持:

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

开启ViewBinding

android {   
    ...
    viewBinding{
        enabled = true
    }
}

2 Model层

创建实体类Book

@Entity
data class Book constructor(
    @field:ColumnInfo(name = "name") var name: String,
    @field:ColumnInfo(name = "author") var author: String
) {
    
    @PrimaryKey(autoGenerate = true)
    var bookId: Int = 0
}

创建DAO

@Dao
interface BookDao {
    
    @Insert
    fun insert(book: Book)
    
    @Query("select * from Book")
    fun queryAll(): LiveData<MutableList<Book>>
    
}

创建DataBase

@Database(entities = [Book::class], version = 1, exportSchema = false)
abstract class AppDataBase : RoomDatabase() {

    companion object {
        private var instance: AppDataBase? = null
        fun getInstance(context: Context): AppDataBase? {
            synchronized(AppDataBase::class.java) {
                if (instance == null) {
                    //初始化Room 单例
                    instance = Room.databaseBuilder(context, AppDataBase::class.java, "MsDB")
                        .allowMainThreadQueries()
                        .build()
                }
            }
            return instance
        }
    }

    abstract fun bookDao(): BookDao
}

3 Repository层

class BookRepository(context: Context) {
    private var allBook: LiveData<MutableList<Book>>? = null
    private var bookDao: BookDao? = null

    init {
        val dataBase = AppDataBase.getInstance(context)
        bookDao = dataBase?.bookDao()

        allBook = bookDao?.queryAll()
    }

    fun insert(book: Book) {
        bookDao?.insert(book)
    }

    fun queryAll(): LiveData<MutableList<Book>>? {
        return bookDao?.queryAll()
    }
}

4 ViewModel层

class BookViewModel(application: Application) : AndroidViewModel(application) {
    private var bookRepository: BookRepository? = null

    init {
        bookRepository = BookRepository(application)
    }

    fun insert(book: Book){
        bookRepository?.insert(book)
    }

    fun queryAll():LiveData<MutableList<Book>>?{
        return bookRepository?.queryAll()
    }
}

5 View层

activity_main.xml中添加一个RecyclerView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              tools:context=".MainActivity">
  
  <androidx.recyclerview.widget.RecyclerView
                                             android:id="@+id/recycler_view"
                                             android:layout_width="match_parent"
                                             android:layout_height="wrap_content" />
  
</LinearLayout>

创建item布局item_book.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:textColor="@color/black"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/tv_author"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/darker_gray"
        android:textSize="14sp" />

</LinearLayout>

实现RecyclerViewAdapter

class BookAdapter(private val allBook: MutableList<Book>) :
RecyclerView.Adapter<BookAdapter.MyHolder>() {
    
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyHolder {
        val binding = ItemBookBinding.inflate(LayoutInflater.from(parent.context))
        return MyHolder(binding)
    }
    
    override fun onBindViewHolder(holder: MyHolder, position: Int) {
        Log.d("---MS---", "onBindViewHolder: $position ${allBook[position].name}")
        holder.binding.tvName.text = allBook[position].name
        holder.binding.tvAuthor.text = allBook[position].author
    }
    
    override fun getItemCount() = allBook.size
    
    inner class MyHolder(val binding: ItemBookBinding) :
    RecyclerView.ViewHolder(binding.root)
}

Activity中进行UI更新:

class MainActivity : AppCompatActivity() {

    private var viewModel: BookViewModel? = null
    private var binding: ActivityMainBinding? = null
    private var adapter: BookAdapter? = null
    private val allBook by lazy { mutableListOf<Book>() }

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

        //绑定布局
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding?.root)

        //初始化RecyclerView
        binding?.recyclerView?.layoutManager =
            LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false)
        adapter = BookAdapter(allBook)
        binding?.recyclerView?.adapter = adapter

        //创建ViewModel
        viewModel = ViewModelProvider(
            this,
            ViewModelProvider.AndroidViewModelFactory.getInstance(application)
        )[BookViewModel::class.java]

        //监听LiveData数据变化
        viewModel?.queryAll()?.observe(this) {
            allBook.clear()
            allBook.addAll(it)
            adapter?.notifyDataSetChanged()
        }

        //模拟添加数据
        thread {
            for (i in 0..100) {
                Thread.sleep(1000)
                viewModel?.insert(Book("书名$i", "作者$i"))
            }
        }
    }
}


标签:Room,MVVM,Jetpack,binding,allBook,private,var,fun,class
From: https://blog.51cto.com/u_16163480/6511313

相关文章

  • WPF入门教程系列二十八 ——DataGrid使用示例MVVM模式(6)
    WPF入门教程系列目录WPF入门教程系列二——Application介绍WPF入门教程系列三——Application介绍(续)WPF入门教程系列四——Dispatcher介绍WPF入门教程系列五——Window介绍WPF入门教程系列十一——依赖属性(一)WPF入门教程系列十五——WPF中的数据绑定(一)   八......
  • 1、Android中MVC、MVP和MVVM架构模式的区别
    架构模式为项目文件提供了模块化,并确保所有的代码在单元测试中得到覆盖。它使开发人员很容易维护软件,并在未来扩展应用程序的功能。MVC(模型-视图-控制器)、MVP(模型-视图-展示者)和MVVM(模型-视图-视图模型)是开发人员中最流行和行业公认的安卓架构模式。模型-视图-控制器(MVC)模......
  • Adobe Lightroom Classic 2022 V11【图片后期处理软件】直装版安装教程
    Lightroom2022是一款功能强大、非常专业的图片编辑软件,由著名公司Adobe制作,可以为用户编辑照片。这个软件和我们熟悉的ps有很大的不同。它主要帮助用户简单方便地管理电脑上的照片,甚至完成照片的一些修改,比如去除不需要的物体,校正照片,增强照片的颜色。在生活中,很多人经常处理照片,但......
  • 三种架构模式简介(MVC、MVP、MVVM)
    一简介手机终端随着每年的更新换代,其性能也飞速增长。依附于此的Android应用规模也愈发复杂。截止2023年4月,最新版本8.0.32微信apk大小为238MB,而对比2011年微信1.0版本apk包大小仅为457KB,短短12年增长了533倍。随着应用规模增大,功能扩展困难、测试规......
  • MVVM开发模式+双向数据绑定及扩展
    一、MVVM开发模式(1)前端的视图层概念=》由MVC演化(2)M:model【模型层】:渲染页面所以来的数据源(通过ajax从服务端获取的数据)  V:view【视图层】:将数据模型转换成UI展示给用户  VM:【视图模型层】:当监听到DOM变化时,会自动地更新数据源里面所依赖的数据......
  • Avalonia如何快速使用Prism进行MVVM开发,实现Prism区域导航功能
    新建ViewA和ViewB以及他的ViewModel 创建View和WPF开发是一样的,创建UserControl,注意avalonia里面需要指定DataType的类型。 创建ViewModel,这里面和开发WPF是一模一样的 到App里面取注册Region  到Window里面取写好界面,创建一个Region用于导航 MainWindowVie......
  • Avalonia如何快速使用Prism进行MVVM开发
    Avalonia版本:RC1.1Prism.Avalonia版本:8.1.97.11000-rc1.1创建Avalonia模板  如果没有RC1.1模板的取看下官网文档,更新一下模板的版本GettingStarted-AvaloniaUI 进入App.axaml.cs文件修改,将App的继承由Application改为PrismApplication,实现prism里面的抽象 到......
  • WPF入门教程系列二十八 ——DataGrid使用示例MVVM模式(5)
    WPF入门教程系列目录WPF入门教程系列二——Application介绍WPF入门教程系列三——Application介绍(续)WPF入门教程系列四——Dispatcher介绍WPF入门教程系列五——Window介绍WPF入门教程系列十一——依赖属性(一)WPF入门教程系列十五——WPF中的数据绑定(一)  添加Cl......
  • Vue开发实战(02)-MVVM模式
    1JQ实现待办任务列表<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>TodoListJquery</title><scriptsrc='jquery.js'></script></head><......
  • WPF入门教程系列二十七 ——DataGrid使用示例MVVM模式(4)
    WPF入门教程系列目录WPF入门教程系列二——Application介绍WPF入门教程系列三——Application介绍(续)WPF入门教程系列四——Dispatcher介绍WPF入门教程系列五——Window介绍WPF入门教程系列十一——依赖属性(一)WPF入门教程系列十五——WPF中的数据绑定(一)   ......