Core Animation小记(二)

1.CAShapeLayer

CAShapeLayer是一个通过矢量图形而不是bitmap来绘制的图层子类。你指定诸如颜色和线宽等属性,用CGPath来定义想要绘制的图形,最后CAShapeLayer就自动渲染出来了

相比Core Graphics之下,使用CAShapeLayer有以下一些优点:

渲染快速。CAShapeLayer使用了硬件加速,绘制同一图形会比用Core Graphics快很多。

高效使用内存。一个CAShapeLayer不需要像普通CALayer一样创建一个寄宿图形,所以无论有多大,都不会占用太多的内存。

不会被图层边界剪裁掉。一个CAShapeLayer可以在边界之外绘制。你的图层路径不会像在使用Core Graphics的普通CALayer一样被剪裁掉(如我们在第二章所见)。

不会出现像素化。当你给CAShapeLayer做3D变换时,它不像一个有寄宿图的普通图层一样变得像素化。

CAShapeLayer通过CGPath来表示形状。可以控制属性,lineWidth,lineCap,lineJoin,不过这些形状都只能是同一样的,一个layer只能设置一种。

创建带圆角和直角的图,创建圆角矩形其实就是人工绘制单独的直线和弧度,但是事实上UIBezierPath有自动绘制圆角矩形的构造方法

- (void)setCornerWithFlaot:(CGFloat)corner byRoundingCorners:(UIRectCorner)corners{

//define path

CGRect rect = self.bounds;

CGSize radii = CGSizeMake(corner, corner);

UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect

byRoundingCorners:corners

cornerRadii:radii];

//define layer

CAShapeLayer *shapeLayer = [CAShapeLayer layer];

shapeLayer.frame = self.bounds;

shapeLayer.path = path.CGPath;

self.layer.mask = shapeLayer;

}

2.CATransformLayer

CATransformLayerk可以将CALayer的构造的3D图链接起来放入同一3D空间中

3.CAGradientLayer

CAGradientLayer是用来生成两种或更多颜色平滑渐变的。但是CAGradientLayer的真正好处在于绘制使用了硬件加速。这些渐变色彩放在一个数组中,并赋给colors属性

- (void)viewDidLoad

{

[super viewDidLoad];

//create gradient layer and add it to our container view

CAGradientLayer *gradientLayer = [CAGradientLayer layer];

gradientLayer.frame = self.containerView.bounds;

[self.containerView.layer addSublayer:gradientLayer];

//set gradient colors

gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor blueColor].CGColor];

//set gradient start and end points

gradientLayer.startPoint = CGPointMake(0, 0);

gradientLayer.endPoint = CGPointMake(1, 1);

}

默认情况下,这些颜色在空间上均匀地被渲染,但是我们可以用locations属性来调整空间。locations属性是一个浮点数值的数组(以NSNumber包装)。这些浮点数定义了colors属性中每个不同颜色的位置,同样的,也是以单位坐标系进行标定。0.0代表着渐变的开始,1.0代表着结束。

//set locations

gradientLayer.locations = @[@0.0, @0.25, @0.5];

4.CAReplicatorLayer

CAReplicatorLayer的目的是为了高效生成许多相似的图层。

CAReplicatorLayer真正应用到实际程序上的场景比如:一个游戏中导弹的轨迹云,或者粒子爆炸(尽管iOS 5已经引入了CAEmitterLayer,它更适合创建任意的粒子效果)。除此之外,还有一个实际应用是:反射。

指定一个继承于UIView的ReflectionView,它会自动产生内容的反射效果

@implementation ReflectionView

+ (Class)layerClass

{

return [CAReplicatorLayer class];

}

- (void)setUp

{

//configure replicator

CAReplicatorLayer *layer = (CAReplicatorLayer *)self.layer;

layer.instanceCount = 2;

//move reflection instance below original and flip vertically

CATransform3D transform = CATransform3DIdentity;

CGFloat verticalOffset = self.bounds.size.height + 2;

transform = CATransform3DTranslate(transform, 0, verticalOffset, 0);

transform = CATransform3DScale(transform, 1, -1, 0);

layer.instanceTransform = transform;

//reduce alpha of reflection layer

layer.instanceAlphaOffset = -0.6;

}

