ios - 在 SwiftUI 中创建背景模糊的 RoundedRectangle

Question

我正在使用这段代码来创建背景模糊 View :

struct Blur: UIViewRepresentable {
    let style: UIBlurEffect.Style = .systemUltraThinMaterial

    func makeUIView(context: Context) -> UIVisualEffectView {
        return UIVisualEffectView(effect: UIBlurEffect(style: style))
    }

    func updateUIView(_ uiView: UIVisualEffectView, context: Context) {
        uiView.effect = UIBlurEffect(style: style)
    }
}

但是，此代码返回一个背景模糊的常规矩形。如何让它变圆？

Answer 1

您可以创建另一个 SwiftUI View :

struct BlurCircle: View {
    var body: some View {
        Blur()
            .clipShape(Circle())
    }
}

并像这样使用它:

struct ContentView: View {
    var body: some View {
        BlurCircle()
            .frame(width: 100, height: 100)
    }
}

或者，您可以这样做:

struct ContentView: View {
    var body: some View {
        Blur()
            .frame(width: 100, height: 100)
            .clipShape(Circle())
    }
}

---

如果您不想在 Blur 结构之外执行此操作，您可以看一下这个答案:

• How can UIVisualEffectView be used inside of a circle?