Kotlin+Compose+MVVM模式（井字棋）

最新推荐文章于 2024-05-24 01:41:15 发布
最新推荐文章于 2024-05-24 01:41:15 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Android 文章标签： kotlin 开发语言 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soulshui/article/details/127403492
版权

井字棋：简单的演示一下MVVM模式结合Compose的运用

Compose 组合
1、Model
2、View：activity/fragment/composable
3、ViewModel：livedata->stateOf
声明式UI->数据驱动->无需adapter（RecyclerView Aapter->Data->View）snapshot

主要目录结构和代码：

 

示例：《井字棋 》链接：https://download.csdn.net/download/liqingmiao123/86781684

Compose学习官方网站：Jetpack Compose 界面应用开发工具包 - Android 开发者  |  Android Developers

参考：享学课堂Allen老师井字棋代码

mysoulli
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Kotlin+Compose+MVVM 简单的小游戏井字棋
10-19
Kotlin+Compose+MVVM 简单的小游戏井字棋
Android MVVM架构Demo（kotlin+databinding+livedata+lifecycle+协程+retrofit）
张雨的博客
12-04 2044
MVVM优势 主要解决的问题： 解决了生命周期问题导致的内存 解决了mvp中的大量接口 MVVM的分层 View层就是展示数据的，以及接收到用户的操作传递给viewModel层，通过dataBinding实现数据与view的单向绑定或双向绑定 Model层最重要的作用就是获取数据。（由于使用了协程所以不需要通过接口回调数据） ViewModel 层通过调用model层获取数据，以及业务逻辑的处理。 MVVM中 viewModel 和MVP中的presenter 的作用类似 ，只不过是通过 datab.
Android Kotlin Jetpack Compose UI框架到底好不好用？_android compose ui 不好用
2401_85241181的博客
05-24 336
组件View微件组件Compose官方文档中，新发明了一个名词——“微件”微件可以理解为Android目前用到的各种View，也可以理解为H5前端里常说的组件。
compose-browser-demo:使用KotlinJS在浏览器中使用Jetpack Compose的演示
04-24
撰写浏览器演示 这是一个使用Kotlin / JS和原始编译器在浏览器中运行的Compose演示。 这里的API不能代表任何最终的东西（实际上几乎不存在），因此可以随意使用它并自己提出任何东西。 编译器插件还不太稳定，如果遇到任何错误/崩溃，请报告:)。 注意：这不是JB / Google的“正式” Compose / JS实现，而只是一个示例/实验。 在哪里看？ -游乐场 -一些基本HTML定义 -运行时和编译器插件的预先建好的产出 在前奏中，请参见以获取有关如何创建DOM元素的示例。 预制物从哪里来？ 预先构建的工件是从aosp回购​​（ ， ）中的CR生成的。 我会尽力使它们保持同步。 当前，这些工件没有在任何地方发布，但是您可以使用将其包含在其他项目中。 也可以看看
Kotlin使用Jectpack的Compose组件--基础环境构建
believeinbelieve的博客
03-10 3919
Compose基础环境的搭建
kotlin+Jetpack Compose+协程Flow+MVVM
一抹离愁
09-05 1980
最近看了很多jetpack Compose博文，因为自己也会flutter 所以尝试用用，因为大同，所以要看看不同的细节。 关于jetpack compose的文章大家可以去谷歌官网去看看，jetpack Android studio环境 Android Studio Arctic Fox | 2020.3.1 Patch 1 添加框架 //网络加载框架 implementation "com.squareup.okhttp3:logging-interceptor:5.0.0-al..
Kotlin Compose 与原生 嵌套使用
丿灬安之若死
07-04 1226
依赖 用到的版本如下 这次我们修改 原生布局为Compse这些布局为 ConstraintLayout 且里面有四个TextView 我们注释掉这些布局并替换为 ComposeView 找到这个view的Id并对其进行设置整个Compose的代码如下 在第四个的TextView用到了spnner 也就是html文本其实。这个时候compose是暂时不支持的我们要切换到原生view大家看到这个了吗 对其进行设置 就可以了。 而不是引入textView xml了。这就要求我
Android 使用kotlin+mvvm+协程+retrofit搭建项目
weixin_48562691的博客
06-14 443
1.首先，添加必要的依赖项。// 创建 UserRepository 实例。// 创建 UserViewModel 实例。// 创建 ApiService 实例。// 观察用户数据并更新界面。
Kotlin+JetPack+协程实现的MVVM架构Wanandroid客户端
05-21
【Kotlin+JetPack+协程实现的MVVM架构Wanandroid客户端】 在现代Android应用开发中，MVVM（Model-View-ViewModel）架构模式逐渐成为主流，它将业务逻辑与用户界面分离，使得代码更加可测试和可维护。本项目“Kotlin...
kotlin + 协程 + MVVM 模式来编写的看小说APP
最新发布
06-21
主要框架 Lifecycle ViewModel LiveData Kotlin + 协程 网络框架 OKhttp Retrofit 缓存框架 OkHttpUtil 解析框架 Jsoup
简单天气--Kotlin+JetPack+协程+MVVM架构
05-21
简单天气APP，使用彩云天气api，使用Kotlin语言基于MVVM模式结合JetPack组件库：LiveData、ViewModel、Lifecycle、Navigation、Room组件，以及使用协程+Retrofit进行网络请求 开发的一款天气app
Kotlin+MVVM+Retrofit+协程+ViewBinding+EventBus
05-21
在Android开发领域，Kotlin+MVVM+Retrofit+协程+ViewBinding+EventBus的组合已经成为现代应用架构的主流选择。这套技术栈为开发者提供了高效、可维护且响应式的编程体验。接下来，我们将深入探讨这些关键技术点及其...
Jetpack Compose 架构如何选？MVP 、 MVVM 还是 MVI，高级Android开发面试解答之线程篇
m0_60606468的博客
03-23 720
这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。上述高清技术脑图以及配套的架构技术PDF可以点击我的GitHub免费获取当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。
Jetpack Compose--声明式UI替代传统命令式UI的新产品
分享技术与经验的博客
09-17 862
声明式用户界面(UI)已成为近年来最受关注的技术之一，不仅降低开发成本，提高开发人员的效率和技能，也使专注于具有类似代码的不同平台和设备变得更加简便。命令式用户界面已经被Android开发人员用了很长时间，习惯了XML创建UI的方式。这种创建XML的方式是强大的，但在复杂的应用程序中却将失去优势。声明性用户界面已经广泛应用在许多开发框架中，如Flutter、React和SwiftUI。
Kotlin——jetpackCompose按钮弹出dialog、列表（类似recyclerView）、双向绑定--列表(可单选/多选)、列表选中显示边框（最简单的方式）
wy313622821的博客
12-26 6204
package com.example.jetpackcompose import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.material.* import androidx.compose.runtime.Composable import androidx.compose....
用kotlin+compose开发通知弹幕APP（一）
weixin_41812640的博客
04-13 771
用compose和kotlin练手一个可以将系统通知改为实时弹幕的小项目吧
Android:Jetpack Compose
m0_59664761的博客
06-04 251
android架构与Compose简介
Android架构开发进阶指南，Android Jetpack Compose强化实战
嘴巴吃糖了
03-30 244
Android架构开发进阶指南
Kotlin Compose 计算器程序
丿灬安之若死
10-10 880
枚举的升级版本 一下子就列举出来所有情况。枚举只能列举相同的状态。而他不一样可以扩展。所有按钮都用到了这个。根据他们三个的变化。然后计算逻辑在viewModel当中。新建最基础的 button。这里用到了status。扩展的另外一个密封类。
Kotlin + 协程 + Retrofit + MVVM优雅的实现网络请求
06-01
好的，我来回答你的问题。 首先，Kotlin 是一种基于 JVM 的静态类型编程语言，它的语法简洁易懂，支持函数式编程和面向对象编程。 协程是 Kotlin 中的一种轻量级线程，可以实现异步编程和并发执行。Retrofit 是一款网络请求库，它可以帮助我们轻松地实现网络请求和数据解析。MVVM 是一种软件架构模式，可以将应用程序分为三个部分：模型、视图和视图模型。 下面是一个基于 Kotlin + 协程 + Retrofit + MVVM 的网络请求的优雅实现： 1. 定义 API 接口 首先定义 API 接口，使用 Retrofit 注解来描述请求方法和参数。 ```kotlin interface ApiService { @GET("api/news") suspend fun getNews(@Query("category") category: String): NewsResponse } ``` 2. 创建数据模型 根据 API 接口的返回数据，我们可以创建一个数据模型。 ```kotlin data class News(val title: String, val content: String) data class NewsResponse(val code: Int, val message: String, val newsList: List<News>) ``` 3. 创建 ViewModel ViewModel 是连接数据模型和视图的中间层，它处理数据逻辑并提供可观察的数据。 ```kotlin class NewsViewModel : ViewModel() { private val _newsList = MutableLiveData<List<News>>() val newsList: LiveData<List<News>> = _newsList fun loadNews(category: String) { viewModelScope.launch { val response = retrofit.create(ApiService::class.java).getNews(category) if (response.code == 200) { _newsList.value = response.newsList } } } } ``` 4. 创建视图 视图负责展示数据，并与用户交互。 ```kotlin class NewsActivity : AppCompatActivity() { private val viewModel by viewModels<NewsViewModel>() override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_news) viewModel.newsList.observe(this, Observer { newsList -> // 更新视图 }) viewModel.loadNews("tech") } } ``` 通过使用 Kotlin + 协程 + Retrofit + MVVM，我们可以实现优雅地网络请求，代码简洁易懂，逻辑清晰。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值