- (id)initWithFrame:(CGRect)frame

{

//this is called when view is created in code

if ((self = [super initWithFrame:frame])) {

[self setUp];

}

return self;

}

- (void)awakeFromNib

{

//this is called when view is created from a nib

[self setUp];

}

@end

5.CATiledLayer

CATiledLayer很好地和UIScrollView集成在一起。除了设置图层和滑动视图边界以适配整个图片大小,我们真正要做的就是实现-drawLayer:inContext:方法,当需要载入新的小图时,CATiledLayer就会调用到这个方法。

#import "ViewController.h"    

@interface ViewController ()

@property (nonatomic, weak) IBOutlet UIScrollView *scrollView;

@end

@implementation ViewController

- (void)viewDidLoad

{

[super viewDidLoad];

//add the tiled layer

CATiledLayer *tileLayer = [CATiledLayer layer];

tileLayer.frame = CGRectMake(0, 0, 2048, 2048);

tileLayer.delegate = self;

tileLayer.contentsScale = [UIScreen mainScreen].scale;

[self.scrollView.layer addSublayer:tileLayer];

//configure the scroll view

self.scrollView.contentSize = tileLayer.frame.size;

//draw layer

[tileLayer setNeedsDisplay];

}

- (void)drawLayer:(CATiledLayer *)layer inContext:(CGContextRef)ctx

{

//determine tile coordinate

CGRect bounds = CGContextGetClipBoundingBox(ctx);

CGFloat scale = [UIScreen mainScreen].scale;

NSInteger x = floor(bounds.origin.x / layer.tileSize.width* scale);

NSInteger y = floor(bounds.origin.y / layer.tileSize.height* scale);

//load tile image

NSString *imageName = [NSString stringWithFormat: @"Snowman_%02i_%02i", x, y];

NSString *imagePath = [[NSBundle mainBundle] pathForResource:imageName ofType:@"jpg"];

UIImage *tileImage = [UIImage imageWithContentsOfFile:imagePath];

//draw tile

UIGraphicsPushContext(ctx);

[tileImage drawInRect:bounds];

UIGraphicsPopContext();

}

@end

CAEmitterLayer

苹果引入了一个新的CALayer子类叫做CAEmitterLayer。CAEmitterLayer是一个高性能的粒子引擎,被用来创建实时例子动画如:烟雾,火,雨等等这些效果。

AVPlayerLayer

AVPlayerLayer是用来在iOS上播放视频的。他是高级接口例如MPMoivePlayer的底层实现,提供了显示视频的底层控制。AVPlayerLayer的使用相当简单:你可以用+playerLayerWithPlayer:方法创建一个已经绑定了视频播放器的图层,或者你可以先创建一个图层,然后用player属性绑定一个AVPlayer实例。

- (void)viewDidLoad

{

[super viewDidLoad];

//get video URL

NSURL *URL = [[NSBundle mainBundle] URLForResource:@"Ship" withExtension:@"mp4"];

//create player and player layer

AVPlayer *player = [AVPlayer playerWithURL:URL];

AVPlayerLayer *playerLayer = [AVPlayerLayer playerLayerWithPlayer:player];

//set player layer frame and attach it to our view

playerLayer.frame = self.containerView.bounds;

[self.containerView.layer addSublayer:playerLayer];

//play the video

[player play];

}

因为AVPlayerLayer是CALayer的子类,它继承了父类的所有特性。我们并不会受限于要在一个矩形中播放视频;清单6.16演示了在3D,圆角,有色边框,蒙板,阴影等效果(见图6.17).

- (void)viewDidLoad

{

...

//set player layer frame and attach it to our view

playerLayer.frame = self.containerView.bounds;

[self.containerView.layer addSublayer:playerLayer];

//transform layer

CATransform3D transform = CATransform3DIdentity;

transform.m34 = -1.0 / 500.0;

transform = CATransform3DRotate(transform, M_PI_4, 1, 1, 0);

playerLayer.transform = transform;

//add rounded corners and border

playerLayer.masksToBounds = YES;

playerLayer.cornerRadius = 20.0;

playerLayer.borderColor = [UIColor redColor].CGColor;

playerLayer.borderWidth = 5.0;

//play the video

[player play];

}


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容