如何设置VisionOS模拟器自定义虚拟键盘窗口的3D位置与旋转？

一、窗口底部定位实现 #

VisionOS 1+ 支持通过WindowGroup的.defaultPosition修饰符直接指定窗口位置，结合.defaultSize设置键盘的合适尺寸，就能实现和系统键盘一致的底部显示效果：

WindowGroup(id: "customKeyboard") {
    CustomKeyboardView()
        .frame(maxWidth: .infinity, maxHeight: 250)
}
.defaultSize(CGSize(width: UIScreen.main.bounds.width, height: 250))
.defaultPosition(.bottom)

如果需要更精细的位置控制，可以自定义位置计算逻辑：

.defaultPosition(.custom { geometry in
    // 手动计算底部位置：屏幕高度减去键盘高度的一半
    CGPoint(x: geometry.size.width / 2, y: geometry.size.height - 125)
})

二、3D旋转效果实现 #

无需依赖物理对象，直接在键盘根视图上添加rotation3DEffect修饰符即可实现“平放桌面”的倾斜效果，核心是绕X轴旋转一定角度：

struct CustomKeyboardView: View {
    var body: some View {
        // 你的键盘布局代码
        VStack {
            // 按键行...
        }
        .rotation3DEffect(.degrees(-15), axis: (1, 0, 0)) // 绕X轴旋转-15度
        .background(.gray.opacity(0.1))
    }
}

• 调整degrees参数（建议-10到-20之间）可以匹配系统键盘的倾斜程度
• 轴参数(1,0,0)表示绕X轴旋转，是实现平放视觉效果的关键

三、完整调用示例 #

在主视图中通过@Environment(\.openWindow)触发键盘窗口打开：

struct MainView: View {
    @Environment(\.openWindow) private var openWindow
    
    var body: some View {
        VStack {
            TextField("测试输入", text: .constant(""))
                .textFieldStyle(.roundedBorder)
                .padding()
            
            Button("打开自定义键盘") {
                openWindow(id: "customKeyboard")
            }
        }
        .padding()
    }
}

内容的提问来源于stack exchange，提问作者Kaven