Flutter 与 Compose怎么选？小孩子才做选择

1.1.4 交互式预览

在此模式下，你可以与界面组件互动、点击组件，以及查看状态如何变化。通过这种方式，你可以快速获得有关界面如何反应的反馈，并可快速预览动画。如要启用此模式，只需点击“互动”图标 ，系统即会切换预览模式。

如需停止此模式，请点击顶部工具栏中的 Stop Interactive Preview。

以上是AndroidStudio对Compose的支持，可以说是大手笔了。

1.2 Jetpack Compose 使用前后对比

---

你以为Compose只是添加了预览功能？那可不是。

从普通应用切换到Compose应用，你的应用速度和性能可以得到大幅提升。

我们来看一个Google官方改造的应用示例。

1.2.1 APK 尺寸缩减

用户最为关心的指标，莫过于 APK 大小。

下面是开启了 资源缩减 的最小化发布版 APK (使用了 R8) 通过 APK Analyzer 所测量的结果:

关于上述数字的说明:

1、使用了 APK Analyzer 报告的 “APK file size” (而不是下载时的大小)。 APK 大小分析

2、在使用了 Compose 后，我们发现 APK 大小缩减了 41%，方法数减少了 17%

1.2.2 代码行数

源代码行数虽然不能作为衡量软件好坏的标准，但是可以对比出一个实验在“瘦身”上面做了多大的努力，为观察实验变化提供了一个统计视角。

从图中可以看到，XML 行数大幅减少了 76%。再见了，布局文件，以及 styles、theme 等其他的 XML 文件 。

同时，Kotlin 代码的总行数也下降了。

这就是 APK 能够瘦身的很大一部分原因。

1.2.3 构建速度

构建速度是开发者们十分关心的一项指标。

这里需要做一些说明：

“完全接入 Compose” 使用的是最新版本的 Dagger/Hilt，该版本使用了 Android Gradle Plugin 7.0 中的新 ASM API。而其他版本使用了较旧的 Hilt 版本，其使用了不同的机制，会严重拖慢生成 dex 文件的时间。

除此之外，Kotlin 编译器与 Compose 编译器插件为我们所做的事情，如 位置记忆化、细粒度重组 等工作，构建时间能够 减少 29%， 可以说十分惊人。

2 如何优雅地使用Compose

===================================================================================

上面讲了很多Compose的优点，那么，接下来我们如何使用它呢。

2.1 准备

---

在开始使用Compose之前，你需要具备一下基础。

• 下载 Android Studio Arctic Fox 或更高版本

• Kotlin 1.4.32 或更高版本

• Kotlin 语言使用无障碍

2.2 如何快速学习Compose

---

接下来，我将会给大家介绍一份2021年最新整理出来的《Jetpack Compose 完全开发手册》，手把手教大家Jetpack Compose从入门到精通。

这份资料旨在给希望了解、学习、应用Android Jetpack Compose的小伙伴一个参考资料。

资料详情

---

有需要的朋友可以【点击此处】或者通过下方代码块找我免费领取。

//wechat number:

study5233

1

2

希望这份资料可以给希望了解、学习、应用Android Jetpack Compose的小伙伴一个参考。

第一章 初识 Jetpack Compose

1. 为什么我们需要一个新的UI 工具？

2. Jetpack Compose的着重点

加速开发

强大的UI工具

直观的Kotlin API

3. API 设计

4. Compose API 的原则

一切都是函数

顶层函数（Top-level function）

组合优于继承

信任单一来源

5. 深入了解Compose

Core

Foundation

Material

6. 插槽API

第二章 Jetpack Compose构建Android UI

1. Android Jetpack Compose 最全上手指南

Jetpack Compose 环境准备和Hello World

布局

使用Material design 设计

Compose 布局实时预览

……

2. 深入详解 Jetpack Compose | 优化 UI 构建

Compose 所解决的问题

Composable 函数剖析

声明式 UI

组合 vs 继承

封装

重组

……

3. 深入详解 Jetpack Compose | 实现原理

@Composable 注解意味着什么？

执行模式

Positional Memoization (位置记忆化)

存储参数

重组

……

第三章 Jetpack Compose 项目实战演练（附Demo）

1. Jetpack Compose应用1

开始前的准备

创建DEMO

遇到的问题

2. Jetpack Compose应用2

3. Jetpack Compose应用做一个倒计时器

数据结构

倒计时功能

状态模式

Compose 布局

绘制时钟

!](https://upload-images.jianshu.io/upload_images/26079141-4d23a67f86c3d631.image?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

4. 用Jetpack Compose写一个玩安卓App

准备工作

引入依赖

新建 Activity

创建 Compose

PlayTheme

画页面

底部导航栏

管理状态

添加页面

5. 用Compose Android 写一个天气应用

开篇

画页面

画背景

画内容

……

6. 用Compose快速打造一个“电影App”

成品

实现方案

实战

不足

……

3 Compose是否值得一试

==================================================================================

最后

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

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
15513929347)]

[外链图片转存中…(img-EuX1XiAc-1715513929348)]

[外链图片转存中…(img-NvT6SMTe-1715513929349)]

[外链图片转存中…(img-uFx4lXa0-1715513929350)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！