在iOS上最快的阴影方式?

时间:2012-04-12 23:08:16

标签: iphone objective-c ios core-animation shadow

QuartzCore .layer.shadow吸收性能。它们似乎需要在每次发生变化时重新渲染,导致一切都滞后。

Coregraphics渐变(用于单向阴影) - 看起来不正确。如果你的渐变从0.3 alpha变为0,它会产生一些奇怪的效果,你可以“看到”它停止。它看起来不漂亮或自然。也许它没有抖动,但我确信我听说过核心图形渐变。这很奇怪,我不知道。

Coregraphics阴影 - 在设置时需要一段时间进行渲染,但其他方面表现非常出色。只是第二个你正在等待一个视图出现,因为它必须先渲染它的阴影,这就是问题。

所以我必须遗漏一些东西。还有另一种看起来正确的方法,并且在渲染时间和性能方面都很快吗?

2 个答案:

答案 0 :(得分:104)

添加shadowPath应该会给你带来巨大的性能提升。以下示例假设您只希望视图两侧有阴影

CGPathRef path = [UIBezierPath bezierPathWithRect:view.bounds].CGPath;
[view.layer setShadowPath:path];

修改 默认情况下,CALayer在动画期间绘制阴影,以下代码允许您将阴影缓存为位图并重复使用而不是重绘它:

self.view.layer.shouldRasterize = YES;
// Don't forget the rasterization scale
// I spent days trying to figure out why retina display assets weren't working as expected
self.view.layer.rasterizationScale = [UIScreen mainScreen].scale;

答案 1 :(得分:9)

我经常看到人们使用巨大效果影响视图的图层来创建圆角或阴影。像这样:

[v.layer setCornerRadius:30.0f];
[v.layer setBorderColor:[UIColor lightGrayColor].CGColor];
[v.layer setBorderWidth:1.5f];
[v.layer setShadowColor:[UIColor blackColor].CGColor];
[v.layer setShadowOpacity:0.8];
[v.layer setShadowRadius:3.0];
[v.layer setShadowOffset:CGSizeMake(2.0, 2.0)];
.....

这会对巨大性能产生影响,特别是对于阴影。将这样的视图放在UITableView中(或事实上任何移动的东西)将创建一个Android-ish滚动体验,你不需要它。如果您需要设置动画或移动视图,请避免以任何方式创建圆角或阴影!

认识核心图形
我已经创建了一个简单的UIView子类来向您展示如何以稍微不同的方式实现相同的结果。它使用Core Graphics绘制视图,与上面的代码形成对比,它不会影响性能。

这是图纸代码:

- (void)drawRect:(CGRect)rect
{
   CGContextRef ref = UIGraphicsGetCurrentContext();

  /* We can only draw inside our view, so we need to inset the actual 'rounded content' */
  CGRect contentRect = CGRectInset(rect, _shadowRadius, _shadowRadius);

  /* Create the rounded path and fill it */
  UIBezierPath *roundedPath = [UIBezierPath bezierPathWithRoundedRect:contentRect cornerRadius:_cornerRadius];
  CGContextSetFillColorWithColor(ref, _fillColor.CGColor);
  CGContextSetShadowWithColor(ref, CGSizeMake(0.0, 0.0), _shadowRadius, _shadowColor.CGColor);
  [roundedPath fill];

  /* Draw a subtle white line at the top of the view */
  [roundedPath addClip];
  CGContextSetStrokeColorWithColor(ref, [UIColor colorWithWhite:1.0 alpha:0.6].CGColor);
  CGContextSetBlendMode(ref, kCGBlendModeOverlay);

  CGContextMoveToPoint(ref, CGRectGetMinX(contentRect), CGRectGetMinY(contentRect)+0.5);
  CGContextAddLineToPoint(ref, CGRectGetMaxX(contentRect),   CGRectGetMinY(contentRect)+0.5);
  CGContextStrokePath(ref);
 }

查看此博客: http://damir.me/rounded-uiview-with-shadow-the-right-way