ios 動畫基礎

        所有核心動畫的動畫類都是從 CAAnimation類繼承而來


        CAAnimation 實現了 CAMediaTiming協議,提供了動畫的持續時間,速度,和重複計數


        CAAnimation 也實現了 CAAction協議。該協議爲圖層觸發一個動畫動作提供了提供 標準化響應


        CATransition 提供了一個圖層變化的過渡效果,它能影響圖層的整個內容。 動畫進行的時候淡入淡出(fade)、推(push)、顯露(reveal)圖層的內容。這些過渡效果可以擴展到你自己定製的Core Image 濾鏡


        CAAnimationGroup 允許一系列動畫效果組合在一起,並行顯示動畫


        CAPropertyAnimation是一個抽象的子類,它支持動畫的顯示圖層的關鍵路徑中指定的屬性


        CABasicAnimation 簡單的爲圖層的屬性提供修改。


        CAKeyframeAnimation支持關鍵幀動畫,你可以指定的圖層屬性的關鍵路徑動畫,包括動畫的每個階段的價值,以及關鍵幀時間和計時功能的一系列值。在 動畫運行是,每個值被特定的插入值替代



        核心動畫的 CAConstraint 類 是一個佈局管理器,它可以指定子圖層類限制於你指定的約束集合。每個約束(CAConstraint類的實例封裝)描述層的幾何屬性(左,右,頂部或底部的邊緣或水平或垂直中心)的關係,關係到其同級之一的幾何屬性層或superlayer


        核心動畫的圖層和 Cocoa 的視圖在很大程度上沒有一定的相似性,但是他們兩者最大的區別是,圖層不會直接渲染到屏幕上


        試圖的position座標和anchorPoint有關


        sublayerTransform屬性指定的矩陣只會影響圖層的子圖層,而不會對 圖層本身產生影響


        transform 屬性指定的矩陣結合圖層的anchorPoint屬性作用於圖層和圖層的子圖層上 面


        旋轉的單位採用弧度(radians),而不是角度(degress)。以下兩個函數,你可以在 弧度和角度之間切換


  1. <span style="font-size:18px;">CGFloat DegreesToRadians(CGFloat degrees) {returndegrees * M_PI / 180;};  
  2.   
  3. CGFloat RadiansToDegrees(CGFloat radians) {returnradians * 180 / M_PI;};</span>  



無法正常運行:

        替換的辦法是,你必須通過 setValue:forKeyPath:或者valueForKeyPath:方法,具體如下:


  1. <span style="font-size:18px;">myLayer.transform.rotation.x=0;  
  2.   
  3. [myLayer setValue:[NSNumber numberWithInt:0]forKeyPath:@"transform.rotation.x"];</span>  


        如果一個圖層的屬性 needsDisplayOnBoundsChange被設置爲YES 的時候,當圖層的bounds屬性改變的時候,圖層的內容將會被重新緩存起來。默認情況下圖層的needsDisplayOnBoundsChange屬性值爲NO。


給CALayer提供內容

        1。包含圖片內容的 CGImageRef來顯式的設置圖層的contents 的屬性。

        2。指定一個委託,它提供或者重繪內容。

        3。繼承 CALayer 類重載顯示的函數


創建一個委託類實

        displayLayer:或 drawLayer:inContext:


  1. <span style="font-size:18px;">- (void)displayLayer:(CALayer *)theLayer  
  2.   
  3. {  
  4.   
  5.     // check the value of the layer's state key  
  6.   
  7.     if ([[theLayer valueForKey:@"state"] boolValue])  
  8.   
  9.     {  
  10.   
  11.         // display the yes image  
  12.   
  13.         theLayer.contents=[someHelperObjectloadStateYesImage];  
  14.   
  15.     }  
  16.   
  17.     else {  
  18.   
  19.         // display the no image  
  20.   
  21.         theLayer.contents=[someHelperObjectloadStateNoImage];  
  22.   
  23.     }  
  24.   
  25. }</span>  



        如果你必須重繪圖層的內容,而不是通過加載圖片,那你需要實現drawLayer:inContext:方法。通過委託可以決定哪些內容是需要的並使用CGContextRef來重繪內容。


        實例重新緩存其內容,可以通過發送以下任何一個方法setNeedsDisplay或setNeedsDisplayInRect:的消息,亦或者設置圖層的needsDisplaOnBoundsChange屬性爲 YES


        CALayer 的屬性 contentsGravity允許你在圖層的邊界內容修改圖層的contents圖片的位置或者伸縮值。默認情況下,內容的圖像完全填充層的邊界,忽視自然的圖像 寬高比contentsGravity屬性值:


        CABasicAnimation提供了在圖層的屬性值間簡單的插入。CAKeyframeAnimation提供支持關鍵幀動畫。你指定動畫的一個圖層屬性的關鍵路徑,一個表示在動畫的每個階段的價值的數組,還有一個關鍵幀時間的數組和時間函數。 


        CATransition提供了一個影響整個圖層的內容過渡效果。在動畫顯示過程中採用淡出(fade)、推出(push)、顯露(reveal)圖層的內容。常用的過渡效果可以通過提供你自己定製的核心圖像濾鏡來擴展


  1. <span style="font-size:18px;">CABasicAnimation *_basicAnimation= [CABasicAnimation animationWithKeyPath:@"opacity"];  
  2.   
  3.    _basicAnimation.duration=3.0;  
  4.   
  5.    _basicAnimation.repeatCount=2;  
  6.   
  7.    _basicAnimation.autoreverses=YES;  
  8.   
  9.    _basicAnimation.fromValue=[NSNumber numberWithFloat:1.0];  
  10.   
  11.    _basicAnimation.toValue=[NSNumber numberWithFloat:0.0];  
  12.   
  13.     [self.m_imageViewBg.layeraddAnimation:_basicAnimation forKey:@"animateOpacity"];</span>  



