谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第1张图片

简介

Jetpack Compose是在2019Google i/O大会上发布的新的库。Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码,更强大的功能,能提高开发速度。

Compose 并不是像 RecyclerView、ConstraintLayout 这种做了一个或者几个高级的 UI 控件,而是直接抛弃了我们写了 N 年的 View 和 ViewGroup 那一套东西,从上到下撸了一整套全新的 UI 框架。直白点说就是,它的渲染机制、布局机制、触摸算法以及 UI 的具体写法,全都是新的。

客观地讲,Compose 确实是一套比较难学的东西,因为它毕竟太新也太大了,它是一个完整的、全新的框架,确实让很多人感觉「学不动」,这也是个事实。

那怎么办呢?学不动怎么办呢?

如果你是因为缺少学习资料,而我正好薅到这本谷歌内部大佬根据实战编写的《Jetpack Compose最全上手指南》,从入门到精通,教程通俗易懂,实例丰富,既有基础知识,也有进阶技能,能够帮助读者快速入门,是你学习Jetpack Compose的葵花宝典,快收藏起来!!!

第一章 初识 Jetpack Compose

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

2. Jetpack Compose的着重点

  • 加速开发
  • 强大的UI工具
  • 直观的Kotlin API

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第2张图片

3. API 设计

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第3张图片

4. Compose API 的原则

  • 一切都是函数
  • 顶层函数(Top-level function)
  • 组合优于继承
  • 信任单一来源

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第4张图片

5. 深入了解Compose

  • Core
  • Foundation
  • Material

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第5张图片

6. 插槽API

第二章 Jetpack Compose构建Android UI

1. Android Jetpack Compose 最全上手指南

  • Jetpack Compose 环境准备和Hello World
  • 布局
  • 使用Material design 设计
  • Compose 布局实时预览
  • ……

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第6张图片

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

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

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第7张图片

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

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

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第8张图片

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

1. Jetpack Compose应用1

  • 开始前的准备
  • 创建DEMO
  • 遇到的问题
    谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第9张图片

2. Jetpack Compose应用2

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

  • 数据结构
  • 倒计时功能
  • 状态模式
  • Compose 布局
  • 绘制时钟

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第10张图片

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

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

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第11张图片

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

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

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第12张图片

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

  • 成品
  • 实现方案
  • 实战
  • 不足
  • ……

谷歌内部流出Jetpack Compose最全上手指南,含项目实战演练!_第13张图片

文章篇幅有限,仅截图展示部分内容,需要完整版的朋友可以【点击此处】免费领取。

你可能感兴趣的:(Android,jetpack,程序人生,android)