第5章 關鍵幀動畫

2021-09-11 02:41:53 字數 809 閱讀 9526

關鍵幀動畫是一種特殊的檢視動畫,它可以建立具有多個里程碑的動畫,而不是從a點到b點。 關鍵幀是複雜,令人賞心悅目的動畫的另乙個構建塊,允許您從簡單的一次性動畫公升級到設計複雜的動畫序列。

讓我們看看如果你想將多個簡單的動畫鏈結在一起並以矩形模式移動檢視,它會是什麼樣子:

要實現這一點,您可以將幾個動畫和完成閉包鏈結在一起,如下所示:

uiview

.animate

(withduration:

0.5,

animations:

, completion:

,completion:

, completion:)}

)})}

)

看看所有的築巢! 這是乙個簡單的矩形路徑; 你能想象出乙個更複雜的運動會是什麼樣子嗎?

相反,您可以將總動畫分成四個不同的階段或關鍵幀,然後將各個關鍵幀組合成乙個關鍵幀動畫。

考慮另乙個描繪飛機起飛順序的動畫。 此動畫的不同階段如下所示:

動畫序列的第一階段加速了跑道上的飛機。 第二階段給飛機一點高度並向上傾斜。 第三階段繼續傾斜飛機並以更快的速度向天空公升高飛機。

關鍵幀動畫CAKeyframeAnimation

介紹關鍵幀動畫之前先介紹一下什麼是補間動畫 補間動畫 兩個值發生改變,中間產生的動畫效果叫做部件動畫 關鍵幀動畫與基礎動畫的區別 基礎動畫只能是某個屬性的初始值到另乙個值產生的動畫效果 關鍵幀動畫支援多個值 values 或者乙個路徑 path 關鍵幀動畫的屬性 cakeyframeanimatio...

動畫(過渡動畫 關鍵幀動畫)

過渡動畫 寫到css樣式裡 transition all 1s ease in out 2s 變化曲線的值 ease 預設值,先快再快再慢 ease in 淡入 動畫剛開始的時候變化慢 ease out 淡出 動畫快結束的時候變化慢 ease in out 淡入淡出 開始慢,中間塊,結束慢 line...

iOS開發之關鍵幀動畫

cabasicanimation揭示了大多數隱式動畫背後以來的機制,但是顯示的給圖層新增cabasicanimation相較於隱式動畫而言,之恩能夠說是非禮不討好。cakeyframeanimation是一種uikit沒有暴露出來但是功能強大的類。和cabasicanimation類似,cakeyf...