Physics & The User Interface for iOS F=ma Jonathan Penn - - PowerPoint PPT Presentation

▶

Aug 27, 2023 160 likes •391 views

Physics & The User Interface for iOS F=ma Jonathan Penn CodeMash 2014 @jonathanpenn Goals 1. Dynamic Animations 2. UIKit Dynamics Vocabulary 3. Demos & Comedy Slides n Sample Code rubbercitywizards.com/stuff UIKIT DYNAMICS ?

SLIDE 1

Jonathan Penn CodeMash 2014

for iOS

Physics & The User Interface

F=ma

SLIDE 2

@jonathanpenn

SLIDE 3

Goals

1. Dynamic Animations
2. UIKit Dynamics Vocabulary
3. Demos & Comedy

SLIDE 4

Slides ‘n Sample Code

rubbercitywizards.com/stuff

SLIDE 5

UIKIT DYNAMICS?

SLIDE 6

UIKIT

SLIDE 7

[UIView animateWithDuration:3 delay:0

ptions:Curve...

animations:^{ // transform }];

SLIDE 8

LINEAR EASED BOUNCE

ANIMATION CURVES

f(x)

SLIDE 9

SLIDE 10

SLIDE 11

PHYSICS ENGINE 101

SLIDE 12

SIMULATION

approximate v

SLIDE 13

COLLISION

T 0 T 1 T 2 T 3

SLIDE 14

WHOOPS!

Quantum Superposition!?

T 0 T 1 T 2

SLIDE 15

YET, FINE TUNED BY APPLE IN CALIFORNIA

EXPENSIVE…

SLIDE 16

SLIDE 17

Dynamic Animator Item Reference View Behavior Behavior

SLIDE 18

[ insert demo here ]

SLIDE 19

SLIDE 20

UICollectionView and UIKit Dynamics

bjc.io/issue-5/collection-views-and-uidynamics.html

My Samples

rubbercitywizards.com/stuff

Apple's WWDC Videos

developer.apple.com/wwdc/videos

Getting Started with UIKit Dynamics (#206) Advanced Techniques with UIKit Dynamics (#221) Exploring Scroll Views on iOS 7 (#217)

Apple’s UIKit Dynamics Catalog

developer.apple.com/library/ios/samplecode/DynamicsCatalog/Introduction/Intro.html

SLIDE 21

SLIDE 22

SLIDE 23

@jonathanpenn

Thanks!

rubbercitywizards.com

(and please feedback)