Flutter 与 Compose怎么选?小孩子才做选择,androidstudio开发实战2

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

  1. API 设计

![image](https://img
-blog.csdnimg.cn/img_convert/247ef277193ad3075100eba1bfba8791.png)

  1. Compose API 的原则

一切都是函数

顶层函数(Top-level function)

组合优于继承

信任单一来源

image

  1. 深入了解Compose

Core

Foundation

Material

  1. 插槽API

第二章 Jetpack Compose构建Android UI

  1. Android Jetpack Compose 最全上手指南

Jetpack Compose 环境准备和Hello World

布局

使用Material design 设计

Compose 布局实时预览

……

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

Compose 所解决的问题

Composable 函数剖析

声明式 UI

组合 vs 继承

封装

重组

……

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

@Composable 注解意味着什么?

执行模式

Positional Memoization (位置记忆化)

存储参数

重组

……

第三章 Jetpack Compose 项目实战演练(附Demo)

  1. Jetpack Compose应用1

开始前的准备

创建DEMO

遇到的问题

  1. Jetpack Compose应用2

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

数据结构

倒计时功能

状态模式

Compose 布局

绘制时钟

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

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

准备工作

引入依赖

新建 Activity

创建 Compose

PlayTheme

画页面

底部导航栏

管理状态

添加页面

image

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

开篇

画页面

画背景

画内容

……

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

成品

实现方案

实战

不足

……

3 Compose是否值得一试

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

前面讲到Compose的特性,优缺点,以及如何快速入门、如何正确使用。

那么Compose是否值得应用到项目中来呢?

这些还需要具体情况具体分析。

如果你是新项目

我建议你大胆尝鲜,毕竟聪明的“部分刷新”机制,是提高页面性能的重要手段。而且声明式布局在未来应该会取代传统的xml布局形式,这是大势所趋。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 要在Android Studio中安装Flutter,请按照以下步骤操作: 1. 下载并安装Android Studio。 2. 打开Android Studio,选择“Configure”菜单,然后选择“Plugins”。 3. 在“Plugins”窗口中,搜索“Flutter”插件并安装它。 4. 安装完成后,重新启动Android Studio。 5. 在Android Studio中创建一个新项目,选择Flutter”作为项目类型。 6. 安装Flutter SDK。可以通过以下方式安装: a. 下载Flutter SDK并解压缩到本地文件夹中。 b. 在Android Studio中打开“Preferences”窗口,选择“Languages & Frameworks” > “Flutter”。 c. 在“Flutter SDK path”字段中输入Flutter SDK的路径。 7. 现在,您可以开始使用Flutter开发应用程序了。 ### 回答2: Flutter是一个跨平台移动开发框架,它目前在移动开发领域越来越受欢迎。在安装Flutter之前,你需要安装Android Studio和Flutter插件。 1. 安装Android Studio 首先,你需要在官网下载最新版本的Android Studio。在安装时可选择安装Android SDK(用于开发Android应用程序)。 安装完成后启动Android Studio并创建一个新的空白项目,然后检查是否成功安装了Android SDK。 2. 安装Flutter插件 打开Android Studio并进入“Plugin”项,搜索“Flutter”并安装。安装完成后,在Android Studio中重新启动即可。 3. 验证Flutter安装 打开命令行窗口并输入以下命令: flutter doctor 这个命令会检查Flutter环境并列出任何它发现的问题。如果一切正常,你会看到一个类似下面的输出: Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.14.1 18B75, locale en-US) [✓] Android toolchain - develop for Android devices (Android SDK 28.0.3) [✓] iOS toolchain - develop for iOS devices (Xcode 10.1) [✓] Android Studio (version 3.2) [✓] Connected device (1 available) 注意:在使用Flutter之前,你需要安装一个模拟器或连接真实设备。 现在你已成功安装Flutter并可以开始创建自己的跨平台移动应用程序! ### 回答3: Android Studio是一个主要面向Android开发的IDE。而Flutter是一个开源的移动应用开发框架,能够快速地构建高质量、完美体验的移动应用。在Android Studio中安装Flutter,将可以更加顺畅地进行Flutter开发。 要想在Android Studio中安装Flutter,需要以下的步骤: 第一步:安装Flutter SDK Flutter SDK是Flutter最基本的开发环境之一,需要下载Flutter SDK并解压到本地。下载地址为:https://flutter.dev/docs/get-started/install/windows。注意:在下载Flutter SDK前,需要保证本机安装了Git,以便于使用Flutter的命令行工具。 第二步:配置Flutter环境变量 在Flutter SDK解压后,需要将Flutter的路径添加至系统的环境变量中,以便Android Studio能够正常调用Flutter SDK。在Windows的环境变量中添加一行,将Flutter SDK的路径加入到系统的Path中。 第三步:在Android Studio中安装Flutter插件 在完成Flutter SDK的下载及环境变量配置后,需要在Android Studio中安装Flutter插件。首先在Android Studio中打开“settings”,进入“Plugins”页面,搜索Flutter插件并安装。 第四步:在Android Studio中配置Flutter SDK路径 在安装完Flutter插件后,需要在Android Studio中配置Flutter SDK的路径。在Android Studio中选择File->Settings,找到“Languages & Frameworks”项下的Flutter,将下载并解压的Flutter SDK路径加入即可。 至此,安装Flutter的环境已经配置完成。在实际的开发过程中,可以在Android Studio中使用Flutter提供的模版来快速地创建应用程序,同时也可以在Flutter中使用Android Studio的各种调试和工具的支持,以便于快速、高效地进行Flutter应用开发。 总之,安装Flutter环境比较简单,只需按照以上步骤进行操作即可完成。安装过程需要的时间不长,只需耐心跟进即可。而且,安装完环境后,就可以享受到Flutter带来的便捷、高效和稳定性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

m0_66264655

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值