Swift中如何为UIStackView的子视图交换添加动画效果

嘿，我来帮你搞定这个问题～你之前用UIView.animate包裹exchangeSubviewAtIndex没效果，其实是因为UIStackView的子视图交换属于视图层级的直接变更，这个操作本身不能被UIView的普通动画块捕捉到，而你之前修改普通视图的center能生效，是因为center是UIView的可动画属性，动画块会自动处理它的过渡。

下面给你两种实用的解决方案，按需选择：

方案一：淡入淡出式交换动画 #

如果你想要简单的淡入淡出效果，可以用UIView.transition来包裹交换操作，它专门用来处理视图层级变化的动画：

UIView.transition(with: self.stackView, duration: 0.5, options: .transitionCrossDissolve, animations: {
    self.stackView.exchangeSubview(at: 3, withSubviewAt: 4)
}, completion: nil)

你还可以把options换成.transitionFlipFromLeft、.transitionFlipFromRight等，得到不同的过渡动画效果。

方案二：平滑位置移动的交换动画 #

如果想要两个子视图互相滑动交换位置的效果，推荐用transform来做动画（不会和StackView的自动布局冲突），步骤如下：

// 先确保StackView的布局是最新的
stackView.layoutIfNeeded()

// 安全获取要交换的两个子视图
guard let viewA = stackView.subviews[safe: 3], let viewB = stackView.subviews[safe: 4] else { return }

// 计算两个视图之间的横向偏移量（如果是垂直StackView就计算y方向）
let offset = viewB.center.x - viewA.center.x

// 先让两个视图通过transform移动到对方的位置
viewA.transform = CGAffineTransform(translationX: offset, y: 0)
viewB.transform = CGAffineTransform(translationX: -offset, y: 0)

// 立即交换它们在StackView中的层级位置
stackView.exchangeSubview(at: 3, withSubviewAt: 4)

// 执行动画，把transform重置为初始状态，实现平滑移动
UIView.animate(withDuration: 0.5) {
    viewA.transform = .identity
    viewB.transform = .identity
    // 确保StackView最终布局正确
    stackView.layoutIfNeeded()
}

这个方法的核心是先通过transform让视图“假装”在对方的位置，然后交换层级，再通过动画把transform还原，让视图平滑过渡到新的布局位置。

为什么你的原代码不生效？ #

exchangeSubview(at:withSubviewAt:)是直接修改视图层级的方法，它会立即触发StackView重新布局，这个操作不属于UIView动画块能处理的“可动画属性变更”（比如frame、alpha、transform这些），所以动画块对它完全不起作用，就像你直接在动画块外执行这个方法一样，交换是瞬间完成的。

内容的提问来源于stack exchange，提问作者Sujay U N