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

新的Android Studio 增长了对文字更改实时预览的结果，可以在Preview、模拟器、或者真机上实时预览。

1.1.2 动画预览

可以在AndroidStudio内检察、查抄或播放动画，还可以逐针播放。

1.1.3 布局查抄器

Android Studio Arctic Fox 增长了布局监测器对Compose的支持，可以分析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

• 为什么我们必要一个新的UI 工具？
  
• Jetpack Compose的着重点
  

加快开辟
强大的UI工具
直观的Kotlin API

• API 设计
  

• Compose API 的原则
  

统统都是函数
顶层函数（Top-level function）
组合优于继承
信托单一泉源

• 深入了解Compose
  

Core
Foundation
Material

• 插槽API
  

第二章 Jetpack Compose构建Android UI

• Android Jetpack Compose 最全上手指南
  

Jetpack Compose 情况预备和Hello World
布局
使用Material design 设计
Compose 布局实时预览
……

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

Compose 所解决的问题
Composable 函数剖析
声明式 UI
组合 vs 继承
封装
重组
……

• 深入详解 Jetpack Compose | 实现原理
  

@Composable 注解意味着什么？
执行模式
Positional Memoization (位置记忆化)
存储参数
重组
……

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

• Jetpack Compose应用1
  

开始前的预备
创建DEMO
遇到的问题

• Jetpack Compose应用2
  
• Jetpack Compose应用做一个倒计时器
  

数据结构
倒计时功能
状态模式
Compose 布局
绘制时钟
!](https://upload-images.jianshu.io/upload_images/26079141-4d23a67f86c3d631.image?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

• 用Jetpack Compose写一个玩安卓App
  

预备工作
引入依赖
新建 Activity
创建 Compose
PlayTheme
画页面
底部导航栏
管理状态
添加页面

• 用Compose Android 写一个天气应用
  

开篇
画页面
画背景
画内容
……

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

成品
实现方案
实战
不敷
……

3 Compose是否值得一试
==================================================================================
前面讲到Compose的特性，优缺点，以及如何快速入门、如何精确使用。
那么Compose是否值得应用到项目中来呢？
这些还必要详细情况详细分析。
如果你是新项目。
我发起你大胆尝鲜，毕竟聪明的“部门革新”机制，是提高页面性能的紧张手段。而且声明式布局在将来应该会取代传统的xml布局形式，这是大势所趋。
如果你是现有项目改造。
首先，你可以评估一下是否已经具备开始Compose的基础能力——kotlin语言的灵活运用。
Compose可以说是为Kotlin量身定制的、与View model紧密联合的一种衍生物，有了Kotlin和View model，Compose的作用可以发挥到极致，也就能实现前面的目的：

• 构建时间能够 减少 29%
  
• XML 行数大幅减少了 76%
  
• APK 巨细缩减了 41%
  
• 方法数减少了 17%
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。