JetPack Compose 实战：打造一个 Compose 版本的「玩 Android

最新推荐文章于 2024-04-30 07:26:35 发布
最新推荐文章于 2024-04-30 07:26:35 发布
阅读量885 收藏 23
点赞数 24
分类专栏： Android程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/code8889/article/details/136785106
版权 
兼容现有的所有代码，方便您随时随地采用。借助实时预览和全面的 Android Studio 支持，实现快速迭代。

  • 功能强大

    凭借对 Android 平台 API 的直接访问和对于 Material Design、深色主题、动画等的内置支持，创建精美的应用。

我来补充一下我个人的理解

  1. 响应式编程

打破了以往先声明布局，再绑定数据的模式，声明 View 的同时绑定数据，数据有更新，View 也将自动更新，并通过 diff 差量算法来实现最小化更新

  1. 代码简洁

原本我们一般需要一个 xml 来描述一个布局，另外通过 Kotlin 绑定数据，现在所有的布局描述和数据绑定都在 Kotlin 中完成

  1. 高性能

由于不需要解析 xml，所以性能更快，另外 Compose 重新设计了 View 的测量、布局、绘制流程，可以有效的减少测量次数，使嵌套影响性能成为过去

  1. 跨平台（暂未实现）

根据 Google 的规划，Compose 将会支持跨平台，这点其实不难理解，毕竟 Compose 的 API 设计已经完全脱离了平台特性，更像是一个 Flutter 的变种，所以我认为 Compose 的未来不可限量！

实战

Compose 代码全部通过 Kotlin 实现，使用了大量的 Kotlin 特性，因此 Compose 也只支持使用 Kotlin 语言。

你还在相信 Google 爸爸说的不会放弃 Java 吗？都是骗人的！

prd.jpg

下载最新的 Android Studio Preview 版本，不要担心不稳定，Preview 版本是可以和正式版共存的，在 Mac 上，可以直接拖到应用程序，LaunchPad 上就会多一个 Preview 版本的图标。

下载地址：developer.android.com/studio/prev…

New 一个 Project，选择 Empty Compose Activity

new-project.jpg

IDE 就会自动添加 Compose 所需要的依赖

接下来就可以愉快的 coding 了~

案例

我前后用了 2 个月的时间，在工作之余使用 Compose 做了一个「玩 Android」客户端，完成了以下功能

  • 登录、注册
  • 等级、排名、积分、收藏
  • 首页、搜索
  • 广场
  • 公众号

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
img

尾声

面试成功其实都是必然发生的事情，因为在此之前我做足了充分的准备工作，不单单是纯粹的刷题，更多的还会去刷一些Android核心架构进阶知识点，比如：JVM、高并发、多线程、缓存、热修复设计、插件化框架解读、组件化框架设计、图片加载框架、网络、设计模式、设计思想与代码质量优化、程序性能优化、开发效率优化、设计模式、负载均衡、算法、数据结构、高级UI晋升、Framework内核解析、Android组件内核等。

不仅有学习文档，视频+笔记提高学习效率，还能稳固你的知识，形成良好的系统的知识体系。这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

Android进阶学习资料库

一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！

image

大厂面试真题

PS：之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

《2017-2020字节跳动Android面试历年真题解析》

如果需要PDF版本可以自行领取！

0665753282)]

如果需要PDF版本可以自行领取！

