移动应用软件开发综合实训（基于iOS平台）-2017 CALayer使用 CALayer基本使用.docx

CALayer基本使用 一、UIView和CALayer 1.1 在iOS中看的见，摸得着的都是UIView，例如一个按钮，UITextField，UILable等等，都是UIView 1.2 UIView之所以能够显示在屏幕上，是试音UIView中有一个图层 1.3 在创建UIView的时候，系统会自动创建一个CALayer在其中，用于显示东西，可以通过view.layer来去获取图层属性 1.4 当UIView要去显示的时候，先去调用drawRect方法，将要绘制的东西绘制到图层上，然后拷贝图层，完成了UIView的显示 1.5 UIView只有交互的功能，没有显示的功能 1.6 CALayer只要显示的功能，没有交互的功能 1.7 UIView可以做一些简单的动画，例如：平移，拉伸，旋转 1.8 一些比较高端的动画，都是直接操作CALayer的，可以制作3D动画 1.9 使用CALayer，可以直接操作显示的东西，例如阴影，圆角，边框等 二、CALayer的简单使用 1.1 对UIView的CALayer进行操作 原始的UIVie0077，只有红色背景 //添加边框，默认是黑色 redView.layer.borderWidth = 10 添加了边框后的样子 设置绿色边框和圆角 //设置边框 redView.layer.borderWidth = 10 //设置边框颜色 redView.layer.borderColor = UIColor.greenColor().CGColor //设置圆角 redView.layer.cornerRadius = 30 设置完圆角和边框绿的样子 注意，UIView可以直接设置圆角，呈现出的是切割后的样子，UIImageView是不行的，还需要添加masksToBounce = YES属性才可以切割！ 设置阴影 //设置边框 redView.layer.borderWidth = 10 //设置边框颜色 redView.layer.borderColor = UIColor.greenColor().CGColor //设置圆角 redView.layer.cornerRadius = 30 //阴影颜色 redView.layer.shadowColor = UIColor.orangeColor().CGColor //阴影偏移 redView.layer.shadowOffset = CGSizeMake(20, 50) //阴影的不透明度 redView.layer.shadowOpacity = 0.4 给UIView设置阴影效果 三、对UIImageView的操作 其实UIImageView和UIView的CALayer的操作都是相同的，唯一不同的是圆角 原始图片 切割后的图片 //圆角 picView.layer.cornerRadius = 40 //如果是给UIImageView设置圆角裁剪，必须设置属性// // picView.clipsToBounds = true picView.layer.masksToBounds = true UIImageView必须调用picView.clipsToBounds = true(直接对view操作)或者picView.layer.masksToBounds = true（直接对图层操作）否则不会切割。 原因如下:UIImageView中是UIView的主layer上添加了一个次layer，我们设置边框的是主layer，但是次layer在上变，不会有任何的影响，所以当我们调用切割语句的时候，超出边框意外的都被切割了！！！ 四、使用CALayer，进行三维效果的操作 1 、注意： 都有transform属性，但是他们的所属有区别，类型也有区别 picView.transform是二维的属性，是CGAffineTransform类型 picView.layer.transform是layer级别的三维属性，是CATransform3D类型的，当然也可以做二维的事情 view.transform是CGAffineTransform类型的 layer.transform是CATransform3D类型的 2、过去我们对二维v