1. 程式人生 > >iOS 簡單動畫效果實現的三種方式

iOS 簡單動畫效果實現的三種方式

【在ios開發中,動畫是廉價的】

一、首尾式動畫

程式碼示例:

複製程式碼
    // beginAnimations表示此後的程式碼要“參與到”動畫中

    [UIView beginAnimations:nil context:nil];
//設定動畫時長
    [UIView setAnimationDuration:2.0];
    
      self.headImageView.bounds = rect;

    // commitAnimations,將beginAnimation之後的所有動畫提交併生成動畫
    [UIView commitAnimations];
複製程式碼

說明:

如果只是修改控制元件的屬性,使用首尾式動畫還是比較方便的,但是如果需要在動畫完成後做後續處理,就不是那麼方便了

二、block程式碼塊動畫

程式碼示例:

   //簡單的動畫效果
    [UIView animateWithDuration:2.0 animations:^{
        showlab.alpha=0;
    } completion:^(BOOL finished) {
        [showlab removeFromSuperview];
    }];

說明:

(1)在實際的開發中更常用的時block程式碼塊來處理動畫操作。

(2)塊動畫相對來說比較靈活,尤為重要的是能夠將動畫相關的程式碼編寫在一起,便於程式碼的閱讀和理解.

三、序列幀動畫(以一個簡單的TOM貓動畫示例)

      

匯入提前準備好的素材,對UIImageview和button按鈕進行連線。

程式碼示例:

複製程式碼
- (IBAction)eat {
    
    NSMutableArray  *arrayM=[NSMutableArray array];
    for (int i=0; i<40; i++) {
        [arrayM addObject:[UIImage imageNamed:[NSString stringWithFormat:@"eat_%02d.jpg",i]]];
    }
    //設定動畫陣列
[self.tom setAnimationImages:arrayM]; //設定動畫播放次數 [self.tom setAnimationRepeatCount:1]; //設定動畫播放時間 [self.tom setAnimationDuration:40*0.075]; //開始動畫 [self.tom startAnimating]; }
複製程式碼

點選按鈕,即可執行動畫,實現效果截圖如下:

四、補充知識

1. Images.xcassets中的素材

(1)只支援png格式的圖片

(2) 圖片只支援[UIImage imageNamed]的方式例項化,但是不能從Bundle中載入

(3)  在編譯時,Images.xcassets中的所有檔案會被打包為Assets.car的檔案

 2. UIImageView的序列幀動畫(需要考慮程式效能,釋放資料)

// 0. 是否正在動畫

[self.tom isAnimating];

// 1. 設定圖片的陣列

[self.tom setAnimationImages:arrayM];

// 2. 設定動畫時長,預設每秒播放30張圖片

[self.tom setAnimationDuration:arrayM.count * 0.075];

// 3. 設定動畫重複次數,預設為0,無限迴圈

[self.tom setAnimationRepeatCount:1];

// 4. 開始動畫

[self.tom startAnimating];

// 5. 動畫播放完成後,清空動畫陣列

[self.tom performSelector:@selector(setAnimationImages:) withObject:nilafterDelay:self.tom.animationDuration];

3. UIImage imageNamed

(1)在圖片使用完成後,不會直接被釋放掉,具體釋放時間由系統決定,適用於圖片小,常用的影象處理

(2)如果要釋放快速釋放圖片,可以使用[UIImage imageWithContentsOfFile:path]例項化影象

4. 方法重構的策略

(1) 將具有共性的程式碼複製到一個新的方法

(2)根據不同的呼叫情況,增加方法的引數

提示:在寫程式時不要著急重構,有時候把程式碼先寫出來,更容易看清楚如何重構才會更好

5. Bundle(包)中的圖片素材

往專案中拖拽素材時,通常選擇

(1) Destination: 勾選

(2) Folders:

    1)選擇第一項:黃色資料夾

        注意點:Xcode中分資料夾,Bundle中所有所在都在同一個資料夾下,因此,不能出現檔案重名的情況

        特點:

       a.可以直接使用[NSBundle mainBundle]作為資源路徑,效率高!

       b.可以使用[UIImage imageNamed:]載入影象

    2)選擇第二項:藍色資料夾

        注意點:Xcode中分資料夾,Bundle中同樣分資料夾,因此,可以出現檔案重名的情況

        特點:

        a.需要在[NSBundle mainBundle]的基礎上拼接實際的路徑,效率較差

        b.不能使用[UIImage imageNamed:]載入圖