我們可以通過animationWithKeyPath鍵值對的方式來改變動畫

        animationWithKeyPath的值:

        transform.scale= 比例轉換

        transform.scale.x =闊的比例轉換

        transform.scale.y =高的比例轉換

        transform.rotation.z =平面圖的旋轉

        opacity = 透明度

        margin

        zPosition

        backgroundColor

        cornerRadius

        borderWidth

        bounds

        contents

        contentsRect

        cornerRadius

        frame

        hidden

        mask

        masksToBounds

        opacity

        position

        shadowColor

        shadowOffset

        shadowOpacity

        shadowRadius


  1. <span style="font-size:18px;">  
  2. [self. ui_View.layerremoveAllAnimations];  
  3.   
  4.      
  5.   
  6.    CABasicAnimation *pulse= [CABasicAnimation animationWithKeyPath:@"transform.scale"];  
  7.   
  8.    pulse.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];  
  9.   
  10.    pulse.duration = 0.5 + (rand() % 10) * 0.05;  
  11.   
  12.    pulse.repeatCount = 1;  
  13.   
  14.    pulse.autoreverses = YES;  
  15.   
  16.    pulse.fromValue =[NSNumber numberWithFloat:.8];  
  17.   
  18.    pulse.toValue =[NSNumber numberWithFloat:1.2];  
  19.   
  20.    [self.ui_View.layer addAnimation:pulseforKey:nil];  
  21.   
  22. // bounds  
  23.   
  24.    
  25.   
  26. CABasicAnimation *anim = [CABasicAnimationanimationWithKeyPath:@"bounds"];  
  27.   
  28.    anim.duration = 1.f;  
  29.   
  30.    anim.fromValue =[NSValue valueWithCGRect:CGRectMake(0,0,10,10)];  
  31.   
  32.    anim.toValue =[NSValue valueWithCGRect:CGRectMake(10,10,200,200)];  
  33.   
  34.    anim.byValue  = [NSValuevalueWithCGRect:self. ui_View.bounds];   
  35.   
  36. //    anim.toValue= (id)[UIColor redColor].CGColor;  
  37.   
  38. //   anim.fromValue =  (id)[UIColorblackColor].CGColor;  
  39.   
  40.      
  41.   
  42.    anim.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  43.   
  44.    anim.repeatCount = 1;  
  45.   
  46.    anim.autoreverses = YES;  
  47.   
  48.      
  49.   
  50.    [ui_View.layeraddAnimation:anim forKey:nil];  
  51.   
  52. //cornerRadius  
  53.   
  54.    
  55.   
  56.    CABasicAnimation*anim2 = [CABasicAnimationanimationWithKeyPath:@"cornerRadius"];  
  57.   
  58.    anim2.duration = 1.f;  
  59.   
  60.    anim2.fromValue =[NSNumber numberWithFloat:0.f];  
  61.   
  62.    anim2.toValue =[NSNumber numberWithFloat:20.f];  
  63.   
  64.    anim2.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  65.   
  66.    anim2.repeatCount = CGFLOAT_MAX;  
  67.   
  68.    anim2.autoreverses = YES;  
  69.   
  70.      
  71.   
  72.    [ui_View.layeraddAnimation:anim2 forKey:@"cornerRadius"];  
  73.   
  74. //contents  
  75.   
  76.    
  77.   
  78. CABasicAnimation *anim = [CABasicAnimationanimationWithKeyPath:@"contents"];  
  79.   
  80.    anim.duration = 1.f;  
  81.   
  82.    anim.fromValue =(id)[UIImageimageNamed:@"1.jpg"].CGImage;  
  83.   
  84.    anim.toValue =(id)[UIImageimageNamed:@"2.png"].CGImage;  
  85.   
  86. //   anim.byValue  = (id)[UIImageimageNamed:@"3.png"].CGImage;  
  87.   
  88. //    anim.toValue= (id)[UIColor redColor].CGColor;  
  89.   
  90. //   anim.fromValue =  (id)[UIColorblackColor].CGColor;  
  91.   
  92.      
  93.   
  94.    anim.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  95.   
  96.    anim.repeatCount = CGFLOAT_MAX;  
  97.   
  98.    anim.autoreverses = YES;  
  99.   
  100.      
  101.   
  102.    [ui_View.layeraddAnimation:anim forKey:nil];  
  103.   
  104.    
  105.   
  106. [ui_View.layersetShadowOffset:CGSizeMake(2,2)];  
  107.   
  108.    [ui_View.layersetShadowOpacity:1];  
  109.   
  110.    [ui_View.layersetShadowColor:[UIColorgrayColor].CGColor];  
  111.   
  112. //      
  113.   
  114.    CABasicAnimation *anim =[CABasicAnimation animationWithKeyPath:@"shadowColor"];  
  115.   
  116.    anim.duration = 1.f;  
  117.   
  118.    anim.toValue =(id)[UIColorredColor].CGColor;  
  119.   
  120.    anim.fromValue =  (id)[UIColorblackColor].CGColor;  
  121.   
  122.      
  123.   
  124.    anim.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  125.   
  126.    anim.repeatCount = CGFLOAT_MAX;  
  127.   
  128.    anim.autoreverses = YES;  
  129.   
  130.      
  131.   
  132.    [ui_View.layeraddAnimation:anim forKey:nil];  
  133.   
  134.      
  135.   
  136.    CABasicAnimation *_anim= [CABasicAnimation animationWithKeyPath:@"shadowOffset"];  
  137.   
  138.    _anim.duration = 1.f;  
  139.   
  140.    _anim.fromValue =[NSValue valueWithCGSize:CGSizeMake(0,0)];  
  141.   
  142.    _anim.toValue =[NSValue valueWithCGSize:CGSizeMake(3,3)];  
  143.   
  144.      
  145.   
  146.    _anim.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  147.   
  148.    _anim.repeatCount = CGFLOAT_MAX;  
  149.   
  150.    _anim.autoreverses = YES;  
  151.   
  152.      
  153.   
  154.    [ui_View.layeraddAnimation:_anim forKey:nil];  
  155.   
  156.      
  157.   
  158.      
  159.   
  160.    CABasicAnimation *_anim1= [CABasicAnimation animationWithKeyPath:@"shadowOpacity"];  
  161.   
  162.    _anim1.duration = 1.f;  
  163.   
  164.    _anim1.fromValue =[NSNumber numberWithFloat:0.5];  
  165.   
  166.    _anim1.toValue =[NSNumber numberWithFloat:1];  
  167.   
  168.      
  169.   
  170.    _anim1.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  171.   
  172.    _anim1.repeatCount = CGFLOAT_MAX;  
  173.   
  174.    _anim1.autoreverses = YES;  
  175.   
  176.      
  177.   
  178.    [ui_View.layeraddAnimation:_anim1 forKey:nil];  
  179.   
  180.      
  181.   
  182.      
  183.   
  184.      
  185.   
  186.    CABasicAnimation *_anim2= [CABasicAnimation animationWithKeyPath:@"shadowRadius"];  
  187.   
  188.    _anim2.duration = 1.f;  
  189.   
  190.    _anim2.fromValue =[NSNumber numberWithFloat:10];  
  191.   
  192.    _anim2.toValue =[NSNumber numberWithFloat:5];  
  193.   
  194.      
  195.   
  196.    _anim2.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  197.   
  198.    _anim2.repeatCount = CGFLOAT_MAX;  
  199.   
  200.    _anim2.autoreverses = YES;  
  201.   
  202.      
  203.   
  204.    [ui_View.layeraddAnimation:_anim2 forKey:nil];</span>  



        CAScrollLayer 對象的滾動區域的範圍在它的子圖層裏面定義。


        CAScrollLaye 不提供鍵盤或鼠標事件處理,也不提供可見的滾動條。


        CATextLayer可以方便的從字符串或字符串的內容創建一個圖層類的內容


        CATiledLayer 允許遞增的顯示大而複雜的圖片


        CAEAGLLayer 提供了一個OpenGLES渲染環境


        CALayer 的還擴展了 NSKeyValueCoding的非正式協議,加入默認鍵值和額外的結構類型的自動對象包裝(CGPoint,CGSize,CGRect,CGAffineTransform和CATransform3D)的支持,並提供許多這些結構的關鍵路徑領域的訪問

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章