【问题标题】:UIImageView, animate animationImages with easeIn easeInOut transitionUIImageView,动画动画Images with easeIn easeInOut 过渡
【发布时间】:2011-11-18 04:17:01
【问题描述】:

我有一个代码:

NSArray * imageArray  = [[NSArray alloc] initWithObjects:
                            [UIImage imageNamed:@"1.png"],
                            [UIImage imageNamed:@"2.png"],
                            [UIImage imageNamed:@"3.png"],
                            [UIImage imageNamed:@"4.png"],
                            [UIImage imageNamed:@"5.png"],
                            [UIImage imageNamed:@"6.png"],
                            [UIImage imageNamed:@"7.png"],
                            [UIImage imageNamed:@"8.png"],
                            [UIImage imageNamed:@"9.png"],
                            [UIImage imageNamed:@"10.png"],
                            [UIImage imageNamed:@"11.png"],
                            [UIImage imageNamed:@"12.png"],
                            nil];
    UIImageView * imgView = [[UIImageView alloc] initWithFrame:
        CGRectMake(100, 125, 150, 130)];
    imgView.animationImages = imageArray;
    imgView.animationDuration = 2;
    imgView.contentMode = UIViewContentModeBottomLeft;
    [self.view addSubview:imgView];
    [imgView startAnimating];

如您所见,此代码实现了 imageArray 中图像集合的动画(更改)。
在动画过程中,每个图像都以恒定的时间间隔变化,可以说它以 easeNone 过渡动画。

但是,如何使用 easeIn、easeInOut 过渡制作此动画?

【问题讨论】:

    标签: objective-c ios animation uiimageview transitions


    【解决方案1】:

    哇,这篇文章已经发布一年了。

    我不确定您是否找到了答案,但我所做的是让自己通过图像(1.png、2.png.. 等)放松自己

    例如:

    PNG 的 1-5.png 在动画项目之间可能有 10px 的间距。

    PNG 的6-8.png 在动画项目之间可能有 5px 的间距。

    PNG 的9-10.png 在动画项目之间可能有 2px 的间距。

    终于 PNG 的 9-10.png 可能在动画项目之间有 1px 的间距,或者根本没有间距差异。

    这样做会给你想要的Ease Out效果。

    反复试验是关键!

    我喜欢做的是在 Xcode 中设置我的动画(就像你在问题中所做的那样),然后转到 Photoshop 并覆盖我的开发文件夹中的 PNG,在模拟器中尝试它们,然后重复直到我得到想要的效果。

    【讨论】:

    • 嗨。 1年后,我没有实现这个任务,因为我不再需要它了)你的逻辑很清楚,它实际上解释了缓动动画是如何工作的。你有工作示例吗?
    猜你喜欢
    • 1970-01-01
    • 2016-02-26
    • 2016-11-01
    • 1970-01-01
    • 2016-03-16
    • 2018-04-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多