#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *redView;
@property (weak, nonatomic) IBOutlet UIImageView *imageV; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
} -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { //设置阴影的颜色
self.imageV.layer.shadowColor = [UIColor blueColor].CGColor;
//设置阴影的不透明度:0为完全透明,1为不透明
self.imageV.layer.shadowOpacity = ;
//设置阴影偏移量宽高偏移,正数则向右向下平移
self.imageV.layer.shadowOffset = CGSizeMake(, );
//设置阴影的模糊的半径
self.imageV.layer.shadowRadius = ; //边框宽度,往里边走的.
self.imageV.layer.borderWidth = ;
self.imageV.layer.borderColor = [UIColor greenColor].CGColor; /**
* 1:image并不是在layear的图层上,而是在layear的contents上,设置圆角效果是在layear层,并不会影响到contents上的image,要想layer图层和contents有联系,则必须设置self.imageV.layer.masksToBounds,也就是把超过根层也就是layear层的部分裁减掉,所以imageView要设置圆角效果必须加上self.imageV.layer.masksToBounds,而UIView可以不用设置
2:设置圆形效果:就让UIimageview的圆角cornerRadius等于UIimageview宽度的一半
*/
//设置圆角
self.imageV.layer.cornerRadius = ;
//把超过根层以外的东西都给裁剪掉(UIview自带的层,我们称它是根层)
self.imageV.layer.masksToBounds = YES; NSLog(@"%@",self.imageV.layer.contents); } - (void)UIViewLayer {
//设置阴影的颜色
self.redView.layer.shadowColor = [UIColor blueColor].CGColor;
//设置阴影的不透明度
self.redView.layer.shadowOpacity = ;
self.redView.layer.shadowOffset = CGSizeMake(-, -);
//设置阴影的模糊的半径
self.redView.layer.shadowRadius = ; //边框宽度,往里边走的.
self.redView.layer.borderWidth = ;
self.redView.layer.borderColor = [UIColor greenColor].CGColor; //设置圆角
self.redView.layer.cornerRadius = ;
} @end

1.CALayer简介:

CALayer我们又称它叫做层.

在每个UIView内部都有一个layer这样一个属性.

UIView之所以能够显示,就是因为它里面有这个一个层,才具有显示的功能.

我们通过操作CALayer对象,可以很方便地调整UIView的一些外观属性.

可以给UIView设置阴影,圆角,边框等等...

2.操作layer改变UIView外观.

2.1.设置阴影

默认图层是有阴影的, 只不过,是透明的

_RedView.layer.shadowOpacity = 1;

设置阴影的圆角

_RedView.layer.shadowRadius  =10;

设置阴影的颜色,把UIKit转换成CoreGraphics框架,用.CG开头

_RedView.layer.shadowColor = [UIColor blueColor].CGColor;

2.2.设置边框

设置图层边框,在图层中使用CoreGraphics的CGColorRef

_RedView.layer.borderColor = [UIColor whiteColor].CGColor;

_RedView.layer.borderWidth = 2;

2.3.设置圆角

图层的圆角半径,圆角半径为宽度的一半, 就是一个圆

_RedView.layer.cornerRadius = 50;

3.操作layer改变UIImageView的外观.

设置图形边框

_imageView.layer.borderWidth = 2;

_imageView.layer.borderColor = [UIColor whiteColor].CGColor;

设置图片的圆角半径

_imageView.layer.cornerRadius = 50;

裁剪,超出裁剪区域的部分全部裁剪掉

_imageView.layer.masksToBounds = YES;

注意:UIImageView当中Image并不是直接添加在层上面的.这是添加在layer当中的contents里.

我们设置层的所有属性它只作用在层上面.对contents里面的东西并不起作用.所以我们看不到图片有圆角的效果.

想要让图片有圆角的效果.可以把masksToBounds这个属性设为YES,

当设为YES,把就会把超过根层以外的东西都给裁剪掉.

