热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:iOS学习笔记:使用CAShapeLayer创建带有空心区域的遮罩层

篇首语:本文由编程笔记#小编为大家整理,主要介绍了iOS学习笔记:使用CAShapeLayer创建带有空心区域的遮罩层相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了iOS学习笔记: 使用CAShapeLayer创建带有空心区域的遮罩层相关的知识,希望对你有一定的参考价值。



CAShapeLayer是用来接受矢量Path,直接使用GPU来进行渲染的特殊图层。看下面效果:

对应代码:


let markLayer = CAShapeLayer();
markLayer.frame = self.view.bounds;// layer的位置
markLayer.fillColor = UIColor(colorLiteralRed: 0, green: 0, blue: 0, alpha: 0.3).CGColor;// layer的填充颜色,这里设置了透明度
markLayer.fillRule = kCAFillRuleEvenOdd; //填充规则,稍后会解释

let path = CGPathCreateMutable();
CGPathAddRect(path, nil, self.subLayer.bounds);
CGPathAddEllipseInRect(path, nil, CGRectMake(0, self.view.frame.size.height / 2 - 50, self.view.frame.size.width, 200 ));
markLayer.path = path; //设置要渲染的Path

self.view.layer.addSublayer(markLayer);

我们生成了由一个矩形内嵌一个椭圆而形成的Path,然后交由CAShapeLayer渲染。中间椭圆呈现空心的原因是因为我们设置了fillRule为kCAFillRuleEvenOdd. 下面解释下fillRule的作用于用法。由于Path可以表示很复杂的形状,CAShapeLayer在做填充时必须要区分哪些是属于内部填充区域,哪些是外部非填充区域。内部填充区域会以填充色填充。区分的方法如下:

从某一区域内部选一个点,画一条射线到path的边界以外,对射线与Path的交点进行统计,然后根据fillMode的设置来确定该区域属于内部填充区域还是外部非填充区域。

fillMode = kCAFillRuleNonZero


对射线与Path的交点进行计数,当射线穿过Path的线的方向为由左向右则计数+1,由右向左则计数-1,最后计数总和为非零则为Path内部,否则为外部。

fillMode = kCAFillRuleEvenOdd


射线与Path的交点数目为奇数时为Path内部,否则为外部。

回到文章开始的示例,中间的椭圆区域内的店到Path边界外的射线与Path的交点有两个(椭圆和矩形的边),因此椭圆区域为外部非填充区域。而矩形与椭圆之间区域则为内部填充区域。

 

 



推荐阅读
author-avatar
林润林_744
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有