Compose 十八掌

AnimatedVisibility 真正的魅力在于如何将多个过渡效果巧妙组合，并通过时机、方向和原点的精细调控，塑造出流畅自然的动态体验。

animateDpAsState 用起来非常简单：你告诉它"目标是多大"，它就返回一个会自己变化的尺寸值。当目标改变时，它会自动在旧值和新值之间平滑过渡。

一起深入 Compose 绘制管线（Drawing Pipeline）的底层，搞明白怎么做出既好看、架构又靠谱的 UI。

我的好同事彭于晏读完我前面几篇关于 Compose 的文章后，准备在组内好好推广一下，做一次分享（毕竟也有 KPI）。

强跳过模式（Strong Skipping Mode）是 Jetpack Compose 中最容易被误解的特性之一。

在 Compose 中，每当组合函数读取的状态发生变化时，该函数就有可能被重新执行。状态一旦更新，Compose 会遍历 UI 树，并让所有依赖该状态的组合函数重新执行（即重组）。

借助 Compose 的 Brush.linearGradient API，我们可以绘制带颜色渐变的图形。

在 Compose 1.9.0 中，新增了一套阴影 API，让我们可以更轻松地创建外阴影和内阴影。 本文将详细探究其工作方式，并展示几个实用的示例。

可展开文本组件提供了对截断文本的访问功能，可以切换完整文本的可见性，让用户能够展开或收起内容中的文本，使得文本组件可以适应不同的使用场景。

FloatingActionButtonMenu 允许我们在屏幕上展示 2 到 6 个相关操作，让用户在不牺牲界面空间的前提下访问一组相关动作。

新增的 Grid API，补上了 Compose 在二维结构化布局上的一块短板，提供了一种在多列或多行布局中显示子项的能力。

Jetpack Compose 一直在快速演进。随着新的 FlexBox 布局到来，我们终于有了一种强大且灵活的方式来构建自适应 UI。

在 Android 开发中，处理用户输入往往不仅仅是把用户的输入展现出来那么简单。 例如手机号码格式，传真格式，以及其他用户想要文本展现格式。

从一个简单的注解到最终渲染出的预览图，你有好奇过，这期间究竟发生了什么吗？本文将带你深入探索从 @Preview 注解到生成渲染图像的完整工作流。

我们创建一个可复用的 Composable 函数 TextTypeWriter，该函数将负责承载打字机动画的核心逻辑。

从传统的 ViewPager 过渡到 Compose Pager，代表了开发生产力和 UI 灵活性的一次重大飞跃。

如果你也曾疑惑：为什么重组时 UI 状态会丢失？Compose 又是如何把数据保存在内存中的？这篇文章绝对能让你豁然开朗。

在 Jetpack Compose 的开发中，动画和状态的频繁变化是家常便饭。然而，如果不注意状态读取的时机，很容易陷入“性能陷阱”，导致频繁且不必要的重组（Recomposition）

在 Jetpack Compose 中打造惊艳、交互流畅的 UI，核心在于把合适的工具用到位，GraphicsLayer 修饰符就是这样一个关键工具。

遇到 Compose 里 weight() 失效、高度诡异、叠层对不齐时，记得先想想：是不是该用 IntrinsicSize 了？