core-animation

See How to manage CALayer animations throughout a hierarchy for a follow-up question that is concerned just with how to synchronize parent-child layer animations. This is a design question concerning running dependent animations at different levels of the view hierarchy in response to animations up the hierarchy. I have a container controller that has any number of child controllers. The parent controller organizes this content on the screen and at various points needs to change the size and positions of its children views. I'm trying to animate each of these child views to transition its size

I want to draw an image like the following in a certain orientation. Assume that the device lies flat on a table the image above shows how the arrow should be drawn. The angle between the device and the table is called alpha and it is zero in this case. The arrow points straight to a predefined location point. If you rotate the device on the table the arrow will point alway to the target direction just like a compass. I did the update of the image position with the following code in 2D space: // Create the image for the compass let arrowImageView: UIImageView = UIImageView(frame: CGRectMake

Goal: I am drawing a custom shape that has a gradient. I also want to animate the drawing of this shape by having it draw in from left to right. Problem: The code below works on an iPad simulator, but it doesn't work on my iPad 4 running iOS 7. Does anyone know how to make this work on the device? Is there a different way to achieve this same result? Explanation of my Code: My code works (only on simulator) using 3 CALayers. gradientLayer holds my gradient. shapeMaskLayer holds my custom shape. animationMaskLayer animates it's path to simulate drawing from left to right animationMaskLayer -

Take CABasicAnimation for example. How do you lower the frame rate (overhead)? Animations run smooth, but my touchesMoved method skips a beat. Want to reduce the animation frame rate so touchesMoved is not skipping movements. You don't have any inherent control over frame rate once you start your CABasicAnimation. Probably the best way to achieve this would be to create multiple interpolations for a single animation (i.e. if you're moving 50 px down and 50px across, do 2 x 25px each) and induce an artificial sleep in your thread. Not a perfect solution, but will perhaps achieve slightly better

I have an image which is a square and I know how to make it spin. But not sure how to make it spin exactly like this animation here: Notice how it spins... then stops a little... then spins again... and so on. What I have just is a basic spin but doesn't look like the gif above: extension UIView { func rotate360Degrees(duration: CFTimeInterval = 3) { let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation") rotateAnimation.fromValue = 0.0 rotateAnimation.toValue = CGFloat(M_PI * 2) rotateAnimation.isRemovedOnCompletion = false rotateAnimation.duration = duration rotateAnimation

I have a CATransformLayer which has a couple of sublayers (CAShapeLayers). I'm setting the frames of my CAShapeLayers to have a size of (512, 512). Their content is (slightly) smaller than this. When rotating the whole scene in 3D it's slowing down the frame rate - but it renders everything correctly. If I do not set the frame property of the CAShapeLayers, then it's rotating the scene in 3D super fast but there are rendering mistakes. These are: Layers disappear at certain angles Wrong z-ordering (some layers get rendered on top of each other that should be rendered the other way around) What