当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS中设置view圆角化的四种方法示例

iOS中设置view圆角化的四种方法示例

2019年07月24日  | 移动技术网IT编程  | 我要评论

辅警3进火场灭火,圆通网点分布,张明敏身高

前言

在最近进行项目性能优化的过程中,遇到view圆角优化的问题,有一些粗略的看法,现总结一下。分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

设置圆角目前知道的有四种方法:

     1、通过shapelayer设置

     2、通过view的layer设置

     3、通过bezierpath设置

     4、通过贴图的方式设置

1、shapelayer的实现

通过bezizerpath设置一个路径,加到目标视图的layer上。代码如下:

// 创建一个view
 uiview *showview = [[uiview alloc] initwithframe:cgrectmake(100, 100, 100, 100)];
 [self.view addsubview:showview];
 showview.backgroundcolor = [uicolor whitecolor];
 showview.alpha = 0.5;
 
 // 贝塞尔曲线(创建一个圆)
 uibezierpath *path = [uibezierpath  bezierpathwitharccenter:cgpointmake(100 / 2.f, 100 / 2.f)
              radius:100 / 2.f
              startangle:0 
              endangle:m_pi * 2
              clockwise:yes];
 
  cashapelayer *layer = [cashapelayer layer];
  layer.frame = showview.bounds;
  layer.path = path.cgpath;
  [showview.layer addsublayer:layer];

2、view的layer的实现

通过view的layer直接设置的方式,是所有的方法中最简单的,代码如下:

 - (uiimageview *)avatarimage { 

  if (!_avatarimage) { 
  
  _avatarimage = [[uiimageview alloc] initwithframe:cgrectmake(20,10, avatardiameter, avatardiameter)];
  _avatarimage.backgroundcolor = [uicolor graycolor];
  _avatarimage.contentmode = uiviewcontentmodescaleaspectfit;
  _avatarimage.layer.cornerradius = avatardiameter/2.0;
  _avatarimage.layer.maskstobounds = yes;
  [_avatarimage setimage:[uiimage imagenamed:@"test.jpg"]];
  }
 return _avatarimage;
}

3、bezierpath的实现

bezierpath的实现方式继承uiview,自己实现一个customview,代码如下。

- (instancetype)initwithframe:(cgrect)frame {
 
 if (self = [super initwithframe:frame]) {
  
 }
 return self;
}
- (void)drawrect:(cgrect)rect { 
  // drawing code 
 cgrect bounds = self.bounds;
 [[uicolor whitecolor] set];
 uirectfill(bounds);

 [[uibezierpath bezierpathwithroundedrect:rect cornerradius:cgrectgetwidth(bounds)/2.0] addclip];
 [self.image drawinrect:bounds];
} 

4、贴图的实现

贴图的方式是使用一个中间是圆形镂空的图覆盖在需要圆角化的图片的上方。代码如下:

- (instancetype)initwithstyle:(uitableviewcellstyle)style reuseidentifier:(nsstring *)reuseidentifier {
 
  if (self = [super initwithstyle:style reuseidentifier:reuseidentifier]) {
  
   [self.contentview addsubview:self.avatarimage];
   [self.contentview addsubview:self.maskimage];
  }
  return self;
 }

- (uiimageview *)avatarimage {
 
  if (!_avatarimage) { 
  
  _avatarimage = [[uiimageview alloc] initwithframe:cgrectmake(20,10, avatardiameter, avatardiameter)];
  _avatarimage.backgroundcolor = [uicolor graycolor];
  _avatarimage.contentmode = uiviewcontentmodescaleaspectfit;
   [_avatarimage setimage:[uiimage imagenamed:@"test.jpg"]];
  }
  return _avatarimage;
 }

 //中心镂空的图
 - (uiimageview *)maskimage { 
 
  if (!_maskimage) { 
  
  _maskimage = [[uiimageview alloc] initwithframe:cgrectmake(20,10, avatardiameter, avatardiameter)]; 
  _maskimage.contentmode = uiviewcontentmodescaleaspectfit; 
  [_maskimage setimage:[uiimage imagenamed:@"corner_circle.png"]]; 
  }
  return _maskimage;
} 

如果大家有什么好的方法,希望推荐给我。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对移动技术网的支持。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网