用CAShapeLayer和UIBezierPath剪辑屏蔽uiview [英] clip-masking uiview with CAShapeLayer and UIBezierPath

问题描述

我在使用CAShapeLayer-UIBezierPath剪切视图时遇到问题，我想剪切内容但最终得到一个带有UIBezierPath的笔画（帧），这是我的代码

I have a problem clipping a view using CAShapeLayer-UIBezierPath , I want to clip the content but I end up getting a stroke (frame) with that UIBezierPath , This is my code

UIBezierPath *path2Path = [UIBezierPath bezierPath];
[path2Path moveToPoint:CGPointMake(206.745, 0)];
[path2Path addLineToPoint:CGPointMake(206.745, 97.613)];
[path2Path addLineToPoint:CGPointMake(0, 97.613)];
[path2Path addLineToPoint:CGPointMake(0, 0)];
[path2Path addLineToPoint:CGPointMake(87.28, 0)];
[path2Path addCurveToPoint:CGPointMake(103.808, 12.118) controlPoint1:CGPointMake(87.28, 0) controlPoint2:CGPointMake(86.555, 12.118)];
[path2Path addCurveToPoint:CGPointMake(119.466, 0) controlPoint1:CGPointMake(121.061, 12.118) controlPoint2:CGPointMake(119.466, 0)];
[path2Path addLineToPoint:CGPointMake(206.745, 0)];
[path2Path closePath];

[path2Path addClip];

CAShapeLayer *pathLayer = [CAShapeLayer layer];
pathLayer.frame=MYVIEW.bounds;
pathLayer.path = path2Path.CGPath;

pathLayer.strokeColor = [[UIColor blackColor] CGColor];
pathLayer.fillColor = [[UIColor clearColor] CGColor];

pathLayer.fillRule=kCAFillRuleEvenOdd;
[MYVIEW.layer setMask:pathLayer];
[MYVIEW.layer setMasksToBounds:YES];

MYVIEW.backgroundColor=[UIColor greenColor];

此代码的结果只是绿色笔划线，边界为空，
像这样的
http://i.stack.imgur.com/aehdo.png

The result of this code is just a green stroke line ,the bounds is empty , like this http://i.stack.imgur.com/aehdo.png

但是，我想让边界变为绿色，被那个笔划修剪

However , I want to make the bounds green , clipped by that stroke

推荐答案

rob mayoff 说您可以通过将视图的图层蒙版设置为CAShapeLayer来轻松完成此操作。

UIBezierPath *myClippingPath = ...
CAShapeLayer *mask           = [CAShapeLayer layer];
mask.path                    = myClippingPath.CGPath;
myView.layer.mask            = mask;

在Swift中

let myClippingPath = UIBezierPath( ... )
let mask           = CAShapeLayer()
mask.path          = myClippingPath.CGPath
layer.mask         = mask

这篇关于用CAShapeLayer和UIBezierPath剪辑屏蔽uiview的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！