CALayer基础

来源：互联网发布：足彩平局分析软件编辑：程序博客网时间：2024/05/22 11:57

先看效果

这里写图片描述

再看代码

代码下载请猛戳这里

测试一下几种控件中的layer

/** *  UIView 图层测试 * *  @param view 测试图层的UIView */- (void)testViewLayer:(UIView *)view{    //圆角    view.layer.cornerRadius = view.frame.size.height/2;    //阴影颜色    view.layer.shadowColor = [UIColor blackColor].CGColor;    //阴影偏移    view.layer.shadowOffset = CGSizeMake(2, 5);    //阴影透明度    view.layer.shadowOpacity = 0.5;}/** *  UIImageView 图层测试 * *  @param view 测试图层的UIImageView */- (void)testImageViewLayer:(UIView *)view{    //描边    view.layer.borderColor = [UIColor redColor].CGColor;    //描边宽    view.layer.borderWidth = 10;    //圆角    view.layer.cornerRadius = view.frame.size.height/2;    //裁剪    view.layer.masksToBounds = YES;    //阴影设置    view.layer.shadowOpacity = 0.5;    view.layer.shadowOffset = CGSizeMake(2, 6);    view.layer.shadowColor = [UIColor blackColor].CGColor;    //阴影大小    view.layer.shadowRadius = 10;}/** *  UILabel 图层测试 * *  @param view 测试图层的UILable */- (void)testLabelLayer:(UIView *)view{    //三维旋转    view.layer.transform = CATransform3DRotate(view.layer.transform, M_PI_4, 0, 0, 1);    //三维缩放    CATransform3D transform = CATransform3DScale(view.layer.transform, 0.5, 0.5, 0.5);    // 可以传递哪些key path, 在官方文档搜索 "CATransform3D key paths"    [view.layer setValue:[NSValue valueWithCATransform3D:transform] forKeyPath:@"transform"];    /*        用KVC设置     */    [view.layer setValue:@(M_PI/3) forKeyPath:@"transform.rotation.x"];    [view.layer setValue:@(M_PI/3) forKeyPath:@"transform.rotation.y"];    [view.layer setValue:@(M_PI/3) forKeyPath:@"transform.rotation.z"];    [view.layer setValue:@(M_PI/3) forKeyPath:@"transform.rotation"];    [view.layer setValue:@(1.5) forKeyPath:@"transform.scale.x"];    [view.layer setValue:@(1.5) forKeyPath:@"transform.scale.y"];    [view.layer setValue:@(1.5) forKeyPath:@"transform.scale.z"];    [view.layer setValue:@(1.5) forKeyPath:@"transform.scale"];}

CALayer隐式动画

- (void)viewDidLoad {    [super viewDidLoad];    //创建图层    CALayer *layer = [CALayer layer];    //设置位置    layer.frame = CGRectMake(0, 0, 100, 100);    //设置背景色    layer.backgroundColor = [UIColor redColor].CGColor;    //设置位置点    layer.position = CGPointMake(self.view.frame.size.width/2, self.view.frame.size.height/2);    //设置锚点(注意：取值在0~1之间)    layer.anchorPoint = CGPointMake(0.5, 0.5);    //设置描边颜色    layer.borderColor = [UIColor greenColor].CGColor;    //描边宽    layer.borderWidth = 5;    //圆角大小    layer.cornerRadius = 50;    //阴影不透明度    layer.shadowOpacity = 1;    //阴影偏移    layer.shadowOffset = CGSizeMake(2, 5);    //阴影大小    layer.shadowRadius = 5;    //添加到父图层    [self.view.layer addSublayer:layer];    self.layer = layer;}- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{    //通过在官方文档中搜索CALayer animatable Properties查看哪些属性可以做隐式动画    //self.layer.borderWidth = 15;    //如何停止隐式动画    //1.开启事务    [CATransaction begin];    //2.设置不执行动画的属性    [CATransaction setDisableActions:YES];    //3.把动画属性放在中间    self.layer.opacity = 0;    self.layer.borderWidth = 15;    //4.提交事务    [CATransaction commit];}

自定义CALayer

/*     view的完整显示过程     1. view.layer会准备一个Layer Graphics Contex(图层类型的上下文)     2. 调用view.layer.delegate(view)的drawLayer:inContext:,并传入刚才准备好的上下文     3. view的drawLayer:inContext:方法内部又会调用view的drawRect:方法     4. view就可以在drawRect:方法中实现绘图代码, 所有东西最终都绘制到view.layer上面     5. 系统再将view.layer的内容拷贝到屏幕, 于是完成了view的显示*/- (void)viewDidLoad {    [super viewDidLoad];    //创建图层    CALayer *layer = [CALayer layer];    //设置位置    layer.frame = CGRectMake(0, 0, 100, 100);    //设置背景色    layer.backgroundColor = [UIColor redColor].CGColor;    //设置位置点    layer.position = CGPointMake(self.view.frame.size.width/2, self.view.frame.size.height/2);    //设置锚点(注意：取值在0~1之间)    layer.anchorPoint = CGPointMake(0.5, 0.5);    //设置描边颜色    layer.borderColor = [UIColor greenColor].CGColor;    //描边宽    layer.borderWidth = 5;    //圆角大小    layer.cornerRadius = 50;    //阴影不透明度    layer.shadowOpacity = 1;    //阴影偏移    layer.shadowOffset = CGSizeMake(2, 5);    //阴影大小    layer.shadowRadius = 5;    //添加到父图层    [self.view.layer addSublayer:layer];    self.layer = layer;}- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{    //通过在官方文档中搜索CALayer animatable Properties查看哪些属性可以做隐式动画    //self.layer.borderWidth = 15;    //如何停止隐式动画    //1.开启事务    [CATransaction begin];    //2.设置不执行动画的属性    [CATransaction setDisableActions:YES];    //3.把动画属性放在中间    self.layer.opacity = 0;    self.layer.borderWidth = 15;    //4.提交事务    [CATransaction commit];}

0 0