添加自定义的CALayer

2024-06-24 10:58
文章标签 自定义 calayer

本文主要是介绍添加自定义的CALayer,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

iOS开发UI篇—CAlayer(创建图层)

一、添加一个图层

添加图层的步骤:

1.创建layer
2.设置layer的属性(设置了颜色,bounds才能显示出来)
3.将layer添加到界面上(控制器view的layer上) 
复制代码
 1 //
 2 //  YYViewController.m
 3 //  01-创建一个简单的图层
 4 //
 5 //  Created by apple on 14-6-21.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import "YYViewController.h"
10 
11 @interface YYViewController ()
12 
13 @end
14 
15 @implementation YYViewController
16 
17 - (void)viewDidLoad
18 {
19     [super viewDidLoad];
20     
21     //1.创建一个layer
22     //    使用对象方法创建
23    //    CALayer *layer=[[CALayer alloc]init];
24     //使用类方法创建
25     CALayer *layer=[CALayer layer];
26     
27     //2.设置layer的属性(一定要设置位置,颜色属性才能显示出来)
28     layer.backgroundColor=[UIColor brownColor].CGColor;
29     layer.bounds=CGRectMake(0, 0, 200, 200);
30     layer.position=CGPointMake(100, 100);
31     
32     //3.把layer添加到界面上
33     [self.view.layer addSublayer:layer];
34 }
35 
36 @end
复制代码

  

 

二、添加一个显示图片的图层

  代码示例:

复制代码
 1 //
 2 //  YYViewController.m
 3 //  02-添加一个显示图片的图层
 4 //
 5 //  Created by apple on 14-6-21.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import "YYViewController.h"
10 
11 @interface YYViewController ()
12 
13 @end
14 
15 @implementation YYViewController
16 
17 - (void)viewDidLoad
18 {
19     [super viewDidLoad];
20     //创建一个layer
21     CALayer *Mylayer=[CALayer layer];
22     //设置layer的属性
23     Mylayer.bounds=CGRectMake(100, 100, 100, 100);
24     Mylayer.position=CGPointMake(100, 100);
25     
26     //设置需要显示的图片
27     Mylayer.contents=(id)[UIImage imageNamed:@"me"].CGImage;
28     //设置圆角半径为10
29     Mylayer.cornerRadius=10;
30     //如果设置了图片,那么需要设置这个属性为YES才能显示圆角效果
31     Mylayer.masksToBounds=YES;
32     //设置边框
33     Mylayer.borderWidth=3;
34     Mylayer.borderColor=[UIColor brownColor].CGColor;
35     
36     //把layer添加到界面上
37     [self.view.layer addSublayer:Mylayer];
38 }
39 @end
复制代码

执行效果:

说明:在第27行设置需要显示的图片,注意,这里用的是UIImage的CGImage属性,是一种CGImageRef类型的数据

 

三、CGColorRef和CGImageRef数据类型

1.简单说明

CALayer是定义在QuartzCore框架中的;CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的;UIColor、UIImage是定义在UIKit框架中的

其次,QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用,但是UIKit只能在iOS中使用

因此,为了保证可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRef

不过很多情况下,可以通过UIKit对象的特定方法,得到CoreGraphics对象,比如UIImage的CGImage方法可以返回一个CGImageRef

2.导入QuartzCore框架

在xcode5中不再需要我们自己导入这个框架,如果是在ios6和xcode4以前,需要导入框架

(1) 点击项目名称,然后点击右边TARGETS下面的target

(2)点击Build Pases后,展开Link Binary....,添加 + 号

(3) 在搜索框中输入"Quartz",选中QuartzCore.framework,最后add添加

(4)添加完毕后,这个框架就会出现在项目文件夹中

  

最后,还需要在项目代码中导入框架的主头文件。

#import <QuartzCore/QuartzCore.h>

 

四、UIView和CALayer的选择

可以发现,前面的2个效果不仅可以通过添加层来实现,还可以通过添加UIView来实现。如显示图片的层可以用一个UIImageView来实现。 既然CALayer和UIView都能实现相同的显示效果,那究竟该选择谁好呢?

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

所以,在选择的过程中,需要考虑到实际的情况,如果显示出来的东西需要跟用户进行交互的话,用UIView;如果不需要跟用户进行交互,用UIView或者CALayer都可以

当然,CALayer的性能会高一些,因为它少了事件处理的功能,更加轻量级 

五、补充说明

1.添加子layer

复制代码
 1 #import "YYViewController.h"
 2 
 3 @interface YYViewController ()
 4 
 5 @end
 6 
 7 @implementation YYViewController
 8 
 9 - (void)viewDidLoad
