iOS_Course_15
0 likes409 views
Il documento affronta lo sviluppo di animazioni in iOS utilizzando UIKit e Core Animation. Viene spiegato come gestire le transizioni visive tra diversi stati dell'interfaccia utente tramite blocchi di animazione e come applicare trasformazioni affini a UIView. Inoltre, sono discusse diverse curve di animazione per controllare il comportamento delle animazioni nel tempo.
![Basic Animation
13
Animation Block esempio!
!
[UIView animateWithDuration:1.0
animations:^{!
firstView.alpha = 0.0;!
secondView.alpha = 1.0;!
}];!](https://image.slidesharecdn.com/ioscourse15-141103111929-conversion-gate01/85/iOS_Course_15-13-320.jpg)
![Basic Animation
15
Animation Block esempio!
// Fade out the view right away!
[UIView animateWithDuration:1.0!
delay: 0.0!
options: UIViewAnimationOptionCurveEaseIn!
animations:^{!
thirdView.alpha = 0.0;!
}!
completion:^(BOOL finished){!
// Wait one second and then fade in the view!
[UIView animateWithDuration:1.0!
delay: 1.0!
options:UIViewAnimationOptionCurveEaseOut!
animations:^{!
thirdView.alpha = 1.0;!
}!
completion:nil];!
}];!](https://image.slidesharecdn.com/ioscourse15-141103111929-conversion-gate01/85/iOS_Course_15-15-320.jpg)
iOS_Course_15
- 1. iOS: Sviluppo App iPhone & iPad Dario Pizzuto 1
- 3. Basic Animation 3 Argomenti! • Cosa può essere animato! • Utilizzo
- 4. Cosa sono 4
- 5. Basic Animation 5 Animazioni! • Gestiscono transizioni visuali tra i diversi stati della UI! • Utilizzate spesso! • Es.! ✓Nascondere elemento! ✓Variare dimensione elemento! ✓Variare posizione elemento
- 6. Basic Animation 6 Animazioni! • Non è necessario scrivere codice di basso livello! • iOS si occupa di tradurre le nostre istruzioni
- 7. Basic Animation 7 Animazioni - Frameworks! • iOS gestisce animazioni attraverso! ✓UIKit! ✓Core Animation
- 8. Basic Animation 8 Animazioni - UIKit! • Usa l’oggetto UIView! • Possibile animare la variazione delle properties della UIView! • Es.! ✓Frame! ✓Bounds! ✓Center! ✓Alpha! ✓Background color! ✓….
- 9. Basic Animation 9 Animazioni - Core Animation! • Animazioni avanzate sui layer dell’oggetto! • Es.! ✓Border! ✓Opacity! ✓…
- 11. Basic Animation 11 Animation Block! • Prima di iOS 4.0, le animazioni erano eseguite fornendo istruzioni di inizio e fine! • Dopo iOS 4.0, tutte le animazioni devono essere eseguite in un animation Block
- 12. Basic Animation 12 Animation Block! • Esistono tre tipi di animation block (metodi di classe)! ✓animateWithDuration:animations:! ✓animateWithDuration:animations:compl etion:! ✓animateWithDuration:delay:options:an imations:completion:! • All’interno di ogni block è possibile animare una o più UIView
- 13. Basic Animation 13 Animation Block esempio! ! [UIView animateWithDuration:1.0 animations:^{! firstView.alpha = 0.0;! secondView.alpha = 1.0;! }];!
- 14. Basic Animation 14 Animation Block! • I metodi 2 e 3 hanno il completion block! • Il completion block viene eseguito quando termina l’animazione! • Utile per eseguire delle operazioni al termine dell’animazione
- 15. Basic Animation 15 Animation Block esempio! // Fade out the view right away! [UIView animateWithDuration:1.0! delay: 0.0! options: UIViewAnimationOptionCurveEaseIn! animations:^{! thirdView.alpha = 0.0;! }! completion:^(BOOL finished){! // Wait one second and then fade in the view! [UIView animateWithDuration:1.0! delay: 1.0! options:UIViewAnimationOptionCurveEaseOut! animations:^{! thirdView.alpha = 1.0;! }! completion:nil];! }];!
- 16. Basic Animation 16 Animation Block - options! • Permettono di specificare il tipo di animazione da eseguire! ✓UIViewAnimationCurveLinear! ✓UIViewAnimationCurveEaseOut! ✓UIViewAnimationCurveEaseIn! ✓UIViewAnimationCurveEaseInOut
- 17. Basic Animation 17 UIViewAnimationCurveLinear! • L’animazione viene eseguita a velocità costante per l’intera durata specificata
- 18. Basic Animation 18 UIViewAnimationCurveEaseOut! • L’animazione inizia velocemente e rallenta alla fine della durata
- 19. Basic Animation 19 UIViewAnimationCurveEaseIn! • L’animazione inizia lentamente e si velocizza alla fine della durata
- 20. Basic Animation 20 UIViewAnimationCurveEaseInOut! • L’animazione inizia lentamente, si velocizza e torna a rallentarsi alla fine della durata
- 22. Basic Animation 22 Affine trasformations! • È possibile trasformare una UIView relativamente alle coordinate dello schermo! • Es.! ✓Rotazione! ✓Ridimensionamento! • Si effettuano su una determinata property della UIView - transform
- 23. Basic Animation 23 Affine transform esempio! • Aumenta di un fattore 2, l’altezza e larghezza della UIView myView.transform = CGAffineTransformMakeScale(2, 2);!
- 24. Basic Animation 24 Affine transform esempio! • Ruota la UIView di 90°! • Specificare gradi in radianti myView.transform = CGAffineTransformMakeRotation( 90 * M_PI/180);!
- 25. Demo 25
- 32. Basic Animation 32 Ulteriori approfondimenti! Animations! Core Animations Programming Guide
- 33. Domande ? 33