Swift中UIImagePickerController Dismiss后StackView添加图片动画失效问题

我之前也踩过这个一模一样的坑！问题的核心就是UIImagePickerController的dismiss动画还没完全收尾，我们的添加动画就急着执行了——此时UIKit的动画队列还被picker的过渡动画占据，自定义动画直接被“淹没”，自然看不到效果。下面给你几个亲测有效的解决方案：

方案一：用DispatchQueue.main.async延迟到下一个Runloop周期执行 #

dismiss的completion回调虽然标注是动画结束后触发，但实际有时候UIKit的视图层级还没完全稳定。把动画逻辑放到DispatchQueue.main.async里，能确保代码在picker动画彻底结束、当前视图状态稳定后再执行：

picker.dismiss(animated: true) {
    // 把动画逻辑包裹在main queue的async里
    DispatchQueue.main.async {
        // 1. 创建并添加图片视图到StackView
        let imageView = UIImageView(image: yourSelectedImage)
        imageView.translatesAutoresizingMaskIntoConstraints = false
        self.yourCustomView.stackView.addArrangedSubview(imageView)
        
        // 2. 设置图片视图的约束（比如固定宽高）
        NSLayoutConstraint.activate([
            imageView.widthAnchor.constraint(equalToConstant: 120),
            imageView.heightAnchor.constraint(equalToConstant: 120)
        ])
        
        // 3. 强制StackView完成布局（避免动画过程中布局跳动）
        self.yourCustomView.stackView.layoutIfNeeded()
        
        // 4. 设置动画初始状态
        imageView.alpha = 0
        imageView.transform = CGAffineTransform(scaleX: 0.7, y: 0.7)
        
        // 5. 执行动画
        UIView.animate(withDuration: 0.4, delay: 0, usingSpringWithDamping: 0.8, initialSpringVelocity: 0.6) {
            imageView.alpha = 1
            imageView.transform = .identity
            // 如果StackView的布局变化也需要动画，这里再调用一次layoutIfNeeded
            self.yourCustomView.stackView.layoutIfNeeded()
        }
    }
}

方案二：用TransitionCoordinator监听过渡动画完全结束 #

如果方案一还是有问题，可以借助UIViewControllerTransitionCoordinator，它能精准捕获所有过渡动画（包括picker的dismiss）的结束时机，比直接用dismiss的completion更可靠：

picker.dismiss(animated: true) { [weak self] in
    guard let self = self else { return }
    // 监听过渡动画的最终完成时刻
    self.transitionCoordinator?.animate(alongsideTransition: nil, completion: { _ in
        // 这里的代码会在picker dismiss动画100%结束后执行
        self.addAnimatedImageToStackView(image: yourSelectedImage)
    })
}

// 把动画逻辑抽成单独的方法，更清晰
private func addAnimatedImageToStackView(image: UIImage) {
    let imageView = UIImageView(image: image)
    imageView.translatesAutoresizingMaskIntoConstraints = false
    yourCustomView.stackView.addArrangedSubview(imageView)
    
    NSLayoutConstraint.activate([
        imageView.widthAnchor.constraint(equalToConstant: 120),
        imageView.heightAnchor.constraint(equalToConstant: 120)
    ])
    
    yourCustomView.stackView.layoutIfNeeded()
    
    imageView.alpha = 0
    imageView.transform = CGAffineTransform(translationX: 0, y: 30)
    
    UIView.animate(withDuration: 0.35) {
        imageView.alpha = 1
        imageView.transform = .identity
    }
}

几个关键注意点： #

• 先布局再动画：添加视图后一定要调用layoutIfNeeded()，让StackView先完成布局计算，不然动画过程中可能出现视图跳动的问题。
• 使用可动画属性：确保你动画的是UIKit支持动画的属性，比如alpha、transform、frame，别用isHidden这种不可动画的属性。
• 避免动画冲突：如果你的CustomView或StackView本身有布局动画，可以暂时关闭（比如用UIView.performWithoutAnimation包裹布局操作），避免和自定义动画冲突。

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