android MVVM框架demo

最新推荐文章于 2024-05-30 17:23:06 发布
最新推荐文章于 2024-05-30 17:23:06 发布
阅读量378 收藏 2
点赞数
分类专栏： android 文章标签： kotlin android androidx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39959294/article/details/133041531
版权

简单的说明一下

M model 层 做数据请求，处理

V view层 简单来说就是所有的Activit的View或者Fragment的View

VM viewModel 上联Model 下联view

简单来说 就是V 要显示什么。告诉VM .VM告诉M .M拿到数据给到VM,VM再把数据给到V

               或者 M数据有变化。告诉VM .VM传递给V

VM 是如何通知V的呢。这里我使用的是MutableLiveData<>()这个类

       View 所有要要到数据对象都在VM声明。View持有VM.View层通过observe观察数据变化。如下图

 

 

Model 如何VM交互呢。我这边是通过接口完成
 

   VM 持有Model对象。VM主动调用Model层方法。对于一些异步操作，我这里通常使用的接口
 

    VM设置接口给Mode。其实也可以用kotlin协程来处理
 

 

我的总体思路就是 view层作为主动方 主动去调用VM层方法。VM层去调用Model层的方法
 

View 持有VM 对象。VM持有Model 对象
 

 

这是我的项目结构
 

 

 

这是View基类
 

abstract class BaseActivity<VM : ViewModel, VB : ViewBinding>(
    private val viewModelClass: Class<VM>?,
    private val inflate: (LayoutInflater) -> VB,
) : AppCompatActivity() {

    protected lateinit var binding: VB


    protected val loadingDialog by lazy {
        LoadingDialog()
    }
    protected val viewModel by lazy {
        val viewModelProvider = ViewModelProvider(this)
        viewModelClass?.let {
            viewModelProvider[it]
        }


    }

    override fun onCreate(savedInstanceState: Bundle?) {
        WindowCompat.setDecorFitsSystemWindows(window, false)

        super.onCreate(savedInstanceState)
        binding = inflate(layoutInflater)
        setContentView(binding.root)

        PublicViewModel.tokenState.observe(this) {
            if ((PublicViewModel.TokenState.INVALID == it) and (PublicViewModel.isLoginEd.value == true)) {
                startActivity(Intent(this, LoginActivity::class.java))
                finish()
            }

        }

        PublicViewModel.loadingState.observe(this) {
            if (it == PublicViewModel.LoadingState.LOAD_SHOW) {
                loadingDialog.show(supportFragmentManager)
                PublicViewModel.loadingState.value= PublicViewModel.LoadingState.LOADING
            } else if (it == PublicViewModel.LoadingState.LOAD_HIDE) {
                loadingDialog.dismissAllowingStateLoss()
                PublicViewModel.loadingState.value= PublicViewModel.LoadingState.IDEAL

            }
        }

        toRefreshUI(viewModel)
    }



    abstract fun toRefreshUI(viedModel: VM?)





    override fun onDestroy() {
        super.onDestroy()
        if (PublicViewModel.loadingState.value == PublicViewModel.LoadingState.LOADING) {
            loadingDialog.dismissAllowingStateLoss()
            PublicViewModel.loadingState.value= PublicViewModel.LoadingState.IDEAL
        }
    }


}
 

 

viewModel 的基类
 

package com.zhongjinkang.rhythm.viewModel

import androidx.lifecycle.*
import com.zhongjinkang.rhythm.Model.BaseModel

//VM 层
open  abstract  class BaseViewModel<Model:BaseModel>(
    protected val model:Model?,

): ViewModel() {





//
//    override fun addCloseable(closeable: Closeable) {
//        super.addCloseable(closeable)
//    }
//
//    override fun onCleared() {
//        super.onCleared()
//    }
//
//    //生命周期管理
//    fun onAny(owner: LifecycleOwner?, event: Lifecycle.Event?) {
//
//    }



}
 

这是项目地址。感兴趣的可以看一下
 

mvvmDemo: Android mvvm练习demo
 


                

        

        

    




    

      

        

            

              
                
                  Bin_hell
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
android mvvm官方demo,Android mvvm架构demo(DataBinding+LiveData+ViewModel+ Repository)

				
			

			

				

					weixin_42517466的博客
				

				

					05-26
					
					1776
					
				

			

		

		

			
				
