当图像的方向不同时,为什么图片动画会有所不同

时间:2018-01-26 15:40:30

标签: ios swift

我面临一个大问题..我只是不知道为什么它不能正常工作。 我正在制作一个图库应用程序,并希望在图库和全屏图像之间进行平滑过渡。

我虽然我的动画效果很好但是我拍摄了一张不同方向的照片,我的动画再也无法使用了。 你知道为什么我的动画取决于图片的方向吗?

这是我的工作动画。

enter image description here

这是我的破碎动画

enter image description here

正如您所看到的,高度和宽度相同,这不是比率问题。

这是我的动画

    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {

    guard   let toView = transitionContext.view(forKey: .to),
            let fromVC = transitionContext.viewController(forKey: .from)?.childViewControllers.first as? NavigationGalleryViewController,
            let fromView = fromVC.collectionView?.cellForItem(at: indexPath) as? InstallationViewCell
        else {
            transitionContext.completeTransition(true)
            return
    }

    let finalFrame = toView.frame

    let viewToAnimate = UIImageView(frame: originFrame)
    viewToAnimate.image = fromView.imageView.image
    viewToAnimate.contentMode = .scaleAspectFill
    viewToAnimate.clipsToBounds = true
    fromView.imageView.isHidden = true

    let containerView = transitionContext.containerView
    containerView.addSubview(toView)
    containerView.addSubview(viewToAnimate)

    toView.isHidden = true

    // Determine the final image height based on final frame width and image aspect ratio
    let imageAspectRatio = viewToAnimate.image!.size.width / viewToAnimate.image!.size.height
    var finalImageheight = finalFrame.width / imageAspectRatio

    if (finalImageheight > UIScreen.main.bounds.height) {
        finalImageheight = UIScreen.main.bounds.height
    }

    // Animate size and position
    UIView.animate(withDuration: duration, animations: {
        viewToAnimate.frame.size.width = finalFrame.width
        viewToAnimate.frame.size.height = finalImageheight
        viewToAnimate.center = CGPoint(x: finalFrame.midX, y: finalFrame.midY)
    }, completion:{ _ in
        toView.isHidden = false
        fromView.imageView.isHidden = false
        viewToAnimate.removeFromSuperview()
        transitionContext.completeTransition(true)
    })

}

我的所有画面都很好,我检查了4次,我的开始和结束帧都很好。

Frames

关于图片,方向还是动画,我应该知道些什么吗?

1 个答案:

答案 0 :(得分:2)

UIImage方向是一个很乱的bug。最简单的方法是将imageViews中的所有UIImage实例规范化为一个方向。如果在this answer

中有详细描述,它是如何完成的