如何在visionOS中实现注视视图触发弹窗及切换时自动关闭前弹窗？

可以实现，核心通过visionOS的眼球跟踪手势识别结合弹窗组件完成，以下是具体方案：

核心技术依赖 #

使用EyeTrackingGesture的长按配置检测用户长时间注视行为，配合SwiftUI的Sheet（或自定义弹窗）控制弹窗的显示与切换。

实现步骤 #

1. 配置眼球跟踪权限
   在项目的Info.plist中添加NSEyeTrackingUsageDescription键，填写使用眼球跟踪的目的（例如“检测用户注视以触发弹窗”），否则应用无法获取眼球跟踪权限。

2. 创建注视手势识别器
   定义一个固定时长的长按眼球跟踪手势，设置触发所需的注视时长（示例中为1秒）：

   private let gazeLongPress = EyeTrackingGesture(longPressDuration: 1.0)
   

3. 绑定手势到目标视图
   给每个需要触发弹窗的视图添加手势识别器，触发时更新当前激活的弹窗标识：

   • 每个视图绑定相同的手势实例
   • 手势结束时设置对应的弹窗ID，自动触发弹窗切换

4. 管理弹窗状态
   用状态变量记录当前显示的弹窗ID，SwiftUI的Sheet会自动根据ID变化关闭旧弹窗并打开新弹窗。

完整代码示例 #

import SwiftUI

struct ContentView: View {
    // 记录当前激活的弹窗ID，nil表示无弹窗
    @State private var activePopupId: String? = nil
    
    // 定义1秒触发的注视长按手势
    private let gazeLongPress = EyeTrackingGesture(longPressDuration: 1.0)
    
    var body: some View {
        HStack(spacing: 60) {
            // 蓝色触发视图
            Circle()
                .fill(.blue)
                .frame(width: 120, height: 120)
                .gesture(gazeLongPress)
                .onEnded { _ in
                    activePopupId = "bluePopup"
                }
            
            // 红色触发视图
            Circle()
                .fill(.red)
                .frame(width: 120, height: 120)
                .gesture(gazeLongPress)
                .onEnded { _ in
                    activePopupId = "redPopup"
                }
        }
        // 根据activePopupId切换弹窗
        .sheet(item: $activePopupId) { popupId in
            PopupView(popupId: popupId, closeAction: { activePopupId = nil })
        }
        .navigationTitle("注视触发弹窗演示")
    }
}

// 自定义弹窗视图
struct PopupView: View {
    let popupId: String
    let closeAction: () -> Void
    
    var body: some View {
        VStack(spacing: 20) {
            Text(popupId == "bluePopup" ? "蓝色视图弹窗" : "红色视图弹窗")
                .font(.title)
                .bold()
            
            Button("手动关闭") {
                closeAction()
            }
            .buttonStyle(.borderedProminent)
        }
        .padding(30)
        .background(.white)
        .cornerRadius(16)
        .shadow(radius: 10)
    }
}

// 让String符合Identifiable协议，用于Sheet的item绑定
extension String: Identifiable {
    public var id: String { self }
}

注意事项 #

• 需在支持眼球跟踪的设备（如Vision Pro）上测试，模拟器无法完全模拟真实眼球跟踪行为。
• 可调整longPressDuration参数改变注视触发的灵敏度，数值越小触发越快。
• 若需要更精细的注视控制（如实时跟踪注视位置），可直接使用EyeTrackingSession获取原始眼球数据，但手势识别器已满足基础需求。
• 弹窗切换逻辑由SwiftUI的Sheet自动处理：当activePopupId更新时，旧弹窗会自动关闭，新弹窗随之打开。

内容的提问来源于stack exchange，提问作者János