← 返回 iOS 词条

内容模糊

iOS原生支持

在 iOS 上叫blur

也叫 blur(radius:opaque:)

SwiftUI: View.blur(radius:opaque:)

官方描述是「对这个视图应用高斯模糊」。多一个 opaque 参数,官方说明是「指示模糊渲染器是否允许模糊输出中存在透明度」—— 另两端没有这个开关。半径的说法是「模糊的径向尺寸」,未提标准差。

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

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

其他平台的相似实现

Web原生支持
blur同名

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

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

官方描述是「把内容按指定半径画成模糊」,并紧接着写明版本限制:「此效果仅在 Android 12 及以上支持。

看 Android 视角 →

使用规范

什么时候用

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

什么时候别用

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

容易混淆

iOS 出处

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