iOS開發中,CALayer的使用

相信很多人都試過通過CALayer的方法制作過圓角的圖片,效果如下所示: 相信很多人都試過通過CALayer的方法制作過圓角的圖片,如下所示:
直接上代碼:

//製作一個圓形的圖像並設置一個邊框
- (void)imageLayer
{
    // cornerRadiu設置控件的主層邊框,圖片的**width = height = 100**
    _imageView.layer.cornerRadius = 50;

    // 超出主層邊框的內容全部裁剪掉
    _imageView.layer.masksToBounds = YES;

    // 設置邊框及邊框的顏色
    _imageView.layer.borderColor = [UIColor yellowColor].CGColor;
    _imageView.layer.borderWidth = 2;


    NSLog(@"%@",_imageView.layer.contents);
//    <CGImage 0x7fc5f2e42280>

}

但是CALayer能做的遠不止這些,還可以幫助我們實現3D的動畫效果。比如點擊圖像的時候,讓圖像旋轉、縮放等。

下面上代碼:

//    打開UIImageView交互
    self.imageView.userInteractionEnabled = YES;

//    給圖像添加個手勢,每次點擊的時候響應動畫動作
    [self.imageView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)]];

- (void)pan:(UITapGestureRecognizer *)pan
{
    [UIView animateWithDuration:0.2 animations:^{
//CATransform3DRotate這個函數在每次觸發事件的時候都會響應的
        self.imageView.layer.transform = CATransform3DRotate(self.imageView.layer.transform, M_PI/2, 0, 0, 1);

//CATransform3DMakeRotation這個函數只響應一次
//        self.imageView.layer.transform = CATransform3DMakeRotation(M_PI/2, 0, 0, 1);

// 當然還可以使用KVC的方法來進行核心動畫操作,但是KVC設置的動畫只執行一次,以後再觸發事件,動畫不再執行,除非重啓應用程序。
//        [self.imageView.layer setValue:@(M_PI/2) forKeyPath:@"transform.rotation"];

//對圖像進行縮放操作,下面縮放0.5倍。
//同理 CATransform3DMakeScale也只執行一次
        self.imageView.layer.transform = CATransform3DScale(self.redView.layer.transform, 0.5, 0.5, 1);
//        [self.imageView.layer setValue:@0.5 forKeyPath:@"transform.scale"];
    }];

}

上面給layer層添加的都是3D的動畫效果,X、Y、Z軸如圖中所示。所以(self.imageView.layer.transform, M_PI/2, 0, 0, 1)就表示讓imageView繞自身的Z軸旋轉M_PI/2度。
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章