iOS基礎動畫的KeyPath取值


一 、基礎動畫

  1、基礎動畫的屬性詳解

  注:Core Animation的動畫執行過程都是在后台操作的,不會阻塞主線程.

屬性 解讀
Autoreverses 設定這個屬性為 YES 時,在它到達目的地之后,動畫的返回到開始的值,代替了直接跳轉到開始的值,過渡平滑
Duration 設定開始值到結束值花費的時間。期間會被速度的屬性所影響
RemovedOnCompletion 這個屬性默認為 YES,在指定的時間段完成后,動畫就自動的從層上移除了。
FillMode 這個屬性一般和 RemovedOnCompletion 配合使用,保持動畫狀態。其中kCAFillModeForwards 當動畫結束后,layer會一直保持着動畫最后的狀態.此時將RemovedOnCompletion設為NO
Speed 默認的值為 1.0.如果你改變這個值為 2.0,動畫會用 2 倍的速度播放。這樣的影響就是使持續時間減半。如果你指定的持續時間為 6 秒,速度為 2.0,動畫就會播放 3 秒鍾即一半的持續時間。
RepeatCount 默認的是 0,動畫只會播放一次。如果指定一個無限大的重復次數,使用 MAXFLOAT 。這個不應該和 repeatDration 屬性一塊使用
RepeatDuration 這個屬性指定了動畫應該被重復多久。動畫會一直重復,直到設定的時間用完。同上它不應該和 repeatCount 一起使用
FromValue 設置動畫的初始值
ToValue 設置動畫的到達值
TimingFunction 控制動畫運行的節奏.    kCAMediaTimingFunctionLinear(線性):勻速,給你一個相對靜態的感覺    kCAMediaTimingFunctionEaseIn(漸進):動畫緩慢進入,然后加速離開    kCAMediaTimingFunctionEaseOut(漸出):動畫全速進入,然后減速的到達目的地    kCAMediaTimingFunctionEaseInEaseOut(漸進漸出):動畫緩慢的進入,中間加速,然后減速的到達目的地。這個是默認的動畫行為。
BeginTime 可以用來設置動畫延遲執行時間,若想延遲1s,就設置為CACurrentMediaTime()+1,CACurrentMediaTime()為圖層的當前時間

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

  

 

 

  

 

  2、基礎動畫的keyPath

  transform.rotation.x 圍繞x軸翻轉 參數:角度 angle2Radian(4) 

  transform.rotation.y 圍繞y軸翻轉 參數:同上 

  transform.rotation.z 圍繞z軸翻轉 參數:同上 

  transform.rotation 默認圍繞z軸 

  transform.scale.x x方向縮放 參數:縮放比例 1.5 

  transform.scale.y y方向縮放 參數:同上 

  transform.scale.z z方向縮放 參數:同上 

  transform.scale 所有方向縮放 參數:同上 

  transform.translation.x x方向移動 參數:x軸上的坐標 100 

  transform.translation.y x方向移動 參數:y軸上的坐標 

  transform.translation.z x方向移動 參數:z軸上的坐標 

  transform.translation 移動 參數:移動到的點 (100,100) 

  opacity 透明度 參數:透明度 0.5 

  backgroundColor 背景顏色 參數:顏色 (id)[[UIColor redColor] CGColor] 

  cornerRadius 圓角 參數:圓角半徑 5 

  borderWidth 邊框寬度 參數:邊框寬度 5 

  bounds 大小 參數:CGRect 

  contents 內容 參數:CGImage 

  contentsRect 可視內容 參數:CGRect 值是0~1之間的小數 

  hidden 是否隱藏 

  position 

  shadowColor 

  shadowOffset 

  shadowOpacity 

  shadowRadius

 

二 、轉場動畫

  1、轉場動畫的type
 
  
 
  2、轉場動畫的subType
 
  
 
  3、轉場動畫的timingFunction
  •  kCAMediaTimingFunctionLinear            線性,即勻速

  •  kCAMediaTimingFunctionEaseIn            先慢后快

  • kCAMediaTimingFunctionEaseOut           先快后慢

  • kCAMediaTimingFunctionEaseInEaseOut     先慢后快再慢

  •  kCAMediaTimingFunctionDefault           實際效果是動畫中間比較快.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM