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

最新推荐文章于 2022-02-20 16:22:47 发布
最新推荐文章于 2022-02-20 16:22:47 发布
阅读量396 收藏
点赞数
分类专栏： 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（攻城狮）
关注
专栏目录
ViewModel + LiveData + DataBinding 综合使用示例
04-27
【Jetpack】ViewModel + LiveData + DataBinding 综合使用 ( 核心要点说明 | 组合方式 | 代码示例 ) 博客地址 : https://hanshuliang.blog.csdn.net/article/details/130401679 一、ViewModel + LiveData + ...
LiveData详解
u013773608的博客
05-01 1536
先奉上LiveData官方文档地址： https://developer.android.com/topic/libraries/architecture/livedata LiveData是什么？ 1、LiveData是一种可观察的数据存储器类。通俗点说就是存储数据，同时可以被观察者观察数据的变化。 2、LiveData具有生命周期感知能力（这玩意儿是不是很眼熟，参考上篇Lifecycle），这种感知能力可确保LiveData仅更新处于活跃生命周期状态的应用组件观察者。 LiveData原理分析
LiveData原理分析
墨玉浮白的博客
10-14 1279
文章目录简述LiveData原理1.订阅、绑定2.setValue发送消息3.总结 简述 LiveData是一个可被观察的数据容器类，它将数据包装起来，使数据成为被观察者。当数据发生改变时，观察者能够及时得到通知。又是一个典型的观察者模式！ ViewModel用来存放页面所需要的数据、和数据相关的处理逻辑（在ViewModel中对数据进行加工、获取），站在页面的角度上，它并不关心ViewModel的业务逻辑，只关心需要展示的数据是啥。它希望在数据发生改变时，能够及时的得到通知并作出更新。而LiveData的
关于 Lifecycle，LiveData，ViewModel
和小胖
02-07 1326
1、Android Jetpack 为何出现 服务端以及前端都有一些为人熟知的开发框架，比如服务端的以前的 Spring MVC 以及现在的 SpringBoot，还有前端的 Vue 等等，但是 Android 却很少出现一个广泛被大家使用的开发框架，如果非得说一个被大家用的最多的框架，那可能还就是 MVC 了，而 MVC 或许是最不是框架的框架了，因为即使用了它，代码依旧是臃肿不堪，耦合严重，...
Android架构——LifeCycle和LiveData原理学习总结
xiaobaaidaba123的专栏
02-20 4518
本文是楼主学习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、协程(Coroutines)、Retrofit和Koin库开发的MVVM架构组件化的Android客户端项目。这个项目展示了如何利用现代Android开发工具和技术栈来构建一个高效...
快速开发框架java+mvvm+retrofit+viewmodel+livedata
08-31
4. **数据绑定**：利用Data Binding库或Kotlin的Anko库，可以进一步简化UI和ViewModel之间的数据绑定。 通过这样的框架，开发者可以专注于业务逻辑，而不用过多关心界面的更新和数据管理，从而提高开发效率和代码...
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
ViewModel+LiveData总结
qq_37656583的博客
09-19 2639
ViewMode+LiveData例子 Activity/Fragment只应关注UI，而不应关系操作逻辑，因此操作逻辑应放到Viewmodel中去 下面是我手画的数据流图： 首先有Fragment、ViewModel、Livedata这三个对象。 Fragment观察Viewmodel的Livedata数据，如果livedata的值改变会通知Frament。 ViewModel获取数据（网络、数据库），然后设置Livedata的值 Livedata的值改变就通知Fragment Fragment刷新界
Android架构组件ViewModel和LiveData介绍及使用
秦川小将
03-09 2万+
关于ViewModel ViewModel类的设计目的是以一种关注生命周期的方式存储和管理与UI相关的数据。 例如：Activity在配置发生改变时(屏幕旋转)，Activity就会重新创建，onCreate()方法也会重新调用。我们可以在onSaveInstanceState()方法中保存数据，并从onCreate()方法中通过Bundle恢复数据，但这种方法只适用于可以对其进行序列化的少量...
ViewModel+LiveData
wangcheng_的专栏
02-27 4469
Android在前段时间正式发布 Android 架构组件 1.0 稳定版，里面包含Lifecycles，LiveData，ViewModel，Room。这里主要记录一下LiveData和ViewModel配合使用。 LiveData LiveData 是一款基于观察者模式的可感知生命周期的核心组件。LiveData 为界面代码 （Observer）的监视对象 （Observable），当...
LiveData和ViewModel笔记
wecson的博客
06-23 422
LiveData是可被观察的数据持有类。具有生命周期(Activity/Fragment/Service)感知的(确保active状态下接受data更新)。是一个抽象类。 LiveData是Jetpack提供的一种响应式编程组件，它可以包含任何类型的数据，并在数据发生变化的时候通知给观察者。在逻辑数据处理层LiveData可以更好的感知生命周期，activity和fragment处于活跃状态下都接受到LiveData的响应变化，当它们不处于活跃状态转变成活跃状态时会接收到LiveData的最新响应变化。 /
Android Databinding 从入门到转行（三）在xml视图将ViewModel成员注入到View的setXXX方法
YoYo_Newbie的专栏
07-19 5024
注入规则: 条件：某View中如含方法：setXXX，    参数唯一，类型为T         注入步骤：在ViewModel中，添加 T  类型成员引用t        注入方法：在对应的xml,的根元素layout, 添加 xmlns:app="http://schemas.android.com/apk/res-auto       然后，找到某View ， 添加app:xxxx
LiveData 使用与源码分析——完全搞懂LiveData原理
薛瑄的博客
06-04 1万+
一、LiveData简介 LiveData是google官方架构JetPack系列的一个响应式开发框架，LiveData是一个可以被观察的数据持有者类。说到响应式开发或者说观察者就不免想到RxJava，RxJava将观察者模式运用的炉火纯青。但LiveData和RxJava的定位是不一样的，LiveData主要用于搭建MVVM架构，并在其中作为数据持有者，LiveData能监听组件的生命周期变化，...
使用Viewmodel和binding写一个篮球比赛计分器
weixin_43888181的博客
10-27 489
篮球比赛计分器 创建一个 Myviewmodel继承ViewModel package com.example.study_demo.ViewModels; import android.arch.lifecycle.MutableLiveData; import android.arch.lifecycle.ViewModel; public class Myviewmodel extends ViewModel { private MutableLiveData<Integer>
LiveData基本教程
feather(猎羽)
03-18 5930
转载请注明链接: https://blog.csdn.net/feather_wch/article/details/88400574 LiveData基本教程 版本号:2019-03-18(19:30) 文章目录LiveData基本教程简介优势使用LiveData 简介 1、LiveData的简介 LiveData是一种类，持有可被观察的数据。 LiveData是一种可感知生命周期的组件，...
LiveData使用
geyuecang的博客
04-18 864
一、什么是LiveData。 LiveData 是可观察的数据持有者类。与常规的可观察对象不同，LiveData具有生命周期感知功能，这意味着它尊重其他应用程序组件（例如活动，片段或服务）的生命周期。这种意识确保LiveData仅更新处于活动生命周期状态的应用程序组件观察者。 如果LiveData的Observer生命周期处于STARTEDor RESUMED 状态，则它认为由类表示的观察者 处于...
Android Jetpack架构组件：ViewModel+LiveData+DataBinding实战指南
ViewModel负责处理UI相关的数据保存和管理，其生命周期与Activity或Fragment绑定，但独立于UI控制器。这意味着当Activity重建时，ViewModel可以保留数据，避免不必要的数据丢失或重请求，提高应用性能和用户体验。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

William_Tao（攻城狮）

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

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

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

打赏作者

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

抵扣说明：

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

余额充值