Jetpack Compose

前一节介绍的高级别动画API都是在低级别动画API的基础上构建的。本节来看看都有哪些低级别动画API，以及该如何使用它们。 一、低级别动画API 1、animate*AsState animated*

一、动画分类 Compose的动画API数量较多，刚接触的人不免有些头晕。为了方便大家快速了解，我们从使用场景的维度上将它们大体分为两类：高级别API和低级别API。就像编程语言分为高级语言和低级语言

绘制阶段主要是将所有LayoutNode实际绘制到屏幕之上，也可以对绘制阶段进行定制。如果我们对Android原生Canvas已经非常熟悉，迁移到Compose是没有任何学习成本的。即使从未接触过也没

布局阶段用来对视图树中每个LayoutNode进行宽高尺寸测量并完成位置摆放。当Compose的内置组件无法满足我们的需求时，可以在定制组件的布局阶段实现满足自己需求的组件。 在学习定制布局阶段前，我

在传统View系统中，组件渲染可分为三步骤：测量、布局与绘制。Compose也遵循这样的分层设计，将组件渲染流程划分为组合、布局与绘制这三个阶段。 组合：执行Composable函数体，生成并维护La

Compose的DSL很形象地描述了UI的视图结构，其背后对应这一视图树的结构体，我们称这棵视图树为Composition。Composition在Composable初次执行时被创建，在Compos

一、智能的重组 传统视图中通过修改View的私有属性来改变UI, Compose则通过重组刷新UI。Compose的重组非常“智能”，当重组发生时，只有状态发生更新的Composable才会参与重组，

一、什么是状态 大到一个页面的切换，小到一个字符的增删，这些看得见的变化，本质上都是内部数据的变化，这些不断变化的数据就是UI的“状态”。 在传统视图体系中，状态大多以View的成员变量形式存在，例如

一、使用verticalScroll/horizontalScroll实现滚动 在XML中实现超出屏幕的滚动一般使用ScrollView，在Compose中一般通过给Column的Modifier添加

一、Column从上到下 Column是一个垂直线性布局组件，它能够将子项按照从上到下的顺序垂直排列。先看一下参数： verticalArrangment和horizontalAlignment参数分

一、Dialog Dialog组件的参数如下： 其中content允许我们通过传入自己的Composable组件来描述Dialog页面。下面是一个简单的例子： 具体看看UI效果 properties参

一、Checkbox复选框 先看看Checkbox的参数： 下面是一个简单的例子 UI效果 但是似乎想修改Checkbox的图标是一件很麻烦的事情，可以另辟蹊径使用其他组件实现，代码如下： UI效果

一、Button按钮 （1）先看下Button的参数： Button的第一个参数onClick是必填项，这是其最重要的功能，通过回调响应用户点击事件。最后一个参数content也是一个必填项，也是其最

一、Icon Icon组件用于显示一系列小图标。Icon组件支持三种不同类型的图片设置： 使用示例 每一种方式有不同的加载图片范围，不然就会报错，具体见下表 加载方式 加载图片的范围 imageVec

写一些文字相关的组件，包含 一、Text文本 文本是最常见的组件之一。在Compose中，Text是遵循Material Design规范设计的上层文本组件，如果想脱离Material Design使

在xml文件中通过各种属性来描述View，在Compose中通过Modifier修饰符来定义UI组件的样式。 在Compose中，每个基础UI组件都有一个Modifier参数，通过定义Modifier

一、为啥学习Compose 学习Compose一开始我是拒绝的，因为习惯改变太大，写xml挺好的为啥要卷Compose？ 后来看了郭霖大佬的文章写给初学者的Jetpack Compose教程，为什么要