版本記錄
| 版本號(hào) | 時(shí)間 |
|---|---|
| V1.0 | 2017.09.20 |
前言
app中好的炫的動(dòng)畫(huà)可以讓用戶耳目一新,為產(chǎn)品增色不少,關(guān)于動(dòng)畫(huà)的實(shí)現(xiàn)我們可以用基本動(dòng)畫(huà)、關(guān)鍵幀動(dòng)畫(huà)、序列幀動(dòng)畫(huà)以及基于CoreGraphic的動(dòng)畫(huà)等等,接下來(lái)這幾篇我就介紹下我可以想到的幾種動(dòng)畫(huà)繪制方法。具體Demo示例已開(kāi)源到Github —— 刀客傳奇,感興趣的可以看我寫(xiě)的另外幾篇。
1. 實(shí)現(xiàn)動(dòng)畫(huà)方式深度解析(一) —— 播放GIF動(dòng)畫(huà)(一)
2. 實(shí)現(xiàn)動(dòng)畫(huà)方式深度解析(二) —— 播放GIF動(dòng)畫(huà)之框架FLAnimatedImage的使用(二)
3. 實(shí)現(xiàn)動(dòng)畫(huà)方式深度解析(三) —— 播放序列幀動(dòng)畫(huà)(一)
4. 實(shí)現(xiàn)動(dòng)畫(huà)方式深度解析(四) —— QuartzCore框架(一)
CoreAnimation基本
CoreAnimation用于渲染、合成和動(dòng)畫(huà)的視覺(jué)元素。
核心動(dòng)畫(huà)提供高幀率和平滑的動(dòng)畫(huà),而不會(huì)增加CPU負(fù)擔(dān)并減慢您的應(yīng)用程序。 繪制動(dòng)畫(huà)的每一幀所需的大部分工作都是為您完成的。 您可以配置一些動(dòng)畫(huà)參數(shù)(例如開(kāi)始和結(jié)束點(diǎn)),并告知Core Animation開(kāi)始。 核心動(dòng)畫(huà)做其他事情,將大部分工作交給專(zhuān)用圖形硬件來(lái)加速渲染。關(guān)于CoreAnimation的文檔可以參考Core Animation Programming Guide。
CoreAnimation包含下面幾個(gè)部分:
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結(jié)構(gòu)
如果你在寫(xiě)一個(gè)iOS app,無(wú)論你是否知道它,你都在使用Core Animation。如果你正在寫(xiě)OS X app,你可以很好的利用Core Animation而不用花太多的精力。Core Animation位于AppKit和UIKit底層,并且已經(jīng)集成到Cocoa和Cocoa Touch視圖工作流中,當(dāng)然,Core Animation核心動(dòng)畫(huà)還具有擴(kuò)展app的視圖展示的功能的接口,并為您的app動(dòng)畫(huà)提供更精細(xì)的控制。

Core Animation Manages Your App’s Content - Core Animation管理你app的內(nèi)容
Core Animation本身不是一個(gè)畫(huà)圖系統(tǒng),它是用于在硬件中合成和操縱app內(nèi)容的基礎(chǔ)。 這種基礎(chǔ)的核心是層layer對(duì)象,用于管理和操縱您的內(nèi)容。 一個(gè)圖層layer將您的內(nèi)容捕獲到位圖中,這些位圖可以通過(guò)圖形硬件輕松操作。 在大多數(shù)app中,圖層layers被用作管理視圖的內(nèi)容,但也可以根據(jù)需要?jiǎng)?chuàng)建獨(dú)立的圖層layers。
Layer Modifications Trigger Animations - 層修改觸發(fā)動(dòng)畫(huà)
使用Core Animation創(chuàng)建的大部分動(dòng)畫(huà)涉及圖層屬性的修改。 像視圖一樣,層對(duì)象具有邊界矩形,屏幕上的位置,不透明度,變換以及許多可以修改的面向視覺(jué)的屬性。 對(duì)于大多數(shù)這些屬性,更改屬性的值會(huì)導(dǎo)致隱式動(dòng)畫(huà)的創(chuàng)建,從而將圖層從舊值移動(dòng)到新值。 您還可以在需要對(duì)結(jié)果動(dòng)畫(huà)行為進(jìn)行更多控制的情況下顯式地動(dòng)畫(huà)化這些屬性。
Layers Can Be Organized into Hierarchies - 層可以組織到層次結(jié)構(gòu)中
可以分層次地安排層以創(chuàng)建親子關(guān)系。 層的排列以與視圖相似的方式影響其管理的視覺(jué)內(nèi)容。 附加到視圖的一組圖層的層次結(jié)構(gòu)反映了相應(yīng)的視圖層次結(jié)構(gòu)。 您還可以將圖層層次結(jié)構(gòu)添加到層次結(jié)構(gòu)中,以擴(kuò)展您的app的可視內(nèi)容,而不僅僅是您的視圖。
Actions Let You Change a Layer’s Default Behavior - 讓您更改圖層默認(rèn)行為的操作
使用動(dòng)作對(duì)象實(shí)現(xiàn)隱含層動(dòng)畫(huà),動(dòng)作對(duì)象是實(shí)現(xiàn)預(yù)定義界面的通用對(duì)象。 Core Animation使用動(dòng)作對(duì)象來(lái)實(shí)現(xiàn)通常與圖層相關(guān)聯(lián)的默認(rèn)動(dòng)畫(huà)集。 您可以創(chuàng)建自己的操作對(duì)象來(lái)實(shí)現(xiàn)自定義動(dòng)畫(huà),也可以使用它們來(lái)實(shí)現(xiàn)其他類(lèi)型的行為。 然后,您將操作對(duì)象分配給圖層的屬性之一。 當(dāng)該屬性更改時(shí),Core Animation將檢索您的操作對(duì)象并告知它執(zhí)行其操作。
后記
未完,待續(xù)~~~
