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