出现UIImageView的圆形动画

时间:2012-09-26 07:43:52

标签: ios animation uiimageview

我有一个“圆形”图像,就像饼图一样。我希望看到一个漂亮的动画,就像饼图从0填充到值时一样。

当我想要制作视图动画时,我通常会使用类似的东西:

[UIView animateWithDuration: 3.0 
                      delay: 0.0 
                    options: UIViewAnimationCurveEaseInOut 
                 animations: ^ {
                             // The animation
                     } 
                 completion: ^(BOOL finished) {
                             // On completion
                     } ];

是否可以为圆形动画做同样的事情?我真的不知道该怎么做。

感谢任何潜在客户!

注意:iOS 5,故事板,ARC以及所有内容:)


编辑:对于将来的讨论,图像如下所示:

enter image description here

2 个答案:

答案 0 :(得分:3)

好的,这里有:)

第一个选项(Easy one)。您可以使用UIImageView的{​​{1}}属性。使用动画图像制作animationImages(在您的情况下,将圆形图像从0填充到整圆),设置NSArray,然后调用animationDuration(我假设您的[imageView startAnimating] } {是UIImageView),您可以在处理完成后调用imageView

第二: 查看此链接http://www.cocoacontrols.com/platforms/ios/controls/jpradialactivityindicator,我认为示例项目与您尝试的几乎相同:)

祝你好运;)

答案 1 :(得分:2)

1)您可以使用 CAShapeLayer

  • 您可以通过设置strokeStart和strokeEnd属性的动画来实现它。您可以为整圆创建路径,并使用strokeStart和strokeEnd属性来仅描绘圆的某个部分。

2)另外,您可以参考本教程:Animating Pie Slices Using a Custom CALayer

祝你好运!!!