實(shí)現(xiàn)動(dòng)畫(huà)方式深度解析(五) —— QuartzCore框架之CoreAnimation(二)

版本記錄

版本號(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

CAEmitterLayer
CAEmitterCell

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

Transforms

11. Quartz Composer

QCCompositionLayer

Core Animation Constants

12. Reference

Core Animation Constants


CoreAnimation結(jié)構(gòu)

如果你在寫(xiě)一個(gè)iOS app,無(wú)論你是否知道它,你都在使用Core Animation。如果你正在寫(xiě)OS X app,你可以很好的利用Core Animation而不用花太多的精力。Core Animation位于AppKitUIKit底層,并且已經(jīng)集成到CocoaCocoa 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ù)~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容