新一代UI工具,Jetpack compose从初识到实战入门指南

2,654 阅读3分钟

Jetpack Compose 作为 Android 端的新一代UI开发工具,得益于 Kotlin 优秀的语法特性,代码写起来十分简洁,广受开发者好评。作为 Kotlin 的开发方,JetBrains 在 Compose 的研发过程中也给与了大量帮助,可以说 Compose 是 Google 和 JetBrains 合作的产物。

在这里插入图片描述 在参与合作的过程中,JetBrains 也看到了 Compose 在跨平台方面的潜力,Compose 良好的分层设计使得其除了渲染层以外的的大部分代码都是平台无关的,依托 Kotlin Multiplatform (KMP), Compose 可以低成本地化身为一个跨平台框架。 在这里插入图片描述 现在 Google 的应用市场中,大部分 APP 已经开始使用 Android Jetpack,根据2022 I/O 大会上发布的数据,目前 GooglePlay 排名前 1000 的应用中,使用至少两个以上 Jetpack 库的占比从 79% 提升到 90%。 在这里插入图片描述 但是对于大部分开发者来说,Compose确实是一套比较难学的东西, 它是一个完整的、全新的框架: 渲染机制、布局机制、触摸算法以及 UI 的具体写法,全都是新的 , 抛弃了我们写了 N 年的 View 和 ViewGroup 那一套东西。

为了帮助大家更好地理解Compose,早日上手实操,这里给大家介绍一份谷歌大佬强势分享 《Jetpack Compose-从入门到精通》,手把手带大家领略Compose的风采。

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

详细VX关注公众号:Android老皮

第一章 初识Jetpack Compoese

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

  • 2.Jetpack Compose的着重点
    加速开发 强大的UI工具 直观的Kotlin API

  • 3.API 设计 image.png

  • 4.Compose API 的原则
    一切都是函数 顶层函数(Top-level function) 组合优于继承 信任单一来源

image.png

  • 5.深入了解Compose Core Foundation Material image.png

  • 6.插槽API

第二章 Jetpack Compose构建Android UI

  • 1.Android Jetpack Compose 最全上手指南 Jetpack Compose 环境准备和Hello World 布局 使用Material design 设计 Compose 布局实时预览 …… image.png

  • 2.深入详解 Jetpack Compose | 优化 UI 构建 Compose 所解决的问题 Composable 函数剖析 声明式 UI 组合 vs 继承 封装 重组 …… image.png

  • 3.深入详解 Jetpack Compose | 实现原理 @Composable 注解意味着什么? 执行模式 Positional Memoization (位置记忆化) 存储参数 重组 ……

第三章 Jetpack Compose实战演练

  • 1.Jetpack Compose应用1 开始前的准备 创建DEMO 遇到的问题

  • 2.Jetpack Compose应用2

  • 3.Jetpack Compose应用做一个倒计时器 数据结构 倒计时功能 状态模式 Compose 布局 绘制时钟

  • 4.用Jetpack Compose写一个玩安卓App 准备工作 引入依赖 新建 Activity 创建 Compose PlayTheme 画页面 底部导航栏 管理状态 添加页面

  • 5.用Compose Android 写一个天气应用 开篇 画页面 画背景 画内容 ……

  • 6.用Compose快速打造一个“电影App” 成品 实现方案 实战 不足 …… image.png

想要全方位系统学习了解Compose, 那么这份《Jetpack Compose-从入门到精通》你一定不要错过。