1.实现效果实现页面加载Bing每日一图的功能2.项目结构image(忽略没有按分类创建).png3.实现过程1.注入依赖//ViewModel与LiveDataimplementation "android.arch.lifecycle:extensions:1.1.1"//图片加载implementation 'com.github.bumptech.glide:glide:4.9.0'//网...

			
		

	



                

              
                



	

		

			

				
					
android mvvm官方demo,Android MVVM实战Demo完全解析

				
			

			

				

					weixin_26901145的博客
				

				

					05-26
					
					2471
					
				

			

		

		

			
				
最新【重大更新说明】感谢各位读者的阅读，这篇文章由于年代久远，存在一些错误的观点，再次向大家道歉，也做一个技术上的解释说明。受限于当时的技术水平和网络论调，在那个时代，网上绝大多数人都认为加了databinding就是mvvm了，实际上不是这样的，MVVM是一种架构模式，而DataBinding是一个实现数据和UI绑定的框架，是构建MVVM模式的一个工具。mvvm和MVP有一个比较大的区别是：vm...

			
		

	



                


  
              

                


	

		

			

				
					
探索MVVM-Demo：一个现代Android开发实践项目

				
			

			

				

					gitblog_00092的博客
				

				

					04-01
					
					340
					
				

			

		

		

			
				
探索MVVM-Demo：一个现代Android开发实践项目
项目地址:https://gitcode.com/lilongweidev/MVVM-Demo
项目简介
在GitCode上，我们可以找到一个名为MVVM-Demo的开源项目，它是一个用于展示如何在Android应用中使用MVVM（Model-View-ViewModel）架构模式的实战示例。该项目旨在帮助开发者理解和应用这一流行的设计模...

			
		

	





	

		

			

				
					
Android mvvm 框架，最流行的mvvm demo

				
			

			

				

					09-23
				

			

		

		

			
				
Android mvvm 框架，最流行的mvvm demo  无bug

			
		

	



		

			
		



	

		

			

				
					
Android 架构demo

					
最新发布

				
			

			

				

					刘鑫的博客
				

				

					05-30
					
					14
					
				

			

		

		

			
				
https://github.com/getActivity/AndroidProject

			
		

	





	

		

			

				
					
Android MVVM Demo

				
			

			

				

					花重锦官城的博客
				

				

					03-12
					
					3014
					
				

			

		

		

			
				
Android轻量级MVVM demo, 简单易读易上手：
https://gitee.com/aican/mvvm_demo



			
		

	





	

		

			

				
					
Android MVVM 框架搭建

				
			

			

				

					qq_24708503的博客
				

				

					05-24
					
					4256
					
				

			

		

		

			
				
MVVM 概述
谈谈对MVVM的看法
说到MVVM，不得不提MVC、MVP，前面的那对CP，在某些角度或理解上，倒挺符合他们CP的气质，毕竟他们真的太相似了，写完这三篇文章之后，会专门说说开发的时候该如何去选用这些框架。
言归正传，MVVM新引入了VM的概念，也就是ViewModel，用的时候可以继承ViewModel或者AndroidViewModel，谈到这里，不禁要想，这才是google的亲...

			
		

	





	

		

			

				
					
Android MVVM

				
			

			

				

					zyawei的博客
				

				

					03-17
					
					4069
					
				

			

		

		

			
				
1、MVVM 模式简介

MVVM 软件设计模式由微软在2005年提出，下图及介绍总结自微软The MVVM Pattern和Implementing the MVVM Pattern。上面两篇文章中和微软自家产品关联性很强，并很适用于Android，这里仅仅是介绍MVVM模式的概念及MVVM模式中各模块所承担的职责。




View 
就像在MVC和MVP模式中一样，视图是用户在屏幕上看到的结...

			
		

	





	

		

			

				
					
android MVVMdemo

				
			

			

				

					05-17
				

			

		

		

			
				
