如何将ImageView动画至屏幕中心？约束动画报错求助

嘿，你的崩溃原因一眼就能看出来——你在创建新的centerX约束时，错误地把目标属性写成了.centerY！看这段出错的代码：

let newMainLogoCenterXConstraint = NSLayoutConstraint( 
item: self.mainLogoImageView, attribute: .centerX, relatedBy: .equal, toItem: self.view, attribute: .centerY, multiplier: 1.0, constant: 0)

这里你把mainLogoImageView的.centerX锚点和self.view的.centerY锚点绑定了，这俩是完全不兼容的布局锚点类型，系统直接抛出NSInvalidLayoutConstraintException简直太合理了～

我给你两种更简洁、不易出错的实现方式，都能完美实现logo平滑动画到屏幕中心的效果：

方式一：使用锚点语法重构约束（推荐） #

锚点语法（UIAnchor）是Apple官方推荐的现代AutoLayout写法，类型安全、代码简洁，还能从根源上避免属性写错的问题：

// 假设你已经在视图初始化阶段持有了初始约束的引用：
// var mainLogoCenterXConstraint: NSLayoutConstraint!
// var mainLogoCenterYConstraint: NSLayoutConstraint!

UIView.animate(withDuration: 1.1, delay: 0.5, usingSpringWithDamping: 0.4, initialSpringVelocity: 0.0, animations: { 
    // 先禁用旧约束
    self.mainLogoCenterXConstraint.isActive = false
    self.mainLogoCenterYConstraint.isActive = false
    
    // 创建并激活指向屏幕中心的新约束
    self.mainLogoCenterXConstraint = self.mainLogoImageView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor)
    self.mainLogoCenterYConstraint = self.mainLogoImageView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor)
    
    self.mainLogoCenterXConstraint.isActive = true
    self.mainLogoCenterYConstraint.isActive = true
    
    // 触发布局更新，启动动画
    self.view.layoutIfNeeded() 
}, completion: nil)

方式二：复用原有约束，动态更新目标锚点 #

如果不想重新创建约束，也可以通过替换约束的关联锚点来实现，这种方式更高效，但需要iOS 10及以上系统支持：

UIView.animate(withDuration: 1.1, delay: 0.5, usingSpringWithDamping: 0.4, initialSpringVelocity: 0.0) {
    // 更新X约束的目标为屏幕中心X
    self.mainLogoCenterXConstraint.isActive = false
    self.mainLogoCenterXConstraint = self.mainLogoImageView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor)
    self.mainLogoCenterXConstraint.isActive = true
    
    // 更新Y约束的目标为屏幕中心Y
    self.mainLogoCenterYConstraint.isActive = false
    self.mainLogoCenterYConstraint = self.mainLogoImageView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor)
    self.mainLogoCenterYConstraint.isActive = true
    
    self.view.layoutIfNeeded()
}

• 务必确保在动画开始前，初始的mainLogoCenterXConstraint和mainLogoCenterYConstraint已经被正确初始化并激活
• 动画块内一定要调用self.view.layoutIfNeeded()，这样系统才会根据新约束计算布局变化，执行平滑的过渡动画
• 尽量避免在动画块内做除约束更新和布局触发之外的操作，保持动画逻辑简洁清晰

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