← 返回 Android 词条
阴影
在 Android 上叫shadow
Compose: Modifier.shadow
官方描述是「创建一个绘制阴影的 graphicsLayer」，参数以 elevation 表达高度。
在元素周围投出的一片暗影，让它看起来浮在别的内容之上。
- 浮起来的感觉
- 框子下面那层灰
- 看着比背景高一层
- 阴影
- 投影
- 外阴影
其他平台的相似实现
Web原生支持
box-shadow异名一次可以设置多层阴影，用逗号分隔；加 inset 关键字则变成内阴影。
看 Web 视角 →iOS原生支持
shadow同名看 iOS 视角 →跨端框架实现
- Flutter
BoxShadowBoxDecoration(boxShadow: [BoxShadow…])常用于 BoxDecoration.boxShadow。
使用规范
什么时候用
- 需要表达某个元素浮在其他内容之上时
- 需要在不加边框的情况下区分层级时
什么时候别用
- 平面元素也加阴影、导致层级失去意义时
- 用阴影代替真实的层级关系时