美文网首页
关于图片圆角的优化

关于图片圆角的优化

作者: able_ | 来源:发表于2017-05-23 15:20 被阅读0次

平常我们使用的圆角都是使用:

    _imgIcon=[[UIImageView alloc] initWithFrame:CGRectMake(KScreenWidth-20-10-43, 18, 42, 42)];
    _imgIcon.layer.cornerRadius=21.0;
//    _imgIcon.image=[UIImage imageNamed:@"默认头像"];
    _imgIcon.clipsToBounds=YES;
    [btnIcon addSubview:_imgIcon];

过多的使用可能会造成GPU性能的损耗。

于是我继续查资料,发现图片的圆角可以将图片进行进行重绘,得到一张新的图片。方法如下:borderW这个主要设置头像的边框宽度


-(UIImage *)imageWithBorder:(CGFloat)borderW color:(UIColor *)borderColor image:(UIImage *)image{
    //0.加载图片
//    UIImage *image=[UIImage imageNamed:@"阿狸头像"];
    //1.确定边框宽度
//    CGFloat borderW=10;
    //2.开启一个上下文
    CGSize size =CGSizeMake(image.size.width + 2*borderW, image.size.height + 2*borderW);
    UIGraphicsBeginImageContextWithOptions(size, NO, 0);
    //3.绘制大圆。显示出来
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, size.width, size.height)];
    [borderColor set];
    [path fill];        
    //4.绘制一个小圆,显示出来
    UIBezierPath *clipPath=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(borderW, borderW, image.size.width, image.size.height)];
    [clipPath addClip];
    //5.把图片绘制到上下文当中
    [image drawAtPoint:CGPointMake(borderW, borderW)];
    //6.从上下文当中取出图片
    UIImage *newImage=UIGraphicsGetImageFromCurrentImageContext();
    //7.关闭上下文
    UIGraphicsEndImageContext();
    
    return newImage;
}

然后调用的时候:

    self.imageV.image=[UIImage imageWithBorder:10.0 color:[UIColor greenColor] image:[UIImage imageNamed:@"阿狸头像"]];
WechatIMG1.jpeg

相关文章

  • 关于图片圆角的优化

    平常我们使用的圆角都是使用: 过多的使用可能会造成GPU性能的损耗。 于是我继续查资料,发现图片的圆角可以将图片进...

  • iOS图片圆角优化-第三方工具源码解读

    图片圆角优化工具的概述 该库是通过UIImageView写一个分类,调用一行代码实现圆角的优化:imageview...

  • iOS图片圆角优化(一)

    关于图片圆角的,用到了大量圆角图片。然而,系统圆角会导致离屏渲染的问题,出于性能考虑,于是有了图片圆角渲染工具HJ...

  • iOS 图片 圆角设置性能优化

    查阅了好些关于圆角性能优化的帖子,总结下记录下来.首先:DSImageViewRound 使用方法iOS图片高性能...

  • 2018-07-04

    后台绘制圆角图片 参考链接链接 iOS 离屏渲染优化(Offscreen Render)

  • iOS图片圆角优化

    转载请注明出处:http://www.olinone.com/ Hi,又到了更新博客的时间,很高兴再次与大家见面。...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • iOS 圆角优化

    iOS 圆角优化 方法3: 覆盖一个圆形镂空图片。详细介绍第三种:在需要显示圆角的图层上覆盖一个镂空的图片,根据颜...

  • iOS图片圆角优化(二)

    //画一个圆角矩形//简单的说就是8个点,分别是第边的中点(不局限于中点,只要比半径大就好)加各顶点就好,后面10...

  • 优化图片圆角CornerRadius设置

    a) 通常设置图片圆角有两种方式 1.代码设置 2.xib/storyboard设置 b) 优化方式 (采用绘图)...

网友评论

      本文标题:关于图片圆角的优化

      本文链接:https://www.haomeiwen.com/subject/zcfgxxtx.html