讲讲 SwiftUI 中新增的感官反馈 API

这里每天分享一个 iOS 的新知识,快来关注我吧

前言

SwiftUI 在 iOS 17 引入了新的 sensoryFeedback 视图修饰器,允许我们在所有 Apple 平台上使用触觉反馈,触觉反馈就是你在点击某个按钮或者其他操作时系统给出的反馈,使用起来非常简单。今天来讲讲如何使用 sensoryFeedback 修饰符为我们应用程序中的不同操作提供触觉反馈。

sensoryFeedback

在 SwiftUI 视图中使用触觉反馈所需要做的就是附加带有两个参数的 sensoryFeedback 视图修饰器。

go 复制代码
struct ContentView: View {
    @State var bool = false
    var body: some View {
        VStack {
            Button {
                print("点击了按钮")
                bool.toggle()
            } label: {
                Text("点我!")
            }
            .sensoryFeedback(.success, trigger: bool)
        }
        .padding()
    }
}

sensoryFeedback 修饰器有两个参数,第一个是反馈的类型,这里我填写的是成功反馈,第二个参数 trigger 是一个 Equatable 的泛型,代表触发值,只要这个值有变化,就会有反馈。

其他类型

SwiftUI 提供了一堆预定义的反馈样式,比如

  • success,成功反馈,适用于 iOS 和 watchOS

  • warning,警告反馈,适用于 iOS 和 watchOS

  • error,错误反馈,适用于 iOS 和 watchOS

  • selection,选择反馈,适用于 watchOS

  • decrease,减少反馈,适用于 watchOS

  • start,开始反馈,适用于 watchOS

  • stop,停止反馈,适用于 watchOS

  • alignment,对齐反馈,适用于 macOS

  • levelChange,级别更改反馈,适用于 macOS

  • impact,影响反馈,适用于 iOS 和 watchOS

除了这些预设类型之外,还可以通过 impact 方法来自定义反馈,比如我们自定义一个中等权重和强度为 0.5 的反馈:

php 复制代码
struct ContentView: View {
    @State var bool = false
    var body: some View {
        VStack {
            Button {
                print("点击了按钮")
                bool.toggle()
            } label: {
                Text("点我!")
            }
            .sensoryFeedback(.impact(weight: .medium, intensity: 0.5), trigger: bool)
        }
        .padding()
    }
}

其他使用方式

sensoryFeedback API 还提供了更灵活的方式,便于不同的应用场景,比如你需要根据不同的场景来展示不同的反馈:

sql 复制代码
struct ContentView: View {
    @State var isSucceeded = false
    var body: some View {
        VStack {
            Button {
                print("点击了按钮")
                isSucceeded.toggle()
            } label: {
                Text("点我!")
            }
            .sensoryFeedback(trigger: isSucceeded) { old, new in
                return new ? .success : .error
            }
        }
        .padding()
    }
}

上边的代码中,我们定义了一个 isSucceeded 的 Bool 值来代表成功或者失败,在 sensoryFeedback 函数中如果成功了就展示成功反馈,如果失败了就展示失败反馈。

另外也可以通过另一个 sensoryFeedback 的变体来灵活的控制是否需要反馈:

swift 复制代码
struct ContentView: View {
    @State var isSucceeded = false
    var body: some View {
        VStack {
            Button {
                print("点击了按钮")
                isSucceeded.toggle()
            } label: {
                Text("点我!")
            }
            .sensoryFeedback(.error, trigger: isSucceeded) { oldValue, newValue in
                return newValue == false
            }
        }
        .padding()
    }
}

这个例子展示了只有失败的情况下才展示失败反馈。

不得不说,SwiftUI 的新功能既强大,又方便,唯一不友好的是 iOS 17 及以上才能使用,项目中真正用上还要再过几年。

这里每天分享一个 iOS 的新知识,快来关注我吧

本文同步自微信公众号 "iOS新知",每天准时分享一个新知识,这里只是同步,想要及时学到就来关注我吧!

相关推荐
2501_915909063 小时前
原生 iOS 开发全流程实战,Swift 技术栈、工程结构、自动化上传与上架发布指南
android·ios·小程序·uni-app·自动化·iphone·swift
2501_915106323 小时前
Comodo HTTPS 在工程中的部署与排查实战(证书链、兼容性与真机抓包策略)
网络协议·http·ios·小程序·https·uni-app·iphone
2501_915909063 小时前
苹果软件混淆与 iOS 代码加固趋势,IPA 加密、应用防反编译与无源码保护的工程化演进
android·ios·小程序·https·uni-app·iphone·webview
2501_916007473 小时前
苹果软件混淆与 iOS 应用加固实录,从被逆向到 IPA 文件防反编译与无源码混淆解决方案
android·ios·小程序·https·uni-app·iphone·webview
Zender Han8 小时前
Flutter 实现人脸检测 — 使用 google_mlkit_face_detection
android·flutter·ios
大熊猫侯佩8 小时前
月球矩阵日志:Swift 6.2 主线程隔离抉择(下)
swift·编程语言·apple
大熊猫侯佩8 小时前
月球矩阵日志:Swift 6.2 主线程隔离抉择(上)
swift·编程语言·apple
2501_916008899 小时前
iOS 26 性能分析深度指南 包含帧率、渲染、资源瓶颈与 KeyMob 协助策略
android·macos·ios·小程序·uni-app·cocoa·iphone
HarderCoder11 小时前
Swift 并发深度指南:非结构化任务与分离任务全解析
swift
HarderCoder12 小时前
Swift 6 新关键字 `sending` 深度指南——从 `@Sendable` 到 `sending` 的进化之路
swift