ViewModel_DataBinding_SavedStateHandle(kotlin)

最新推荐文章于 2024-07-19 08:30:00 发布
最新推荐文章于 2024-07-19 08:30:00 发布
阅读量532 收藏 4
点赞数
分类专栏： jetpack 文章标签： android app 安卓 jetpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rolandlee01/article/details/105457611
版权

本文为jetpack学习案例，来自于
https://www.bilibili.com/video/BV1w4411t7UQ/?p=13

涉及内容：
ViewModel
LiveData
Databinding
android studio 自带图标库
SavedStateHandle

篮球计分器：使用ViewModel+DataBinding来进行ui操作，使用SavedStateHandle保存数据

Screenshot_1586529229

一、配置

本文环境为：

android studio 3.6.2 
gradle version 5.6.4
kotlin version 1.3.71
windows 10 pro

app build.gradle中开启databinding

   dataBinding { // 开启 DataBinding

            enabled true

        }

导入viewModel依赖

 implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'
 implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.2.0'

二、代码编写

1.界面

新手注意

1.一定要转换布局，否则没办法进行绑定

在这里插入图片描述

2.注意绑定点击事件的方式

android:onClick="@{()->data.addScore2B(1)}"

3.绑定数值方式

android:text="@{data.getTeanAScore().toString()}"

具体布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="data"
            type="com.example.scorer.MyViewModel" />
    </data>
<androidx.constraintlayout.widget.ConstraintLayout 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.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.5" />

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

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

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

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

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

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

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

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/textview1"
        android:textSize="@dimen/TeamTextSize"
        app:layout_constraintBottom_toTopOf="@+id/guideline5"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline6" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/textview2"
        android:textSize="@dimen/TeamTextSize"
        app:layout_constraintBottom_toTopOf="@+id/guideline5"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="@+id/guideline4"
        app:layout_constraintTop_toTopOf="@+id/guideline6" />

    <TextView
        android:id="@+id/scoreA"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{data.getTeanAScore().toString()}"
        android:textColor="@color/colorTeamA"
        android:textSize="@dimen/scoreTextSize"
        app:layout_constraintBottom_toTopOf="@+id/guideline7"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline5" />

    <TextView
        android:id="@+id/scoreB"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{data.getTeanBScore().toString()}"
        android:textSize="@dimen/scoreTextSize"
        android:textColor="@color/colorAccent"
        app:layout_constraintBottom_toTopOf="@+id/guideline7"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline4"
        app:layout_constraintTop_toTopOf="@+id/guideline5" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button1"
        android:textSize="@dimen/buttonSize"
        android:background="@color/colorTeamA"
        android:onClick="@{()->data.addScore2A(1)}"
        app:layout_constraintBottom_toTopOf="@+id/guideline9"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline7" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button1"
        android:textSize="@dimen/buttonSize"
        android:background="@color/colorAccent"
        android:onClick="@{()->data.addScore2B(1)}"
        app:layout_constraintBottom_toTopOf="@+id/guideline9"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline4"
        app:layout_constraintTop_toTopOf="@+id/guideline7" />

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button2"
        android:textSize="@dimen/buttonSize"
        android:background="@color/colorTeamA"
        android:onClick="@{()->data.addScore2A(2)}"
        app:layout_constraintBottom_toTopOf="@+id/guideline10"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline9"
        />

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button2"
        android:textSize="@dimen/buttonSize"
        android:background="@color/colorAccent"
        android:onClick="@{()->data.addScore2B(2)}"
        app:layout_constraintBottom_toTopOf="@+id/guideline10"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline4"
        app:layout_constraintTop_toTopOf="@+id/guideline9" />

    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button3"
        android:textSize="@dimen/buttonSize"
        android:background="@color/colorTeamA"
        android:onClick="@{()->data.addScore2A(3)}"
        app:layout_constraintBottom_toTopOf="@+id/guideline11"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline10" />

    <Button
        android:id="@+id/button7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button3"
        android:textSize="@dimen/buttonSize"
        android:background="@color/colorAccent"
        android:onClick="@{()->data.addScore2B(3)}"
        app:layout_constraintBottom_toTopOf="@+id/guideline11"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline4"
        app:layout_constraintTop_toTopOf="@+id/guideline10" />

    <ImageButton
        android:id="@+id/imageButton_undo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/guideline12"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline11"
        android:contentDescription="@string/undo"
        android:onClick="@{()->data.undo()}"
        app:srcCompat="@drawable/ic_undo_black_24dp" />

    <ImageButton
        android:id="@+id/imageButton_refresh"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/guideline12"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline4"
        app:layout_constraintTop_toTopOf="@+id/guideline11"
        android:contentDescription="@string/refresh"
        android:onClick="@{()->data.reset()}"
        app:srcCompat="@drawable/ic_loop_black_24dp" />


