对UIView动画和Core Animation的关系的一点理解

对UIView动画和Core Animation的关系的一点理解

字数901  阅读337  评论1 

在iOS开发的时候,如果想给用户界面加入一些简单的动画,那UIView动画一定是很多人的首选。因为它写起来非常简洁,只需要把将要改变的property值放入UIView的animation block中,比如:

[UIView animateWithDuration:5.0
                 animations:^{
                     myView.alpha = 0.5;
                 }];

但是我也一直疑惑,这样的写法,和使用CAAnimation有什么不同呢?有人说,UIView动画只是把Core Animation的一些操作封装了起来。虽然我也这么猜测,但是我打算写代码验证一下。

根据这篇苹果官方文档,我们可以得知,每一个view.layer都以该view作为其delegate,并通过询问view的actionForLayer:forKey:方法来获得自己应该执行的CAAction对象。

所以我自定义了一个XSQView类,继承自UIView,仅仅重写了其中的actionForLayer:forKey:方法:

- (id<CAAction>)actionForLayer:(CALayer *)layer forKey:(NSString *)event {
    id<CAAction> action = [super actionForLayer:layer forKey:event];
    NSLog(@"action for layer: %@, for key:%@ is %@", layer, event, action);
    return action;
}

用于观察UIView对它的layer提供了什么样的CAAction对象。

用UIView动画改变XSQView对象的property,比如:

[UIView animateWithDuration:5.0
                 animations:^{
                     xsqView.alpha = 0.5;
                 }];

可以发现,此时,XSQView中的actionForLayer:forKey:方法被多次调用,产生了这样的输出:

2015-04-06 11:59:21.373 AnimationDemo[1023:44875] action for layer: <CALayer: 0x7fa952413150>, for key:bounds is <null>
2015-04-06 11:59:21.374 AnimationDemo[1023:44875] action for layer: <CALayer: 0x7fa952413150>, for key:opaque is <null>
2015-04-06 11:59:21.375 AnimationDemo[1023:44875] action for layer: <CALayer: 0x7fa952413150>, for key:position is <null>
2015-04-06 11:59:21.375 AnimationDemo[1023:44875] action for layer: <CALayer: 0x7fa952413150>, for key:onOrderIn is <null>
2015-04-06 11:59:21.408 AnimationDemo[1023:44875] action for layer: <CALayer: 0x7fa952413150>, for key:opacity is <CABasicAnimation: 0x7fa95275bc20>

<null>[NSNull null]的输出。说明对于其他的几种key,UIView对象告诉它的layer,停止对CAAction对象的搜索。而对opacity这个key,UIView对象则给出了一个CABasicAnimation对象。

打印这个CABasicAnimation对象的部分信息,发现这可能就是由UIView animation block中的代码转换出的CAAnimation。

<CABasicAnimation:0x7fa95275bc20; delegate = <UIViewAnimationState: 0x7fd811c376b0>; fillMode = both; timingFunction = easeInEaseOut; duration = 5; fromValue = 1; keyPath = opacity>

(但是这个CABasicAnimation中的toValue和byValue都是nil)

另外,用类似的方式观察layer对象的行为(根据苹果官方文档,可以通过重载UIView中的layerClass方法来改变这个View使用的layer的类型。所以自定义一个CALayer的子类作为view的layerClass,并重写CALayer的部分方法起到监控CALayer行为的目的。),我发现layer的addAnimation:forKey:方法也被调用了,这个CABasicAnimation对象被加入到了layer中。

如果在UIView的animation block中,改变了一个view的多个property,则会有多个CAAnimation对象被加入到layer中。

我觉得到这里已经能表明,UIView动画其实就是对Core Animation的一种封装,向客户程序员呈现更简洁的接口。

但是我也发现了,在UIView的animation block中改变position或者bounds等属性,会有一些特别的行为。因为这些属性可能对应着多个animation key。所以,从actionForLayer:forKey:中返回的对象也不是一个CAAnimation对象了,而是一个(没有公开的)_UIViewAdditiveAnimationAction对象。随后,可能有多个CAAnimation对象被加入到layer中。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你可以通过以下Objective-C代码实现该功能: 首先,在你的UIViewController中添加以下属性: ``` @property (nonatomic, assign) BOOL isFullScreen; @property (nonatomic, strong) UITapGestureRecognizer *tapGesture; ``` 然后,在你的UIViewController的viewDidLoad方法中添加如下代码: ``` self.isFullScreen = NO; self.tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTapGesture:)]; [self.view addGestureRecognizer:self.tapGesture]; ``` 接下来,实现handleTapGesture方法: ``` - (void)handleTapGesture:(UITapGestureRecognizer *)tapGesture { if (self.isFullScreen) { [UIView animateWithDuration:0.3 animations:^{ self.view.transform = CGAffineTransformIdentity; self.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height); }]; self.isFullScreen = NO; } else { [UIView animateWithDuration:0.3 animations:^{ self.view.transform = CGAffineTransformMakeRotation(M_PI_2); self.view.frame = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.height, [UIScreen mainScreen].bounds.size.width); }]; self.isFullScreen = YES; } } ``` 这里我们同样使用UIView的transform属性来实现旋转,使用CGAffineTransformMakeRotation方法来创建旋转变换矩阵。不同的是,我们在全屏显示时将UIView的宽和高调换了一下,这样就能实现横向全屏显示了。 当用户点击UIView时,我们会先判断当前UIView是否已经全屏显示,如果已经全屏显示,则执行恢复原样的动画;否则,执行全屏显示的动画。 希望这个代码能够对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值