程序博客网 > 安德罗妮淘宝店

Core Animation之简单使用CALayer

来源：互联网 发布：安德罗妮淘宝店 编辑：程序博客网 时间：2024/05/16 00:38
1、什么是CALayer
CALayer是个简单的类，它是用来在屏幕上显示内容展示的矩形区域。 靠，这是不描述UIView的话吗？其实他们是有区别的。每个UIView都有一个根CALayer，UIView在这个layer上描绘东西。
 
那怎么访问这个layer呢，很简单：
  1. CALayer *myLayer = myView.layer; 
CALayer有这么些属性，可以设置改变层的显示：
 
1.层的大小和位置
2.层的背景颜色
3.层的内容（图像，core graphics）
4.层的的圆角，半径
5.层的阴影设置
等等....
 
2、开始
新建项目默认的模版里是QuartzCore库的，先添加它，才能使用CALayer。
 
小试牛刀看看。
设置层的背景颜色，层的设置圆角半径为20
 
  1. #import <QuartzCore/QuartzCore.h> 
  2.   
  3. // Uncomment viewDidLoad and add the following lines 
  4. self.view.layer.backgroundColor = [UIColor orangeColor].CGColor; 
  5. self.view.layer.cornerRadius = 20.0; 
 
3、层和子层
获取一个新CALayer的实例
  1. CALayer *sublayer = [CALayer layer]; 
 
设置layler的属性，下面分别是：
设置背景色，
阴影的偏差值，
阴影的半径，
阴影的颜色，
阴影的透明度，
子层的freme值。
然后把新的层add到view的层里。
  1. CALayer *sublayer = [CALayer layer]; 
  2.     sublayer.backgroundColor = [UIColor purpleColor].CGColor; 
  3.     sublayer.shadowOffset = CGSizeMake(0, 3); 
  4.     sublayer.shadowRadius = 5.0; 
  5.     sublayer.shadowColor = [UIColor blackColor].CGColor; 
  6.     sublayer.shadowOpacity = 0.8; 
  7.     sublayer.frame = CGRectMake(30, 30, 128, 192); 
  8.     [self.view.layer addSublayer:sublayer]; 
效果如下：
4、添加图片内容和层的圆角
 
主要内容有：
新建imagelayer放置图片
设置圆角半径cornerRadius
设置层的内容contents为图片
边界遮罩masksToBounds
 
  1. CALayer *sublayer = [CALayer layer]; 
  2. sublayer.backgroundColor = [UIColor purpleColor].CGColor; 
  3. sublayer.shadowOffset = CGSizeMake(0, 3); 
  4. sublayer.shadowRadius = 5.0; 
  5. sublayer.shadowColor = [UIColor blackColor].CGColor; 
  6. sublayer.shadowOpacity = 0.8; 
  7. sublayer.frame = CGRectMake(30, 30, 128, 192); 
  8. sublayer.borderColor = [UIColor blackColor].CGColor; 
  9. sublayer.borderWidth = 2.0; 
  10. sublayer.cornerRadius = 10.0; 
  11. [self.view.layer addSublayer:sublayer]; 
  12.  
  13. CALayer *imageLayer = [CALayer layer]; 
  14. imageLayer.frame = sublayer.bounds; 
  15. imageLayer.cornerRadius = 10.0; 
  16. imageLayer.contents = (id)[UIImage imageNamed:@"snaguosha.png"].CGImage; 
  17. imageLayer.masksToBounds = YES; 
  18. [sublayer addSublayer:imageLayer]; 
效果：
 
有圆角就是好看很多。
 
