IOS 中CALayer绘制图片的实例详解

2020-01-21 01:39:30丽君

IOS 中CALayer绘制图片的实例详解

CALayer渲染内容图层。与UIImageView相比,不具有事件响应功能,且UIImageView是管理内容。

注意事项:如何使用delegate对象执行代理方法进行绘制,切记需要将delegate设置为nil,否则会导致异常crash。

CALayer绘制图片与线条效果图:

IOS,CALayer绘制图片,CALayer绘制图片的实例,CALayer

代码示例:


CGPoint position = CGPointMake(160.0, 200.0); 
CGRect bounds = CGRectMake(0.0, 0.0, 150.0, 150.0); 
CGFloat cornerRadius = 150.0 / 2; 
CGFloat borderWidth = 2.0; 

// 阴影层 
CALayer *layerShadow = [[CALayer alloc] init]; 
layerShadow.position = position; 
layerShadow.bounds = bounds; 
layerShadow.cornerRadius = cornerRadius; 
layerShadow.borderWidth = borderWidth; 
layerShadow.borderColor = [UIColor whiteColor].CGColor; 
layerShadow.shadowColor = [UIColor grayColor].CGColor; 
layerShadow.shadowOffset = CGSizeMake(2.0, 1.0); 
layerShadow.shadowOpacity = 1.0; 
layerShadow.shadowRadius = 3.0; 
[self.view.layer addSublayer:layerShadow]; 

// 容器层 
CALayer *layerContant = [[CALayer alloc] init]; 
// 添加到父图层 
[self.view.layer addSublayer:layerContant]; 
// 图层中心点、大小(中心点和大小构成frame) 
layerContant.position = position; 
layerContant.bounds = bounds; 
// 图层背景颜色 
layerContant.backgroundColor = [UIColor redColor].CGColor; 
// 图层圆角半径 
layerContant.cornerRadius = cornerRadius; 
// 图层蒙版、子图层是否剪切图层边界 
//  layerContant.mask = nil; 
layerContant.masksToBounds = YES; 
// 边框宽度、颜色 
layerContant.borderWidth = borderWidth; 
layerContant.borderColor = [UIColor whiteColor].CGColor; 
// 阴影颜色、偏移量、透明度、形状、模糊半径 
//  layerContant.shadowColor = [UIColor grayColor].CGColor; 
//  layerContant.shadowOffset = CGSizeMake(2.0, 1.0); 
//  layerContant.shadowOpacity = 1.0; 
//  CGMutablePathRef path = CGPathCreateMutable();   
//  layerContant.shadowPath = path; 
//  layerContant.shadowRadius = 3.0; 
// 图层透明度 
layerContant.opacity = 1.0; 

// 绘制图片显示方法1 
// 图层形变 
// 旋转(angle转换弧度:弧度=角度*M_PI/180;x上下对换、y左右对换、z先上下对换再左右对换;-1.0~1.0) 
//  layerContant.transform = CATransform3DMakeRotation(M_PI, 0.0, 0.0, 0.0); 
// 缩放(0.0~1.0) 
//  layerContant.transform = CATransform3DMakeScale(0.8, 0.8, 0.8); 
// 移动 
//  layerContant.transform = CATransform3DMakeTranslation(10.0, 1.0, 1.0); 
// 显示内容 
 [layerContant setContents:[UIImage imageNamed:@"header"].CGImage]; 

 绘制图片显示方法2