使用Viewmodel和binding写一个篮球比赛计分器

最新推荐文章于 2024-07-11 16:05:28 发布
最新推荐文章于 2024-07-11 16:05:28 发布
阅读量484 收藏 3
点赞数 1
文章标签： android studio android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43888181/article/details/109321785
版权

篮球比赛计分器

创建一个 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> AteamScore;
    private MutableLiveData<Integer> BteamScore;
    private int OldteamAscore ,OldteamBscore;

    public MutableLiveData<Integer> getAteamScore() {
        if(AteamScore==null){
            AteamScore = new MutableLiveData<Integer>();
            AteamScore.setValue(0);
        }
        return AteamScore;
    }
    public MutableLiveData<Integer> getBteamScore() {
        if(BteamScore==null){
            BteamScore = new MutableLiveData<Integer>();
            BteamScore.setValue(0);
        }
        return BteamScore;
    }
    public void addAteamScore(int n){
         OldteamAscore =AteamScore.getValue();
         OldteamBscore= BteamScore.getValue();
         AteamScore.setValue(AteamScore.getValue()+n);
    }
    public void addBteamScore(int n){
        OldteamAscore =AteamScore.getValue();
        OldteamBscore= BteamScore.getValue();
        BteamScore.setValue(BteamScore.getValue()+n);
    }
    public void undo(){
        AteamScore.setValue(OldteamAscore);
        BteamScore.setValue(OldteamBscore);
    }
    public void reset(){
        OldteamAscore =AteamScore.getValue();
        OldteamBscore= BteamScore.getValue();
        AteamScore.setValue(0);
        BteamScore.setValue(0);
    }
}

创建一个BasketballScoreActivity类

package com.example.study_demo.View;

import android.arch.lifecycle.ViewModelProvider;
import android.databinding.DataBindingUtil;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import com.example.study_demo.R;
import com.example.study_demo.databinding.ActivityBasketballScoreBinding;
import com.example.study_demo.ViewModels.Myviewmodel;

public class BasketballScoreActivity extends AppCompatActivity {
   Myviewmodel myviewmodel;
    ActivityBasketballScoreBinding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this,R.layout.activity_basketball_score);
        myviewmodel = new ViewModelProvider(this,
                new ViewModelProvider.NewInstanceFactory()).get(Myviewmodel.class);
        binding.setData(myviewmodel);
        binding.setLifecycleOwner(this);
    }
}

