如何利用MotionManager实现随设备前倾/后仰的Y轴线条移动？

我有一个宽度为屏幕宽度、高度为2的UIView线条，需要随设备前倾/后仰在屏幕范围内上下移动。已经通过CMMotionManager获取了设备运动数据，但不确定该用attitude.pitch还是重力值来映射到CGAffineTransform的Y轴偏移量，也不知道怎么把运动数据转换成合适的Y值。

用户提供的初始代码：

var motionManager = CMMotionManager()
private func getGyroUpdates() {
    if motionManager.isDeviceMotionAvailable == true {
        motionManager.deviceMotionUpdateInterval = 0.1
        let queue = OperationQueue()
        motionManager.startDeviceMotionUpdates(to: queue, withHandler: { [weak self] motion, error in
            // Get the attitude of the device
            guard let motion = motion else { return }
            
            let pitch = Double(round(motion.attitude.pitch.rad2deg()))                
            let length = sqrt(motion.gravity.x * motion.gravity.x + motion.gravity.y * motion.gravity.y + motion.gravity.z * motion.gravity.z)
            // how to i get the value to be plotted in Y? do i use gravity? or pitch ?
                                            
            DispatchQueue.main.async {
               // frontBackMovement is the line view here
                self?.frontBackMovement.transform = CGAffineTransform(translationX: 0, y: "what should be the value here??")
            }
        })
        print("Device motion started")
    }else {
        print("Device motion unavailable")
    }
}

核心选择：Pitch还是重力值？ #

• 优先选attitude.pitch：它直接对应设备围绕X轴的前倾/后仰旋转角度，范围是**-π/2到π/2弧度**（即-90°到90°），完美匹配你要的控制场景。
• 重力值（motion.gravity）主要用于检测设备受力方向，比如判断是否自由落体，对于单纯的前倾/后仰角度映射，pitch的直接性更强，不需要额外计算。

把运动数据转换成Y轴偏移量的步骤 #

1. 确定可移动范围：先算线条能移动的最大Y值区间。如果要让线条不超出屏幕，有效范围是0到UIScreen.main.bounds.height - 线条高度（比如线条高2，就是屏幕高度减2）。
2. 映射Pitch到Y范围：把pitch的弧度值（-π/2到π/2）线性映射到目标Y区间，公式如下：

   // 先把pitch从[-π/2, π/2]归一化到[0,1]区间
   let normalizedPitch = (pitch + .pi/2) / .pi
   // 再映射到屏幕有效Y范围
   let maxY = UIScreen.main.bounds.height - frontBackMovement.bounds.height
   let targetY = normalizedPitch * maxY
   

   这样设备完全后仰（pitch=-π/2）时，线条在屏幕顶部（Y=0）；完全前倾（pitch=π/2）时，线条在屏幕底部（Y=maxY）。
3. 优化体验：可以给pitch加个死区（比如忽略±0.1弧度内的微小变化），避免线条因设备轻微抖动频繁移动；也可以用平滑插值（比如前一次Y值和当前目标Y值取平均）让移动更流畅。

修改后的完整代码 #

var motionManager = CMMotionManager()
// 可选：记录上一次Y值用于平滑处理，减少抖动
private var lastTargetY: CGFloat = 0

private func getGyroUpdates() {
    guard motionManager.isDeviceMotionAvailable else {
        print("Device motion unavailable")
        return
    }
    
    motionManager.deviceMotionUpdateInterval = 0.05 // 提高刷新率，让动画更流畅
    let queue = OperationQueue()
    motionManager.startDeviceMotionUpdates(to: queue, withHandler: { [weak self] motion, error in
        guard let self = self, let motion = motion else { return }
        
        let pitch = motion.attitude.pitch // 直接用弧度值，不用转角度再转回
        let maxPitchRange = .pi // pitch总范围是-π/2到π/2，跨度为π
        
        // 计算屏幕有效移动范围
        let screenHeight = UIScreen.main.bounds.height
        let lineHeight = self.frontBackMovement.bounds.height
        let maxY = screenHeight - lineHeight
        
        // 归一化pitch并映射到Y值，同时限制范围避免超出屏幕
        var normalizedPitch = (pitch + .pi/2) / maxPitchRange
        normalizedPitch = max(0, min(1, normalizedPitch))
        let targetY = CGFloat(normalizedPitch * maxY)
        
        // 可选：平滑处理，让移动更顺滑
        let smoothY = (self.lastTargetY + targetY) * 0.5
        self.lastTargetY = smoothY
        
        DispatchQueue.main.async {
            self.frontBackMovement.transform = CGAffineTransform(translationX: 0, y: smoothY)
        }
    })
    print("Device motion started")
}

额外提示 #

• 如果发现pitch对应的移动方向和你预期相反，把公式里的(pitch + .pi/2)改成(.pi/2 - pitch)就能反转方向。
• 记得在不需要更新时调用motionManager.stopDeviceMotionUpdates()，避免浪费设备资源。

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