当前位置 : 主页 > 手机开发 > ios >

ios – 如何在tableview中为图像添加动画以同时扩展和打开另一个视图控制器?

来源:互联网 收集:自由互联 发布时间:2021-06-11
我正在制作一个信使应用程序,我希望用户点击我的tableview中的图像,它应该扩展到全屏并在导航栏上显示不同的控件. 我该怎么办呢? 我想我可以拍摄相同的图像,将UIImageView放在原始细
我正在制作一个信使应用程序,我希望用户点击我的tableview中的图像,它应该扩展到全屏并在导航栏上显示不同的控件.

我该怎么办呢?

我想我可以拍摄相同的图像,将UIImageView放在原始细胞图像的顶部并将其设置为全屏幕.但是,如何在没有闪烁,延迟和动画的情况下呈现不同的控制器?

这在许多消息传递应用程序中完成.

使用自定义转换,将图像视图从初始预览大小扩展到全屏.调用时,从transitioningDelegate返回一个转换委托,转换委托又从animationControllerForPresentedController返回一个动画控制器:presentingController:sourceController:.此动画控制器将负责在调用presentViewController:animated:completion:时执行的动画.

在动画控制器中,实现并在其中创建动画:

- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext
{
    UIViewController* toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    MyChatViewController* fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    [[transitionContext containerView] addSubview:toViewController.view];
    toViewController.view.frame = [transitionContext.containerView convertRect:fromViewController.imageViewToTransitionFrom.frame fromView:fromViewController.imageViewToTransitionFrom];

    [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
        toViewController.view.frame = [transitionContext finalFrameForViewController:toViewController];
    } completion:^(BOOL finished) {
        [transitionContext completeTransition:![transitionContext transitionWasCancelled]];
    }];
}

在这里,MyChatViewController是您的聊天视图控制器,imageViewToTransitionFrom包含您想要转换的图像视图.

如果您需要推送视图控制器而不是呈现它(就像WhatsApp那样),有类似的方法来执行自定义推送动画.

您可以以类似方式执行消除/弹出动画,或使用默认系统动画.

阅读有关iOS7中自定义视图控制器转换的here.

网友评论