【问题标题】:How to animate view after using UIModalPresentationCurrentContext使用 UIModalPresentationCurrentContext 后如何为视图设置动画
【发布时间】:2013-07-30 02:26:14
【问题描述】:

当我遇到this post 时,我正在寻找有关如何在 iOS 中的对话框中包装视图的解决方案,其中包含以下内容:

vc.modalPresentationStyle = UIModalPresentationCurrentContext;

它基本上解决了我创建/模仿对话框的问题,但它不会像帖子中提到的那样在过渡时设置动画。那么获得上滑动画最简单的方法是什么?

ps.我会在该帖子中将此作为子问题提出,但我没有 50 条代表评论:(

【问题讨论】:

    标签: ios cocoa-touch uiviewcontroller


    【解决方案1】:

    好吧,一旦您的视图显示出来,您就可以在其中制作几乎任何您想要的动画。你可以做一个简单的[UIView animateWithDuration] 类型的交易,但我个人会使用CATransition,它相对简单。

    QuartzCore 之道

    首先,我假设您呈现的视图是透明的,并且内部还有另一个视图,其行为类似于对话框。将要呈现的视图控制器,我们称之为PresentedViewController,并为其中的视图保存dialog 属性。

    PresentedViewController.m

    (需要链接到QuartzCore.h

    #import <QuartzCore/QuartzCore.h>
    
    @implementation PresentedViewController
    
    - (void)viewWillAppear:(BOOL)animated
    {
        [super viewWillAppear:animated];
    
        if (animated)
        {
            CATransition *slide = [CATransition animation];
    
            slide.type = kCATransitionPush;
            slide.subtype = kCATransitionFromTop;
            slide.duration = 0.4;
            slide.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
    
            slide.removedOnCompletion = YES;
    
            [self.dialog.layer addAnimation:slide forKey:@"slidein"];
        }
    }
    

    变得花哨

    这样做的好处是您可以创建自己的自定义动画,并使用其他属性。

    CABasicAnimation *animations = [CABasicAnimation animationWithKeyPath:@"transform"];
    
    CATransform3D transform;
    
    // Take outside the screen
    transform = CATransform3DMakeTranslation(0, self.view.bounds.size.height, 0);
    
    // Rotate it
    transform = CATransform3DRotate(transform, M_PI_4, 0, 0, 1);
    
    animations.fromValue    = [NSValue valueWithCATransform3D:transform];
    animations.toValue      = [NSValue valueWithCATransform3D:CATransform3DIdentity];
    animations.duration     = 0.4;
    animations.fillMode     = kCAFillModeForwards;
    animations.removedOnCompletion = YES;
    animations.timingFunction = [CAMediaTimingFunction functionWithControlPoints:0 :0.0 :0 :1];
    
    [self.dialog.layer addAnimation:animations forKey:@"slidein"];
    

    在这里,视图将通过平移移出屏幕,然后旋转,然后滑入,回到原来的变换。我还修改了计时功能以提供更平滑的曲线。

    考虑一下,我只是对 CoreAnimation 的可能性进行了初步了解,我已经在这条道路上工作了三年,并且我已经成长为喜欢 CAAnimation 所做的所有事情。

    故事板专业提示:如果您构建自己的自定义 UIStoryboardSegue 子类,您可以很好地完成此操作。

    【讨论】:

    • 完美运行。你知道为什么动画一开始就被禁用了吗?
    • 不完全确定,我之前遇到过这个问题,但我认为这是正常的。我仍在四处寻找并尝试模拟器,如果我发现任何东西,我会更新。 (我也找到了this other post,但实际上并没有回答)
    • 不,找不到任何东西,即使View presentation documentation 也缺少详细信息。它有一些有用的东西(比如,框架是由定义上下文的人设置的),但除此之外,没有关于过渡的词。
    • @Naveed 为更酷的动画添加了一些额外的代码,如果你仍然关心的话。
    • 非常感谢您正在研究创建一些自定义转场动画。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    相关资源
    最近更新 更多