使用block创建UIView animation动画效果(包含常用几种方法)

最新推荐文章于 2020-12-22 06:29:50 发布

原创最新推荐文章于 2020-12-22 06:29:50 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#animation #uiview #transition #cache #delay #image

iOS/SDK 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在iOS应用中利用Block和UIView动画API实现视图的平滑过渡效果，包括使用block进行动画操作、设置动画类型、动画参数等关键步骤，并提供了多种动画实现方式的对比与解释。

使用Block 创建

-(void)showBuyNowView { NSArray* arrViews = [[NSBundle mainBundle] loadNibNamed:@"BuyNowView" owner:self options:0]; NMBuyNowVeiw* buy = [arrViews objectAtIndex:0]; _buyNowView = buy; buy.frame = CGRectMake(0, 500, 320, 20); [self.view addSubview:buy]; [UIView animateWithDuration:0.2 delay:0 options: UIViewAnimationCurveEaseOut animations:^{ //[UIView setAnimationTransition:transition forView:buy.superview cache:YES]; buy.frame = CGRectMake(0, 380, 320, 20); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; }

不使用block

（1）

[UIView beginAnimations:@"Curl"context:nil];//动画开始 [UIView setAnimationDuration:0.75]; [UIView setAnimationDelegate:self]; [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:myview cache:YES]; [myview removeFromSuperview]; [UIView commitAnimations];

（2）

CATransition *animation = [CATransition animation]; [animation setDuration:1.25f]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; [animation setType:kCATransitionReveal]; [animation setSubtype: kCATransitionFromBottom]; [self.view.layer addAnimation:animation forKey:@"Reveal"];

这里使用了setType与setSubtype组合，这使用个比较保险，因为他的参数就是官方API里定义的，他们的参数说明可以参考如下：

(3)最后再给出一种常用代码

// Curl the image up or down CATransition *animation = [CATransition animation]; [animation setDuration:0.35]; [animation setTimingFunction:UIViewAnimationCurveEaseInOut]; if (!curled) { //animation.type = @"mapCurl"; animation.type = @"pageCurl"; animation.fillMode = kCAFillModeForwards; animation.endProgress = 0.99; } else { //animation.type = @"mapUnCurl"; animation.type = @"pageUnCurl"; animation.fillMode = kCAFillModeBackwards; animation.startProgress = 0.01; } [animation setRemovedOnCompletion:NO]; [view exchangeSubviewAtIndex:0 withSubviewAtIndex:1]; [view addAnimation:animation forKey"pageCurlAnimation"]; // Disable user interaction where necessary if (!curled) { } else { } curled = !curled;