2013-03-19 169 views
3

我正在用彩色圖像製作應用程序封面。我想用動畫讓這張圖像變成灰色。如何從彩色圖像動畫到灰色圖像?

我用NYXImagesKit創建了一個灰度圖像。 但我不知道如何在這2個圖像與UIImage之間進行動畫。

回答

3

1:使用同一幀創建兩個圖像視圖。

2:將它們作爲子視圖添加到同一個超級視圖,一個在另一個之上。

3:分別將它們的image屬性設置爲彩色和灰度圖像。

4:將包含彩色圖像的圖像視圖的alpha屬性設置爲1.0,並在另一個(顯示灰度圖像的那個)上將此屬性設置爲0.0

5:然後,只需淡入和淡出反平行兩個圖像的觀點:

[UIView animateWithDuration:1.0 animations:^{ 
    grayscaleImageView.alpha = 1.0; 
    coloredImageView.alpha = 0.0; 
}]; 
+0

這是第2個圖像之間的動畫的好方法。但我發現動畫並不那麼流暢。彩色圖像變暗,灰色圖像變亮。很容易區分這兩個圖像。 – Yanjun 2013-03-19 13:57:30

+0

我發現,如果我設置grayscaleImageView.alpha = 0.5;動畫之前。它會更光滑。謝謝@ H2CO3。 – Yanjun 2013-03-19 14:03:10