iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.

Page 1 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=1' data-page='1' class='cut-thumb lazyload' alt='Page 1: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/1.jpg' width='140' height='200' /> iOS Animation with Swift

Part 11: Stroke Animations

Page 2 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=2' data-page='2' class='cut-thumb lazyload' alt='Page 2: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/2.jpg' width='140' height='200' /> Page 3 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=3' data-page='3' class='cut-thumb lazyload' alt='Page 3: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/3.jpg' width='140' height='200' /> CAShapeLayer

0.0

0.25

0.330.67

1.0

Page 4 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=4' data-page='4' class='cut-thumb lazyload' alt='Page 4: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/4.jpg' width='140' height='200' /> Demo: Stroke animation

Page 5 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=5' data-page='5' class='cut-thumb lazyload' alt='Page 5: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/5.jpg' width='140' height='200' /> Keyframe animation along a path

Page 6 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=6' data-page='6' class='cut-thumb lazyload' alt='Page 6: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/6.jpg' width='140' height='200' /> Demo: Animate over path

Page 7 <img data-url='document/ios-animation-with-swift-ios-animation-with-swift-part-11-stroke-animations-cashapelayer.html?page=7' data-page='7' class='cut-thumb lazyload' alt='Page 7: iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader033.cupdf.com/reader033/viewer/2022051512/603a8f7cf29f5209ae3cc24a/html5/thumbnails/7.jpg' width='140' height='200' /> Challenge Time!

iOS Animation with Swift€¦ · iOS Animation with Swift Part 11: Stroke Animations. CAShapeLayer 0.0 0.25 0.67 0.33 1.0. Demo: Stroke animation. Keyframe animation along a path.

Documents