SwiftUI 5教程之Transparent Blur Effect透明模糊效果（iOS 17 Xcode 15 wwdc23）

知识大胖

于 2023-06-25 10:16:21 发布

阅读量679

点赞数

分类专栏： SwiftUI源码大全文章标签： ios swiftui xcode

本文链接：https://blog.csdn.net/iCloudEnd/article/details/131370697

版权

SwiftUI源码大全专栏收录该内容

1424 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍如何在SwiftUI中实现Transparent Blur Effect，通过代码解析展示了如何创建带有透明模糊效果的Home视图，包括一个可滚动的内容、分段选择器以及动态模糊效果。读者将学习到如何根据选择的模糊类型设置透明模糊视图，并通过提供的项目代码实现在iOS 17和Xcode 15上的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、实战需求

Transparent Blur Effect透明模糊效果

二、本文价值与收获

看完本文后，您将能够作出下面的界面

请添加图片描述

三、代码解析

1、 home视图

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)