Quartz 2D编程指南(5)
复制代码
|
复制代码
|
复制代码
|
复制代码
|
复制代码
|
复制代码
|
复制代码
|
复制代码
|
函数 | 用途 |
CGAffineTransformMakeTra | 通过指定x, y值来创建一个平移矩阵 |
CGAffineTransformTransla | 在已存在的矩阵中使用平移 |
CGAffineTransformMakeRot | 通过指定角度来创建一个旋转矩阵 |
CGAffineTransformRotate | 在已存在的矩阵中使用旋转 |
CGAffineTransformMakeSca | 通过指定x, y缩放因子来创建一个缩放矩阵 |
CGAffineTransformScale | 在已存在的矩阵中使用缩放 |
首先要说的是CALayers是屏幕上的一个具有可见内容的矩形区域,每个UIView都有一个根CALayer,其所有的绘制(视觉效果)都是在这个layer上进行的。(译者注:为验证这点,我写下了如下代码:
1 2 3 4 5 6 7 8 9 10 | UILabel*lable = [[UILabelalloc]initWithFrame:CGRectMake(0,0, 100, 30)]; lable.text = @"test"; [self.view addSubview:lable]; lable.backgroundColor = [UIColor clearColor]; [lable release]; // 设定CALayer self.view.layer.backgroundColor =[UIColororangeColor].CGColor; self.view.layer.cornerRadius =20.0; self.view.layer.frame = CGRectInset(self.view.layer.frame,20, 20); |
请注意,我创建的UILable始终随着UIView的根CALayer的缩放而改变位置。)
其次,CALayer的可以影响其外观的特性有:
需要说明的是CALayer的大部分属性都可以用来实现动画效果。
另外,你可以直接使用CALayer,也可以使用其子类,如CAGradientLayer,CATextLayer,CAShapeLayer等等。
首先在Xcode中创建一个View-based App,CALayer是属于QuartzCoreframework的,所以需要引入QuartzCoreframework,另外在程序中包括QuartzCore.h。
第一个例子是创建一个带圆角的层,在你的ViewController中的ViewDidLoad中加入下面代码:
1 2 3 4 5 6 7 | // Import QuartzCore.h at the top of the file #import // Uncomment viewDidLoad and add the followinglines self.view.layer.backgroundColor =[UIColororangeColor].CGColor; self.view.layer.cornerRadius =20.0; self.view.layer.frame = CGRectInset(self.view.layer.frame,20, 20); |
然后添加一个带阴影效果的子层,加入下列代码:
1 2 3 4 5 6 7 8 | CALayer *sublayer = [CALayer layer]; sublayer.backgroundColor = [UIColor blueColor].CGColor; sublayer.shadowOffset = CGSizeMake(0,3); sublayer.shadowRadius = 5.0; sublayer.shadowColor = [UIColor blackColor].CGColor; sublayer.shadowOpacity = 0.8; sublayer.frame = CGRectMake(30,30, 128, 192); [self.view.layer addSublayer:sublayer]; |
为子层增加内容(图片),你还可以设置层的边框,代码如下:
1 2 3 | sublayer.contents =(id)[UIImageimageNamed:@"BattleMapSplashScreen.png"].CGImage; sublayer.borderColor =[UIColorblackColor].CGColor; sublayer.borderWidth =2.0; |
如果你希望子层也是圆角怎么办?你可能说很容易设置cornerRadius属性就行。实际上你即算是设置了cornerRadius属性,图片仍然不会显示圆角。你还需要设置masksToBounds为YES。但是这样做还是不够的,因为如果是这样,这个层的阴影显示就没有了。简单的实现方法如下(通过两个层来实现):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | CALayer *sublayer =[CALayerlayer]; sublayer.backgroundColor =[UIColorblueColor].CGColor; sublayer.shadowOffset = CGSizeMake(0,3); sublayer.shadowRadius =5.0; sublayer.shadowColor =[UIColorblackColor].CGColor; sublayer.shadowOpacity =0.8; sublayer.frame = CGRectMake(30,30, 128, 192); sublayer.borderColor =[UIColorblackColor].CGColor; sublayer.borderWidth =2.0; sublayer.cornerRadius =10.0; [self.view.layer addSublayer:sublayer]; CALayer *imageLayer =[CALayerlayer]; imageLayer.frame = sublayer.bounds; imageLayer.cornerRadius =10.0; imageLayer.contents =(id)[UIImageimageNamed:@"BattleMapSplashScreen.png"].CGImage; imageLayer.masksToBounds =YES; [sublayer addSublayer:imageLayer]; |
最后,还介绍一下自绘图型的实现,其要点是要设置所绘制层的delegate。比如在我们的例子中使用ViewController作为delegate,那么就需要在ViewController中实现drawLayer:inContext方法,对层进行绘制工作。另外,还需要调用setNeedsDisplay,来通知层需要进行绘制了,于是层才会通过对delegate的drawLayer:inContext方法进行调用。
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | void MyDrawColoredPattern (void*info,CGContextRef context){ CGColorRef dotColor =[UIColorcolorWithHue:0saturation:0brightness:0.07alpha:1.0].CGColor; CGColorRef shadowColor =[UIColorcolorWithRed:1green:1blue:1alpha:0.1].CGColor; CGContextSetFillColorWit CGContextSetShadowWithCo CGContextAddArc(context,3, 3, 4, 0, radians(360),0); CGContextFillPath(context); CGContextAddArc(context,16, 16, 4, 0, radians(360),0); CGContextFillPath(context); } -(void)drawLayer:(CALayer*)layerinContext:(CGContextRef)context{ CGColorRef bgColor =[UIColorcolorWithHue:0.6saturation:1.0brightness:1.0alpha:1.0].CGColor; CGContextSetFillColorWit CGContextFillRect(context,layer.bounds); staticconst CGPatternCallbacks callbacks ={0,&MyDrawColoredPattern, NULL}; CGContextSaveGState(context); CGColorSpaceRef patternSpace = CGColorSpaceCreatePatter CGContextSetFillColorSpa CGColorSpaceRelease(patternSpace); CGPatternRef pattern = CGPatternCreate(NULL, layer.bounds, CGAffineTransformIdentit 24, 24, kCGPatternTilingConstant true, &callbacks); CGFloat alpha =1.0; CGContextSetFillPattern(context,pattern, &alpha); CGPatternRelease(pattern); CGContextFillRect(context,layer.bounds); CGContextRestoreGState(context); } |
还需要注意,radians是一个自定义函数:
1 | static inline double radians (doubledegrees){ return degrees * M_PI/180;} |
联系客服