CALayer的使用

た入场券 2022-08-02 07:20 141阅读 0赞

** 转载地址： http://my.oschina.net/u/936286/blog/181784  **

目录\[-\]

*  [一、什么是CALayer][CALayer]
 *  [二、CALayer的简单使用][CALayer 1]
 *  [2.在项目代码中导入QuartzCore框架的主头文件][2._QuartzCore]
 *  [3.通过CALayer修改UIImageView的界面属性][3._CALayer_UIImageView]
 *  [1> 先创建一个UIImageView，添加到控制器的view中][1_ _UIImageView_view]
 *  [2> 设置阴影][2_]
 *  [3> 设置圆角大小][3]
 *  [4> 设置边框宽度和颜色][4_]
 *  [5> 设置旋转][5_]

## 一、什么是CALayer ##

\* 在iOS系统中，你能看得见摸得着的东西基本上都是UIView，比如一个按钮、一个文本标签、一个文本输入框、一个图标等等，这些都是UIView。

\* 其实UIView之所以能显示在屏幕上，完全是因为它内部的一个层。

\* 在创建UIView对象时，UIView内部会自动创建一个层(即CALayer对象)，通过UIView的layer属性可以访问这个层。当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，并且会将所有内容绘制在自己的层上，绘图完毕后，系统会将层拷贝到屏幕上，于是就完成了UIView的显示。

\* 换句话说，UIView本身不具备显示的功能，是它内部的层才有显示功能。

## 二、CALayer的简单使用 ##

上面已经说过了，UIView之所以能够显示，完全是因为内部的CALayer对象。因此，通过操作这个CALayer对象，可以很方便地调整UIView的一些界面属性，比如：阴影、圆角大小、边框宽度和颜色等。

### 2.在项目代码中导入QuartzCore框架的主头文件 ###

\#import<QuartzCore/QuartzCore.h>

### 3.通过CALayer修改UIImageView的界面属性 ###

你也可以使用UIButton或者UILabel，这里就以UIImageView为例子

#### 1> 先创建一个UIImageView，添加到控制器的view中 ####

UIImage *image = [UIImage imageNamed:@"lufy.png"];UIImageView *imageView = [[UIImageView alloc] initWithImage:image];imageView.center = CGPointMake(200, 200);[self.view addSubview:imageView];

[![05161401_pAoK.png][]][05161401_pAoK.png]

#### 2> 设置阴影 ####

#pragma mark 设置阴影效果
     - (void)shadow:(UIView *)view {
            // 设置阴影为灰色     view.layer.shadowColor = [UIColor redColor].CGColor;     // 设置阴影的偏差     view.layer.shadowOffset = CGSizeMake(10, 10);     // 设置层的不透明度(半透明)     view.layer.shadowOpacity = 0.5f; }

\* 第1行设置阴影的颜色为灰色，注意，这里使用的是UIColor的CGColor属性，是一种CGColorRef类型的数据

\* 第2行设置阴影的偏移大小，可以看出阴影往原图的右下角偏移

\* 第3行设置阴影的不透明度为0.5，表示半透明。如果为1，代表完全不透明。

[![05161402_3Bat.png][]][05161402_3Bat.png]

#### 3> 设置圆角大小 ####

通过layer属性可以访问视图内部的CALayer对象

#pragma mark 设置圆角效果 - (void)corner:(UIView *)view {
            // 设置圆角半径为10     view.layer.cornerRadius = 10;     // 强制内部的所有子层跟随layer的边界效果     // 设置为YES后，不能显示阴影效果     view.layer.masksToBounds = YES; }

\* 第4行设置圆角半径为10

\* 第7行的maskToBounds=YES：可以看做是强制内部的所有子层支持圆角效果，少了这个设置，UIImageView是不会有圆角效果的

\* 注意，如果设置了maskToBounds=YES，那将不会有阴影效果

[![05161402_BnXb.png][]][05161402_BnXb.png]

#### 4> 设置边框宽度和颜色 ####

#pragma mark 设置边框 - (void)border:(UIView *)view {
            view.layer.borderWidth = 5;     view.layer.borderColor = [UIColor redColor].CGColor; }

\* 第3行设置边框宽度为5

\* 第4行设置边框颜色为红色

[![05161402_I4Xf.png][]][05161402_I4Xf.png]

#### 5> 设置旋转 ####

imageView.layer.transform = CATransform3DMakeRotation(M_PI_4, 0, 0, 1);

\* 利用transform属性可以设置旋转、缩放等效果

\* M\_PI\_4表示四分之π，顺时针旋转45&deg;

\* 后面的(0, 0, 1)表示Z轴这个向量，修改这个向量可以做一些三维旋转效果，你可以随便改个值试一下，比如(1, 1, 1)

