UIView 和CALayer的区别详解 隐式动画
今天朋友面试问到了关于UIView和CALayer的区别之处,回来问到我,把我也问懵了.于是我带着一颗好奇的心,对这个知识点就行了详细的研究. 废话不多说,开始我们的解释
1.UIView和CAlayer的区别
UIView和CALayer的区别.UIView相对于CAlayer来说就多了一个事件处理功能,CALayer是不能处理用户的触摸事件的,显示出来的东西需要和用户交互的时候,是需要使用UIView的,如果不需要跟用户进行交互的时候就可以使用UIView或者是CAlayer;
说完差别我们来说一下隐式动画,当我们在改变CALayer的属性的时候,会产生动画,但是往往我都没有去思考这个动画是怎么产生的,而修改UIView的属性的时候反而没有动画,看到这个差别就引起了我们的思考......思考人生,哈哈!
话不多说步入正题:
2. 我先从源头开始说起:隐式动画的产生
每一个UIView都关联着一个CALayer,我们可以成这个CALayer是根层,所有的非根层,也就是自己手动创建的CALayer对象,都有隐式动画
3.再来讲解一下原因:什么是隐式动画
在修改CALayer(非根层)的属性的时候,会自动的产生一些动画,但是在修改UIView的属性的时候并不能产生动画
4.后来说一下什么时候回出现隐式动画:CALayer的隐式动画主要变现在几个方面
bonus:在修改CALayer的宽度和高度的时候,会产生动画效果
backgroundColor:修改背景颜色的时候,会产生背景色渐变的效果
position:修改这个属性,会产生平移动画
例子说明:
- (void)viewDidLoad {
[super viewDidLoad];
CGSize size = [UIScreen mainScreen].bounds.size;
CALayer * layer = [[CALayer alloc]init];
layer.bounds=CGRectMake(0,0,KIDWH,KIDWH);
layer.backgroundColor = [UIColor colorWithRed:0 green:146/255.0 blue:1.0/255.0 alpha:1.0].CGColor;
[self.view.layer addSublayer:layer];
layer.borderWidth=2;
//设置颜色,QuartCore是跨平台的,所以无法使用UIColor
layer.borderColor = [UIColor orangeColor].CGColor;
layer.position=CGPointMake(size.width/2, size.height/3);
layer.cornerRadius=KIDWH/2;
layer.masksToBounds=YES;
//设置阴影
layer.shadowColor = [UIColor grayColor].CGColor;
layer.shadowOffset = CGSizeMake(10, 10);
layer.shadowOpacity=0.9;
}
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent*)event{
UITouch* touch = [touchesanyObject];
CALayer * layer = self.view.layer.sublayers[0];
CGFloat width = layer.bounds.size.width;
if(width ==KIDWH) {
width =4*KIDWH;
}
else{
width =KIDWH;
}
layer.bounds=CGRectMake(0,0, width, width);
//设置layer的当前位置是点击的点的位置(点击在self.view上的点)
layer.position = [touch locationInView:self.view];
layer.cornerRadius= width /2;
}
5.隐式动画的展示时间是0.25秒,非常快的!
说到这里也需大家会问,隐式动画我不想要的时候,怎么禁用,哈哈,想到这里表示你思考问题还是很全面的,下面我就来揭晓这个答案:
关闭隐式动画 使用的是动画的事务方法实现的
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent*)event{
UITouch* touch = [touchesanyObject];
//关闭隐式动画 开启事务
[CATransaction begin];
//禁用隐式动画
[CATransaction setDisableActions:YES];
CALayer * layer = self.view.layer.sublayers[0];
CGFloat width = layer.bounds.size.width;
if(width ==KIDWH) {
width =4*KIDWH;
}
else{
width =KIDWH;
}
layer.bounds=CGRectMake(0,0, width, width);
//设置layer的当前位置是点击的点的位置(点击在self.view上的点)
layer.position = [touch locationInView:self.view];
layer.cornerRadius= width /2;
//提交事务
[CATransaction commit];
}
