jetpack实战篮球积分小案例（ViewModel+数据绑定+lifedata）

最新推荐文章于 2022-07-11 17:25:09 发布
最新推荐文章于 2022-07-11 17:25:09 发布
阅读量363 收藏
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45353823/article/details/107864733
版权

案例效果

在这里插入图片描述

依赖导入

   dataBinding{
        enabled = true
    }

在这里插入图片描述

  def lifecycle_version = "2.2.0"
    implementation "androidx.lifecycle:lifecycle-livedata-ktx:$lifecycle_version"
    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version"
    implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'

xml代码

记住使用layout包裹，命名空间也要提至layout里

<?xml version="1.0" encoding="utf-8"?>
<layout 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:id="@+id/layout"
    tools:context=".MainActivity">

    <data>
<variable
    name="data"
    type="com.mt.baskballdemo.MyViewModel" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_begin="147dp" />

        <TextView
            android:gravity="center"
            android:textColor="#ff00"
            android:textSize="30dp"
            android:id="@+id/textView"
            android:layout_width="395dp"
            android:layout_height="145dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:text="篮球比赛计分案例"
            app:layout_constraintBottom_toTopOf="@+id/guideline"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="1.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.0" />

        <Button
            android:id="@+id/button"
            android:layout_width="117dp"
            android:layout_height="78dp"
            android:background="#009688"
            android:textColor="#F7F2F2"
            android:textSize="25sp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="8dp"
            android:text="+1"
            android:onClick="@{()->data.addANumber(1)}"
            app:layout_constraintBottom_toTopOf="@+id/button2"
            app:layout_constraintEnd_toStartOf="@+id/guideline2"
            app:layout_constraintHorizontal_bias="0.504"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline3"
            app:layout_constraintVertical_bias="0.259" />

        <Button
            android:id="@+id/button2"
            android:layout_width="117dp"
            android:layout_height="78dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="12dp"
            android:background="#009688"
            android:onClick="@{()->data.addANumber(2)}"
            android:text="+2"
            android:textColor="#F7F2F2"
            android:textSize="25sp"
            app:layout_constraintBottom_toTopOf="@+id/button3"
            app:layout_constraintEnd_toStartOf="@+id/guideline2"
            app:layout_constraintHorizontal_bias="0.527"
            app:layout_constraintStart_toStartOf="parent" />

        <Button
            android:id="@+id/button3"
            android:layout_width="117dp"
            android:layout_height="78dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="164dp"
            android:background="#009688"
            android:text="+3"
            android:onClick="@{()->data.addANumber(3)}"
            android:textColor="#F7F2F2"
            android:textSize="25sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/guideline2"
            app:layout_constraintHorizontal_bias="0.527"
            app:layout_constraintStart_toStartOf="parent" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_begin="205dp" />

        <Button
            android:id="@+id/button4"
            android:layout_width="117dp"
            android:layout_height="78dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="16dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:background="#3F51B5"
            android:text="+1"
            android:onClick="@{()->data.addBNumber(1)}"
            android:textColor="#F7F2F2"
            android:textSize="25sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.506"
            app:layout_constraintStart_toStartOf="@+id/guideline2"
            app:layout_constraintTop_toTopOf="@+id/guideline3" />

        <Button
            android:id="@+id/button5"
            android:layout_width="117dp"
            android:layout_height="78dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="12dp"
            android:background="#3F51B5"
            android:onClick="@{()->data.addBNumber(2)}"
            android:text="+2"
            android:textColor="#F7F2F2"
            android:textSize="25sp"
            app:layout_constraintBottom_toTopOf="@+id/button6"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.506"
            app:layout_constraintStart_toStartOf="@+id/guideline2" />

        <Button
            android:id="@+id/button6"
            android:layout_width="117dp"
            android:layout_height="78dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="164dp"
            android:background="#3F51B5"
            android:text="+3"
            android:onClick="@{()->data.addBNumber(3)}"
            android:textColor="#F7F2F2"
            android:textSize="25sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.506"
            app:layout_constraintStart_toStartOf="@+id/guideline2" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_begin="256dp" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="150dp"
            android:layout_height="50dp"
            android:textSize="30dp"
            android:textColor="#009688"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:text="@{String.valueOf(data.getaNumber())}"
            app:layout_constraintBottom_toTopOf="@+id/guideline3"
            app:layout_constraintEnd_toStartOf="@+id/guideline2"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="150dp"
            android:layout_height="50dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="8dp"
            android:text="@{String.valueOf(data.getbNumber())}"
            android:textColor="#3F51B5"
            android:textSize="30dp"
            app:layout_constraintBottom_toTopOf="@+id/guideline3"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline2"
            app:layout_constraintTop_toTopOf="@+id/guideline"
            app:layout_constraintVertical_bias="0.666" />

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="105dp"
            android:layout_height="94dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="8dp"
            android:onClick="@{()->data.undo()}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/guideline2"
            app:layout_constraintHorizontal_bias="0.571"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/button3"
            app:layout_constraintVertical_bias="0.574"
            app:srcCompat="@drawable/back" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="93dp"
            android:layout_height="85dp"
            android:layout_marginStart="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="8dp"
            android:onClick="@{()->data.reset()}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline2"
            app:layout_constraintTop_toBottomOf="@+id/button6"
            app:srcCompat="@drawable/reset" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

