• 圆角(当和一起使用时)
    • 图层蒙板
    • 阴影

        屏幕外渲染和我们启用光栅化时相似,除了它并没有像光栅化图层那么消耗大,子图层并没有被影响到,而且结果也没有被缓存,所以不会有长期的内存占用。但是,如果太多图层在屏幕外渲染依然会影响到性能。

        有时候我们可以把那些需要屏幕外绘制的图层开启光栅化以作为一个优化方式,前提是这些图层并不会被频繁地重绘。

        对于那些需要动画而且要在屏幕外渲染的图层来说,你可以用CAShapeLayercontentsCenter或者shadowPath来获得同样的表现而且较少地影响到性能。

        你想要的只是圆角且沿着矩形边界裁切,同时还不希望引起性能问题。其实你可以用现成的UIBezierPath的构造器+bezierPathWithRoundedRect(见清单15.1).这样做并不会比直接用cornerRadius更快,但是它避免了性能问题。

    清单15.1 用画一个圆角矩形

        另一个创建圆角矩形的方法就是用一个圆形内容图片并结合第二章『寄宿图』提到的contensCenter属性去创建一个可伸缩图片(见清单15.2).理论上来说,这个应该比用CAShapeLayer要快,因为一个可拉伸图片只需要18个三角形(一个图片是由一个3*3网格渲染而成),然而,许多都需要渲染成一个顺滑的曲线。在实际应用上,二者并没有太大的区别。

    1. - (void)viewDidLoad
    2. {
    3. [super viewDidLoad];
    4. //create layer
    5. blueLayer.frame = CGRectMake(50, 50, 100, 100);
    6. blueLayer.contentsCenter = CGRectMake(0.5, 0.5, 0.0, 0.0);
    7. blueLayer.contentsScale = [UIScreen mainScreen].scale;
    8. blueLayer.contents = (__bridge id)[UIImage imageNamed:@"Circle.png"].CGImage;
    9. //add it to our view
    10. [self.layerView.layer addSublayer:blueLayer];
    11. @end

        使用可伸缩图片的优势在于它可以绘制成任意边框效果而不需要额外的性能消耗。举个例子,可伸缩图片甚至还可以显示出矩形阴影的效果。

        在第2章我们有提到shadowPath属性。如果图层是一个简单几何图形如矩形或者圆角矩形(假设不包含任何透明部分或者子图层),创建出一个对应形状的阴影路径就比较容易,而且Core Animation绘制这个阴影也相当简单,避免了屏幕外的图层部分的预排版需求。这对性能来说很有帮助。

        如果你的图层是一个更复杂的图形,生成正确的阴影路径可能就比较难了,这样子的话你可以考虑用绘图软件预先生成一个阴影背景图。