IT评测·应用市场-qidao123.com

标题: Flutter 与 Compose怎么选？小孩子才做选择 [打印本页]

作者: 雁过留声 时间: 2025-3-5 17:25
标题: 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企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/)