[移动开发] android ViewModel 基础第一集

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> android ViewModel 基础第一集 -> 正文阅读

[移动开发]android ViewModel 基础第一集

前言：

各位同学大家好，五一大家都放假了吧。大家记得吃好玩好啊哈哈哈。今天要讲的我viewmodel的系列教程的第一集也是我在五一劳动节假期写出来的希望能帮助到各位。那么废话不多是我们正式开始。

效果图：

使用了viewmodel

未使用viewmodel

理论知识结构图

看到到上面的效果入我们今天就用一个实际场景案例用在点击屏幕中的加号button 上面文本一直累加然后我们在旋转屏幕的时候看一下数据会不会丢失。

具体效果实现

使用了viewmodel 的实现
没有旋转之前
旋转之后

我们可以观察手机屏幕显示的区域我们显示数字text文本并没有丢失数据重置。
代码实现：

布局文件

<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:layout_gravity="center"
        android:gravity="center"
        android:layout_marginTop="100dp"
        android:textSize="30dp"
     />
    <Button
        android:id="@+id/plusNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:layout_marginTop="100dp"
        android:textSize="30dp"
        android:text="+" />

</LinearLayout>

布局效果：

具体逻辑

我们定义一个viewmodel

package com.example.viewmodeldemo;
import androidx.annotation.NonNull;
import androidx.lifecycle.ViewModel;
import androidx.lifecycle.ViewModelProvider;
import androidx.lifecycle.ViewModelStoreOwner;
/**
 *
 * 创建人：xuqing
 * 创建时间：2022年5月2日18:28:14
 * 类说明：myviewmodel
 *
 */
public class MyViewModel  extends ViewModel {
   public  int  number;
}

然后定义一个number 值等下用于显示变化的text 文本


package com.example.viewmodeldemo;

import androidx.appcompat.app.AppCompatActivity;
import androidx.lifecycle.ViewModelProvider;

import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    protected TextView textView;
    private  MyViewModel viewModel;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textView=findViewById(R.id.textView);
        viewModel=new ViewModelProvider(this,new ViewModelProvider.
                AndroidViewModelFactory(getApplication())).get(MyViewModel.class);
        textView.setText(String.valueOf(viewModel.number));
         findViewById(R.id.plusNumber).setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                  textView.setText(String.valueOf(++viewModel.number));
             }
         });
    }
}

我们通过ViewModelProvider 实例化最后get 到MyViewModel 的实例然后我们在button的点击事件中去操作更新textview的变化设置了number的自增这时候我们去观察手机我们旋转手机数据并没有丢失这就是我们viewmodel的特性

对比不适用viewmodel

我们可以看到不是用vewimodel 的效果我们在旋转屏幕之后生命周期重新走所以我们的text文本发生变化number数据丢失

布局文件

<?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"
    android:orientation="vertical"
    tools:context=".TextActivity">

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:layout_gravity="center"
        android:gravity="center"
        android:textSize="30dp"
        android:layout_marginTop="100dp"
        />
    <Button
        android:id="@+id/plusbtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:layout_marginTop="100dp"
        android:textSize="30dp"
        android:text="+" >
    </Button>
</LinearLayout>

布局效果：

具体逻辑

package com.example.viewmodeldemo;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class TextActivity extends AppCompatActivity {
    private int number;
    private TextView textView;
    private Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text);
        textView=findViewById(R.id.text);
        textView.setText(String.valueOf(number));
        button=findViewById(R.id.plusbtn);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int type=++number;
                textView.setText(String.valueOf(type));
            }
        });

    }
}

对比分析

我们可以通过代码对比和效果对比我们使用了 viewmodel 能够很好的规避掉用户在横竖屏切换屏幕的时候造成数据的丢失要是换做以前我们还在在切换的时候生命周期方法里面去操作重新赋值非常繁琐而且效果也不好。所以这里推荐使用viewmodel

最后总结：

viewmodel的出现解决了瞬态数据丢失异步调用的内存泄漏类膨胀提高维护难度的和测试难度
等问题我们今天这个例子主要就是提现了解决瞬态数据丢失的问题非常的直观而且代码也不多很好的解决了我们实际的问题那么其他viewmodel特性我会在后面的章节里面一一讲到。最后希望我的文章能帮助到各位解决问题，以后我还会贡献更多有用的代码分享给大家。各位同学如果觉得文章还不错，麻烦给关注和star，小弟在这里谢过啦!