iOS中设置view圆角化的四种方法示例
前言
在最近进行项目性能优化的过程中,遇到view圆角优化的问题,有一些粗略的看法,现总结一下。分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。
设置圆角目前知道的有四种方法:
1、通过shapeLayer设置
2、通过view的layer设置
3、通过BezierPath设置
4、通过贴图的方式设置
1、shapeLayer的实现
通过bezizerpath设置一个路径,加到目标视图的layer上。代码如下:
//创建一个view UIView*showView=[[UIViewalloc]initWithFrame:CGRectMake(100,100,100,100)]; [self.viewaddSubview:showView]; showView.backgroundColor=[UIColorwhiteColor]; showView.alpha=0.5; //贝塞尔曲线(创建一个圆) UIBezierPath*path=[UIBezierPathbezierPathWithArcCenter:CGPointMake(100/2.f,100/2.f) radius:100/2.f startAngle:0 endAngle:M_PI*2 clockwise:YES]; CAShapeLayer*layer=[CAShapeLayerlayer]; layer.frame=showView.bounds; layer.path=path.CGPath; [showView.layeraddSublayer:layer];
2、view的layer的实现
通过view的layer直接设置的方式,是所有的方法中最简单的,代码如下:
-(UIImageView*)avatarImage{
if(!_avatarImage){
_avatarImage=[[UIImageViewalloc]initWithFrame:CGRectMake(20,10,avatarDiameter,avatarDiameter)];
_avatarImage.backgroundColor=[UIColorgrayColor];
_avatarImage.contentMode=UIViewContentModeScaleAspectFit;
_avatarImage.layer.cornerRadius=avatarDiameter/2.0;
_avatarImage.layer.masksToBounds=YES;
[_avatarImagesetImage:[UIImageimageNamed:@"test.jpg"]];
}
return_avatarImage;
}
3、BezierPath的实现
BezierPath的实现方式继承UIView,自己实现一个customview,代码如下。
-(instancetype)initWithFrame:(CGRect)frame{
if(self=[superinitWithFrame:frame]){
}
returnself;
}
-(void)drawRect:(CGRect)rect{
//Drawingcode
CGRectbounds=self.bounds;
[[UIColorwhiteColor]set];
UIRectFill(bounds);
[[UIBezierPathbezierPathWithRoundedRect:rectcornerRadius:CGRectGetWidth(bounds)/2.0]addClip];
[self.imagedrawInRect:bounds];
}
4、贴图的实现
贴图的方式是使用一个中间是圆形镂空的图覆盖在需要圆角化的图片的上方。代码如下:
-(instancetype)initWithStyle:(UITableViewCellStyle)stylereuseIdentifier:(NSString*)reuseIdentifier{
if(self=[superinitWithStyle:stylereuseIdentifier:reuseIdentifier]){
[self.contentViewaddSubview:self.avatarImage];
[self.contentViewaddSubview:self.maskImage];
}
returnself;
}
-(UIImageView*)avatarImage{
if(!_avatarImage){
_avatarImage=[[UIImageViewalloc]initWithFrame:CGRectMake(20,10,avatarDiameter,avatarDiameter)];
_avatarImage.backgroundColor=[UIColorgrayColor];
_avatarImage.contentMode=UIViewContentModeScaleAspectFit;
[_avatarImagesetImage:[UIImageimageNamed:@"test.jpg"]];
}
return_avatarImage;
}
//中心镂空的图
-(UIImageView*)maskImage{
if(!_maskImage){
_maskImage=[[UIImageViewalloc]initWithFrame:CGRectMake(20,10,avatarDiameter,avatarDiameter)];
_maskImage.contentMode=UIViewContentModeScaleAspectFit;
[_maskImagesetImage:[UIImageimageNamed:@"corner_circle.png"]];
}
return_maskImage;
}
如果大家有什么好的方法,希望推荐给我。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对毛票票的支持。