【iOS提高】CoreAnimation--Layer

痛定思痛。 2022-08-20 04:18 162阅读 0赞

**前言**

**     ****iOS中能看见的东西都是view 比如一个按钮 一个文本标签等。UIView之所以能显示在屏幕上 完全是因为内部的图层。**

**     在创建UIView对象时 UIView内部会自动创建一个图层 CALayer对象 通过UIView的layer属性可以访问这个层**

**     当UIView需要显示到屏幕上 会调用drawRect方法绘图 并且将所有内容绘制到自己图层上 绘图完毕 系统会将图层拷贝到屏幕上。于是就完成了UIView的显示。换句话 UIView本身不具有显示的功能。**

**CALayer简单使用**

**iOS6之前需要导入QuartzCore.framework。之后不需要 Xcode自动导入了。**

**1.属性设置**

-(void)addView
    {
        CGRect rect = CGRectMake(10, 50, 100, 100);
        UIView * view = [[UIView alloc]initWithFrame:rect];
        [self.view addSubview:view];
        //设置
        view.layer.borderColor = [UIColor redColor].CGColor; //边框颜色
        view.layer.borderWidth = 14;//边框宽度
        view.layer.cornerRadius = 10;//圆角设置
        view.layer.shadowColor = [UIColor blueColor].CGColor;//阴影颜色
    }
    -(void)addImageView
    {
        CGRect rect = CGRectMake(10, 200, 100, 100);
        UIImageView * imgView = [[UIImageView alloc]initWithFrame:rect];
        [self.view addSubview:imgView];
        imgView.image = [UIImage imageNamed:@"123.jpg"];
        //边框颜色
        imgView.layer.borderColor = [UIColor redColor].CGColor;
        //边框宽度
        imgView.layer.borderWidth = 14;
        //圆角大小
        imgView.layer.cornerRadius = 10;
        //阴影颜色
        imgView.layer.shadowColor = [UIColor blueColor].CGColor;
        //图片无圆角 是因为图片所在的layer非主层。设置超出范围剪切掉。
        imgView.layer.masksToBounds = YES;
        
        //旋转
        imgView.layer.transform = CATransform3DMakeRotation(M_PI_4, 0, 0, 1);
    //    NSValue * value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];
    //    [imgView.layer setValue:value forKey:@"transform"];
    //    [imgView.layer setValue:@(M_PI_4) forKey:@"transform.rotation"];
        //缩放
    //    imgView.layer.transform = CATransform3DMakeScale(0.5, 2, 0);
    //    [imgView.layer setValue:@(0.5) forKey:@"transform.scale.x"];
        //平移
    //    imgView.layer.transform = CATransform3DMakeTranslation(100, 20, 10);
        NSValue * translationSize = [NSValue valueWithCGSize:CGSizeMake(-100, -100)];
        [imgView.layer setValue:translationSize forKey:@"translation"];
        //该方法后面的key可以设置为各种的值：
        /*
        rotation      rotation.x      rotation.y      rotation.z
        scale           scale.x          scale.y          scale.z
        transform  transform.x  transform.y transform.z
        translation
         */
    }

**新建CALayer**

**    **

CALayer * layer = [CALayer layer];
        [self.view.layer addSublayer:layer];
        layer.backgroundColor = [UIColor redColor].CGColor;
        layer.bounds = CGRectMake(0, 0, 100, 100);
        layer.position = CGPointMake(200, 100);
        
        UIImage * image = [UIImage imageNamed:@"123.jpg"];
        layer.contents = (id)image.CGImage;

**     **对比CALayer UIView多了一个事件处理功能 也就是说 CALayer不能处理用户的触摸事件 而UIView可以。

因此 如果需要事件交互 用UIView 否则用CALayer。CALayer性能更高一点。

**     **

**有关CALayer**

**     CALayer是定义在QuartzCore框架中的。**

