Swift赛车游戏：对手车辆全屏滚动动画实现问题求助

嘿，Swift新手朋友～我来帮你搞定这个赛车游戏里对手车辆的动画bug！你说动画只跑到屏幕一半就消失重启，大概率是动画的终点位置没算对，或者没考虑车辆自身的宽度，导致车还没完全穿过屏幕就被拉回起点了。下面给你一步步讲怎么改：

1. 先搞懂动画的正确坐标逻辑 #

UIKit的坐标原点在屏幕左上角，所以如果你的对手车是从左侧进入、右侧穿出的话：

• 起点应该设为「-车辆宽度」：这样车一开始完全在屏幕左边外面，不会突兀出现
• 终点应该设为「屏幕总宽度」：这样车的最后一部分完全离开屏幕右侧，才算真正贯穿整个屏幕

如果是从右侧进入、左侧穿出，就反过来：起点是「屏幕总宽度」，终点是「-车辆宽度」。

2. 用Frame实现的修正代码 #

假设你之前是直接操作frame，那修改后的代码大概是这样：

// 先创建对手车辆视图（这里用红色方块代替，你换成自己的车图片就行）
let opponentCar = UIView(frame: CGRect(x: -100, y: 200, width: 100, height: 50))
opponentCar.backgroundColor = .red
view.addSubview(opponentCar)

// 设置贯穿屏幕的重复动画
UIView.animate(withDuration: 3.0,  // 动画时长，根据游戏节奏调整
               delay: 0,
               options: [.repeat, .curveLinear],  // .repeat让动画无限循环，.curveLinear保持匀速
               animations: {
    // 把车的x坐标移到屏幕宽度的位置，确保完全穿出右侧
    opponentCar.frame.origin.x = UIScreen.main.bounds.width
})

3. 用Auto Layout实现的修正代码（推荐） #

如果你的项目用了Auto Layout约束，那不能直接改frame，要修改约束的constant值：

// 创建对手车辆视图
let opponentCar = UIView()
opponentCar.translatesAutoresizingMaskIntoConstraints = false
opponentCar.backgroundColor = .red
view.addSubview(opponentCar)

// 绑定约束：先把车固定在屏幕左侧外面
let leadingConstraint = opponentCar.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: -100)
NSLayoutConstraint.activate([
    leadingConstraint,
    opponentCar.widthAnchor.constraint(equalToConstant: 100),  // 车的宽度
    opponentCar.heightAnchor.constraint(equalToConstant: 50),  // 车的高度
    opponentCar.centerYAnchor.constraint(equalTo: view.centerYAnchor)  // 垂直居中，你可以改成自己需要的y位置
])

// 动画修改约束，让车贯穿屏幕
UIView.animate(withDuration: 3.0,
               delay: 0,
               options: [.repeat, .curveLinear],
               animations: {
    leadingConstraint.constant = self.view.bounds.width  // 移到屏幕右侧外面
    self.view.layoutIfNeeded()  // 强制更新布局
})

关键注意点 #

• 别用.autoreverse选项：这个会让车走到终点后往回开，不是你要的重复贯穿效果
• 检查动画中途有没有隐藏/移除车辆：如果代码里有在动画过程中设置opponentCar.isHidden = true或者移除视图，那肯定会消失
• 调整withDuration的值：根据游戏的速度感，把时长改得合适，比如快节奏的游戏可以设成2秒，慢一点的设成4秒

这样修改后，对手车就会从屏幕一侧完全进入，贯穿整个屏幕后从另一侧完全穿出，然后立刻回到起点重复动画啦！

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