layer 的常用屬性

 

  

layer的各種屬性代碼示例：

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    // 設置圖片為圓角 (self.qweImageView.frame.size.width / 2 變成圓形)
    self.imageView.layer.cornerRadius = self.imageView.frame.size.width / 2;
//    self.imageView.layer.masksToBounds = YES;
    // 注意：光設置上邊一句代碼是實現不了效果的（下邊的maskToBounds這個屬性影響layer層的陰影效果）
    // 設置layer的陰影顏色
    self.imageView.layer.shadowColor = [UIColor blueColor].CGColor;
    // 設置layer的透明度
    self.imageView.layer.shadowOpacity = 0.5f;
    // 設置陰影偏移量
    self.imageView.layer.shadowOffset = CGSizeMake(-30, 20);
    // 設置陰影的模糊度
    self.imageView.layer.shadowRadius = 1;
    
    // 創建View
    UIView *myView = [[UIView alloc] init];
    myView.backgroundColor = [UIColor redColor];
    // 設置frame
    myView.frame = CGRectMake(100, 500, 100, 100);
    // 設置視圖圓角 (self.qweImageView.frame.size.width / 2 如果是方形視圖變成圓形)
    myView.layer.cornerRadius = myView.frame.size.width / 2;
    // 設置陰影顏色
    myView.layer.shadowColor = [UIColor lightGrayColor].CGColor;
    // 設置陰影偏移量
    myView.layer.shadowOffset = CGSizeMake(10, 10);
    // 設置陰影的透明度
    myView.layer.shadowOpacity = 0.8f;
    // 設置陰影的模糊度
    myView.layer.shadowRadius = 1;
    // 添加到View上
    [self.view addSubview:myView];
    
    [self customLayer];
}

- (void)customLayer {
    // 創建一個layer對象
    CALayer *layer = [CALayer layer];
    // 設置對象的位置和大小
    layer.frame = CGRectMake(300, 280, 100, 100);
    // 設置背景顏色
    layer.backgroundColor = [UIColor redColor].CGColor;
    // 設置錨點
//    layer.anchorPoint = CGPointMake(0, 0);
    // 設置大小
    layer.position = CGPointMake(100, 100);
    // layer需要添加到layer層
    [self.view.layer addSublayer:layer];
}

 

 

#pragma mark - CABasicAnimation
- (IBAction)CABasicAnimation:(id)sender {
    
    // 第一步：創建動畫對象
    CABasicAnimation *basicAnimation = [CABasicAnimation animation];
    // 第二步：告訴layer層需要執行什么樣的動畫（后邊設置的內容為CALayer的相關屬性）
    basicAnimation.keyPath = @"position";  // position 改變位置的
    // 第三步：告訴layer從哪里來，到哪里去
    basicAnimation.fromValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];
    basicAnimation.toValue = [NSValue valueWithCGPoint:CGPointMake(300, 600)];
    // 注意點： 如果要實現圖片不會到原來點，需要以下兩句代碼
    basicAnimation.removedOnCompletion = NO;
    // 設置保存動畫狀態的內容
    basicAnimation.fillMode = kCAFillModeForwards;
    
    // 第四步：設置動畫持續的時長
    basicAnimation.duration = 6.0f;
    // 第五步：將要執行的動畫添加到calayer上
    [self.imageView.layer addAnimation:basicAnimation forKey:@"basic"];
    // *************翻轉效果
    CABasicAnimation *basic = [CABasicAnimation animation];
    basic.keyPath = @"transform";
    // 設置翻轉的地方
    basic.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_2, 0, 0, 1)];
    basic.duration = 0.2f;
    [self.imageView.layer addAnimation:basic forKey:@"aaaa"];
    // 根據key去移除動畫
    //    [self.imageView.layer removeAnimationForKey:@"basic"];
}

#pragma mark - CAKeyframeAnimation
- (IBAction)CAKeyAnimation:(id)sender {
    // 第一步：創建對象
    CAKeyframeAnimation *keyAnimation = [CAKeyframeAnimation animation];
    // 第二步：設置動畫軌跡
    keyAnimation.keyPath = @"transform.rotation";
    // 第三步：設置翻轉的角度 (弧度計算公式：度數/180*M_PI)
    keyAnimation.values = @[@(-300 / 180.0 * M_PI), @(300 / 180.0 * M_PI), @(-180 / 180.0 * M_PI)];
    // 第四步：設置時長
    keyAnimation.duration = 15.0f;
    // 第五步：添加動畫到layer層
    [self.view.layer addAnimation:keyAnimation forKey:@"bbbb"];
}

#pragma mark - CAAnimationGroup
- (IBAction)CAAnimationGroup:(id)sender {
    // 平移動畫
    CABasicAnimation *basic1 = [CABasicAnimation animation];
    basic1.keyPath = @"transform.translation.y";    // 按照y軸平移
    basic1.toValue = @(400);
    // 縮小動畫
    CABasicAnimation *basic2 = [CABasicAnimation animation];
    basic2.keyPath = @"transform.scale";  // 縮小
    basic2.toValue = @(0.3);
    // 旋轉動畫
    CABasicAnimation *basic3 = [CABasicAnimation animation];
    basic3.keyPath = @"transform.rotation";   // 旋轉
    basic3.toValue = @(M_PI);
    
    // 需要創建管理各個動畫的動畫組
    CAAnimationGroup *group = [CAAnimationGroup animation];
    group.animations = @[basic1,basic2,basic3];
    // group 會自動分配時間
    group.duration = 5.0f;
    
    [self.imageView.layer addAnimation:group forKey:@"ccccc"];
}

#pragma mark - CASpring
- (IBAction)CASpring:(id)sender {
    // 設置對象
    CASpringAnimation *spring = [CASpringAnimation animation];
    spring.keyPath = @"transform.scale";
    spring.fromValue = @1;
    spring.toValue = @0.2;
    spring.duration = 3.0f;
    
    [self.imageView.layer addAnimation:spring forKey:@"ddddd"];
}