</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
2.MainActivity
package com.example.scorer

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.databinding.DataBindingUtil
import androidx.lifecycle.SavedStateViewModelFactory
import androidx.lifecycle.ViewModel
import androidx.lifecycle.ViewModelProvider
import androidx.lifecycle.ViewModelProviders
import com.example.scorer.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

    private lateinit var mViewModel: MyViewModel
    var binding: ActivityMainBinding ?= null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
//        setContentView(R.layout.activity_main)
        //绑定视图
        binding=DataBindingUtil.setContentView(this,R.layout.activity_main)
        mViewModel=ViewModelProvider(this).get(MyViewModel::class.java)
        //绑定数据
        binding!!.data=mViewModel
        //绑定生命周期
        binding!!.lifecycleOwner = this

    }

    companion object {
        const val SCOREA:String="scoreA"
        const val SCOREB:String="scoreB"
        const val LIST:String="List"
    }
}
3.MyViewModel
package com.example.scorer

import android.util.Log
import android.widget.Toast
import androidx.lifecycle.ViewModel
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.SavedStateHandle
import kotlin.math.log

class MyViewModel(handle: SavedStateHandle) : ViewModel() {
    //声明变量：两队的分数，使用MutableLiveData
    private  var teamAScore:MutableLiveData<Int>?=null
    private  var teamBScore:MutableLiveData<Int>?=null
    //撤回信息数组
    private var list:MutableLiveData<ArrayList<Undo>>? = null
    private var mhandle=handle


    /**
     * 获取A队分数
     */
    fun getTeanAScore(): MutableLiveData<Int>{
        if (teamAScore==null){
            if (!(mhandle!!.contains(MainActivity.SCOREA))){
                mhandle!!.set(MainActivity.SCOREA,0)
            }
            teamAScore= mhandle!!.getLiveData(MainActivity.SCOREA)
            return teamAScore as MutableLiveData<Int>
        }else{
            return teamAScore as MutableLiveData<Int>
        }
//

    }

    /**
     * 获取撤销数组
     */
    fun getList(): MutableLiveData<ArrayList<Undo>>? {
        if (!(mhandle!!.contains(MainActivity.LIST))){
            var mlist= arrayListOf<Undo>()
            mhandle.set(MainActivity.LIST, mlist)
        }
        list=mhandle.getLiveData(MainActivity.LIST)
        return list
    }
    /**
     * 获取B队分数
     */
    fun getTeanBScore():MutableLiveData<Int>{
        if (teamBScore==null){
            if (!(mhandle!!.contains(MainActivity.SCOREB))){
                mhandle!!.set(MainActivity.SCOREB,0)
            }
            teamBScore= mhandle!!.getLiveData(MainActivity.SCOREB)
            return teamBScore as MutableLiveData<Int>
        }else{
            return teamBScore as MutableLiveData<Int>
        }
    }

    /**
     * A队加分
     */
    fun addScore2A(n:Int){
        if (list==null){
            getList()
        }
        list!!.value!!.add(Undo("A", teamAScore?.value!!))
        teamAScore?.value = teamAScore?.value?.plus(n)


    }

    /**
     * B队伍加分
     */
    fun addScore2B(n:Int){
        if (list==null){
            getList()
        }
        list!!.value!!.add(Undo("B", teamBScore?.value!!))
        teamBScore?.value = teamBScore?.value?.plus(n)


    }

