Effet de flou transparent du didacticiel SwiftUI 5 (iOS 17 Xcode 15 wwdc23)

1. Besoins pratiques

Effet de flou transparent effet de flou transparent

2. La valeur et la récolte de cet article

Après avoir lu cet article, vous serez en mesure de faire l'interface suivante

---

3. Analyse de code

1. vue d'accueil

import SwiftUI

struct Home: View {
    /// View Properties
    @State private var activePic: String = "Pic"
    @State private var blurType: BlurType = .freeStyle
    var body: some View {
        GeometryReader {
            let safeArea = $0.safeAreaInsets
            
            ScrollView(.vertical) {
                VStack(spacing: 15) {
                    TransparentBlurView(removeAllFilters: true)
                        .blur(radius: 15, opaque: blurType == .clipped)
                        .padding([.horizontal, .top], -30)
                        .frame(height: 100 + safeArea.top)