5、自定义绘画内容到图层
如果不想使用图片内容，而是想用 Core Graphics绘制内容到层上的话也简单。
这里主要靠viewController类实现一个drawLayer:inContext方法，并把它设置成layer的代理。代码如下：
 
  1. static inline double radians (double degrees) { return degrees * M_PI/180; } 
  2.  
  3. void MyDrawColoredPattern (void *info, CGContextRef context) { 
  4.      
  5.     CGColorRef dotColor = [UIColor colorWithHue:0 saturation:0 brightness:0.07 alpha:1.0].CGColor; 
  6.     CGColorRef shadowColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:0.1].CGColor; 
  7.      
  8.     CGContextSetFillColorWithColor(context, dotColor); 
  9.     CGContextSetShadowWithColor(context, CGSizeMake(0, 1), 1, shadowColor); 
  10.      
  11.     CGContextAddArc(context, 3, 3, 4, 0, radians(360), 0); 
  12.     CGContextFillPath(context); 
  13.      
  14.     CGContextAddArc(context, 16, 16, 4, 0, radians(360), 0); 
  15.     CGContextFillPath(context); 
  16.      
  17. } 
  18.  
  19. - (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context { 
  20.      
  21.     CGColorRef bgColor = [UIColor colorWithHue:0 saturation:0 brightness:0.15 alpha:1.0].CGColor; 
  22.     CGContextSetFillColorWithColor(context, bgColor); 
  23.     CGContextFillRect(context, layer.bounds); 
  24.      
  25.     static const CGPatternCallbacks callbacks = { 0, &MyDrawColoredPattern, NULL }; 
  26.      
  27.     CGContextSaveGState(context); 
  28.     CGColorSpaceRef patternSpace = CGColorSpaceCreatePattern(NULL); 
  29.     CGContextSetFillColorSpace(context, patternSpace); 
  30.     CGColorSpaceRelease(patternSpace); 
  31.      
  32.     CGPatternRef pattern = CGPatternCreate(NULL, 
  33.                                            layer.bounds, 
  34.                                            CGAffineTransformIdentity, 
  35.                                            24, 
  36.                                            24, 
  37.                                            kCGPatternTilingConstantSpacing, 
  38.                                            true, 
  39.                                            &callbacks); 
  40.     CGFloat alpha = 1.0; 
  41.     CGContextSetFillPattern(context, pattern, &alpha); 
  42.     CGPatternRelease(pattern); 
  43.     CGContextFillRect(context, layer.bounds); 
  44.     CGContextRestoreGState(context); 
  45. } 
 
在viewController中加入：
  1. static inline double radians (double degrees) { return degrees * M_PI/180; } 
  2.  
  3. void MyDrawColoredPattern (void *info, CGContextRef context) { 
  4.      
  5.     CGColorRef dotColor = [UIColor colorWithHue:0 saturation:0 brightness:0.07 alpha:1.0].CGColor; 
  6.     CGColorRef shadowColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:0.1].CGColor; 
  7.      
  8.     CGContextSetFillColorWithColor(context, dotColor); 
  9.     CGContextSetShadowWithColor(context, CGSizeMake(0, 1), 1, shadowColor); 
  10.      
  11.     CGContextAddArc(context, 3, 3, 4, 0, radians(360), 0); 
  12.     CGContextFillPath(context); 
  13.      
  14.     CGContextAddArc(context, 16, 16, 4, 0, radians(360), 0); 
  15.     CGContextFillPath(context); 
  16.      
  17. } 
  18.  
  19. - (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context { 
  20.      
  21.     CGColorRef bgColor = [UIColor colorWithHue:0 saturation:0 brightness:0.15 alpha:1.0].CGColor; 
  22.     CGContextSetFillColorWithColor(context, bgColor); 
  23.     CGContextFillRect(context, layer.bounds); 
  24.      
  25.     static const CGPatternCallbacks callbacks = { 0, &MyDrawColoredPattern, NULL }; 
  26.      
  27.     CGContextSaveGState(context); 
  28.     CGColorSpaceRef patternSpace = CGColorSpaceCreatePattern(NULL); 
  29.     CGContextSetFillColorSpace(context, patternSpace); 
  30.     CGColorSpaceRelease(patternSpace); 
  31.      
  32.     CGPatternRef pattern = CGPatternCreate(NULL, 
  33.                                            layer.bounds, 
  34.                                            CGAffineTransformIdentity, 
  35.                                            24, 
  36.                                            24, 
  37.                                            kCGPatternTilingConstantSpacing, 
  38.                                            true, 
  39.                                            &callbacks); 
  40.     CGFloat alpha = 1.0; 
  41.     CGContextSetFillPattern(context, pattern, &alpha); 
  42.     CGPatternRelease(pattern); 
  43.     CGContextFillRect(context, layer.bounds); 
  44.     CGContextRestoreGState(context); 
  45. } 
这样，Core Graphics绘制了一个有质地的图像到customDrawn层上，这个绘制教程请参考： Core Graphics 101: Patterns http://www.raywenderlich.com/33496/core-graphics-tutorial-patterns
 
咱们看下这很酷的效果：
 
这个是不是像mac电脑上按下F12键时出来的背景。
 
本篇例子代码：http://download.csdn.net/detail/totogo2010/5083326
参考：http://www.raywenderlich.com/2502/introduction-to-calayers-tutorial
安德罗妮淘宝店 安德罗妮淘宝店
原创粉丝点击
热门IT博客
两个矩阵相乘怎么算两个矩阵相乘怎么算
我淘宝买的东西怎投诉我淘宝买的东西怎投诉
儿童手机安全软件
java分布式应用有哪些
魔兽光荣套淘宝卖多少
线性含源电阻网络
灭罪师类似的网络剧
net语言与java的区别
约瑟夫环的数组实现
linux系统解压缩文件
军用软件接口设计规范
淘宝手机店铺模板下载
浙师大行知学院专业
淘宝未按规定时间发货
java三个线程同步代码
蓝牙音箱品牌知乎
java发送带图片的邮件
淘宝达人怎么发表状态
嗟乎!是安知古谓廉者哉
大数据股票毕业设计
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 尼龙扎带配方 扎带型号 呢绒扎带 扎带规格图 扎带怎么用 尼龙扎带哪里有卖 尼龙扎带品牌 自锁式尼龙扎带规格 双扣式尼龙扎带 上海扎带厂家 保温扎带 尼龙扎带哪有卖 尼龙扎带专业生产厂家 生产扎带的机器 魔术扎带 尼龙扎带供应商 长虹尼龙扎带 自动扎带枪 珠式扎带 尼龙扎带图片 透明扎带 白色扎带 尼龙扎带多少钱一斤 飞机头扎带 扎带是什么 尼龙扎带规格型号表 硅胶扎带 粘贴式扎带固定座 可退式尼龙扎带 扎带在哪买 扎线带价格 彩色尼龙扎带 凯士士扎带 尼龙扎带怎么解 扎带生产商 不锈钢自锁扎带 固定头扎带 塑料扎带图片 尼龙扎带厂商 尼龙扎带是什么材料 不锈钢嵌片扎带

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里