为何Blur修饰符对不同SwiftUI视图的模糊效果存在差异？

核心差异：修饰符顺序与渲染边界的影响 #

你遇到的模糊效果差异，本质是两种写法中模糊作用的视图对象和渲染边界不同，具体拆解：

1. 直接对Shape应用Blur（效果异常）

Capsule()
    .fill(LinearGradient(colors: [Color.red, Color.blue], startPoint: .leading, endPoint: .trailing))
    .frame(width: 80, height: 40)
    .blur(radius: 10)

这个写法的执行逻辑是：

• 先创建Capsule矢量图形，填充渐变后用.frame()固定尺寸
• 最后将模糊直接作用在Capsule Shape视图本身
• Shape的渲染边界严格贴合自身路径，模糊时从胶囊边缘向外扩散的像素会被.frame()限定的视图边界裁剪，导致模糊边缘生硬、过渡不自然。

2. 对裁剪后的背景视图应用Blur（效果正常）

HStack {
}
.frame(width: 80, height: 40)
.background(
    LinearGradient(colors: [Color.red, Color.blue], startPoint: .leading, endPoint: .trailing)
)
.clipShape(Capsule())
.blur(radius: 10)

这个写法的执行逻辑是：

• 先创建固定尺寸的HStack，添加渐变背景填满整个矩形区域
• 用.clipShape(Capsule())把整个视图裁剪成胶囊形状（但视图的渲染边界仍是80x40的矩形，胶囊外为透明）
• 最后对**整个矩形视图（含透明区域）**应用模糊
• 模糊作用在完整的矩形区域上，透明区域允许模糊效果自然扩散过渡，不会被裁剪，因此模糊边缘平滑完整。

内容的提问来源于stack exchange，提问作者Yotzin Castrejon