美文网首页
探究头像圆角属性性能相关的问题

探究头像圆角属性性能相关的问题

作者: 吖几角 | 来源:发表于2016-11-06 13:24 被阅读26次

首先先添加一张图片,代码如下

Snip20161113_1.png

我们通过调试可以看出,混合模式是没有问题,颜色是绿的,也就说是没有透明的控件。

Snip20161113_2.png

然后我们设置圆角属性,观察下出现的问题,代码如下

 //设置圆角属性
    iv.layer.cornerRadius = iv.bounds.size.width * 0.5;
    iv.layer.masksToBounds = YES;
Snip20161113_3.png

小猫变红了,说明是做过透明处理的,性能就会降低,所以说使用了如上代码会影响性能。今天探究的就是如何用绘图解决这个问题。我们可以去新建一个分类方法,方便以后的使用。

代码见下

Snip20161113_4.png Snip20161113_5.png

后续的需要处理裁切的黑色边框。

 ///设置填充的颜色
    
    [[UIColor whiteColor] setFill];
    
    UIRectFill(rect);

最后的结果如下

Snip20161113_6.png

另外还有比较重要的一点点绘制图像的比较耗时,我们可以使用GCD异步去绘制图像,通过block回调的方法在返回图像,所以之前的代码要稍微坐下修改

- (void)JY_cornerRadiusImageWithSize:(CGSize)size completion:(void (^)(UIImage *img))completion{

将block当成参数来传递。

控制里调用

Snip20161113_7.png

代码详情见地址。
https://github.com/jingyu982887078/-Demo
补充一张图片:

Snip20161113_8.png

相关文章

  • 探究头像圆角属性性能相关的问题

    首先先添加一张图片,代码如下 我们通过调试可以看出,混合模式是没有问题,颜色是绿的,也就说是没有透明的控件。 然后...

  • OC圆角图片绘制

    0.方法零不推荐使用系统圆角属性设置image圆角。量多时容易导致一些性能问题1.方法一(有用送颗❤) 2.方法二...

  • iOS一个简单的设置圆角不引起性能问题的分类

    写在前面 iOS设置圆角的性能探究已经是一个老生常谈的问题了,众所周知,如果直接使用layer的cornerRad...

  • Tailwind Image

    常用图片的效果依靠是圆角和阴影属性,可以产生很多不同的效果,比如圆形图片更多是用于社交人物头像展示。 类型描述圆角...

  • Flutter-实现圆角图像

    1.实现圆角头像 方式一:CircleAvatar 方式二:ClipOval ClipOval也可以实现圆角头像,...

  • iOS图片圆角优化(一)

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

  • iOS 圆角优化

    在iOS开发中经常会遇到需要切圆角的需求,最常见的是用户头像。在需要切圆角的图片数量多的情况下,对性能影响非常大。...

  • iOS 圆角性能问题

    http://www.jianshu.com/p/fa509c423db1?utm_campaign=malesk...

  • iOS 圆角性能问题

    偶然的一下,看到了圆角设置性能的一些问题,自己以前使用的话就没有怎么想过这个问题,现在自己也研究了一下,也希望和大...

  • Flutter性能优化

    1.圆角对性能的影响尽量避免用Clipxxx组件,建议用BoxDecoration的image属性实现,如果用Cl...

网友评论

      本文标题:探究头像圆角属性性能相关的问题

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