当前位置：首页 > news >正文

APP架构设计_2.用MVVM架构实现一个具体业务

news 2025/7/16 18:57:50

2.MVVM架构图

3.MVVM 实现一个具体业务

3.1 界面层的实现

界面层实现时，需要遵循以下几点。

1）选择实现界面的元素

界面元素可以用 view 或 compose 来实现，这里用 view 实现。

2）提供一个状态容器

这里使用 ViewModel 作为状态容器；状态容器用来存放界面状态变量；ViewModel 是官方推荐的状态容器，而不是必须使用它作为状态容器。

3）定义界面状态

这个需求中我们根据业务描述，定义出多个界面状态。

/**
* 加载失败 UI 状态，显示失败图
* 首屏获取的数据为空、首屏请求数据失败时展示失败图
* 初始值：隐藏
*/
val loadingError: StateFlow<Boolean>get() = _loadingError
private val _loadingError = MutableStateFlow<Boolean>(false)/**
* 正在加载 UI 状态，显示加载中图
* 首屏时请求网络时展示加载中图
* 初始值：展示
*/
val isLoading: StateFlow<Boolean>get() = _isLoading
private val _isLoading = MutableStateFlow<Boolean>(true)/**
* 加载成功后回来的列表 UI 状态，将 list 数据展示到列表上
*/
val newsList: StateFlow<MutableList<News>>get() = _newsList
private val _newsList = MutableStateFlow<MutableList<News>>(mutableListOf())/**
* 加载完成 UI 状态
*/
val loadingFinish: StateFlow<Boolean>get() = _loadingFinish
private val _loadingFinish = MutableStateFlow<Boolean>(false)/**
* 界面 toast UI 状态
*/
val toastMessage: StateFlow<String>get() = _toastMessage
private val _toastMessage = MutableStateFlow<String>("")

4）公开界面状态

这里选择数据流 StateFlow 公开界面状态。当然也可以选择 LiveData 公开界面状态。

5）使用/订阅界面状态

我这里使用的是数据流 StateFlow 公开的界面状态，所以在界面层相对应的使用 flow#collect 订阅界面状态。

数据模型驱动界面

结合上面几点，界面层的实现代码为：

3.1.1界面元素的实现：

class NewsActivity: ComponentActivity() {private var mBinding: ActivityNewsBinding? = nullprivate var mAdapter: NewsListAdapter? = nullprivate val mViewModel = NewsViewModel()override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)mBinding = ActivityNewsBinding.inflate(layoutInflater)setContentView(mBinding?.root)initView()initObserver()initData()}private fun initView() {mBinding?.listView?.layoutManager = LinearLayoutManager(this)mAdapter = NewsListAdapter()mBinding?.listView?.adapter = mAdaptermBinding?.refreshView?.setOnRefreshListener {mViewModel.refreshNewsData()}}private fun initData() {mViewModel.getNewsData()}private fun initObserver() {lifecycleScope.launch {lifecycle.repeatOnLifecycle(Lifecycle.State.CREATED) {launch {mViewModel.isLoading.collect {if (it) {mBinding?.loadingView?.visibility = View.VISIBLE} else {mBinding?.loadingView?.visibility = View.GONE}}}launch {mViewModel.loadingError.collect {if (it) {mBinding?.loadingError?.visibility = View.VISIBLE} else {mBinding?.loadingError?.visibility = View.GONE}}}launch {mViewModel.loadingFinish.collect {if (it) {mBinding?.refreshView?.isRefreshing = false}}}launch {mViewModel.toastMessage.collect {if (it.isNotEmpty()) {showToast(it)}}}launch {mViewModel.newsList.collect {if (it.isNotEmpty()) {mBinding?.loadingError?.visibility = View.GONEmBinding?.loadingView?.visibility = View.GONEmBinding?.refreshView?.visibility = View.VISIBLEmAdapter?.setData(it)}}}}}}}

3.1.2状态容器的实现：

class NewsViewModel : ViewModel() {private val repository = NewsRepository()/*** 加载失败 UI 状态，显示失败图* 首屏获取的数据为空、首屏请求数据失败时展示失败图* 初始值：隐藏*/val loadingError: StateFlow<Boolean>get() = _loadingErrorprivate val _loadingError = MutableStateFlow<Boolean>(false)/*** 正在加载 UI 状态，显示加载中图* 首屏时请求网络时展示加载中图* 初始值：展示*/val isLoading: StateFlow<Boolean>get() = _isLoadingprivate val _isLoading = MutableStateFlow<Boolean>(true)/*** 加载成功后回来的列表 UI 状态，将 list 数据展示到列表上*/val newsList: StateFlow<MutableList<News>>get() = _newsListprivate val _newsList = MutableStateFlow<MutableList<News>>(mutableListOf())/*** 加载完成 UI 状态*/val loadingFinish: StateFlow<Boolean>get() = _loadingFinishprivate val _loadingFinish = MutableStateFlow<Boolean>(false)/*** 界面 toast UI 状态*/val toastMessage: StateFlow<String>get() = _toastMessageprivate val _toastMessage = MutableStateFlow<String>("")fun getNewsData() {viewModelScope.launch(Dispatchers.IO) {val list = repository.getNewsList()if (list.isNullOrEmpty()) {_loadingError.emit(true)} else {_newsList.emit(list)}}}fun refreshNewsData() {viewModelScope.launch(Dispatchers.IO) {val list = repository.getNewsList()_loadingFinish.emit(true)if (list.isNullOrEmpty()) {_toastMessage.emit("暂时没有更新数据")} else {_newsList.emit(list)}}}
}

3.2 数据层的实现

这里的数据层只有一个新闻列表数据结构的存储仓库 NewsRepository，另外获取新闻信息属于一次性操作，根据数据层架构设计，直接使用 suspend 就好。

class NewsRepository {suspend fun getNewsList(): MutableList<News>? {delay(2000)val list = mutableListOf<News>()val news = News("标题", "描述信息")list.add(news)list.add(news)list.add(news)list.add(news)return list}
}