| haoxue | 2011-10-15 01:52 | CALayer簡(jiǎn)單教程
首先要說(shuō)的是CALayers 是屏幕上的一個(gè)具有可見內(nèi)容的矩形區(qū)域，每個(gè)UIView都有一個(gè)根CALayer，其所有的繪制（視覺(jué)效果）都是在這個(gè)layer上進(jìn)行的。（譯者注：為驗(yàn)證這點(diǎn)，我寫下了如下代碼：
請(qǐng)注意，我創(chuàng)建的UILable始終隨著UIView的根CALayer的縮放而改變位置。）
其次，CALayer的可以影響其外觀的特性有：層的大小尺寸背景色內(nèi)容（比如圖像或是使用Core Graphics繪制的內(nèi)容）是否使用圓角是否使用陰影等等
需要說(shuō)明的是CALayer的大部分屬性都可以用來(lái)實(shí)現(xiàn)動(dòng)畫效果。
另外，你可以直接使用CALayer，也可以使用其子類，如CAGradientLayer，CATextLayer， CAShapeLayer等等。
示例
首先在Xcode中創(chuàng)建一個(gè)View-based App，CALayer是屬于QuartzCore framework的，所以需要引入QuartzCore framework，另外在程序中包括QuartzCore.h。
第一個(gè)例子是創(chuàng)建一個(gè)帶圓角的層，在你的ViewController中的ViewDidLoad中加入下面代碼：
結(jié)果如下：
然后添加一個(gè)帶陰影效果的子層，加入下列代碼：
效果圖：
為子層增加內(nèi)容（圖片），你還可以設(shè)置層的邊框，代碼如下：
效果圖：
?
如果你希望子層也是圓角怎么辦？你可能說(shuō)很容易設(shè)置cornerRadius屬性就行。實(shí)際上你即算是設(shè)置了cornerRadius屬性，圖片仍然不會(huì)顯示圓角。你還需要設(shè)置masksToBounds為YES。但是這樣做還是不夠的，因?yàn)槿绻沁@樣，這個(gè)層的陰影顯示就沒(méi)有了。簡(jiǎn)單的實(shí)現(xiàn)方法如下（通過(guò)兩個(gè)層來(lái)實(shí)現(xiàn)）：
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);
sublayer.borderColor?=[UIColor blackColor].CGColor;
sublayer.borderWidth?=2.0;
sublayer.cornerRadius?=10.0;
[self.view.layer addSublayer:sublayer];
CALayer?*imageLayer?=[CALayer layer];
imageLayer.frame?=?sublayer.bounds;
imageLayer.cornerRadius?=10.0;
imageLayer.contents?=(id)[UIImage imageNamed:@"BattleMapSplashScreen.png"].CGImage;
imageLayer.masksToBounds?=YES;
[sublayer addSublayer:imageLayer];
效果圖：
?
最后，還介紹一下自繪圖型的實(shí)現(xiàn)，其要點(diǎn)是要設(shè)置所繪制層的delegate。比如在我們的例子中使用ViewController作為delegate，那么就需要在ViewController中實(shí)現(xiàn)drawLayer:inContext方法，對(duì)層進(jìn)行繪制工作。另外，還需要調(diào)用setNeedsDisplay，來(lái)通知層需要進(jìn)行繪制了，于是層才會(huì)通過(guò)對(duì)delegate的drawLayer:inContext方法進(jìn)行調(diào)用。
代碼如下：
void?MyDrawColoredPattern?(void*info, CGContextRef context){
?
? ? CGColorRef dotColor?=[UIColor colorWithHue:0 saturation:0 brightness:0.07 alpha:1.0].CGColor;
? ? CGColorRef shadowColor?=[UIColor colorWithRed:1 green:1 blue:1 alpha:0.1].CGColor;
?
? ? CGContextSetFillColorWithColor(context, dotColor);
? ? CGContextSetShadowWithColor(context, CGSizeMake(0, 1), 1, shadowColor);
?
? ? 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?*)layer inContext:(CGContextRef)context?{
?
? ? CGColorRef bgColor?=[UIColor colorWithHue:0.6 saturation:1.0 brightness:1.0 alpha:1.0].CGColor;
? ? CGContextSetFillColorWithColor(context, bgColor);
? ? CGContextFillRect(context, layer.bounds);
?
? ? staticc*****t CGPatternCallbacks callbacks?={0,?&MyDrawColoredPattern,?NULL};
?
? ? CGContextSaveGState(context);
? ? CGColorSpaceRef patternSpace?=?CGColorSpaceCreatePattern(NULL);
? ? CGContextSetFillColorSpace(context, patternSpace);
? ? CGColorSpaceRelease(patternSpace);
?
? ? CGPatternRef pattern?=?CGPatternCreate(NULL,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?layer.bounds,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?CGAffineTransformIdentity,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?24,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?24,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?kCGPatternTilingC*****tantSpacing,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?true,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?&callbacks);
? ? CGFloat alpha?=1.0;
? ? CGContextSetFillPattern(context, pattern,?&alpha);
? ? CGPatternRelease(pattern);
? ? CGContextFillRect(context, layer.bounds);
? ? CGContextRestoreGState(context);
}
?
還需要注意，radians是一個(gè)自定義函數(shù)：
效果如下：
|
|