10 {
11     [super viewDidLoad];
12     
13     NSLog(@"star-%@",self.view.layer.sublayers);
14     //1.创建一个layer
15     //    使用对象方法创建
16    //    CALayer *layer=[[CALayer alloc]init];
17     //使用类方法创建
18     CALayer *layer=[CALayer layer];
19     
20     //2.设置layer的属性(一定要设置位置,颜色属性才能显示出来)
21     layer.backgroundColor=[UIColor brownColor].CGColor;
22     layer.bounds=CGRectMake(0, 0, 200, 200);
23     layer.position=CGPointMake(100, 100);
24     
25     //3.把layer添加到界面上
26     [self.view.layer addSublayer:layer];
27     
28     NSLog(@"end-%@",self.view.layer.sublayers);
29 }
复制代码

打印结果如下:

说明:在添加layer之前,控制器view上layer又两个子layer,添加之后,有三个子layer。

2.访问层

复制代码
 1 - (void)viewDidLoad
 2 {
 3     [super viewDidLoad];
 4     
 5     CALayer *layer=[CALayer layer];
 6     layer.backgroundColor=[UIColor brownColor].CGColor;
 7     layer.bounds=CGRectMake(0, 0, 200, 200);
 8     layer.position=CGPointMake(100, 100);
 9     
10     [self.view.layer addSublayer:layer];
11     //CALayer通过sublayers属性访问所有的子层
12     NSLog(@"%@",self.view.layer.sublayers[2]);
13     NSLog(@"%@",layer);
14     
15     //CALayer也可以通过superlayer属性访问父层
16     NSLog(@"%@",layer.superlayer);
17     NSLog(@"%@",self.view.layer);
18 }
复制代码

  UIView可以通过subviews属性访问所有的子视图,类似地,CALayer也可以通过sublayers属性访问所有的子层

    UIView可以通过superview属性访问父视图,类似地,CALayer也可以通过superlayer属性访问父层

3.注意

  在storyboard中,向界面上拖一个button按钮,打印查看子layer的个数。

复制代码
 1 - (void)viewDidLoad
 2 {
 3     [super viewDidLoad];
 4     
 5     CALayer *layer=[CALayer layer];
 6     layer.backgroundColor=[UIColor brownColor].CGColor;
 7     layer.bounds=CGRectMake(0, 0, 200, 200);
 8     layer.position=CGPointMake(100, 100);
 9     
10     [self.view.layer addSublayer:layer];
11     //打印所有的layer
12     NSLog(@"%@",self.view.layer.sublayers);
13 }
复制代码

打印结果如下:

特别注意:如果一个控件是另外一个控件的子控件,那么这个控件的layer也是另一个控件的子layer。

这篇关于添加自定义的CALayer的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1089955

相关文章

SpringBoot+EasyExcel实现自定义复杂样式导入导出

《SpringBoot+EasyExcel实现自定义复杂样式导入导出》这篇文章主要为大家详细介绍了SpringBoot如何结果EasyExcel实现自定义复杂样式导入导出功能,文中的示例代码讲解详细,... 目录安装处理自定义导出复杂场景1、列不固定,动态列2、动态下拉3、自定义锁定行/列,添加密码4、合并

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格(JTable)作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

一文详解Java Stream的sorted自定义排序

《一文详解JavaStream的sorted自定义排序》Javastream中的sorted方法是用于对流中的元素进行排序的方法,它可以接受一个comparator参数,用于指定排序规则,sorte... 目录一、sorted 操作的基础原理二、自定义排序的实现方式1. Comparator 接口的 Lam

如何自定义一个log适配器starter

《如何自定义一个log适配器starter》:本文主要介绍如何自定义一个log适配器starter的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录需求Starter 项目目录结构pom.XML 配置LogInitializer实现MDCInterceptor

Druid连接池实现自定义数据库密码加解密功能

《Druid连接池实现自定义数据库密码加解密功能》在现代应用开发中,数据安全是至关重要的,本文将介绍如何在​​Druid​​连接池中实现自定义的数据库密码加解密功能,有需要的小伙伴可以参考一下... 目录1. 环境准备2. 密码加密算法的选择3. 自定义 ​​DruidDataSource​​ 的密码解密3

spring-gateway filters添加自定义过滤器实现流程分析(可插拔)

《spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔)》:本文主要介绍spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔),本文通过实例图... 目录需求背景需求拆解设计流程及作用域逻辑处理代码逻辑需求背景公司要求,通过公司网络代理访问的请求需要做请

Spring Security自定义身份认证的实现方法

《SpringSecurity自定义身份认证的实现方法》:本文主要介绍SpringSecurity自定义身份认证的实现方法,下面对SpringSecurity的这三种自定义身份认证进行详细讲解,... 目录1.内存身份认证(1)创建配置类(2)验证内存身份认证2.JDBC身份认证(1)数据准备 (2)配置依

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现