NSButton原点无法实时更新：循环中动画仅跳转至最终位置

哈哈，这个坑我之前踩过！你遇到的问题核心原因是主线程的RunLoop被同步循环阻塞了——当你在循环里连续调用setFrameOrigin时，所有UI更新的请求都会被暂时存在主线程的消息队列里，直到整个循环跑完，RunLoop才有空去处理这些更新，所以按钮直接跳到了最终位置，中间的动画帧完全没机会展示。

下面给你几个靠谱的解决方案，按推荐程度排序：

方案1：用Core Animation（最流畅，推荐） #

Core Animation是苹果专门做动画的框架，它会自动帮你处理每一帧的渲染，根本不用手动写循环。直接给按钮的layer加个位置动画就行：

// 假设pos是你要移动到的目标x坐标，y坐标保持不变，可按需调整
let targetOrigin = CGPoint(x: pos, y: btn.frame.origin.y)
// 注意：layer的position默认是视图的中心点，所以要把原点转成中心点坐标
let targetPosition = CGPoint(
    x: targetOrigin.x + btn.frame.width / 2,
    y: targetOrigin.y + btn.frame.height / 2
)

let moveAnimation = CABasicAnimation(keyPath: "position")
moveAnimation.fromValue = btn.layer.position
moveAnimation.toValue = targetPosition
moveAnimation.duration = 0.3 // 动画时长，自己调快慢
moveAnimation.isRemovedOnCompletion = false
moveAnimation.fillMode = .forwards

btn.layer.add(moveAnimation, forKey: "buttonMove")
// 别忘了更新按钮的实际frame，不然动画结束后会回弹
btn.frame.origin = targetOrigin
btn.currPosition = pos

方案2：用AppKit原生的NSAnimationContext #

如果你更想用AppKit原生的动画方式，NSAnimationContext是个好选择，它会自动在RunLoop里分批处理动画帧，不会阻塞主线程：

NSAnimationContext.runAnimationGroup { context in
    context.duration = 0.3 // 动画时长
    context.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut) // 加个缓动效果更自然
    // 使用animator()包装视图，AppKit会自动处理动画
    btn.animator().frame.origin = CGPoint(x: pos, y: btn.frame.origin.y)
} completionHandler: {
    // 动画结束后记得更新你的currPosition属性
    btn.currPosition = pos
}

方案3：手动分帧（不推荐，代码繁琐） #

要是你非得用循环的思路，那得把每一步的UI更新放到主线程的下一个RunLoop周期执行，比如用asyncAfter：

let origin = btn.frame.origin
let diff = pos - btn.currPosition
let stepTime = 0.01 // 每一步的间隔，控制动画速度

for moveStep in 1...diff {
    DispatchQueue.main.asyncAfter(deadline: .now() + stepTime * Double(moveStep)) {
        let newX = origin.x + CGFloat(moveStep)
        btn.frame.origin = CGPoint(x: newX, y: origin.y)
        btn.currPosition = btn.currPosition + 1
    }
}

// 最后补个保险，确保最终位置正确
DispatchQueue.main.asyncAfter(deadline: .now() + stepTime * Double(diff)) {
    btn.currPosition = pos
}

再啰嗦两句为啥原代码不行 #

你的循环是在主线程同步跑的，整个过程中主线程都在忙着执行循环里的计算，根本没空去处理UI绘制的任务。只有当循环彻底结束，RunLoop才会去处理所有积压的setFrameOrigin请求，这时候只会应用最后一次的位置，中间的步骤全被跳过了～

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