2012-01-13 55 views
0

我在flipboard應用程序中看到了這一點,他們基本上在UIWebView中有一個圖像,然後當您點擊圖像時,它會將您帶到全屏幕,您可以捏合放大/縮小。我的問題基本上是如何創建一個像他們擁有的動畫,似乎他們在UIWebView上的圖像是動畫的。如果你有一個應用程序,嘗試通過翻轉板進入你的Facebook飼料,並觸摸圖像,你會明白我的意思。下面是第一和最後的視圖的一些截圖:在UIWebView中動畫圖像

enter image description here enter image description here

在web查看這些圖像

一般被存儲爲鏈接和某些下載需要執行以提取圖像,並添加一個手勢識別到它。他們如何做得如此之快?

回答

0

您所說的UI部分(帶圖片的頂部)不是UIWebView。它有自己的自定義UIView某種顯示內容的傳情。底部淡出的部分是原始文章的UIWebView。

我想象一下,如果在圖像上有一個輕擊手勢識別器,並且輕擊發生將縮小的圖像版本動畫到屏幕的全尺寸時,實現的方式。

處理敲擊手勢可能是這樣的(很簡單)的代碼:

-(void)_imageTapOccured:(UITapGestureRecognizer *)gesture { 
    [UIView animateWithDuration:2.0 animations:^{ 
     imageView.frame = CGRectMake(0.0f, 0.0f, widthOfScreen, heightOfScreen); 
    }]; 
} 

然後,他們將也有可能辦理水龍頭改變圖片回原來的大小:

-(void)_imageTapAtFullScreen:(UITapGestureRecognizer *)gesture { 
    [UIView animateWithDuration:2.0 animations:^{ 
     imageView.frame = originalRectSize; 
    }]; 
}