iOS Animation with Swift Part 5: Keyframe Animations Keyframe - - PowerPoint PPT Presentation

▶

Feb 24, 2023 107 likes •198 views

iOS Animation with Swift Part 5: Keyframe Animations Keyframe Animations Keyframe Animations 25% 25% 50% 10% start time end time total duration KeyFrame Animation APIs UIView.animateKeyframesWithDuration(1.5, delay: 0.0, options: nil,

SLIDE 1

iOS Animation with Swift

Part 5: Keyframe Animations

SLIDE 2

SLIDE 3

Keyframe Animations

SLIDE 4

Keyframe Animations

start time end time total duration 25% 25% 50% 10%

SLIDE 5

KeyFrame Animation APIs

UIView.animateKeyframesWithDuration(1.5, delay: 0.0, options: nil, animations: { UIView.addKeyframeWithRelativeStartTime(0.0, relativeDuration: 0.25) { self.planeImage.center = CGPoint(x: 100, y: 100) } UIView.addKeyframeWithRelativeStartTime(0.25, relativeDuration: 0.25) { self.planeImage.center = CGPoint(x: 200, y: 50) } // ...more keyframes... }, completion:nil)

SLIDE 6

Demo: Keyframe Animation

SLIDE 7

Challenge Time! Boarding