iOS 和大的离屏渲染Say Goodbye!

iOS 和大的离屏渲染Say Goodbye!

举手投足应用优化及结尾要要看FPS(页面流畅程度)性能、内存占用等方面。离屏渲染也是外常谈的一个题材,本文侧重点在广导致离屏渲染之素同解决方案。

那为什么离屏渲染会惹性能问题?

OpenGL中,GPU屏幕渲染有少种方法: On-Screen Rendering (当前屏幕渲染)
Off-Screen Rendering (离屏渲染)
,当前屏幕渲染不待额外创建新的缓存,也不需要敞开新的上下文,相对于离屏渲染性能更好。但是被时屏幕渲染的局限因素限制(只有自己上下文、屏幕缓存有限等),当前屏幕渲染有些情况下之渲染解决不了的,就用到离屏渲染。离屏渲染的满贯经过得切换上下文环境,先打
当前屏幕切换到离屏,等收尾晚,又如用上下文环境切换回来.这为是为何会损耗性能的由来了。

离屏渲染引发因素有
cornerRadius(设置圆角)、shadows(阴影)、masks(遮罩)、edge
antialiasing(抗锯齿)、group
opacity(不透明)、shouldRasterize(光栅化)

等,至于检测离屏渲染之工具 Instruments的Core Animation
就无多说了。本文主要介绍 装圆角阴影 的方案。

装圆角

正规做法:

   //只需要设置layer层的两个属性
   //设置圆角
   imageView.layer.cornerRadius = imageView.frame.size.width / 2;
   //将多余的部分切掉
   imageView.layer.masksToBounds = YES;

此间提供个别种植避免离屏渲染的方案

  • 1.视图上补偿加一个子layer到最好上层,用于覆盖该视图及其子视图,设置layer的图纸为刚刚能够遮盖成所用圆角样子,并且图片颜色刚好是拖欠视图父视图的背景颜色就达到想使的功效。
    原稿地址
    ,该作者写的好好,封装了一个UIView的分类,3独API,分别是
    装一个季交锋圆角,设置一个点名位置的圆角,设置一个带动边框的圆角

    github地址

/**
 设置一个四角圆角

 @param radius 圆角半径
 @param color  圆角背景色
 */
- (void)xw_roundedCornerWithRadius:(CGFloat)radius cornerColor:(UIColor *)color;

/**
 设置一个普通圆角

 @param radius  圆角半径
 @param color   圆角背景色
 @param corners 圆角位置
 */
- (void)xw_roundedCornerWithRadius:(CGFloat)radius cornerColor:(UIColor *)color corners:(UIRectCorner)corners;

/**
 设置一个带边框的圆角

 @param cornerRadii 圆角半径cornerRadii
 @param color       圆角背景色
 @param corners     圆角位置
 @param borderColor 边框颜色
 @param borderWidth 边框线宽
 */
- (void)xw_roundedCornerWithCornerRadii:(CGSize)cornerRadii cornerColor:(UIColor *)color corners:(UIRectCorner)corners borderColor:(UIColor *)borderColor borderWidth:(CGFloat)borderWidth;

下载下来这分类直接拖入工程即使好行使了,调用很有益于,不过使用的时候会发觉,这三个API都急需传一个参数
cornerColor (父视图的背景色),所以呢促成了之职能的局限,即
假定该父视图的水彩不是纯色,此时欠办法就是非适用了,同样
若是父视图的颜色会变化,那实现起来的代码也未那么优雅,如下图,有接触尴尬,这里引出了第二种植方案。

边角颜色及背景色不符

  • 2.由此修改layer.mask,首先通过贝塞尔曲线创建基于矢量的路
    ,传递给CAShapeLayer进行渲染。路径闭环,再把绘制有的Shape赋值给layer.mask,在Mask范围以外的Layer将无让显示从而达到圆角意义。代码实现大简单,如下:

    UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(130, 330, 100, 100)];
    [btn setBackgroundColor:[UIColor colorWithRed:(226.0 / 255.0) green:(113.0 / 255.0) blue:(19.0 / 255.0) alpha:1]];
    [backgroundImageView addSubview:btn];
    //绘制曲线路径
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:btn.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:btn.bounds.size];
    CAShapeLayer *maskLayer = [[CAShapeLayer alloc]init];
    //设置大小
    maskLayer.frame = btn.bounds;
    //设置图形样子
    maskLayer.path = maskPath.CGPath;
    btn.layer.mask = maskLayer;

效果图:

民用认为第二栽方案还简便易行以意义扩展性更强些

安阴影

正常做法:

//阴影的颜色
self.imageView.layer.shadowColor= [UIColorblackColor].CGColor;
//阴影的透明度
self.imageView.layer.shadowOpacity=0.8f;
//阴影的圆角
self.imageView.layer.shadowRadius=4;
//阴影偏移量
self.imageView.layer.shadowOffset=CGSizeMake(0,0);

优化方案:
避免对shadowOffset直接改动,通过调用setShadowPath来提供一个CGPath给视图的Layer,向Core
Animation提供渲染之View的象Shape,就见面减离屏渲染计算

[self.imageView.layer setShadowPath:[[UIBezierPath 
    bezierPathWithRect:myView.bounds] CGPath]];

上:当使用阴影的视图形状发生变化时,即shadowPath并无见面从CALayer的bounds属性进行转移,所以当layer的bounds产生变化以后要手动更新shadowPath才能够让该适配新的bounds。具体推荐看这首文章

关于界面流畅而想使深层探索可以看 YYKit作者 写的稿子iOS
保持界面流畅的技巧
。该篇由屏幕显示图像的原理,到改善之方案都来详细介绍。

谢谢各位,欢迎指教!

admin

网站地图xml地图