The stroke/fill colors only affect the -stroke command. They don’t affect the -appendPath: command. Paths don’t contain per-segment color information. If you need a multi-colored line you’re going to need to stroke each color separately.
The problem is that you’re getting the view’s bounds before it’s been resized for the current device. It’s larger than it will be later when it appears on screen, so the right side of your rounded rect is off the right side of the screen. You need to create path and set maskLayer.path later, after … Read more
You can get desired result easily by following 2 concepts of Core Graphics :- i)CGBlendMode ii)OverLap2Layer Blend modes tell a context how to apply new content to itself. They determine how pixel data is digitally blended. class UnionUIBezierPaths : UIView { var firstBeizerPath:UIImage! var secondBeizerPath:UIImage! override func draw(_ rect: CGRect) { super.draw(rect) firstBeizerPath = drawOverLapPath(firstBeizerpath: … Read more
I am not an expert on CoreAnimation but you can define a CABasicAnimation as follows CABasicAnimation *morph = [CABasicAnimation animationWithKeyPath:@”path”]; morph.duration = 5; morph.toValue = (id) [self getTrianglePath]; [maskLayer addAnimation:morph forKey:nil]; The first line states that you want to define an animation that changes the path property of the layer. The second line states that … Read more
You can use a shapeLayer for that. Something like, UIBezierPath *aPath = [UIBezierPath bezierPath]; for (NSString *pointString in pointArray) { if ([pointArray indexOfObject:pointString] == 0) [aPath moveToPoint:CGPointFromString(pointString)]; else [aPath addLineToPoint:CGPointFromString(pointString)]; } [aPath closePath]; CAShapeLayer *shapeLayer = [CAShapeLayer layer]; shapeLayer.path = aPath.CGPath; [view.layer setMask:shapeLayer];//or make it as [imageview.layer setMask:shapeLayer]; //and add imageView as subview of whichever … Read more
Edit FWIW: This answer serves its educational purpose by explaining what CGPathAddArcToPoint(…) does for you. I would highly recommend that you read through it as it will help you understand and appreciate the CGPath API. Then you should go ahead and use that, as seen in an0’s answer, instead of this code when you round … Read more
The easiest approach is to use the original graph bezier path to help you construct a mask and impose this mask on a gradient layer. Now impose the graph layer on top of the gradient layer. So, for example, make a CAShapeLayer, close the graph bezier path, set its path as the shape layer’s path, … Read more
You can reuse the UIBezierPath path and add a shape layer to the view. Here is an example inside a view controller. class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // Create a view with red background for demonstration let v = UIView(frame: CGRectMake(0, 0, 100, 100)) v.center = view.center v.backgroundColor = UIColor.redColor() view.addSubview(v) … Read more
Expand on Abid Hussain’s answer on Dec 5 ’12. i implemeted the code, and it worked but result looked like that: With little adjustment, i was able to get what i wanted: What i did was addQuadCurveToPoint to mid points as well, using mid-mid points as control points. Below is the code based on Abid’s … Read more
I’ve actually drawn this exact shape before (rounded rectangle with a pointing triangle at the bottom). The Quartz drawing code that I used is as follows: CGRect currentFrame = self.bounds; CGContextSetLineJoin(context, kCGLineJoinRound); CGContextSetLineWidth(context, strokeWidth); CGContextSetStrokeColorWithColor(context, [MyPopupLayer popupBorderColor]); CGContextSetFillColorWithColor(context, [MyPopupLayer popupBackgroundColor]); // Draw and fill the bubble CGContextBeginPath(context); CGContextMoveToPoint(context, borderRadius + strokeWidth + 0.5f, strokeWidth + … Read more