iOS开发总结之图层CALayer

1.代码

#import "ViewController.h"
#import <QuartzCore/QuartzCore.h>

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *purpleView;
@property (weak, nonatomic) IBOutlet UIImageView *iconView;

@end

@implementation MJViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    [self testView];
}

- (void)testImageView2
{
    //普通的view只有二维动画  而图层可以做三维动画
    self.iconView.layer.transform = CATransform3DMakeScale(1.5, 0.5, 0);
    self.iconView.transform = CGAffineTransformMakeRotation(M_PI_4);
    
    self.iconView.layer.transform = CATransform3DMakeRotation(M_PI_4, 0, 0, 1);
    //下面的两行代码用kvc可以实现上面那行代码相同的效果
    NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];
    [self.iconView.layer setValue:value forKeyPath:@"transform"];

    [self.iconView.layer setValue:@(M_PI_2) forKeyPath:@"transform.rotation"];//二维平面的旋转
    
    
    self.iconView.layer.transform = CATransform3DMakeScale(0.5, 2, 0);
   [self.iconView.layer setValue:[NSValue valueWithCATransform3D:CATransform3DMakeScale(0.5, 2, 0)] forKeyPath:@"transform"];
   [self.iconView.layer setValue:@(0.5) forKeyPath:@"transform.scale.y"];//y方向上缩小0.5倍
    // 可以传递哪些key path, 在官方文档搜索 "CATransform3D key paths"
    [self.iconView.layer setValue:@(-100) forKeyPath:@"transform.translation.x"];
}

- (void)testImageView
{
    // 边框宽度
//    self.iconView.layer.borderWidth = 10;
//    // 边框颜色
//    self.iconView.layer.borderColor = [UIColor greenColor].CGColor;
    // 圆角
    self.iconView.layer.cornerRadius = 10;

    // 超出主层边框范围的内容都剪掉
    self.iconView.layer.masksToBounds = YES;
    
    // 阴影颜色
    self.iconView.layer.shadowColor = [UIColor blueColor].CGColor;
    // 阴影偏差
    self.iconView.layer.shadowOffset = CGSizeMake(20, 20);
    // 阴影不透明度
    self.iconView.layer.shadowOpacity = 0.5;
}

- (void)testView
{
    // 边框宽度
    self.purpleView.layer.borderWidth = 10;
    //    // 边框颜色
    self.purpleView.layer.borderColor = [UIColor greenColor].CGColor;
    // 圆角
    self.purpleView.layer.cornerRadius = 10;
    
    //    self.purpleView.layer.masksToBounds = YES;
    // 阴影颜色
    self.purpleView.layer.shadowColor = [UIColor blueColor].CGColor;
    // 阴影偏差
    self.purpleView.layer.shadowOffset = CGSizeMake(20, 20);
    // 阴影不透明度
    self.purpleView.layer.shadowOpacity = 0.5;
}

@end

2.效果

storyboard中结构：

1⃣️代码- (void)testView运行的效果

2⃣️代码- (void)testImageView运行效果

3⃣️代码- (void)testImageView2运行效果

3.图层transform之CATransform3D key paths

官方文档搜索：

4.新建图层

- (void)viewDidLoad
{
    [super viewDidLoad];

    // 新建图层
//    CALayer *layer = [[CALayer alloc] init];
    CALayer *layer = [CALayer layer];
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.position = CGPointMake(200, 100);
    layer.cornerRadius = 10;
    layer.masksToBounds = YES;
    layer.contents = (id)[UIImage imageNamed:@"lufy"].CGImage;
    [self.view.layer addSublayer:layer];
}

效果：

5.隐式动画

锚点anchorPoint默认在中间

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
    
    CALayer *layer = [CALayer layer];
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.position = CGPointZero;
//    layer.anchorPoint = CGPointZero;
    [self.view.layer addSublayer:layer];
    self.layer = layer;
}

上面代码运行效果：

改变锚点位置

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
    
    CALayer *layer = [CALayer layer];
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.position = CGPointZero;
    layer.anchorPoint = CGPointZero;
    [self.view.layer addSublayer:layer];
    self.layer = layer;
}

效果：

隐式动画：没有明显告知开启动画也悄悄的开启动画

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
    
    CALayer *layer = [CALayer layer];
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.position = CGPointZero;
    layer.anchorPoint = CGPointZero;
    [self.view.layer addSublayer:layer];
    self.layer = layer;
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
//    self.layer.backgroundColor = [UIColor blueColor].CGColor;
//    [CATransaction begin]; // 开启事务
//    [CATransaction setDisableActions:YES];
    
//    self.layer.position = CGPointMake(100, 100);
    self.layer.opacity = 0.5;
    
//    [CATransaction commit]; // 提交事务
}

点击屏幕前：

点击屏幕后：