\* 总体的意思是layer会绕着Z轴顺时针旋转45&deg;，也就是在x、y平面进行旋转

[![05161402_sbIy.png][]][05161402_sbIy.png]

[CALayer]: http://my.oschina.net/u/936286/blog/181784#OSC_h2_1
[CALayer 1]: http://my.oschina.net/u/936286/blog/181784#OSC_h2_2
[2._QuartzCore]: http://my.oschina.net/u/936286/blog/181784#OSC_h3_3
[3._CALayer_UIImageView]: http://my.oschina.net/u/936286/blog/181784#OSC_h3_4
[1_ _UIImageView_view]: http://my.oschina.net/u/936286/blog/181784#OSC_h4_5
[2_]: http://my.oschina.net/u/936286/blog/181784#OSC_h4_6
[3]: http://my.oschina.net/u/936286/blog/181784#OSC_h4_7
[4_]: http://my.oschina.net/u/936286/blog/181784#OSC_h4_8
[5_]: http://my.oschina.net/u/936286/blog/181784#OSC_h4_9
[05161401_pAoK.png]: /images/20220731/d150d239f16d44f191c644be8627f525.png
[05161402_3Bat.png]: /images/20220731/0f01ee6ca3ad469ea3e671d2df9b0585.png
[05161402_BnXb.png]: /images/20220731/9c198513def2483290b40a7a79e2ef3a.png
[05161402_I4Xf.png]: /images/20220731/80b420c9cc1646d7b064c26a374742fc.png
[05161402_sbIy.png]: /images/20220731/7df0bbf801414cd8b6a4c49920112a6f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 ios--弹出窗口效果的制作(Core animation, CALayer)

原文链接：[http://chenshun87.blog.163.com/blog/static/18859389201192895422480/][http_chenshun

梦里梦外;/ 2022年09月21日 01:07/ 0 赞/ 156 阅读

相关 IOS 之 CAlayer的一些属性详解

CAlayer可以当作一个层,几乎每个视图中都有这个属性,可以用它来定义阴影,圆角等. \import <QuartzCore/QuartzCore.h> //导入框架

雨点打透心脏的1/2处/ 2022年09月20日 05:54/ 0 赞/ 183 阅读

相关 UIView和CALayer的区别

研究Core Animation已经有段时间了，关于Core Animation，网上没什么好的介绍。苹果网站上有篇专门的总结性介绍，但是似乎原理性的东西不多，看得人云山雾罩，

骑猪看日落/ 2022年08月23日 13:56/ 0 赞/ 166 阅读

相关 swift详解之二十六-----------CALayer 判断是否点击hitTest 和 contensRect

CALayer 判断是否点击hitTest -------------------- CALayer并不关心任何响应链事件，所以不能直接处理触摸事件或者手势。但是它有一

傷城~/ 2022年08月05日 08:13/ 0 赞/ 196 阅读

相关 swift详解之二十四---------------CoreAnimation(一)CALayer

CoreAnimation(一)CALayer -------------------- `CoreAnimation` 算是一个大话题，要实现很多炫酷的动画，必须掌

迈不过友情╰/ 2022年08月04日 15:57/ 0 赞/ 222 阅读

相关 CALayer的使用

转载地址： http://my.oschina.net/u/936286/blog/181784 目录\[-\] [一、什么是CALa

た入场券/ 2022年08月02日 07:20/ 0 赞/ 142 阅读

相关 iOS UIView 和 CALayer 的关系

一、概念： UIView不具备显示功能，拥有显示功能的是它内部的图层即CALayer属性当UIView需要显示到屏幕上时，会调用DrawRect：方法进行绘图，并且将所

你的名字/ 2022年07月12日 03:24/ 0 赞/ 270 阅读

相关 1--springBoot的注解使用，aspectj注解的使用，配置类的使用

maven 的pom.xml文件： <dependencies></dependencies> 用来包含多个依赖 <dependency></dependency> 用来

素颜马尾好姑娘i/ 2022年06月06日 03:18/ 0 赞/ 434 阅读

相关 IDEA的使用：6.Module的使用

一.模块的概念(Module) 在 Eclipse 中我们有 Workspace（工作空间）和 Project（工程）的概念，在 IDEA 中只有 Project（

港控/mmm°/ 2022年05月11日 09:18/ 0 赞/ 331 阅读

相关 Pipe类的使用、SelectorProvider类的使用

Pipe.SinkChannel和Pipe.SourceChannel类的使用 Pipe.SinkChannel类标识Pipe的可写入结尾的通道： ![在这里插入图片

川长思鸟来/ 2021年08月30日 17:42/ 0 赞/ 690 阅读