    /**
     * 重置
     */
    fun reset(){
        list!!.value!!.add(Undo("A", teamAScore?.value!!))
        list!!.value!!.add(Undo("B", teamBScore?.value!!))
        teamAScore.also {
            it!!.value=0
        }

        teamBScore.also {
            it!!.value=0
        }

    }

    /**
     * 撤回
     */
    fun undo(){
      if (list!!.value!!.size>0){
          var undo=list!!.value!![list!!.value!!.size-1]

          when(undo.team){
              "A"->{
                  teamAScore?.value = undo.n
                  Log.i("score","A 加分：${teamAScore?.value!!}")
              }
              "B"->{
                  teamBScore?.value = undo.n
                  Log.i("score","B 加分：${teamBScore?.value!!}")
              }
          }
          list!!.value!!.removeAt(list!!.value!!.size-1)
      }
    }
}
4.Undo
package com.example.scorer

import android.os.Parcel
import android.os.Parcelable
import java.io.Serializable

/**
 * 保存撤回所用的信息
 */
data class Undo(val team:String,val n:Int):Serializable{

}

三、补充知识点

1.android studio自带图标库

image-20200410222657113
image-20200410222845366

项目
https://gitee.com/lee_gitee/Jetpack_DataBinding_kotlin

rolandlee01
关注
专栏目录
【Jetpack系列】DataBinding简单使用（Kotlin）
droidYu
07-20 786
DataBinding学习笔记
Android Jetpack 组件之 ViewModel（Kotlin）
Alpinist Wang
04-25 4587
ViewModel 可以自动感知生命周期，处理页面数据的保存与恢复。
ViewModel+SavedStateHandle+LiveData+dataBinding.zip
08-11
这个小例子我通过使用Jetpack的ViewModel和dataBinding以及LiveData完成的一个小例子。有兴趣的可以看一下。这个是我在B站学习的 原文连接：https://www.bilibili.com/video/BV1w4411t7UQ
Android Kotlin中使用 LiveData、ViewModel快速实现MVVM模式
最新发布
AntDream的程序世界
07-19 829
本文首发于公众号“AntDream”，欢迎微信搜索“AntDream”或扫描文章底部二维码关注，和我一起每天进步一点点使用 Kotlin 实现 MVVM（Model-View-ViewModel）模式是开发 Android 应用程序的一种常见架构方式。MVVM 模式将应用程序的 UI 逻辑和业务逻辑分离，使用 LiveData、ViewModel 和 DataBinding 可以使代码更加模块化和可维护。
kotlin ViewModel SavedStateHandle临时保存数据
我不是乘树猿
08-19 546
教程使用kotlin语言，使用了Jetpack库中的ViewModel，LiveData,DataBindeing等组件 1.build.gradle（app）中添加 android { dataBinding { enabled = true } } 2.activity_main.xml <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.a
Jetpack架构组件库-ViewMode之SavedStateHandle数据存储
heiyl的专栏
12-16 888
前言在引入了 Jetpack 之后，我们通常使用 ViewModel 组件来管理数据，当页面因配置变更（尤其是在发生像旋转这样频繁的配置更改之后）而重建时，可以使用 ViewModel ...
当进程被杀死，使用ViewModel中SavedStateHandle使数据存活
qq_51308635的博客
09-04 345
当进程被杀死，使用ViewModel中SavedStateHandle使数据存活。
ViewModelSaveState
ArtinCode
06-04 384
记得加上依赖 module的gradle implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0' implementation "androidx.lifecycle:lifecycle-viewmodel:2.2.0"
CustomView_Mvvm_DataBinding_BindingAdapters：使用带有绑定适配器的DataBinding的Mvvm创建CustomView
03-02
本项目“CustomView_Mvvm_DataBinding_BindingAdapters”就是这样一个示例，它演示了如何利用Kotlin语言来实现带有绑定适配器的Data Binding，以创建一个基于Mvvm的自定义视图。 首先，我们要理解MVVM架构。这是一...
MyApplication_Databinding-master_Androidmvvm_
10-04
6. **Kotlin Coroutines或Retrofit**：可能用于异步数据加载，提高性能和用户体验。 7. **Jetpack Components**：项目可能使用了Android Jetpack组件，如Room数据库来处理本地持久化，Paging库进行分页加载，...
GeekNews：一个使用Kotlin，DataBinding，LiveData，ViewModel和Room的MVVM实践应用程序。 该应用程序的数据源来自https：gank.ioapi
02-03
这是一个基于MVVM结构的练习项目，使用几乎100％的Kotlin语言开发，主要用来尝试一些新东西，使用了Andorid Jetpack中的DataBinding，ViewModel，LiveData和Room。另外练习了一下viewGroup的布局（见项目中的...
Mvvm: ViewModel+LiveData+DataBinding+Retrofit+Room总结与实践demo
03-21
Mvvm: ViewModel+LiveData+DataBinding+Retrofit+Room实践
jetpack-navigation-ftue-sample:[DEMO]基于简单堆栈教程中的FTUE示例代码，在使用Jetpack-Navigation，NavGraphs，Dagger，SavedStateHandle，Hilt和EventEmitter的单活动应用程序中显示“首次用户体验”的示例代码，但是最初由Google描述
04-01
Jetpack导航+片段+ NavGraphs + SavedStateHandle + Dagger-Hilt + EventEmitter（吐司/导航命令） 这是上述工具（主要是Jetpack导航+ NavGraph范围的ViewModel + SavedStateHandle + Dagger-Hilt）的示例存储库。 可以将其直接与。 执照 Copyright 2020 Gabor Varadi Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/
ViewModel+LiveData+DataBinding使用
ITRenj的博客
07-30 2530
ViewModel+LiveData+DataBinding使用 Android DataBinding 使用博客说明 Android DataBinding 使用测试代码 简书：ViewModel、LiveData 使用 CSDN：ViewModel、LiveData 使用 在上面的内容中，知道了 DataBinding 的使用，以及 ViewModel和LiveData的使用，在LiveDat...
在AndroidViewModel中，使用SavedStateHandle和Sharedpreferences让ViewModel访问全局资源
qq_51308635的博客
09-03 930
在AndroidViewModel中，使用SavedStateHandle和Sharedpreferences让ViewModel访问全局资源。
ViewModel探索（2）之SavedState
qq_21349039的博客
04-24 377
当页面恢复的时候，会从 onCreate(Bundle savedInstanceState) 中的 savedInstanceState 中取出原来存放的总的那个 Bundle，然后再取出一个个的属于 ViewModel 的子 Bundle，于是我们就能在 ViewModel 中复用之前存储的数据了。上面贴了几个类的源码，但是实际上想表达的东西很简单，就是Activity初始化ViewModel是用SavedStateViewModelFactory进行初始化的。已经到最后的最后了，我们上源码。
SavedStateHandle使用
浅草池塘的博客
02-08 361
class TestActivity : AppCompatActivity(), SavedStateRegistryOwner { private val mSavedStateRegistryController = SavedStateRegistryController.create(this) private lateinit var saveStateViewModel: SaveStateViewModel override fun onCreate(saved.
SavedStateHandle 简单用法
玩会
10-27 1275
SavedStateHandle 使用 savedStateHandle 可以保存界面的一些奇怪状态，有点像onSaveInstanceState()，但是好像比onSaveInstanceState()稍微强大一丢丢，好像用起来还挺顺手。还和ViewModel搞了联动，用起来又变强大了。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/9ad5a5a3238f40a682da39dee62db98d.PNG#pic_center) ...
SavedStateHandle的使用，临时保存数据
Mrlove的博客
01-15 8926
当使用Savedstate保存数据之后，后台进程关闭，数据 也会得到保留 首先在build.gradle文件中添加一下依赖 android { dataBinding.enabled = true 。。。 } dependencies { implementation 'androidx.lifecycle:lifecycle-extens...
kotlin 如何 使用 dataBinding 和 VideModel 完成双向绑定
06-10
要使用双向绑定，需要在项目中引入Data Binding库。在项目的build.gradle文件中添加以下依赖项： ``` android { ... dataBinding { ...这样，我们就完成了使用dataBinding和ViewModel进行双向绑定的过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值