美文网首页
iOS 圆角优化

iOS 圆角优化

作者: 蜗牛锅 | 来源:发表于2019-06-14 17:14 被阅读0次

在开发过程常遇到控件圆角的设计;我们常用的方式是设置layer属性如下:

self.imageView.layer.cornerRadius = 5;
self.imageView.layer.masksToBounds = YES;

这种处理的渲染机制是GPU在当前屏幕缓冲区外新开辟一个渲染缓冲区进行工作,也就是离屏渲染。如果圆角操作达到一定数量,会触发缓冲区的频繁合并和上下文频繁切换,性能的代价会宏观地表现在用户体验上——掉帧。

方案1:使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角

 UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
   imageView.image = [UIImage imageNamed:@"imagename"];
   //开始对imageView进行画图
   UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);
   //使用贝塞尔曲线画出一个圆形图
   [[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];
   [imageView drawRect:imageView.bounds];
   imageView.image = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();
   [self.view addSubview:imageView];

方案2:使用CAShapeLayer和UIBezierPath设置圆角

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100,100,100,100)];
 imageView.image = [UIImage imageNamed:@"imagename"];
 UIBezierPath *maskPath=[UIBezierPath bezierPathWithRoundedRect:imageView.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:imageView.bounds.size];
CAShapeLayer *maskLayer=[[CAShapeLayer alloc]init];
maskLayer.frame=imageView.bounds;
maskLayer.path=maskPath.CGPath;
imageView.layer.mask=maskLayer;
[self.view addSubview:imageView];

相关文章

  • 2018-07-04

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

  • iOS 高效添加圆角效果 性能优化 实战讲解

    转载自:iOS 高效添加圆角效果 性能优化 实战讲解 圆角(RounderCorner)是一种很常见的视图效果,相...

  • iOS 圆角优化

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

  • iOS 圆角优化

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

  • iOS 圆角优化

    在开发过程常遇到控件圆角的设计;我们常用的方式是设置layer属性如下: 这种处理的渲染机制是GPU在当前屏幕缓冲...

  • iOS 知识收集

    性能优化 iOS 保持界面流畅的技巧 UIKit性能调优实战讲解 iOS高效设置视图圆角 使用 ASDK 性能调优...

  • iOS 圆角的优化

    离屏渲染 GPU在当前屏幕缓冲区以外新开辟一个缓冲区进行渲染操作。离屏渲染耗时主要发生在离屏,主要包括创建缓冲区和...

  • iOS 圆角优化-上

    圆角是iOS系统中常见的视觉样式,从系统图标到导航栏按钮,圆角无处不在。因为圆角是符合人类视觉安全体验的,圆角让人...

  • iOS 圆角优化-下

    圆角是iOS系统中常见的视觉样式,从系统图标到导航栏按钮,圆角无处不在。因为圆角是符合人类视觉安全体验的,圆角让人...

  • iOS圆角性能优化

    一般是通过一下几种方式处理的: 1.直接使用setCornerRadius,直接操作layer。 使用很简单,但这...

网友评论

      本文标题:iOS 圆角优化

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