core-animation

I'm trying to animate change of path property of CAShapeLayer like this: animatePathChange(for: progressLayer, toPath: progressPath.cgPath) progressLayer.path = progressPath.cgPath And this is animatePathChange function code: func animatePathChange(for layer: CAShapeLayer, toPath: CGPath) { let animation = CABasicAnimation(keyPath: "path") animation.duration = 1.0 animation.fromValue = layer.path animation.toValue = toPath animation.timingFunction = CAMediaTimingFunction(name: "easeInEaseOut") layer.add(animation, forKey: "path") } But the end result is not what i want. How can i achieve

Imagine a CAGradientLayer . It's very easy to animate .startPoint and .endPoint . Now imagine a float spinLike which simply sets both of them at once . {So, instead of having two different animations, you could simply animate spinLike .} So something like .. class CustomGradientLayer: CAGradientLayer { @objc var spinLike: CGFloat = 0 { didSet { startPoint = CGPoint( ... ) endPoint = CGPoint( ... ) setNeedsDisplay() } } } To animate spinLike ... class Test: UIView { ... g = CustomGradientLayer() a = CABasicAnimation(keyPath: "spinLike") ... g.add(a, forKey: nil) ... But. It doesn't work,

I'm relatively new to ios animations and I believe there's something wrong with the approach I took to animate UIView. I will start with a UI screenshot to picture my problem more precisely: There is a tableView cell with two labels and colorful filled circle Anytime I introduce new value to the cell, I'd like to animate this left-most bulb so it looks like it's getting filled with red color. This is the implementation od BadgeView, which is basically the aforementioned leftmost filled circle class BadgeView: UIView { var coeff:CGFloat = 0.5 override func drawRect(rect: CGRect) { let topRect

I always thought that Core Animation performs animations on the background. When I run this code, my UI interactions are blocked until the animation finishes: [UIView animateWithDuration:4.5 delay:0 options:options animations:^{ oldView.alpha = 0; newView.alpha = 1; } completion:^(BOOL finished) { if (finished) { [oldView removeFromSuperview]; } }]; Like you can see the duration is long so it's clearly visible that the UI interactions are blocked while animating. The UI interaction begins to be blocked when the animation begins, and ends to be blocked when the animation finishes. Is there a

Hi i will like to create an eraser animation or core graphic that looks like rubbing away the current content and add in a new content on a uibutton when i tapped on the view or button. is it tough to do it ?, any tutorial or web link to show how to do it ? Dhanesh Hi, we can use this eraser functionality with core animation in our app like below: CGPoint currentPoint = [touch locationInView:imgBlankView]; UIGraphicsBeginImageContext(self.view.frame.size); [imgBlankView.image drawInRect:CGRectMake(0, 0, self.view.frame.size.width, imgBlankView.frame.size.height)]; CGContextSetLineCap

I wish to have a time countdown indicator just like a circle to start from a slice of arch to a full circle. I have tried several ways, both ended up with the arch turning directly to be a full circle, not go clockwise. Shown in demo pics as following: Any idea? Greatly appreciated! SetNeedsDisplay when you change one of the angles, you can do some optimizations to only redraw the affected area. Put something like this into your draw function of your view. Good Luck CGContextRef myContext = UIGraphicsGetCurrentContext(); CGPoint center = { self.bounds.size.width * 0.5f, self.bounds.size.height