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

 更新时间:2017年10月11日 12:06:15   作者:番薯大佬  
这篇文章主要介绍了IOS 中CALayer绘制图片的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下

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

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

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

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 

layerContant.delegate = self; 
[layerContant setNeedsDisplay]; 
 
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx 
{ 
  // 绘图 
  CGContextSaveGState(ctx); 
  // 图形上下文形变,避免图片倒立显示 
  CGContextScaleCTM(ctx, 1.0, -1.0); 
  CGContextTranslateCTM(ctx, 0.0, -150.0); 
  // 图片 
  UIImage *image = [UIImage imageNamed:@"header"]; 
  CGContextDrawImage(ctx, CGRectMake(0.0, 0.0, 150.0, 150.0), image.CGImage); 
  CGContextRestoreGState(cox); 
} 

// 绘制实线、虚线 
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx 
{   
  // 绘实线 
  // 线条宽 
  CGContextSetLineWidth(ctx, 1.0); 
  // 线条颜色 
//  CGContextSetRGBStrokeColor(ctx, 1.0, 0.0, 0.0, 1.0); 
  CGContextSetStrokeColorWithColor(ctx, [UIColor greenColor].CGColor); 
  // 方法1 
  // 坐标点数组 
  CGPoint aPoints[2]; 
  aPoints[0] = CGPointMake(10.0, 50.0); 
  aPoints[1] = CGPointMake(140.0, 50.0); 
  // 添加线 points[]坐标数组,和count大小 
  CGContextAddLines(ctx, aPoints, 2); 
  // 根据坐标绘制路径 
  CGContextDrawPath(ctx, kCGPathStroke); 
  // 方法2 
  CGContextSetLineWidth(ctx, 5.0); 
  CGContextSetStrokeColorWithColor(ctx, [UIColor purpleColor].CGColor); 
  CGContextMoveToPoint(ctx, 10.0, 60.0); // 起点坐标 
  CGContextAddLineToPoint(ctx, 140.0, 60.0); // 终点坐标 
  CGContextStrokePath(ctx); // 绘制路径 
   
  // 绘虚线 
  // 线条宽 
  CGContextSetLineWidth(ctx, 2.0); 
  // 线条颜色 
  CGContextSetStrokeColorWithColor(ctx, [UIColor blueColor].CGColor); 
  // 虚线 
  CGFloat dashArray[] = {1, 1, 1, 1}; 
  CGContextSetLineDash(ctx, 1, dashArray, 1); 
  // 起点 
  CGContextMoveToPoint(ctx, 10.0, 100.0); 
  // 终点 
  CGContextAddLineToPoint(ctx, 140.0, 100.0); 
  // 绘制路径 
  CGContextStrokePath(ctx); 
} 
// 内存管理,避免异常crash 
- (void)dealloc 
{ 
  for (CALayer *layer in self.view.layer.sublayers) 
  { 
    if ([layer.delegate isEqual:self]) 
    { 
      layer.delegate = nil; 
    } 
  } 
  NSLog(@"%@ 被释放了~", self); 
} 

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • iOS Swift利用UICollectionView实现无限轮播功能(原理)详解

    iOS Swift利用UICollectionView实现无限轮播功能(原理)详解

    无线轮播图的实现方式有很多,下面这篇文章主要给大家介绍了关于iOS Swift利用UICollectionView实现无限轮播功能(原理)的相关资料,需要的朋友可以参考下
    2018-09-09
  • 浅析IOS中播放gif动态图的方法

    浅析IOS中播放gif动态图的方法

    这篇文章主要介绍了浅析IOS中播放gif动态图的方法的相关资料,需要的朋友可以参考下
    2017-03-03
  • iOS用UITextField切换明文/密文显示时末尾空白的问题解决

    iOS用UITextField切换明文/密文显示时末尾空白的问题解决

    最近在工作中遇到一个问题,利用UITextField切换明文/密文显示时发现字符串后面会出现一段空白,所以下面这篇文章主要给大家介绍了iOS用UITextField切换明文/密文显示时末尾空白问题的解决方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-05-05
  • iOS关联对象示例详解

    iOS关联对象示例详解

    这篇文章主要给大家介绍了关于iOS关联对象的相关资料,文中通过示例代码结束的非常详细,对大家学习或者使用iOS具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • iOS实现图片自动切换效果

    iOS实现图片自动切换效果

    这篇文章主要为大家详细介绍了iOS实现图片自动切换效果,类似android画廊效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • iOS UIAlertController中UITextField添加晃动效果与边框颜色详解

    iOS UIAlertController中UITextField添加晃动效果与边框颜色详解

    这篇文章主要给大家介绍了关于iOS UIAlertController中UITextField添加晃动效果与边框颜色的相关资料,实现后的效果非常适合在开发中使用,文中给出了详细的示例代码,需要的朋友可以参考借鉴,下面随着小编来一起看看吧。
    2017-10-10
  • IOS开发Swift 与 OC相互调用详解

    IOS开发Swift 与 OC相互调用详解

    这篇文章主要为大家介绍了IOS开发Swift 与 OC相互调用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView

    IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView

    这篇文章主要介绍了IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView的相关资料,需要的朋友可以参考下
    2017-01-01
  • iOS如何为导航栏添加播放动画

    iOS如何为导航栏添加播放动画

    这篇文章主要为大家详细介绍了iOS如何为导航栏添加播放动画的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • iOS中UIAlertView3秒后消失的两种实现方法

    iOS中UIAlertView3秒后消失的两种实现方法

    这篇文章主要介绍了iOS中UIAlertView3秒后消失的两种实现方法,实现方法涉及到NSTimer和PerformSelector:withObject:afterDelay:方法的结合使用,需要的朋友可以参考下
    2017-12-12

最新评论