相信很多人都試過通過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度。