2012-01-13 93 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; 
    }]; 
}