自己学习CALayer笔记第三章

  CAShapeLayer的使用
下面画一个简单的火柴人

self.containerView = [[UIView alloc] initWithFrame:self.view.bounds];

    [self.view addSubview:self.containerView];

    

    UIBezierPath *path = [[UIBezierPath alloc] init];

    [path moveToPoint:CGPointMake(175, 100)];

    [path addArcWithCenter:CGPointMake(150, 100) radius:25 startAngle:0 endAngle:2*M_PI clockwise:YES];

    [path moveToPoint:CGPointMake(150, 125)];

    [path addLineToPoint:CGPointMake(150, 175)];

    [path addLineToPoint:CGPointMake(125, 225)];

    [path moveToPoint:CGPointMake(150, 175)];

    [path addLineToPoint:CGPointMake(175, 225)];

    [path moveToPoint:CGPointMake(100, 150)];

    [path addLineToPoint:CGPointMake(200, 150)];

    

    //create shape layer

    CAShapeLayer *shapeLayer = [CAShapeLayer layer];

    shapeLayer.strokeColor = [UIColor redColor].CGColor;

    shapeLayer.fillColor = [UIColor clearColor].CGColor;

    shapeLayer.lineWidth = 5;

    shapeLayer.lineJoin = kCALineJoinRound;

    shapeLayer.lineCap = kCALineCapRound;

    shapeLayer.path = path.CGPath;

     [ self . containerView . layer   addSublayer :shapeLayer];  
下面一个简单三个角是圆角，一个角是直角的矩形

CGRect rect = CGRectMake(50, 50, 150, 50);

    CGSize radii = CGSizeMake(8, 8);

    UIRectCorner corners = UIRectCornerTopRight | UIRectCornerTopLeft;

    path = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:corners cornerRadii:radii];

    shapeLayer.path = path.CGPath;

     [ self . containerView . layer   addSublayer :shapeLayer];
textLayer的使用
下面是一个简单的例子

self.lableView = [[UIView alloc] initWithFrame:CGRectMake(10, 100, 300, 30)];

    [self.view addSubview:self.lableView];

    

    CATextLayer *textLayer = [CATextLayer layer];

    textLayer.frame = self.lableView.bounds;

    [self.lableView.layer addSublayer:textLayer];

    

    textLayer.foregroundColor = [UIColor blackColor].CGColor;

    textLayer.alignmentMode = kCAAlignmentJustified;

    //设置contentsScale来匹配屏幕

    textLayer.contentsScale = [UIScreen mainScreen].scale;

    textLayer.wrapped = YES;

    

    UIFont *font = [UIFont systemFontOfSize:15];

    

    CFStringRef fontName = (__bridge CFStringRef)font.fontName;

    CGFontRef fontRef = CGFontCreateWithFontName(fontName);

    textLayer.font = fontRef;

    textLayer.fontSize = font.pointSize;

    CGFontRelease(fontRef);

    NSString *text = @"Lorem ipsum dolor sit amet, consectrtur adipiscin";

    textLayer.string = text;

  CATransformLayer的基本使用
下面是一个绘制不同立方体的例子

-(CALayer *)faceWithTransform:(CATransform3D)transform

{

    CALayer *face = [CALayer layer];

    face.frame = CGRectMake(-50, -50, 100, 100);

    

    CGFloat red = (rand()/(double)INT_MAX);

    CGFloat green = (rand()/(double)INT_MAX);

    CGFloat blue = (rand()/(double)INT_MAX);

    face.backgroundColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0].CGColor;

    face.transform = transform;

    return face;

}

-(CALayer *)cubeWithTransform:(CATransform3D)transform

{

    CATransformLayer *cube = [CATransformLayer layer];

    CATransform3D ct = CATransform3DMakeTranslation(0, 0, 50);

    [cube addSublayer:[self faceWithTransform:ct]];

    ct = CATransform3DMakeTranslation(50, 0, 0);

    ct = CATransform3DRotate(ct, M_PI_2, 0, 10, 0);

    [cube addSublayer:[self faceWithTransform:ct]];

    ct = CATransform3DMakeTranslation(0, -50, 0);

    ct = CATransform3DRotate(ct, M_PI_2, 1, 0, 0);

    [cube addSublayer:[self faceWithTransform:ct]];

    ct = CATransform3DMakeTranslation(0, 50, 0);

    ct=  CATransform3DRotate(ct, -M_PI_2, 1, 0, 0);

    [cube addSublayer:[self faceWithTransform:ct]];

    ct = CATransform3DMakeTranslation(-50, 0, 0);

    ct = CATransform3DRotate(ct, -M_PI_2, 0, 1, 0);

    [cube addSublayer:[self faceWithTransform:ct]];

    ct = CATransform3DMakeTranslation(0, 0, -50);

    ct = CATransform3DRotate(ct, M_PI, 0, 1, 0);

    [cube addSublayer:[self faceWithTransform:ct]];

    

    CGSize containerSize = self.containerView.bounds.size;

    cube.position = CGPointMake(containerSize.width/2.0, containerSize.height/2.0);

    cube.transform = transform;

    return cube;

}

- (void)viewDidLoad

{

    [super viewDidLoad];

    self.containerView = [[UIView alloc] initWithFrame:self.view.bounds];

    [self.view addSubview:self.containerView];

    

    CATransform3D pt = CATransform3DIdentity;

    pt.m34 = -1.0/500.0;

    self.containerView.layer.sublayerTransform = pt;

    CATransform3D c1t = CATransform3DIdentity;

    c1t = CATransform3DTranslate(c1t, -100, 0, 0);

    CALayer *cube1 = [self cubeWithTransform:c1t];

    [self.containerView.layer addSublayer:cube1];

    

    CATransform3D c2t = CATransform3DIdentity;

    c2t = CATransform3DTranslate(c2t, 100, 0, 0);

    c2t = CATransform3DRotate(c2t, -M_PI_4, 1, 0, 0);

    c2t = CATransform3DRotate(c2t, -M_PI_4, 0, 1, 0);

    CALayer *cube2 = [self cubeWithTransform:c2t];

    [self.containerView.layer addSublayer:cube2];

}