8
iOS Animation with Swift Part 1: Getting Started

iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

iOS Animation with Swift

Part 1: Getting Started

Page 2: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration
Page 3: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

Animatable properties

frame bounds center alpha transform contentStretch backgroundColor

center.x

alpha

transform

Page 4: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

Property animations

(60, 60)

(280, 120)

(170, 90)

start time

end timeanimation duration

Page 5: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

Animation blocks

Page 6: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

UIView Animation APIs

UIView.animateWithDuration(_:, animations:) UIView.animateWithDuration(_:, animations:, completion:) UIView.animateWithDuration(_:, delay:, options:, animations:, completion:) more to come …

Page 7: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

Demo: Animating properties

Page 8: iOS Animation with Swift - raywenderlich.com · 2018. 11. 1. · Property animations (60, 60) (280, 120) (170, 90) start time end time animation duration

Challenge Time!