**Android MVVM框架详解与Kotlin实践**  在现代Android应用开发中，MVVM（Model-View-ViewModel）架构模式越来越受到关注。它是一种基于数据绑定的架构设计模式，旨在简化UI逻辑，提高代码可测试性，并使开发者能够...

			
		

	





	

		

			

				
					
AndroidMVVMDemo

				
			

			

				

					09-27
				

			

		

		

			
				
AndroidMVVMDemo是自己写的AndroidMVVM项目，仅有app目录和gradle，谨慎下载

			
		

	





	

		

			

				
					
ArchitectureDemo:Android架构的Demo，包含MVC，MVP，MVVM，frp,dagger

				
			

			

				

					05-09
				

			

		

		

			
				
ArchitectureDemo
Android架构的Demo，包含MVC，MVP，MVVM，frp,dagger
Main 类为控制所有界面的容器，无需更改
mvc mvp mvvm frp dagger包里面的代码分别为各自架构的demo代码，个个模块互相独立
res/layout/fragment_*demo.xml对应各自模块的界面代码
运行代码Android版本为Android 5.0以上

			
		

	





	

		

			

				
					
MVVM框架的demo

				
			

			

				

					10-27
				

			

		

		

			
				
在Android开发中，MVVM框架有助于更好地管理Activity和Fragment的生命周期。ViewModel类设计为在配置更改（如屏幕旋转）时存活，可以保持状态并防止数据丢失。"MVVM01"可能会展示如何在Activity或Fragment中正确使用...

			
		

	





	

		

			

				
					
Android MVVM demo

				
			

			

				

					04-19
				

			

		

		

			
				
本项目是一个基于MVVM架构的示例，名为"Android MVVM demo"，其核心在于展示如何在Android应用中有效地运用MVVM模式。  **MVVM架构简介** MVVM由Microsoft在WPF框架中首次引入，随后被广泛应用于各种平台，包括...

			
		

	





	

		

			

				
					
MVVMDemo：一款现代Android开发的最佳实践示例

				
			

			

				

					gitblog_00030的博客
				

				

					03-31
					
					391
					
				

			

		

		

			
				
MVVMDemo：一款现代Android开发的最佳实践示例
项目地址:https://gitcode.com/zhouxu88/MVVMDemo
本文将向您介绍MVVMDemo项目，这是一个基于MVVM（Model-View-ViewModel）架构模式的Android应用实例，旨在帮助开发者更好地理解和应用这一流行的软件设计模式。
项目概述
MVVMDemo是由zhouxu88维护的一个开源项目...

			
		

	





	

		

			

				
					
Android简单mvvm,Android MVVM实战Demo --- 基于DataBinding

				
			

			

				

					weixin_39622138的博客
				

				

					06-04
					
					503
					
				

			

		

		

			
				
提到Android的架构，大家肯定会想到MVC、MVP、MVVM；今天我们就来一起学习下基于DataBinding的MVVM。在这里你也许会问，DataBinding和MVVM之间有什么关系吗？首先你需要明确下DataBinding是做什么的，DataBinding是实现数据和UI双向绑定的框架。其实两者的关系很简单，MVVM是一种设计思想，而DataBinding只是实现MVVM模式的一种方式而...

			
		

	





	

		

			

				
					
Android MVVM实战Demo

				
			

			

				

					寒梅独自开
				

				

					08-14
					
					5193
					
				

			

		

		

			
				
早在2015谷歌 I/O大会上，就介绍了一个新的框架DataBinding，从名字就可以看出来，这是一个数据绑定框架。我们为什么要使用DataBinding？1.再也不需要编写findViewById了，有人会说，已经有butterknife了，很好用。2.更新UI数据需切换至UI线程，也有人说，有rxjava了。但是DataBinding，不仅仅能解决这2个问题，它的核心优势在于，它解决了将数据...

			
		

	





	

		

			

				
					
MVVMDemo：现代Android开发的优雅实践

				
			

			

				

					gitblog_00053的博客
				

				

					04-22
					
					352
					
				

			

		

		

			
				
MVVMDemo：现代Android开发的优雅实践
项目地址:https://gitcode.com/luxiaoming/MVVMDemo
项目简介
MVVMDemo 是一个基于Android平台的示范项目，展示了如何有效地应用Model-View-ViewModel (MVVM) 设计模式进行应用程序开发。此项目由Luxiaoming维护，并为开发者提供了一个深入理解MVVM架构及其相关库如D...

			
		

	





	

		

			

				
					
