← 返回 Android 词条

内容模糊

Android原生支持

在 Android 上叫blur

也叫 Modifier.blur

Compose: Modifier.blur(radius, edgeTreatment)

适用范围:Android 12 及以上;更低版本调用会被忽略

官方描述是「把内容按指定半径画成模糊」,并紧接着写明版本限制:「此效果仅在 Android 12 及以上支持。在更低版本上使用这个修饰符的尝试会被忽略」—— 是静默忽略,不是报错。官方还提醒模糊层会被裁到内容边界,建议在内容四周按模糊半径预留空间,否则边缘会被切掉。

把元素自己的内容画成模糊的,让它退到视觉后面或遮住细节。

  • 把它糊掉
  • 像没对上焦一样
  • 看不清的处理
  • 内容模糊
  • 高斯模糊
  • 模糊效果

其他平台的相似实现

Web原生支持
blur同名

官方定义是「对输入图像应用高斯模糊」。

看 Web 视角 →
iOS原生支持
blur同名

官方描述是「对这个视图应用高斯模糊」。

看 iOS 视角 →

使用规范

什么时候用

  • 敏感内容在未解锁前需要遮住细节时
  • 让背景内容退后、把注意力留给前景时

什么时候别用

  • 想让浮层透出下方内容 → 那是背景材质,不是把自己模糊掉
  • 把它当隐私保护 —— 模糊只是视觉处理,数据仍在

容易混淆

Android 出处

查看 Web / iOS / Android 完整对照 →