code高级开源
关注
  • 24
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
compose-icons:Jetpack Compose的开源图标包
03-28
Compose图标是一包库，提供了可在Jetpack Compose Multiplatform中使用的众所周知的Icon Pack。 库的使用受到“构成材料图标”的启发。 撰写版本 Jetpack撰写（Android）： 1.0.0-beta01 Jetbrains组成（桌面）： ...
五天自学 Compose 从 0 到 1 构建一个 WanAndroid 客户端
易庞宙的博客
10-16 987
如何五天自学 compose ，快速入门 compose
Android架构开发进阶指南，Android Jetpack Compose强化实战_android compose架构
最新发布
2401_84537646的博客
04-30 625
在我们日常的开发中，如果所有人各自为战，没有统一规范，久而久之，项目代码会变得混乱且后续难以维护。而这时，许多人就会使用Jetpack这个由多个库组成的套件，来减少样板代码，以便将精力更多的集中于重要的编码工作上面。总之，开发架构是前人总结出来的一套行之有效的开发模式，目的是达到高内聚，低耦合的效果，使得项目代码更健壮、易维护。
Jetpack Compose实战教程（一）
xiaoliluote的专栏
10-14 2332
自从官方推出了Jetpack之后，也引导我们从以前的MVC/MVP框架转变为MVVM框架，推出的一系列组件加速了我们开发更安全的应用。然而这些都仅限于代码逻辑层面，UI层仍然是命令式的XML布局，现在它得以改变。Compose出现了，一套全新的声明式UI框架，将彻底颠覆已经实行10多年的XML布局方式。至此，我们已经构建了一个基于Compose的项目，对Compose也有了一个基本的认知，下一章节我们将认识几种常见的组件和排列方式。
Android Compose Bloom 项目实战 (一) : 项目说明与配置
朱豪凯的博客
11-20 2368
Bloom是谷歌 AndroidDevChallenge (Android 开发挑战赛) 中的一期活动，目的是为了推广Compose，非常适合用来练手，通过这个项目，我们可以很好的入门`Compose`。本文介绍了如何从零开始，开发这个Compose项目。
Jetpack Compose 2024 年 1 月版最新动态
Android开发者
02-19 1061
作者 /Android 开发者关系工程师 Ben Trengrove我们在 Compose 2024 年 1 月物料清单 (BoM) 中发布了 Jetpack Compose 1.6 版本，这是 Android 的现代原生界面工具包，可供多款应用使用，如 Threads、Reddit 和 Dropbox。此版本主要侧重于性能提升，因为我们将持续迁移修饰符并提高 API 主要部分的效率。Compo...
Jetpack Compose 中的架构思想
川峰的博客
03-08 966
如果应用打算使用 Jetpack Compose 来开发，那么就可以跟以前的MVC、MVP、MVVM等乱七八糟的架构全部说拜拜，这些名词也将在Android开发当中永远地成为历史。因为 Jetpack Compose 的架构思想非常简单，只有UI层和数据层两层，即上图所示（其中 Domain Layer 是可选的层）。它的核心思想是单向数据流，以数据模型驱动界面，遵循关注点分离的原则。 在前面的架构图中可以看到，UI 层其实细分又包含了两层：UI 元素和状态容器（StateHolder）。其中 UI 元素
Jetpack Compose 架构层
ChinaDragon10的博客
02-24 869
Jetpack Compose 不是一个单体式项目；它由一些模块构建而成，这些模块组合在一起，构成了一个完整的堆栈。通过了解组成 Jetpack Compose 的不同模块，您可以： 1.使用适当的抽象级别来构建应用或库 2.了解何时可以“降级”到较低级别，以获取更多的控制权或更高的自定义程度 3.尽可能减少依赖项
compose-markdown:适用于Android Jetpack的Markdown文本:clipboard:
03-06
MarkdownText-Jetpack撰写 降价促销 HTML 图像 强调 林菲 桌子 设置 配置root build.gradle ： allprojects { repositories { ... maven { url 'https://jitpack.io' } } } 将依赖build.gradle添加到...
Jetpack Compose入门到精通
01-29
Jetpack Compose入门到精通
AndroidComposeSamples:一个Android应用程序，提供Android Jetpack Compose的示例
04-13
Android Compose样本存储库一个Android应用程序，提供Android Jetpack Compose的示例分行： ：您好Android（TextView） ：列和填充 ：图像，间距和内容比例 ：使用“材质”主题进行样式设置 ：可与Kotlin代码组合...
Compose-Tutorial:Jetpack Compose中文文档介绍，持续更新
04-04
介绍 :dashing_away: 此项目致力于帮助大家更好的理解... Jetpack Compose是用于内置原生界面的最新版Android工具包，采用声明式UI的设计，拥有更简单的自定义和实时的交互预览功能，由Android官方团队全新打造的UI框架
2024年Android应用开发的6大框架
虎哥LoveDroid
08-27 4723
2024年Android应用开发的6大框架，影响移动应用开发领域，改变应用的创建和用户使用方式。随着移动应用市场不断发展，对灵活和高效框架的需求也在增加。这些框架为开发人员提供资源和工具，构建满足用户不断变化需求的前沿应用。本文探讨了2024年预计主导市场的6个Android框架，为开发人员提供创造吸引全球用户的精彩应用的工具。
快速入门Jetpack Compose声明式UI框架，谷歌架构师内部开源
老皮的博客
07-06 436
随着 Jetpack compose 逐渐走向稳定，并且绝大多数使用View能完成的效果，现在使用Jetpack Compose同样能够完成，直接导致越来越多的企业将要求使用Jetpack compose开发页面，我们可以假设未来几年它将为 Android 带来一系列新模式，因为声明式 UI 将会改变我们开发应用程序的方式。
Jetpack Compose 架构如何选？MVP 、 MVVM 还是 MVI，高级Android开发面试解答之线程篇
m0_60606468的博客
03-23 706
这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。上述高清技术脑图以及配套的架构技术PDF可以点击我的GitHub免费获取当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。
Jetpack Compose 架构
ChinaDragon10的博客
02-24 817
在 Compose 中，界面是不可变的，在绘制后无法进行更新。您可以控制的是界面的状态。每当界面的状态发生变化时，Compose 都会重新创建界面树中已更改的部分。可组合项可以接受状态并公开事件，例如 TextField 接受值并公开请求回调处理程序更改值的回调 onValueChange。
2023年Android应用开发革命性的Jetpack Compose开发指南，从零到精通，开源分享
Code1994的博客
06-27 856
Jetpack Compose 是一个用于构建 Android 应用程序的现代 UI 工具包。它通过使用声明性方法简化了创建用户界面的过程，这意味着您可以根据应用程序的当前状态来描述 UI 的外观。
Jetpack Compose实战解析，看完就懂
m0_56146626的博客
03-09 614
Jetpack Compose 是一个用于构建原生Android UI 的现代化工具包，它基于声明式的编程模型，因此你可以简单地描述UI的外观，而Compose则负责其余的工作-当状态发生改变时，你的UI将自动更新。由于Compose基于Kotlin构建，因此可以与Java编程语言完全互操作，并且可以直接访问所有Android和Jetpack API。它与现有的UI工具包也是完全兼容的，因此你可以混合原来的View和现在新的View，并且从一开始就使用Material和动画进行设计。
jetpack compose实战项目
11-20
Jetpack Compose是一个全新的Android UI工具包，可以帮助开发者更快速、更简单地构建Android应用程序的用户界面。以下是一个Jetpack Compose实战项目的简介： 项目名称：Compose Countdown Timer 项目描述：这是一个基于Jetpack Compose的倒计时计时器应用程序。用户可以设置计时器的时间，并在计时器倒计时时观看动画。 实现步骤： 1.创建一个Compose项目并添加所需的依赖项。 2.创建一个计时器组件，该组件将显示计时器的当前时间，并在计时器倒计时时触发动画。 3.创建一个设置计时器时间的组件，该组件将允许用户设置计时器的时间。 4.将计时器组件和设置时间组件组合在一起，以创建一个完整的倒计时计时器应用程序。 代码示例： ```kotlin @Composable fun CountdownTimer() { var time by remember { mutableStateOf(0) } var isRunning by remember { mutableStateOf(false) } LaunchedEffect(isRunning) { while (isRunning && time > 0) { delay(1000) time-- } } Box( modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center ) { if (time > 0) { Text( text = time.toString(), fontSize = 60.sp, fontWeight = FontWeight.Bold ) } else { Text( text = "Time's up!", fontSize = 60.sp, fontWeight = FontWeight.Bold ) } } } @Composable fun SetTime(onTimeSelected: (Int) -> Unit) { var time by remember { mutableStateOf(0) } Column( modifier = Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally ) { Text( text = "Set time", fontSize = 24.sp, fontWeight = FontWeight.Bold, modifier = Modifier.padding(vertical = 16.dp) ) Row( modifier = Modifier.padding(vertical = 16.dp) ) { Text( text = "Minutes:", fontSize = 18.sp, modifier = Modifier.padding(end = 8.dp) ) OutlinedTextField( value = time.toString(), onValueChange = { time = it.toIntOrNull() ?: 0 }, keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number), modifier = Modifier.width(100.dp) ) } Button( onClick = { onTimeSelected(time) }, modifier = Modifier.padding(vertical = 16.dp) ) { Text(text = "Start timer") } } } @Composable fun ComposeCountdownTimer() { var time by remember { mutableStateOf(0) } var isRunning by remember { mutableStateOf(false) } if (time == 0) { SetTime(onTimeSelected = { selectedTime -> time = selectedTime * 60 isRunning = true }) } else { CountdownTimer() } } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值