android mvvm框架简单demo

				
			

			

				

					06-28
				

			

		

		

			
				
### 回答1：
以下是一个简单的Android MVVM框架的示例：

1. 创建一个Model类，例如User.java，包含用户的姓名和年龄属性。

```
public class User {
    private String name;
    private int age;

    public User(String name, int age) {
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public int getAge() {
        return age;
    }
}
```

2. 创建一个ViewModel类，例如UserViewModel.java，用于处理用户数据的逻辑。

```
public class UserViewModel {
    private User user;

    public UserViewModel(User user) {
        this.user = user;
    }

    public String getUserName() {
        return user.getName();
    }

    public String getUserAge() {
        return String.valueOf(user.getAge());
    }
}
```

3. 创建一个View类，例如MainActivity.java，用于显示用户数据。

```
public class MainActivity extends AppCompatActivity {
    private TextView nameTextView;
    private TextView ageTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        nameTextView = findViewById(R.id.nameTextView);
        ageTextView = findViewById(R.id.ageTextView);

        User user = new User("张三", 20);
        UserViewModel userViewModel = new UserViewModel(user);

        nameTextView.setText(userViewModel.getUserName());
        ageTextView.setText(userViewModel.getUserAge());
    }
}
```

4. 在布局文件activity_main.xml中添加两个TextView控件用于显示用户数据。

```
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/nameTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="姓名：" />

    <TextView
        android:id="@+id/ageTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="年龄：" />

</LinearLayout>
```

以上就是一个简单的Android MVVM框架的示例，其中Model类用于存储数据，ViewModel类用于处理数据逻辑，View类用于显示数据。通过这种方式，可以将数据和逻辑分离，使得代码更加清晰和易于维护。   

### 回答2：
Android 的 MVVM 框架是一种用于构建现代化、可维护性高的应用程序的框架。MVVM 框架中实现了模型、视图、视图模型三者之间的解耦，可以更好地分离应用逻辑和视图逻辑，提高代码的可重用性、可测试性以及可扩展性。

下面为大家介绍一个简单的 MVVM 框架的 demo，以方便理解和学习。

在这个 demo 中，我们将展示一张图片，并在下方的文本框中显示此图片的宽度和高度。我们将使用以下两个库（依赖关系请自行添加）：

- Retrofit: 用于从网络上下载图片
- Glide: 用于将图片显示在 ImageView 中

1. 创建模型层

在这个例子中，我们只需要一个简单的模型，表示图片的宽度和高度。我们定义一个名为 ImageInfo 的类，包含两个成员变量（width 和 height），以及一些访问这些变量的方法：

```kotlin
data class ImageInfo(val width: Int, val height: Int) {
    fun getWidthString() = "Width: ${width}px"
    fun getHeightString() = "Height: ${height}px"
}
```

2. 创建视图模型层

我们的视图模型将包括一个用于从网络加载图片并提取其信息（宽度和高度）的 Retrofit 服务。我们通过创建一个名为 ImageViewModel 的类来实现这个过程。在 ImageViewModel 的构建函数中，我们创建了一个 Retrofit 实例，并从网络中获取图片。图片下载完成后，我们调用 Glide 的 loadImage 方法将其加载到 ImageView 中并提取其信息。我们将这些信息存储在 imageInfo 变量中。

```kotlin
class ImageViewModel(private val networkService: NetworkService) : ViewModel() {
    val imageInfo: LiveData<ImageInfo> = MutableLiveData()

    init {
        networkService.getImageFromNetwork()
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe({ bitmap ->
                val width = bitmap.width
                val height = bitmap.height
                val info = ImageInfo(width, height)
                imageInfo.postValue(info)
                Glide.with(imageView).load(bitmap).into(imageView)
            }, { throwable ->
                Log.d("Demo", throwable.localizedMessage)
            })
    }
}
```

3. 创建视图层