ios开发之图层与核心动画一:图层CALayer的认识的更多相关文章

  1. iOS核心动画高级技巧之CALayer(一)

    iOS核心动画高级技巧之CALayer(一) iOS核心动画高级技巧之图层变换和专用图层(二)iOS核心动画高级技巧之核心动画(三)iOS核心动画高级技巧之性能(四)iOS核心动画高级技巧之动画总结( ...

  2. 图层的核心动画(CABaseAnimation)

    Main.storyboard // //  ViewController.m //  7A14.图层的核心动画 // //  Created by huan on 16/2/4. //  Copyr ...

  3. [iOS UI进阶 - 6.1] 核心动画CoreAnimation

    A.基本知识 1.概念 Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对 ...

  4. 图层的核心动画(CABaseAnimation)续

    Main.storyboard ViewController.m // //  ViewController.m //  8A01.核心动画 // //  Created by huan on 16/ ...

  5. iOS开发笔记10:圆点缩放动画、强制更新、远程推送加语音提醒及UIView截屏

    1.使用CAReplicatorLayer制作等待动画 CALayer+CABasicAnimation可以制作很多简单的动画效果,之前的博客中介绍的“两个动画”,一个是利用一张渐变色图片+CABas ...

  6. 【Swift】IOS开发中自定义转场动画

    在IOS开发中,我们model另外一个控制器的时候,一般都使用默认的转场动画. 其实我们可以自定义一些转场动画.达到不同的转场效果. 步骤如下:(photoBrowser是目标控制器) 1.在源控制器 ...

  7. IOS第18天(9,核心动画-动画组)

    ****动画组 // 核心动画都是假象,不能改变layer的真实属性的值// 展示的位置和实际的位置不同.实际位置永远在最开始位置 #import "HMViewController.h&q ...

  8. [iOS UI进阶 - 6.2] 核心动画CoreAnimation 练习代码

    A.基本用法 1.CABasicAnimation // // ViewController.m // CoreAnimationTest // // Created by hellovoidworl ...

  9. iOS UI进阶-3.0 核心动画

    Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对应的框架<Quar ...

随机推荐

  1. Linux下搭建JSP环境

    Linux下搭建JSP环境     作为一名Java EE系统架构工程师,经常需要搭配和建立JSP(Java Server Pages)的开发环境和运行环境,所以本人在平时的工作中积累了一些在Linu ...

  2. 洛谷 P1109 学生分组

    P1109 学生分组 题目描述 有N组学生,给出初始时每组中的学生个数,再给出每组学生人数的上界R和下界L(L<=R),每次你可以在某组中选出一个学生把他安排到另外一组中,问最少要多少次才可以使 ...

  3. C++源文件到可运行文件的过程

    一.四个步骤    对于C/C++编写的程序,从源码到可运行文件,一般经过以下四个步骤: 1).预处理,产生.ii文件 2).编译,产生汇编文件(.s文件) 3).汇编,产生目标文件(.o或.obj文 ...

  4. 全球可信并且唯一免费的HTTPS(SSL)证书颁发机构:StartSSL

    全球可信并且唯一免费的HTTPS(SSL)证书颁发机构:StartSSL http://blog.s135.com/startssl/ 购买权威机构的证书一年大概得七八千元,其实这是不值得的,所以一直 ...

  5. ImageButton-设置background跟src

    xml中添加ImageButton的background跟src <ImageButton android:id="@+id/tv3" android:layout_widt ...

  6. 25.Spring @Transactional工作原理

    转自:http://www.importnew.com/12300.html 本文将深入研究Spring的事务管理.主要介绍@Transactional在底层是如何工作的.之后的文章将介绍: prop ...

  7. C#做完一个网站怎么发布?

    前段时间在局域网上发布了一个自己做的网站,发布过程中遇到了不少问题.下面就发布过程和发布过程中遇到的问题与(你)大家一起分享一下,希望对(你)大家有所帮助吧! 在将ASP.NET网站发布到服务器之前需 ...

  8. Python3的取余操作

    https://blog.csdn.net/u014647208/article/details/53368244 取余代码: 输入以下代码: >>>10%2 >>> ...

  9. Android Material风格的应用(五)--CollapsingToolbar

    Collapsing Toolbar Android Material风格的应用(一)--AppBar TabLayoutAndroid Material风格的应用(二)--RecyclerViewA ...

  10. amazeui学习笔记--css(基本样式2)--基础设置Base

    amazeui学习笔记--css(基本样式2)--基础设置Base 一.总结 1.盒子模型:外margin,内padding,这里的内外指的边框 2.border-box:Amaze UI 将所有元素 ...