**     CGImageRef CGColorRef两种数据类型是定义在CoreGraphics框架中的**

**     UIColor UIImage是定义在UIKit框架中的。**

**     QuartzCore框架和CoreGraphics框架是可以跨平台使用 在iOS和Mac OSX上都能使用**

**     但是UIKit只能在iOS中使用。**

**CALayer的两个重要的属性 position和anchorPoint**

**    **

**        @property CGPoint position **

**//设置CALayer在父层的位置 以父层的左上角为原点（0，0）**

**        @property CGPoint anchorPoint;锚点**

**      //决定这CALayer的哪个点会在position所指的位置。**

**     //以自己的左上角为原点（0，0） x y 取值范围都是0-1 默认值为（0.5，0.5）**

**    ****CALayer的隐式动画**

**     **每一个UIView内部都默认关联一个CALayer 我们可以称这个Layer为Root Layer（根层）

所有的非Root Layer也就是手动创建的CALayer对象 都存在隐式动画。

当对非RootLayer得部分属性进行修改时 默认会自动产生一些动画效果

而这些属性称为Animatable Properties（可动画属性）

**     常见的可动画属性：**

**     bounds：用于设置CALayer的宽度和高度 修改这个属性会产生缩放动画**

**     backgroundColor：用于设置CALayer的背景色 修改这个属性会产生背景色渐变动画**

**    **

CALayer * layer = [[CALayer alloc]init];
        layer.bounds = CGRectMake(0, 0, 100, 100);
        layer.backgroundColor = [UIColor redColor].CGColor;
        layer.position = CGPointMake(100, 100);
    //    layer.anchorPoint = CGPointMake(10, 10);
        [self.view.layer addSublayer:layer];
        layer.opacity = 0.5;
        _layer = layer;
    -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
    {
        [CATransaction begin];
        self.layer.opacity = 1;
        [CATransaction setDisableActions:YES];
        self.layer.backgroundColor = [UIColor blueColor].CGColor;
        
        self.layer.position = CGPointMake(0,0);
        [CATransaction commit];
    }

**自定义CALayer**

**1.创建类继承自CALayer 然后重写drawInContext方法**

-(void)drawInContext:(CGContextRef)ctx
    {
        CGContextSetRGBFillColor(ctx, 1,0,0,1);
        CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 50, 50));
        CGContextFillPath(ctx);
    }

**在控制器实现方法：**

-(void)test1
    {
        //当前没有出现圆形 给定颜色 发现layer出现而圆形没有。
        //显式调用setNeedsDisplay 出现
        //只有明显滴调用setNeedsDisplay 才能调用drawIncontext方法。
        MyLayer * layer =[[ MyLayer alloc]init];
        layer.frame = CGRectMake(0, 0, 100, 100);
        [layer setNeedsDisplay];
        layer.backgroundColor = [UIColor blueColor].CGColor;
        [self.view.layer addSublayer:layer];
    }

**第二种方法：指定view的代理为当前控制器，重写方法drawLayer：InContext**

-(void)test2
    {
        //代理帮我画
        CALayer * layer = [[CALayer alloc]init];
        layer.frame = CGRectMake(0, 0, 100, 100);
        layer.backgroundColor = [UIColor blueColor].CGColor;
        layer.position = CGPointMake(100, 100);
        layer.anchorPoint = CGPointZero;
        [self.view.layer addSublayer:layer];
        //指定代理方法
        layer.delegate = self;
        //当前指定代理 不需要遵守协议 那么 该代理是所有的对象都可以当我的代理
        //测试后发现当前的layer上并没有圆形 debug后发现代理方法并没有执行。
        //答案：想要画东西 必须显式调用setNeedsDisplay方法
        [layer setNeedsDisplay];
    }

