SwiftUI如何强制Shape视图随手机旋转保持相对屏幕朝向

核心思路非常直接：系统自动旋转本质是给整个界面坐标系做了对应角度的旋转变换，你只需要监听设备物理旋转的角度，给目标Shape施加等量反向的旋转变换，就能完全抵消系统旋转带来的视觉位移，让Shape始终保持和物理设备的相对朝向不变。

具体实现步骤 #

1. 基础版（满足绝大多数场景，和系统旋转动画完全对齐） #

用系统自带的设备朝向通知即可，不需要引入传感器库，性能开销极低。
首先给设备朝向写一个扩展，计算需要反向补偿的旋转角度：

import SwiftUI
import UIKit

extension UIDeviceOrientation {
    /// 保持视图相对于物理设备朝向固定需要的补偿旋转角度
    var compensateAngle: Angle {
        switch self {
        case .portrait: return .degrees(0)
        case .landscapeLeft: return .degrees(90)
        case .landscapeRight: return .degrees(-90)
        case .portraitUpsideDown: return .degrees(180)
        default: return .degrees(0) // 平放、面部朝上/朝下等不触发界面旋转的状态不做调整
        }
    }
    
    /// 过滤不会触发界面旋转的朝向类型
    var isValidInterfaceOrientation: Bool {
        return self == .portrait || self == .landscapeLeft || self == .landscapeRight || self == .portraitUpsideDown
    }
}

然后在承载House Shape的视图中加入朝向监听和反向旋转逻辑：

struct FixedShapeDemoView: View {
    @State private var rotationCompensate: Angle = .degrees(0)
    
    var body: some View {
        GeometryReader { proxy in
            // 你的自定义Shape
            House(dx: 0, dy: 0)
                .fill(.indigo)
                .frame(width: 200, height: 200)
                // 核心：施加补偿旋转，锚点选视图中心
                .rotationEffect(rotationCompensate, anchor: .center)
                // 系统旋转后父视图宽高会互换，重新定位到屏幕中心避免偏移出界
                .position(x: proxy.size.width / 2, y: proxy.size.height / 2)
        }
        .ignoresSafeArea()
        .onAppear {
            // 开启设备朝向监听
            UIDevice.current.beginGeneratingDeviceOrientationNotifications()
            // 初始化当前补偿角度
            rotationCompensate = UIDevice.current.orientation.compensateAngle
        }
        .onReceive(NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)) { _ in
            let currentOrientation = UIDevice.current.orientation
            guard currentOrientation.isValidInterfaceOrientation else { return }
            // 动画时长和系统旋转动画对齐，视觉上完全无割裂感
            withAnimation(.easeInOut(duration: 0.3)) {
                rotationCompensate = currentOrientation.compensateAngle
            }
        }
        .onDisappear {
            // 页面退出关闭监听，减少不必要的性能开销
            UIDevice.current.endGeneratingDeviceOrientationNotifications()
        }
    }
}

2. 高精度版（和物理旋转完全同步，无分段感） #

如果需要实现类似水平仪、AR标注那种和物理转动完全实时同步的效果，把上面的UIDevice朝向监听换成CoreMotion的陀螺仪姿态采集即可，核心补偿逻辑完全不变：直接读取设备的实时姿态角，把Z轴的旋转角度取反后赋值给rotationEffect即可，刷新频率可以自己设置（建议1/60s，和屏幕刷新率对齐）。

注意事项 #

• 你提供的House Shape代码中依赖的point(in:from:)和shift(p:dx:dy:)方法要确保是基于传入的CGRect相对坐标计算，不要写死绝对坐标值，否则旋转时可能出现路径拉伸、偏移的问题。
• 如果你的App全局/当前页面本身就需要锁定朝向不跟随系统旋转，直接在对应UIViewController的supportedInterfaceOrientations属性里返回固定方向即可，不需要加补偿旋转逻辑。
• 旋转锚点一定要设置为视图中心，否则补偿旋转时会出现视图绕非中心点转动的错位问题。

附你提供的自定义Shape参考：

// Symbol House
struct House: Shape {
    
    let dx: CGFloat
    let dy: CGFloat
 
    func path(in r: CGRect) -> Path {
                
        var path = Path()
        
        var p0 = point(in: r, from: CGPoint(x: r.minX, y: r.minY))
        p0 = shift(p: p0, dx: dx, dy: dy)
        
        var  p1 = point(in: r, from: CGPoint(x: r.minX,  y: r.maxY/2))
        p1 = shift(p: p1, dx: dx, dy: dy)

        var p2 = point(in: r, from: CGPoint(x: r.maxX/2 , y: r.maxY))
        p2 = shift(p: p2, dx: dx, dy: dy)

        var p3 = point(in: r, from: CGPoint(x: r.maxX,  y: r.maxY/2))
        p3 = shift(p: p3, dx: dx, dy: dy)

        var p4 = point(in: r, from: CGPoint(x: r.maxX, y: r.minY))
        p4 = shift(p: p4, dx: dx, dy: dy)
        
        path.move(to: p0)
        path.addLine(to: p1)
        path.addLine(to: p2)
        path.addLine(to: p3)
        path.addLine(to: p4)
        path.addLine(to: p0)
        
        return path
    }
}

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