版本記錄
版本號 | 時間 |
---|---|
V1.0 | 2017.09.20 |
前言
app中好的炫的動畫可以讓用戶耳目一新,為產品增色不少,關于動畫的實現我們可以用基本動畫、關鍵幀動畫、序列幀動畫以及基于CoreGraphic的動畫等等,接下來這幾篇我就介紹下我可以想到的幾種動畫繪制方法。具體Demo示例已開源到Github —— 刀客傳奇,感興趣的可以看我寫的另外幾篇。
1. 實現動畫方式深度解析(一) —— 播放GIF動畫(一)
2. 實現動畫方式深度解析(二) —— 播放GIF動畫之框架FLAnimatedImage的使用(二)
3. 實現動畫方式深度解析(三) —— 播放序列幀動畫(一)
4. 實現動畫方式深度解析(四) —— QuartzCore框架(一)
CoreAnimation基本
CoreAnimation
用于渲染、合成和動畫的視覺元素。
核心動畫提供高幀率和平滑的動畫,而不會增加CPU負擔并減慢您的應用程序。 繪制動畫的每一幀所需的大部分工作都是為您完成的。 您可以配置一些動畫參數(例如開始和結束點),并告知Core Animation
開始。 核心動畫做其他事情,將大部分工作交給專用圖形硬件來加速渲染。關于CoreAnimation
的文檔可以參考Core Animation Programming Guide。
CoreAnimation
包含下面幾個部分:
1. Layer Basics
CALayer
CALayerDelegate
CAConstraint
CALayoutManager
CAConstraintLayoutManager
CAAction
2. Text, Shapes, and Gradients
CATextLayer
CAShapeLayer
CAGradientLayer
3. Animation
CAAnimation
CAAnimationDelegate
CAPropertyAnimation
CABasicAnimation
CAKeyframeAnimation
CASpringAnimation
CATransition
CAValueFunction
4. Animation Groups
CAAnimationGroup
CATransaction
5. Animation Timing
CACurrentMediaTime()
CAMediaTimingFunction
CAMediaTiming
CADisplayLink
6. Particle Systems
7. Advanced Layer Options
CAScrollLayer
CATiledLayer
CATransformLayer
CAReplicatorLayer
8. Metal and OpenGL
CAMetalLayer
CAMetalDrawable
CAEAGLLayer
CAOpenGLLayer
CARenderer
9. Remote Display of Layer Content
CARemoteLayerClient
CARemoteLayerServer
10. Transforms
11. Quartz Composer
12. Reference
CoreAnimation結構
如果你在寫一個iOS app,無論你是否知道它,你都在使用Core Animation
。如果你正在寫OS X app,你可以很好的利用Core Animation
而不用花太多的精力。Core Animation
位于AppKit
和UIKit
底層,并且已經集成到Cocoa
和Cocoa Touch
視圖工作流中,當然,Core Animation
核心動畫還具有擴展app的視圖展示的功能的接口,并為您的app動畫提供更精細的控制。
Core Animation Manages Your App’s Content - Core Animation管理你app的內容
Core Animation
本身不是一個畫圖系統,它是用于在硬件中合成和操縱app內容的基礎。 這種基礎的核心是層layer對象,用于管理和操縱您的內容。 一個圖層layer將您的內容捕獲到位圖中,這些位圖可以通過圖形硬件輕松操作。 在大多數app中,圖層layers被用作管理視圖的內容,但也可以根據需要創建獨立的圖層layers。
Layer Modifications Trigger Animations - 層修改觸發動畫
使用Core Animation創建的大部分動畫涉及圖層屬性的修改。 像視圖一樣,層對象具有邊界矩形,屏幕上的位置,不透明度,變換以及許多可以修改的面向視覺的屬性。 對于大多數這些屬性,更改屬性的值會導致隱式動畫的創建,從而將圖層從舊值移動到新值。 您還可以在需要對結果動畫行為進行更多控制的情況下顯式地動畫化這些屬性。
Layers Can Be Organized into Hierarchies - 層可以組織到層次結構中
可以分層次地安排層以創建親子關系。 層的排列以與視圖相似的方式影響其管理的視覺內容。 附加到視圖的一組圖層的層次結構反映了相應的視圖層次結構。 您還可以將圖層層次結構添加到層次結構中,以擴展您的app的可視內容,而不僅僅是您的視圖。
Actions Let You Change a Layer’s Default Behavior - 讓您更改圖層默認行為的操作
使用動作對象實現隱含層動畫,動作對象是實現預定義界面的通用對象。 Core Animation使用動作對象來實現通常與圖層相關聯的默認動畫集。 您可以創建自己的操作對象來實現自定義動畫,也可以使用它們來實現其他類型的行為。 然后,您將操作對象分配給圖層的屬性之一。 當該屬性更改時,Core Animation將檢索您的操作對象并告知它執行其操作。
后記
未完,待續~~~