SWWDC2012_11_17

2,308 views
2,256 views

Published on

サンプルコードです
https://github.com/Ushio/SWWDC_CoreAnimation

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,308
On SlideShare
0
From Embeds
0
Number of Embeds
1,526
Actions
Shares
0
Downloads
5
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

SWWDC2012_11_17

  1. 1. Core Animation for iOS ~with blocks helper~12年11月17日土曜日 1
  2. 2. Profile 本名: 吉村 篤 ネット上: うしお 所属: wow.inc Objective-c最高 トゥイッター : @ushiostarfish C++まあ好き C#とても好き Cocoa勉強中12年11月17日土曜日 2
  3. 3. Point of This Session Core Animationの使用法 Blocksを使ったTips デモ解説12年11月17日土曜日 3
  4. 4. デモ github https://github.com/Ushio/SWWDC_CoreAnimation12年11月17日土曜日 4
  5. 5. Getting Start12年11月17日土曜日 5
  6. 6. Getting Start12年11月17日土曜日 6
  7. 7. Display Image DisplayImageサンプル12年11月17日土曜日 7
  8. 8. CALayer and UIView UIView layerプロパティ(単一) CALayer CALayer subLayersプロパティ(配列) CALayer12年11月17日土曜日 8
  9. 9. Implicit or Explicit Core AnimationのアニメーションAPI Implicit Explicit 暗黙的アニメーション 明示的アニメーション 単純なアニメーション用 複雑なアニメーション用12年11月17日土曜日 9
  10. 10. Implicit Animation プロパティ代入&KVCだけでアニメーション ImplicitAnimationサンプル ハマりポイント UIViewのlayerプロパティのLayerは 暗黙的アニメーションが効かない 明示的アニメーション12年11月17日土曜日 10
  11. 11. CAMediaTimingFunction CAMediaTimingFunction functionWithControlPoints:::: 時間の進み方を定義する ex) アニメーション アニメーション 時間 時間 実時間 実時間12年11月17日土曜日 11
  12. 12. CAMediaTimingFunction CAMediaTimingFunction functionWithControlPoints:::: (c, d) y+ アニメーション 時間 x+ 実時間 (a, b) ※高さ、幅は大きさ112年11月17日土曜日 12
  13. 13. Explicit Animation CAAnimationサブクラスをCALayerにadd ExplicitAnimationサンプル ポイント ・明示的アニメーションよりも少し面倒 ・複雑なアニメーションを作成できる 繰り返し、巻き戻り、時間制御...etc12年11月17日土曜日 13
  14. 14. アニメーションのクラス WWDC 2011 Session Videos CoreAnimation Essentials より12年11月17日土曜日 14
  15. 15. Rendering UIView : drawRect UIViewの描画は CALayer 自身のCALayerに描かれる! UIViewの重ね合わせや、drawRectの結果を CALayerでアニメーションできる! →標準UI部品をCALayerでガッツリアニメーション →UIViewで組み立てたUIをCALayerでガッツリアニメーション12年11月17日土曜日 15
  16. 16. Utilityの解説 ExplicitAnimationUtilityサンプル blocksを使用したTips ・コードが見やすく奇麗に ・コピペしやすく再利用しやすい →コピーアブルコード12年11月17日土曜日 16
  17. 17. Tips : Animatable アニメーションが可能なプロパティには、 appleのCALayerリファレンスに「Animatable」の記述12年11月17日土曜日 17
  18. 18. デモプログラムの解説 フェーズ1 bounds.size.x, bounds.size.y フェーズ2 bounds.size.x, bounds.size.y フェーズ3 position.y, anchorPoint.y, transform.rotate.z フェーズ4 bounds12年11月17日土曜日 18
  19. 19. anchorPoint12年11月17日土曜日 19
  20. 20. 波の合成 × =12年11月17日土曜日 20
  21. 21. まとめ いままでUIViewだけしか使わなかった なんだかCoreAnimation難しい どんどんCoreAnimationを使おう!12年11月17日土曜日 21
  22. 22. ご清聴ありがとうございました12年11月17日土曜日 22

×