ViewModel代码

这里有两个数据，一个是A队的得分，一个B队的得分

package com.mt.baskballdemo;

import androidx.lifecycle.MutableLiveData;
import androidx.lifecycle.ViewModel;

public class MyViewModel extends ViewModel {
    private MutableLiveData<Integer> NumberA;
    private MutableLiveData<Integer> NumberB;
    private  int aBack,bBack;
    public MutableLiveData<Integer> getaNumber() {
        if(NumberA == null){
            //如果为空，就为Number赋值0
            NumberA = new MutableLiveData<>();
            NumberA.setValue(0);
        }
        return NumberA;
    }
    public MutableLiveData<Integer> getbNumber() {
        if(NumberB == null){
            //如果为空，就为Number赋值0
            NumberB = new MutableLiveData<>();
            NumberB.setValue(0);
        }
        return NumberB;
    }
    //加分
    public void addANumber(int n){
        aBack = NumberA.getValue();
        bBack = NumberB.getValue();
        NumberA.setValue(NumberA.getValue()+n);
    }
    public void addBNumber(int n){
        aBack = NumberA.getValue();
        bBack = NumberB.getValue();
        NumberB.setValue(NumberB.getValue()+n);
    }
    //清零
    public void  reset(){
        aBack = NumberA.getValue();
        bBack = NumberB.getValue();
        NumberA.setValue(0);
        NumberB.setValue(0);
    }
    //撤销
    public void  undo(){
        NumberA.setValue(aBack);
        NumberB.setValue(bBack);
    }
}

MainActivity代码

public class MainActivity extends AppCompatActivity {
ActivityMainBinding binding;
MyViewModel myViewModel;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //通过DataBindingUtil的setContentView方法或许布局
    binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
    //获取MyViewModel对象
        myViewModel = ViewModelProviders.of(this).get(MyViewModel.class);
        //为xml绑定数据
        binding.setData(myViewModel);
        //设置观察，便于监听数据变化
        binding.setLifecycleOwner(this);

    }
}

代码地址：

jetpack实战篮球积分小案例

