圓角的設置在iOS中隨處可見,開發的時候也很方便,但是有的時候如果一個頁面有大量的需要設置圓角的圖片,容易產生性能問題,UIImageView ios9.0之前設置圓角是會產生離屏渲染的,9.0之后不會產生離屏渲染
因此需要日常設置圓角的方法上加一些改動:
1.最簡單的圖片圓角設置:
self.imageView=[[UIImageView alloc]initWithFrame:CGRectMake(100,200, 100, 100)];
[self.imageView setImage:[UIImage imageNamed:@"FlyElephant.jpg"]];
self.imageView.layer.cornerRadius=50;
self.imageView.layer.masksToBounds=YES;
[self.view addSubview:self.imageView];
2.設置Rasterize柵格化處理,會將圖片放在緩存區,不會不斷的進行圖片渲染:
self.imageView=[[UIImageView alloc]initWithFrame:CGRectMake(100,200, 100, 100)];
[self.imageView setImage:[UIImage imageNamed:@"dress3.jpg"]];
self.imageView.layer.cornerRadius=50;
self.imageView.layer.shouldRasterize = YES;
self.imageView.clipsToBounds=YES;
self.imageView.layer.rasterizationScale=[UIScreen mainScreen].scale; //不設置會模糊,不相信可以自己嘗試
[self.view addSubview:self.imageView];
3.UIBezierPath貝塞爾曲線繪制(推薦)
self.imageView=[[UIImageView alloc]initWithFrame:CGRectMake(100,200, 100, 100)];
UIImage *anotherImage = [UIImage imageNamed:@"FlyElephant.jpg"];
//注意第三個選項的設置
UIGraphicsBeginImageContextWithOptions(self.imageView.bounds.size, NO, [UIScreen mainScreen].scale);
//在繪制之前先裁剪出一個圓形
[[UIBezierPath bezierPathWithRoundedRect:self.imageView.bounds
cornerRadius:50] addClip];
//圖片在設置的圓形里面進行繪制
[anotherImage drawInRect:self.imageView.bounds];
//獲取圖片
self.imageView.image = UIGraphicsGetImageFromCurrentImageContext();
//結束繪制
UIGraphicsEndImageContext();
[self.view addSubview:self.imageView];
參考資料:http://stackoverflow.com/questions/11049016/cliptobounds-and-maskstobounds-performance-issue
http://stackoverflow.com/questions/17593524/using-cornerradius-on-a-uiimageview-in-a-uitableviewcell