BasketballScoreActivity的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">

    <data>
        <variable
            name="data"
            type="com.example.study_demo.ViewModels.Myviewmodel" />

    </data>

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".View.BasketballScoreActivity">

        <android.support.constraint.Guideline
            android:id="@+id/guideline4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.5" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.1" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.25" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.7" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.85" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.4" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.55" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/AteamName"
            android:textSize="20sp"
            app:layout_constraintBottom_toTopOf="@+id/guideline5"
            app:layout_constraintEnd_toStartOf="@+id/guideline4"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/BteamName"
            android:textSize="20sp"
            app:layout_constraintBottom_toTopOf="@+id/guideline5"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline4"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(data.ateamScore)}"
            android:textSize="50sp"
            app:layout_constraintBottom_toTopOf="@+id/guideline6"
            app:layout_constraintEnd_toStartOf="@+id/guideline4"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline5" />

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(data.bteamScore)}"
            android:textSize="50sp"
            app:layout_constraintBottom_toTopOf="@+id/guideline6"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline4"
            app:layout_constraintTop_toTopOf="@+id/guideline5" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button1"
            android:onClick="@{()->data.addAteamScore(1)}"
            app:layout_constraintBottom_toTopOf="@+id/guideline8"
            app:layout_constraintEnd_toStartOf="@+id/guideline4"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline6" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button1"
            android:onClick="@{()->data.addBteamScore(1)}"
            app:layout_constraintBottom_toTopOf="@+id/guideline8"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline4"
            app:layout_constraintTop_toTopOf="@+id/guideline6" />

        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button2"
            android:onClick="@{()->data.addAteamScore(2)}"
            app:layout_constraintBottom_toTopOf="@+id/guideline9"
            app:layout_constraintEnd_toStartOf="@+id/guideline4"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline8" />

        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:text="@string/button2"
            android:onClick="@{()->data.addBteamScore(2)}"
            app:layout_constraintBottom_toTopOf="@+id/guideline9"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline4"
            app:layout_constraintTop_toTopOf="@+id/guideline8"
            app:layout_constraintVertical_bias="0.508" />

        <Button
            android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button3"
            android:onClick="@{()->data.addAteamScore(3)}"
            app:layout_constraintBottom_toTopOf="@+id/guideline7"
            app:layout_constraintEnd_toStartOf="@+id/guideline4"
            app:layout_constraintStart_toStartOf="parent"
            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:onClick="@{()->data.addBteamScore(3)}"
            app:layout_constraintBottom_toTopOf="@+id/guideline7"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline4"
            app:layout_constraintTop_toTopOf="@+id/guideline9" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@string/undo"
            android:onClick="@{()->data.undo()}"
            app:layout_constraintBottom_toTopOf="@+id/guideline10"
            app:layout_constraintEnd_toStartOf="@+id/guideline4"
            app:layout_constraintHorizontal_bias="0.75"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline7"
            app:srcCompat="@drawable/ic_baseline_undo_24" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@string/reset"
            android:onClick="@{()->data.reset()}"
            app:layout_constraintBottom_toTopOf="@+id/guideline10"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.25"
            app:layout_constraintStart_toStartOf="@+id/guideline4"
            app:layout_constraintTop_toTopOf="@+id/guideline7"
            app:srcCompat="@drawable/ic_baseline_360_24" />
    </android.support.constraint.ConstraintLayout>
</layout>

效果图如下
在这里插入图片描述