William_Tao（攻城狮）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
关于 Lifecycle，LiveData，ViewModel
和小胖
02-07 1309
1、Android Jetpack 为何出现 服务端以及前端都有一些为人熟知的开发框架，比如服务端的以前的 Spring MVC 以及现在的 SpringBoot，还有前端的 Vue 等等，但是 Android 却很少出现一个广泛被大家使用的开发框架，如果非得说一个被大家用的最多的框架，那可能还就是 MVC 了，而 MVC 或许是最不是框架的框架了，因为即使用了它，代码依旧是臃肿不堪，耦合严重，...
LiveData详解
u013773608的博客
05-01 1395
先奉上LiveData官方文档地址： https://developer.android.com/topic/libraries/architecture/livedata LiveData是什么？ 1、LiveData是一种可观察的数据存储器类。通俗点说就是存储数据，同时可以被观察者观察数据的变化。 2、LiveData具有生命周期感知能力（这玩意儿是不是很眼熟，参考上篇Lifecycle），这种感知能力可确保LiveData仅更新处于活跃生命周期状态的应用组件观察者。 LiveData原理分析
LiveData原理分析
墨玉浮白的博客
10-14 1129
文章目录简述LiveData原理1.订阅、绑定2.setValue发送消息3.总结 简述 LiveData是一个可被观察的数据容器类，它将数据包装起来，使数据成为被观察者。当数据发生改变时，观察者能够及时得到通知。又是一个典型的观察者模式！ ViewModel用来存放页面所需要的数据、和数据相关的处理逻辑（在ViewModel中对数据进行加工、获取），站在页面的角度上，它并不关心ViewModel的业务逻辑，只关心需要展示的数据是啥。它希望在数据发生改变时，能够及时的得到通知并作出更新。而LiveData的
Android架构——LifeCycle和LiveData原理学习总结
xiaobaaidaba123的专栏
02-20 4384
本文是楼主学习LifeCycle和LiveData原理的一些总结，本文不会长篇分析源码，而是利用类图和总结性的文字归纳原理。由于Livedata和LifeCycle有紧密联系，所以本文先总结LifeCycle原理，再总结LifeData原理。 本文LifeCycle基于版本androidx.lifecycle:lifecycle-runtime:2.1.0， LiveData基于版本androidx.lifecycle:lifecycle-livedata-core:2.0.0 本文内容结构 一、简单
感受LiveData 与 ViewModel结合之美
热门推荐
唯鹿的博客
06-19 5万+
LiveData与ViewModel都是Android官方架构组件（Android Architecture Components）之一。 1.前言 虽说这篇是说LiveData与ViewModel，但是或多或少都有涉及另外一个组件：Lifecycles 。它们连同Room都是在17年谷歌IO大会推出的，当时还是预览版，大致17年底时推出了正式版。到今年的IO大会过后，又增加了许多新成员。...
Jetpack-WanAndroid：Kotlin + Jetpack +协程+ Retrofit + koin完成的MVVM组件化客户端:fire::fire:
02-04
Jetpack-WanAndroid：Kotlin + Jetpack +协程+ Retrofit + koin完成的MVVM组件化客户端:fire::fire:
ViewModel + LiveData + DataBinding 综合使用示例
04-27
【Jetpack】ViewModel + LiveData + DataBinding 综合使用 ( 核心要点说明 | 组合方式 | 代码示例 ) 博客地址 : https://hanshuliang.blog.csdn.net/article/details/130401679 一、ViewModel + LiveData + ...
android-recyclerview-binding:RecyclerView +数据绑定+ LiveData示例
04-28
RecyclerView +数据绑定示例简单样本直接将LiveData与数据绑定一起使用<? xml version = " 1.0 " encoding = " utf-8 " ?>< layout xss=removed xss=removed> < data> < variable xss=removed xss=removed> &...
ViewModel+SavedStateHandle+LiveData+dataBinding.zip
08-11
这个小例子我通过使用Jetpack的ViewModel和dataBinding以及LiveData完成的一个小例子。有兴趣的可以看一下。这个是我在B站学习的 原文连接：https://www.bilibili.com/video/BV1w4411t7UQ
基于Kotlin+JetPack的菜品识别+商城+社区.zip
最新发布
02-19
【项目资源】： 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 ... 【项目质量】： 所有源码都经过严格测试，...
Android架构组件ViewModel和LiveData介绍及使用
秦川小将
03-09 2万+
关于ViewModel ViewModel类的设计目的是以一种关注生命周期的方式存储和管理与UI相关的数据。 例如：Activity在配置发生改变时(屏幕旋转)，Activity就会重新创建，onCreate()方法也会重新调用。我们可以在onSaveInstanceState()方法中保存数据，并从onCreate()方法中通过Bundle恢复数据，但这种方法只适用于可以对其进行序列化的少量...
ViewModel+LiveData总结
qq_37656583的博客
09-19 2582
ViewMode+LiveData例子 Activity/Fragment只应关注UI，而不应关系操作逻辑，因此操作逻辑应放到Viewmodel中去 下面是我手画的数据流图： 首先有Fragment、ViewModel、Livedata这三个对象。 Fragment观察Viewmodel的Livedata数据，如果livedata的值改变会通知Frament。 ViewModel获取数据（网络、数据库），然后设置Livedata的值 Livedata的值改变就通知Fragment Fragment刷新界
ViewModel+LiveData
wangcheng_的专栏
02-27 4432
Android在前段时间正式发布 Android 架构组件 1.0 稳定版，里面包含Lifecycles，LiveData，ViewModel，Room。这里主要记录一下LiveData和ViewModel配合使用。 LiveData LiveData 是一款基于观察者模式的可感知生命周期的核心组件。LiveData 为界面代码 （Observer）的监视对象 （Observable），当...
LiveData和ViewModel笔记
wecson的博客
06-23 406
LiveData是可被观察的数据持有类。具有生命周期(Activity/Fragment/Service)感知的(确保active状态下接受data更新)。是一个抽象类。 LiveData是Jetpack提供的一种响应式编程组件，它可以包含任何类型的数据，并在数据发生变化的时候通知给观察者。在逻辑数据处理层LiveData可以更好的感知生命周期，activity和fragment处于活跃状态下都接受到LiveData的响应变化，当它们不处于活跃状态转变成活跃状态时会接收到LiveData的最新响应变化。 /
Android Databinding 从入门到转行（三）在xml视图将ViewModel成员注入到View的setXXX方法
YoYo_Newbie的专栏
07-19 4975
注入规则: 条件：某View中如含方法：setXXX，    参数唯一，类型为T         注入步骤：在ViewModel中，添加 T  类型成员引用t        注入方法：在对应的xml,的根元素layout, 添加 xmlns:app="http://schemas.android.com/apk/res-auto       然后，找到某View ， 添加app:xxxx
LiveData-原理全解析
qq_21349039的博客
07-11 5481
LiveData 是 Jetpack 推出的基于观察者的消息订阅/分发的可观察数据组件，具有宿主（Activity、Fragment）生命周期感知能力，这种感知能力可确保 LiveData 仅分发消息给处于活跃状态的观察者，即只有处于活跃状态的观察者才能收到消息。而LiveData 的事件分发机制，会根据监听者的活跃状态来判断是否分发数据源变化事件，这样的话，我们就能避免当前页面在后台时，响应了事件，做出一些无用的逻辑浪费性能。LiveData 遵循观察者模式。当生命周期状态发生变化时，LiveData 会
LiveData基本教程
feather(猎羽)
03-18 5873
转载请注明链接: https://blog.csdn.net/feather_wch/article/details/88400574 LiveData基本教程 版本号:2019-03-18(19:30) 文章目录LiveData基本教程简介优势使用LiveData 简介 1、LiveData的简介 LiveData是一种类，持有可被观察的数据。 LiveData是一种可感知生命周期的组件，...
LiveData的基本使用和原理解析
qb15119612897的博客
06-08 1864
LiveData的基本使用，源码分析
LiveData的基本使用
G的博客
10-22 1049
本博客供自己学习使用，转载自https://zhuanlan.zhihu.com/p/76747541 ======================================================= 我们在《ViewModel的基本使用》这篇文章中提到了，ViewModel的主要作用是存放页面所需要的各种数据，而当这些数据发生变化时，我们采用接口的方式实现对页面的通知。这样做是可行的，但如果要观察的数据很多，则需要定义大量的接口，代码显得冗余。为此，Android为我们提供了LiveDa
jetpack + mvvm
07-27
Jetpack是一个结合MVVM的快速开发框架，它基于MVVM模式并集成了谷歌官方推荐的Jetpack组件库，包括LiveData、ViewModel、Lifecycle和Navigation组件。这个框架使用Kotlin语言，并添加了大量的拓展函数，以简化代码。它还集成了Retrofit网络请求和协程，可以帮助开发者快速开发项目。\[1\] MVVM是一种软件架构模式，它将应用程序分为三个主要部分：模型（Model）、视图（View）和视图模型（ViewModel）。在MVVM中，视图负责显示数据和用户交互，模型负责处理数据和业务逻辑，而视图模型则充当视图和模型之间的中间层，负责管理视图的状态和数据。Jetpack的MVVM模式可以帮助开发者更好地组织和管理代码，提高开发效率和舒适度。\[1\] 使用Jetpack和MVVM可以带来许多好处，例如简化代码、提高开发效率、提供更好的代码结构和可维护性。通过使用Jetpack的组件库，开发者可以更轻松地处理生命周期管理、数据共享和导航等常见任务。而MVVM模式则可以帮助开发者更好地分离关注点，使代码更易于测试和维护。\[2\] 总之，Jetpack和MVVM是一种强大的组合，可以帮助开发者快速开发Android应用程序，并提供更好的代码结构和可维护性。如果你想了解更多关于Jetpack和MVVM的信息，可以参考引用\[1\]中提供的Jetpack框架的介绍。 #### 引用[.reference_title] - *1* *2* [JetpackMvvm](https://blog.csdn.net/u014608640/article/details/124711159)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [大型Android项目架构：基于组件化+模块化+Kotlin+协程+Flow+Retrofit+Jetpack+MVVM架构实现WanAndroid...](https://blog.csdn.net/m0_37796683/article/details/130277908)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

William_Tao（攻城狮）

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值