Swift：固定UIView从右到左动画及变色实现问题求助（视图位置异常）

看起来你在实现UIView的动画时遇到了两个核心问题：视图没法保持初始固定位置，以及没法正确实现从右到左的平移动画。我帮你分析下问题并给出可行的解决方案：

问题根源 #

你当前的代码直接修改了frame，再加上.autoreverse和.repeat的动画选项，会让视图在修改后的frame和初始frame之间来回切换，如果初始frame的设置没做好（比如硬编码了320这种固定宽度值，不适配不同设备），就会导致视图“随意移动”。另外如果你的视图是用Auto Layout约束布局的，直接修改frame会和约束冲突，进一步打乱布局。

优化后的实现方案 #

我们可以用CGAffineTransform来做平移动画（不会改变视图的初始frame或约束，保证位置固定），同时结合颜色变化和你需要的动画选项：

1. 先固定视图初始位置：建议用Auto Layout约束来设置初始位置（比如右对齐父视图顶部，宽50、高55），这样在所有设备上都能保持正确的初始位置。
2. 用transform实现平移：通过修改视图的transform属性做向左偏移，动画只改变视觉位置，不影响布局结构。
3. 整合动画效果：把颜色变化和平移动画放在同一个动画块里，保留你需要的重复、反转选项。

修改后的代码示例：

// 确保goingBackgrondView已经通过Auto Layout固定好初始位置（右对齐父视图、y=0、宽50、高55）
let animationOptions: UIView.AnimationOptions = [.autoreverse, .repeat, .curveEaseInOut]

UIView.animate(withDuration: 1.0, delay: 0.0, options: animationOptions) {
    // 颜色变化动画
    self.goingBackgrondView.backgroundColor = .red
    // 向左平移50个单位（可根据需求调整偏移量）
    self.goingBackgrondView.transform = CGAffineTransform(translationX: -50, y: 0)
} completion: { _ in
    // 可选：如果需要动画停止后恢复初始状态，在这里重置transform和背景色
    self.goingBackgrondView.transform = .identity
    self.goingBackgrondView.backgroundColor = 你的初始背景色 // 替换成你原来的颜色
}

额外提示 #

• 不要硬编码320这种屏幕宽度值，不同设备的屏幕宽度不一样，用相对偏移量（比如-50）或者基于父视图宽度计算偏移（比如-self.view.bounds.width + 50）会更适配。
• 如果你的目标是类似侧边栏滑入的效果，可以调整平移的translationX值，比如让视图从屏幕外滑到屏幕内的固定位置。
• 如果你之前用了frame布局，改成Auto Layout能让初始位置更稳定，避免不同设备上的布局错乱。

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