SWWDC UIViewアニメーション 仙台iOS開発者勉強会 2012/06/23
•Descargar como KEY, PDF•
3 recomendaciones•1,529 vistas
2012/06/23 SWWDC仙台iOS開発者勉強会にて発表した「 UIViewアニメーション 」についての資料です。
Recomendados
Más contenido relacionado
Destacado
Destacado (20)
SWWDC UIViewアニメーション 仙台iOS開発者勉強会 2012/06/23
- 2. 自己紹介
- 3. 自己紹介 ✤ twitter : @tototti ✤ iOSとかjQueryで何かをカチャカチャ...ッターンと作っ てます。
- 4. アニメーション ✤ UIをリッチに ✤ iOS標準の種々のアニメーション ✤ 操作に対するレスポンス表現 ✤ 簡単にアニメーションを実現 ✤ そう、UIViewならね
- 6. UIViewアニメーションメソッド + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion + (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
- 12. Animationできる対象 ✤ UIViewの位置系プロパティ ✤ alpha ✤ frame
- 13. サンプル１ ✤ サムネイル画像をクリックすると、大きい 画像を拡大表示するデモ
- 14. ちょっとひねりを加える ✤ 駅探アプリのリセット動作 ✤ Apple iPhone3G ad ekitan Japanese
- 15. その２・transformを使う
- 16. transformとは ✤ UIViewのframeとは別に、回転や倍率や平 行移動を設定する ✤ 内部的にはアフィン変換の行列を保持していると思わ れる
- 17. transform設定 ✤ transform ✤ CGAffineTransformMakeRotation (回転) ✤ CGAffineTransformMakeScale(x倍率, y倍率) ✤ CGAffineTransformMakeTranslation(x移動, y移動) ✤ CGAffineTransformIdentity ←transformリセット
- 18. サンプル２ ✤ UILabelViewを、回転させつつ下に落とす アニメーション
- 19. その3・2つのviewを切替
- 20. UIView切り替えメソッド + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion
- 22. ワンポイント ✤ 切り替える画像を、共通の親ビューの中に 入れておく。 親ビュー 画像
- 23. サンプル3 ✤ ２つのUIImageViewを、入れ替え表示する アニメーション
- 24. まとめ ✤ アニメーションリッチなUIを作ろう！ ✤ 実装も難しくない！ ✤ そう、UIViewならね ✤ ちょっとした工夫でかっこ良くなる！
Notas del editor
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n