#pragma mark - layer的代理方法
    -(void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx
    {
        NSLog(@"%@",@"是否");
        CGContextSetRGBFillColor(ctx, 1, 0, 0, 1);
        CGRect rect = CGRectMake(0, 0, 30, 30);
        CGContextAddEllipseInRect(ctx, rect);
        CGContextFillPath(ctx);
    }

**UIView完整的显示过程:**

**当UIview需要显示时，**

**1.内部的layer会准备好一个CGContext上下文**

**2.然后调用delegate的方法drawLayer：InContext方法。如果当前view设置代理为当前的控制器 必须重写drawLayer方法，**

**3.在调用drawLayer:InContext方法之后，会调用view自己的drawInRect方法。传入的Context绘图完毕，被拷贝到屏幕。**

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java中IO操作优化，提高读写速度案例

在Java中进行I/O操作（如文件读写、网络通信等）时，往往存在性能瓶颈。以下是一个典型的读写优化案例： 1. **场景描述**：一个Web应用需要频繁地从数据库读取数据并展

青旅半醒/ 2024年09月14日 17:33/ 0 赞/ 62 阅读

相关简化Java的IO操作，提高效率实例

在Java中，IO（Input/Output）操作通常涉及到文件、网络等资源。为了简化IO操作并提高效率，可以遵循以下几个策略： 1. **使用Java 8及更高版本**：J

Bertha 。/ 2024年09月13日 09:54/ 0 赞/ 67 阅读

相关 Java基础深化和提高-------IO流

目录 IO流技术介绍什么是IO 什么是数据源流的概念第一个简单的IO流程序 IO流的经典写法 IO流新语法经典写法 Java中流的概念细分

野性酷女/ 2023年09月23日 15:48/ 0 赞/ 123 阅读

相关【iOS提高】单例模式在OC的使用

有三种方法可以保证当前的程序中只有一个对象实例。 1.GCD +(instancetype)sharedInstance2 { static

本是古典何须时尚/ 2022年08月20日 09:16/ 0 赞/ 199 阅读

相关【iOS提高】CoreAnimation概述

一、简介 CoreAnimation 顾名思义核心动画。在2007年被引入，iOS中强大的动画处理API，目的是为Apple应用开发出可观绚丽的动画效果。 CoreAnim

忘是亡心i/ 2022年08月20日 04:24/ 0 赞/ 195 阅读

相关【iOS提高】CoreAnimation--Layer

前言 iOS中能看见的东西都是view 比如一个按钮一个文本标签等。UIView之所以能显示在屏幕上完全是因为内部的图层。在创建UIView对象时

痛定思痛。/ 2022年08月20日 04:18/ 0 赞/ 163 阅读

相关单片机IO引脚驱动能力的提高

早期的51单片机，驱动能力很低。P1、P2和P3口只能驱动3个LSTTL输入端，P0口可驱动8个。如果想要驱动更多的器件，就要用到“总线驱动芯片”。经常用的就是74LS244（

我不是女神ヾ/ 2022年08月19日 15:27/ 0 赞/ 195 阅读

相关 JAVA NIO 中的 zerocopy 技术提高IO性能

关于一篇更详细更好的介绍 ZeroCopy技术的文章，可参考：[JAVA IO 以及 NIO 理解][JAVA IO _ NIO] 这篇文章介绍了 zerocopy技

「爱情、让人受尽委屈。」/ 2022年06月13日 03:26/ 0 赞/ 206 阅读

相关 Java提高（五）IO流

javaIO流 -------------------- ![IO流对象继承关系][IO] IO流对象继承关系其他常用与流有关的对象： <table st

冷不防/ 2022年05月31日 00:15/ 0 赞/ 184 阅读

相关 InjectionIII 成吨的提高iOS开发效率

InjectionIII允许您在iOS模拟器中以增量方式更新类的方法实现，而无需重建或重新启动应用程序，从而节省开发人员的时间。我们先看效果 1：打开mac上的App Sto

柔情只为你懂/ 2022年01月19日 02:53/ 0 赞/ 149 阅读