Flounder-Man
关注
使用ViewModel解决多个Activity数据共享问题（Kotlin版）
05-25
在Android应用开发中，尤其是使用Kotlin作为主要编程语言时，如何有效地在多个Activity之间共享数据是一个常见的挑战。`ViewModel`是Android架构组件之一，它为了解决这个问题提供了优雅的解决方案。本文将深入探讨...
java编写篮球比赛计分,android 篮球比赛计分器
weixin_35591093的博客
03-16 692
【实例简介】篮球计时器的源码，其中有每节比赛时间设定，两队队员信息输入，两队分数设置，抢断，助攻，范规数量对比，可查询两队队员信息【实例截图】【核心代码】bab97e0a-cfae-4a21-970b-364c54e6b145└── Basketball├── AndroidManifest.xml├── bin│ ├── AndroidManifest.xml│ ├── Basketba...
Android计分器课程设计,课程设计题八：篮球比赛计分器
weixin_42298778的博客
05-31 697
#define LDUAN P0 //段选#define LWEI P2 //位选#define RDUAN P1 //段选#define RWEI P2 //位选#define uchar unsigned char#define uint unsigned intunsigned char code table[]={0x3f,0x06,0x5b,0x4f,0x66,0x6d,0...
viewmodel创建及使用分析
最新发布
qq_41167962的博客
07-11 482
可以看到viewModels是ComponentActivity的一个扩展函数，参数需要传factoryProducer，factoryProducer就是前面我们提到过的ViewModelProvider的内部的一个factory类，用来创建viewModel的，所以我们传入TestViewModel.provideFactory。get方法通过内部的store传入类名来获取view model，那么store是从哪里来的呢？接下来在MainActivity里面就可以正常使用这个viewmodel了。
安卓APP_ jetPack —— MVC架构之联动 ViewModel、LiveData、DataBinding 应用：篮球积分器
华天朱
05-01 295
项目内容实现效果重点掌握：MVC架构一、可视化图形编程创建`main.xml`布局二、创建viewModel：数据模块三、加入dataBinding：为后续在xml中绑定数据做准备四、Activity：只需要管理dataBinding和viewModel五、main.xml:数据绑定到xml部分关键源码 实现效果 输入队伍名称，可以通过按钮的点击对其进行积分，也可以撤销上一次操作，重置分数。 这用到了数据监听（LiveData），数据回绑到xml（DataBinding ），页面数据独立（ViewMode
篮球比赛计分器
qq_40509784的博客
04-04 3840
篮球比赛计分器阶段小结——做一个篮球比赛计分器创建项目界面设计首先将应用配置为使用数据绑定界面设置为数据绑定类型的Layout创建ViewModel类创建一个ScoreViewModel类在MainActivity中添加声明对界面进行优化（横屏优化）本地化 阶段小结——做一个篮球比赛计分器 本文为学习类文档，通过学习B站up主longway777的视频，如有侵权，请联系博主进行删除 使用之前学习...
【Android】ViewBinding+DataBinding+MVVM新手快速上手
天天向上 Up Up Up (*^▽^*)
08-09 823
在Activity中，通过ViewModel订阅DataRepository处理结果，处理结果可以通过LiveData或RxJava来订阅。使用ViewBinding，需要在gradle脚本中开启ViewBinding特性，编译时会自动生成Layout对应的Binding对象。在xml中，通过layout标签+data标签+变量表达式的方式，来让控件与ViewModel中的值绑定。ViewModel是一个特殊的数值容器，它可以与布局中的控件进行双向绑定，从而实现数值自动同步。
Android-ViewModel和LiveData使用详解
08-19
接着，你可以创建一个ViewModel类，通常继承自AndroidViewModel（如果你需要访问Application上下文），并定义LiveData对象。下面是一个简单的示例： ```java package io.dcloud.H56580E2E.viewModelLiveData; ...
ViewModel使用基础
02-17
2. **创建ViewModel**：创建一个继承自`ViewModel`的类，并在其中定义要保留的数据和业务逻辑方法。 ```kotlin class DemoViewModel : ViewModel() { // 创建LiveData对象 val demoData = MutableLiveData() // ...
你对Jetpack 架构组件了解多少？，我的Android美团求职之路
m0_66685251的博客
03-05 2582
class MainViewModelFactory(private val countReserved: Int) : ViewModelProvider.Factory { override fun <T : ViewModel?> create(modelClass: Class): T { return MainViewModel(countReserved) as T } } 我们这里实现了接口要求我们的 create 方法，在方法里面我们创建并返回了一个 MainViewModel
android 篮球比赛计分器
04-02
篮球计时器的源码，其中有每节比赛时间设定，两队队员信息输入，两队分数设置，抢断，助攻，范规数量对比，可查询两队队员信息
BasketballScore:基于ViewModel + LiveData + DataBinding，多语言化，象征，约束性布局的篮球计分器学习Demo
03-04
BasketballScore:基于ViewModel + LiveData + DataBinding，多语言化，象征，约束性布局的篮球计分器学习Demo
Android入门小程序--篮球计分器
04-04
这是一个入门级别的安卓小程序，主要功能是进行篮球分数计数功能，可以置零和撤销功能，还是很有帮助的！这都是源码，能让你学的很多的知识，是很有帮助的。描述字数够了吗
Jetpack组件总结系列篇 (一)：ViewModel的使用和原理分析
XJ200012的博客
01-10 1929
文章从viewmodel的特性和使用到思考viewmodel的特性原理，全文逻辑清晰，保姆式追溯源代码，一步步将原理探索出来。 最后归纳整理了一些问题和使用
ViewModel的使用
Eqiqi的博客
05-17 601
前言 作为一个android开发的人，听的最多的就是MVX设计模式，比如MVC啊，还有以前比较火的MVP，但是现在最流行的应该就是MVVM了，MVVM拆解开就是：M–model类，V–view，VM–ViewModel，下面就来看看ViewModel的使用，这其实也是MVVM的设计思想。 1、添加依赖 ViewModel是LifeCycle的一个组件库，所以只需要添加LifeCycle库的依赖即可 implementation "androidx.lifecycle:lifecycle-extensions
ViewModel的基本使用
xuyin1204的博客
08-29 790
【代码】ViewModel的基本使用。
android studio计分器,篮球赛记分器应用（Android）(一）
weixin_39987313的博客
05-27 1928
step1:记分器简介这是一个可以记录篮球赛中比赛双方成绩的应用，得分分为两分球、三分球、罚球(一分)，比赛结束后可以重置。最终效果如图所示：记分器应用.jpgstep2:创建工程项目小弟用的是Android Studio,API15，空模版。紧接着是三部曲：1.选择所用view和数量：views.jpg显而易见，两个TextView,三个Button。2.选择position views：因为是...
Jetpack ViewModel 使用及原理解析
neuHenry
05-14 972
ViewModel 是以能感知生命周期的方式存储和管理界面相关数据的组件。感知生命周期是说当 Activity 或 Fragment 创建第一个实例的时候，它开始创建；当 Activity 销毁或者 Fragment 分离的时候，它自动清理。存储和管理界面相关数据即 ViewModel 保存的数据，在页面因配置变更（如横竖屏切换、分辨率调整、权限变更、系统字体样式变更等）导致页面销毁重建之后依然也是存在的。
kotlin使用Viewmodel和LiveData制作一个篮球计分App
05-24
好的，下面是一个简单的示例： 首先，我们需要在 `build.gradle` 文件中添加以下依赖项： ``` implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0' ``` 然后，我们需要创建一个包含计分逻辑的 `ScoreViewModel` 类，该类将托管我们的数据。该类需要继承自 `ViewModel`。 ```kotlin import androidx.lifecycle.MutableLiveData import androidx.lifecycle.ViewModel class ScoreViewModel : ViewModel() { val teamAScore = MutableLiveData<Int>() val teamBScore = MutableLiveData<Int>() init { teamAScore.value = 0 teamBScore.value = 0 } fun addTeamAScore() { teamAScore.value = teamAScore.value?.plus(1) } fun addTeamBScore() { teamBScore.value = teamBScore.value?.plus(1) } } ``` 上述代码中，我们创建了一个 `ScoreViewModel` 类，该类包含两个 `MutableLiveData`，即 `teamAScore` 和 `teamBScore`。这两个变量存储着两个球队的得分，并且在我们的应用程序中可以随时更新。 我们还包含了两个方法 `addTeamAScore()` 和 `addTeamBScore()`，分别用于增加对应球队的得分。 接下来，我们需要创建一个 `MainActivity` 类，该类将托管我们的用户界面。 ```kotlin import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import androidx.lifecycle.Observer import androidx.lifecycle.ViewModelProviders import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() { private lateinit var scoreViewModel: ScoreViewModel override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) scoreViewModel = ViewModelProviders.of(this).get(ScoreViewModel::class.java) scoreViewModel.teamAScore.observe(this, Observer { score -> team_a_score.text = score.toString() }) scoreViewModel.teamBScore.observe(this, Observer { score -> team_b_score.text = score.toString() }) team_a_plus.setOnClickListener { scoreViewModel.addTeamAScore() } team_b_plus.setOnClickListener { scoreViewModel.addTeamBScore() } } } ``` 上述代码中，我们创建了一个 `MainActivity` 类，并在其中创建了一个 `ScoreViewModel` 的实例。 我们还使用了 `ViewModelProviders.of()` 方法来获取 `ScoreViewModel` 的实例，并使用 `observe()` 方法来观察 `teamAScore` 和 `teamBScore` 变量。每当这些变量更新时，我们将更新 UI 中对应的文本视图。 最后，我们为两个加分按钮设置了点击侦听器，并使用 `addTeamAScore()` 和 `addTeamBScore()` 方法来增加对应球队的得分。 现在，当您运行应用程序时，您将看到两个球队的得分，并且您可以使用加分按钮来增加它们的分数。同时，这些更改将保存在 `ScoreViewModel` 中，并在配置更改后保持不变。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值