IOS-CALayer(图层)
BWLayer.m
//
// BWLayer.m
// IOS_0222_CALayer
//
// Created by ma c on 16/2/23.
// Copyright © 2016年 博文科技. All rights reserved.
// #import "BWLayer.h" @implementation BWLayer ///只有明显的调用setNeedsDisplay,,才会调用drawInContext方法进行绘制
- (void)drawInContext:(CGContextRef)ctx
{
//红色
CGContextSetRGBFillColor(ctx, , , , );
//添加圆
CGContextAddEllipseInRect(ctx, CGRectMake(, , , ));
//实心绘制
CGContextFillPath(ctx); } @end
二、ViewController.m
//
// ViewController.m
// IOS_0222_CALayer
//
// Created by ma c on 16/2/22.
// Copyright © 2016年 博文科技. All rights reserved.
// #import "ViewController.h"
#import <QuartzCore/QuartzCore.h>
#import "BWLayer.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *layerView;
@property (weak, nonatomic) IBOutlet UIImageView *imgView;
@property (nonatomic, strong) CALayer *layer; @end @implementation ViewController
/*
一、CALayer
UIView之所以能显示在屏幕上,完全是因为它内部的一个图层 在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层
@property(nonatomic,readonly,retain) CALayer *layer; 当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示 换句话说,UIView本身不具备显示的功能,是它内部的层才有显示功能 二、CALayer的属性
宽度和高度
@property CGRect bounds; 位置(默认指中点,具体由anchorPoint决定)
@property CGPoint position; 锚点(x,y的范围都是0-1),决定了position的含义
@property CGPoint anchorPoint; 背景颜色(CGColorRef类型)
@property CGColorRef backgroundColor; 形变属性
@property CATransform3D transform; 边框颜色(CGColorRef类型)
@property CGColorRef borderColor; 边框宽度
@property CGFloat borderWidth; 圆角半径
@property CGColorRef borderColor; 内容(比如设置为图片CGImageRef)
@property(retain) id contents; 三、关于CALayer的疑惑
首先
CALayer是定义在QuartzCore框架中的
CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的
UIColor、UIImage是定义在UIKit框架中的 其次
QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用
但是UIKit只能在iOS中使用 为了保证可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRef 四、UIView和CALayer的选择
通过CALayer,就能做出跟UIImageView一样的界面效果 既然CALayer和UIView都能实现相同的显示效果,那究竟该选择谁好呢?
其实,对比CALayer,UIView多了一个事件处理的功能。也就是说,CALayer不能处理用户的触摸事件,而UIView可以
所以,如果显示出来的东西需要跟用户进行交互的话,用UIView;如果不需要跟用户进行交互,用UIView或者CALayer都可以
当然,CALayer的性能会高一些,因为它少了事件处理的功能,更加轻量级 五、position和anchorPoint
CALayer有2个非常重要的属性:position和anchorPoint @property CGPoint position;
用来设置CALayer在父层中的位置
以父层的左上角为原点(0, 0) @property CGPoint anchorPoint;
称为“定位点”、“锚点”
决定着CALayer身上的哪个点会在position属性所指的位置
以自己的左上角为原点(0, 0)
它的x、y取值范围都是0~1,默认值为(0.5, 0.5) 六、隐式动画
每一个UIView内部都默认关联着一个CALayer,我们可用称这个Layer为Root Layer(根层) 所有的非Root Layer,也就是手动创建的CALayer对象,都存在着隐式动画 什么是隐式动画?
当对非Root Layer的部分属性进行修改时,默认会自动产生一些动画效果
而这些属性称为Animatable Properties(可动画属性) 列举几个常见的Animatable Properties:
bounds:用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画
backgroundColor:用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画
position:用于设置CALayer的位置。修改这个属性会产生平移动画 可以通过动画事务(CATransaction)关闭默认的隐式动画效果
[CATransaction begin];
[CATransaction setDisableActions:YES];
self.myview.layer.position = CGPointMake(10, 10);
[CATransaction commit]; 七、其他
1.总结
无论采取哪种方法来自定义层,都必须调用CALayer的setNeedsDisplay方法才能正常绘图。 2.UIView的详细显示过程
1>当UIView需要显示时,它内部的层会准备好一个CGContextRef(图形上下文),然后调用delegate(这里就是UIView)的drawLayer:inContext:方法,并且传入已经准备好的CGContextRef对象。而UIView在drawLayer:inContext:方法中又会调用自己的drawRect:方法 2>平时在drawRect:中通过UIGraphicsGetCurrentContext()获取的就是由层传入的CGContextRef对象,在drawRect:中完成的所有绘图都会填入层的CGContextRef中,然后被拷贝至屏幕
*/ - (void)viewDidLoad {
[super viewDidLoad]; // [self layerTransform];
// [self createLayer];
[self customLayer2];
} ///自定义图层
- (void)customLayer1
{
BWLayer *layer = [BWLayer layer];
layer.bounds = CGRectMake(, , , );
layer.backgroundColor = [UIColor blueColor].CGColor;
layer.position = CGPointMake(, );
layer.anchorPoint = CGPointZero;
//重绘
[layer setNeedsDisplay];
[self.view.layer addSublayer:layer];
}
///通过代理实现重绘
- (void)customLayer2
{
CALayer *layer = [CALayer layer];
layer.bounds = CGRectMake(, , , );
layer.backgroundColor = [UIColor blueColor].CGColor;
layer.position = CGPointMake(, );
layer.anchorPoint = CGPointZero;
//重绘
[layer setNeedsDisplay];
layer.delegate = self;
[self.view.layer addSublayer:layer]; }
//图层代理方法
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx
{
CGContextSetRGBFillColor(ctx, , , , );
CGContextAddRect(ctx, CGRectMake(, , , ));
CGContextFillPath(ctx);
} ///新建图层
- (void)createLayer
{
CALayer *layer = [CALayer layer];
layer.backgroundColor = [UIColor redColor].CGColor;
layer.bounds = CGRectMake(, , , ); layer.position = CGPointMake(, );
layer.anchorPoint = CGPointZero; layer.cornerRadius = ;
layer.masksToBounds = YES; //layer.contents = (id)[UIImage imageNamed:@"lufy.png"].CGImage;
[self.view.layer addSublayer:layer]; self.layer = layer;
}
//隐式动画
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
//关闭隐式动画
[CATransaction begin];
[CATransaction setDisableActions:YES]; self.layer.backgroundColor = [UIColor greenColor].CGColor;
self.layer.opacity = 0.5; [CATransaction commit]; } - (void)layerTransform
{
//3D缩放
// self.imgView.layer.transform = CATransform3DMakeScale(1.5, 0.5, 0);
//3D平移
// self.imgView.layer.transform = CATransform3DMakeTranslation(30, 30, 0);
//2D旋转
// self.imgView.transform = CGAffineTransformMakeRotation(M_PI_4);
//3D旋转(确定旋转角度和旋转轴)
// self.imgView.layer.transform = CATransform3DMakeRotation(M_PI_4, 1, 1, 0); // NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];
// [self.imgView.layer setValue:value forKey:@"transform"]; // [self.imgView.layer setValue:@(M_PI_2) forKeyPath:@"transform.rotation"]; // [self.imgView.layer setValue:[NSValue valueWithCATransform3D:CATransform3DMakeScale(0.5, 2, 0)] forKeyPath:@"transform"]; //可以转递那些key path,在官方文档搜索“CATransform3D key paths”
[self.imgView.layer setValue:@(0.5) forKeyPath:@"transform.scale.y"];
} - (void)basicLayer
{
//边框宽度
self.layerView.layer.borderWidth = ;
//边框颜色
self.layerView.layer.borderColor = [UIColor greenColor].CGColor;
//圆角
self.layerView.layer.cornerRadius = ;
//超出根层边框范围的内容都剪掉
//self.layerView.layer.masksToBounds = YES;//此属性和阴影有冲突 //阴影颜色
self.layerView.layer.shadowColor = [UIColor darkGrayColor].CGColor;
//阴影偏差
self.layerView.layer.shadowOffset = CGSizeMake(, );
//阴影不透明度
self.layerView.layer.shadowOpacity = 0.5; } @end
IOS-CALayer(图层)的更多相关文章
- iOS开发 - CALayer图层
CALayer的基本使用 在iOS中.你能看得见摸得着的东西基本上都是UIView.比方一个button.一个文本标签.一个文本输入框.一个图标等等.这些都是UIView 事实上UIView之所以能显 ...
- IOS CALayer是什么
大家在开发IOS程序时,经常会遇到self.view.layer这个东西,我以前也是不求甚解,后来觉得有必要整理下. 简单介绍layer: 在IOS中,你能看得见摸得着的东西都是UIView,比如一个 ...
- IOS CALayer的属性和使用
一.CALayer的常用属性 1.@propertyCGPoint position; 图层中心点的位置,类似与UIView的center:用来设置CALayer在父层中的位置:以父层的左上角为原点( ...
- 阶段性总结⓵触摸事件&手势识别⓶Quartz2D绘图⓷CALayer图层⓸CAAnimation⓹UIDynamic UI动力学⓺KVC&KVO
知识点复习 1. 触摸事件&手势识别 1> 4个触摸事件,针对视图的 2> 6个手势识别(除了用代码添加,也可以用Storyboard添加) 附加在某一个特定视图上的, ...
- [iOS Animation]-CALayer 图层性能
图层性能 要更快性能,也要做对正确的事情. ——Stephen R. Covey 在第14章『图像IO』讨论如何高效地载入和显示图像,通过视图来避免可能引起动画帧率下降的性能问题.在最后一章,我们将着 ...
- [iOS Animation]-CALayer 图层几何学
图层几何学 不熟悉几何学的人就不要来这里了 --柏拉图学院入口的签名 在第二章里面,我们介绍了图层背后的图片,和一些控制图层坐标和旋转的属性.在这一章中,我们将要看一看图层内部是如何根据父图层和兄弟图 ...
- [iOS Animation]-CALayer 图层树
图层的树状结构 巨妖有图层,洋葱也有图层,你有吗?我们都有图层 -- 史莱克 Core Animation其实是一个令人误解的命名.你可能认为它只是用来做动画的,但实际上它是从一个叫做Layer Ki ...
- iOS - CALayer 绘图层
1.CALayer 绘图层 在 iOS 系统中,你能看得见摸得着的东西基本上都是 UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是 UIView.其实 UIView 之 ...
- 【iOS开发-90】CALayer图层:自己定义图层,图层的一些动画
(1)效果 (2)代码 http://download.csdn.net/detail/wsb200514/8261547 (3)总结 --能够自己定义图层,尤其须要对图片进行圆角裁剪. --图层的动 ...
- IOS CALayer基本使用 (图层)
● 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层(CALayer) ● 在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView 的l ...
随机推荐
- beego——发行部署
开发模式 通过bee创建的项目,beego默认情况下是开发模式. 我们可以通过如下的方式改变我们的模式: beego.RunMode = "prod" 或者我们在conf/app. ...
- GIt-远程仓库(特性)
本人拜读了廖雪峰老师关于Git的讲述后整理所得 上一节讲的Git在一个仓库中对于文件进行基本管理和这种和SVN的功能类似, 如果只是在一个仓库里管理文件历史,Git和SVN真没啥区别,并没有体现出Gi ...
- 企业规范化管理系统iClap前生后世全解析
iClap是一个产品管理系统,专注于为移动互联网企业提供企业规范化解决方案,改变传统的产品管理模式,实现产品管理场景化.APP.甚至原型图.效果图都可以直接进行批注和任务的协作,实时将你要修改的内容或 ...
- Hive的静态分区和动态分区
作者:Syn良子 出处:http://www.cnblogs.com/cssdongl/p/6831884.html 转载请注明出处 虽然之前已经用过很多次hive的分区表,但是还是找时间快速回顾总结 ...
- tomcat进程意外退出的问题分析(转)
原文链接:http://hongjiang.info/why-kill-2-cannot-stop-tomcat/ 节前某个部门的测试环境反馈tomcat会意外退出,我们到实际环境排查后发现不是jvm ...
- FIRST GAME.
-Doragon Kuesuto(.c) Doragon Kuesuto 1.0 Doragon Kuesuto 1.15 Doragon Kuesuto 1.6
- 20145216史婧瑶《Java程序设计》第一周学习总结
20145216 <Java程序设计>第1周学习总结 教材学习内容总结 第一章 Java平台概论 1.1 Java不只是语言 1.Java三大平台:Java SE.Java EE与Java ...
- Elasticsearch之停用词
前提 什么是倒排索引? Elasticsearch之分词器的作用 Elasticsearch之分词器的工作流程 Elasticsearch的停用词 1.有些词在文本中出现的频率非常高,但是对文本所携带 ...
- hbase(一)region
前言 文章不含源码,只是一些官方资料的整理和个人理解 架构总览 这张图在大街小巷里都能看到,感觉是hbase架构中最详细最清晰的一张,稍微再补充几点. 1) Hlog是低版本hbase术语,现在称为W ...
- 【jdk源码分析】java多线程开启的三种方式
1.继承Thread类,新建一个当前类对象,并且运行其start()方法 package com.xiaostudy.thread; /** * @desc 第一种开启线程的方式 * @author ...