SWWDC UIViewアニメーション 仙台iOS開発者勉強会 2012/06/23
- 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
- 13. サンプル1
✤ サムネイル画像をクリックすると、大きい
画像を拡大表示するデモ
- 14. ちょっとひねりを加える
✤ 駅探アプリのリセット動作
✤ Apple iPhone3G ad ekitan Japanese
- 16. transformとは
✤ UIViewのframeとは別に、回転や倍率や平
行移動を設定する
✤ 内部的にはアフィン変換の行列を保持していると思わ
れる
- 17. transform設定
✤ transform
✤ CGAffineTransformMakeRotation (回転)
✤ CGAffineTransformMakeScale(x倍率, y倍率)
✤ CGAffineTransformMakeTranslation(x移動, y移動)
✤ CGAffineTransformIdentity ←transformリセット
- 18. サンプル2
✤ UILabelViewを、回転させつつ下に落とす
アニメーション
- 22. ワンポイント
✤ 切り替える画像を、共通の親ビューの中に
入れておく。
親ビュー
画像
- 23. サンプル3
✤ 2つのUIImageViewを、入れ替え表示する
アニメーション
- 24. まとめ
✤ アニメーションリッチなUIを作ろう!
✤ 実装も難しくない!
✤ そう、UIViewならね
✤ ちょっとした工夫でかっこ良くなる!
Hinweis der Redaktion
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n