在视图层中，我们使用 DataBinding 和 MVVM 架构来设计应用程序的界面。我们将设计一个名为 activity_main.xml 的布局文件，在其中包含一个 ImageView 和一个 TextView。我们使用 DataBinding 来绑定 ImageView 和 TextView 的值。

```xml
<layout>
    <LinearLayout>
        <ImageView
            android:id="@+id/image_view"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            app:imageUrl="@{viewModel.imageInfo}"
            />

        <TextView
            android:id="@+id/text_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{viewModel.imageInfo.getWidthString() + '\n' + viewModel.imageInfo.getHeightString()}"
            />
    </LinearLayout>
</layout>
```

4. 在 MainActivity 中使用 MVVM 架构

在 MainActivity 类中，我们创建一个名为 ImageViewModel 的成员变量，并在 onCreate 方法中为其实例化。我们还使用 DataBindingUtil 绑定 MainActivity 的布局文件，并将 ImageViewModel 的实例传递给它的 ViewModelStoreOwner。

```kotlin
class MainActivity : AppCompatActivity() {
    private lateinit var viewModel: ImageViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        viewModel = ViewModelProviders.of(this).get(ImageViewModel::class.java)

        binding.viewModel = viewModel
        binding.lifecycleOwner = this
    }
}
```

至此，我们已完成了一个简单的 MVVM 框架的 demo。通过以上的例子，我们可以看到 MVVM 架构的优势，例如：

- 更好的代码分离和模块化
- 更好的可测试性和可维护性
- 更好的逻辑重用和扩展性

完整的代码示例可在 Github 上查看，欢迎大家参考和学习。   

### 回答3：
Android MVVM框架（Model-View-ViewModel）是一种设计模式，在这个模式中，将UI和业务逻辑分开，将数据和视图之间的通信封装在一个ViewModel层中。这样可以使得代码更加清晰易懂，便于维护和扩展。

这里提供一个简单的MVVM demo来展示这种架构的基本结构和工作原理。

在这个demo中，模拟用户登录的场景。首先是Model层，里面定义了一个User类，用来存储用户的账号和密码。下面是User类的代码：

```
public class User {
    private String username;
    private String password;

    public User(String username, String password) {
        this.username = username;
        this.password = password;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}
```

接下来是ViewModel层，这里定义了一个LoginViewModel类，其中定义了一个login方法，用来处理用户登录的逻辑。当用户输入账号和密码后，ViewModel会通过model层的数据来验证用户信息，如果验证成功，则返回一个登录成功的结果，否则返回一个错误信息。下面是LoginViewModel类的代码：

```
public class LoginViewModel {
    private final MutableLiveData<String> resultLiveData = new MutableLiveData<>();

    public LiveData<String> getResultLiveData() {
        return resultLiveData;
    }

    public void login(String username, String password) {
        if (TextUtils.isEmpty(username) || TextUtils.isEmpty(password)) {
            resultLiveData.setValue("请输入用户名和密码");
        } else if (username.equals("admin") && password.equals("123")) {
            resultLiveData.setValue("登录成功");
        } else {
            resultLiveData.setValue("用户名或密码错误");
        }
    }
}
```

注意到这里我们使用了LiveData对象来封装了我们的返回结果，这样能够使得UI层在数据发生变化的时候及时收到通知。

最后是View层，这里使用了一个Activity来展示UI界面，并且使用DataBinding将View和ViewModel之间的绑定关系进行了处理。下面是LoginActivity类的代码：

```
public class LoginActivity extends AppCompatActivity {

    private final LoginViewModel viewModel = new LoginViewModel();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityLoginBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_login);
        binding.setLifecycleOwner(this);
        binding.setViewModel(viewModel);
        viewModel.getResultLiveData().observe(this, s -> {
            Toast.makeText(this, s, Toast.LENGTH_SHORT).show();
        });
    }
}
```

我们在这个Activity中使用了DataBinding来绑定ViewModel，并且监听了ViewModel结果的返回信息，当ViewModel返回了结果后，我们通过Toast来展示这个结果。

以上就是一个简单的MVVM demo，通过这个demo可以发现，使用MVVM框架来设计和实现应用程序是非常方便和高效的，可以将UI、业务逻辑和数据层解耦，使得代码更加容易维护和扩展。

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值