UIWebViewで画像をアニメーション化する

Question

私はこれをフリップボードアプリケーションで見ました。基本的にUIWebViewに画像があり、画像をタップするとフルスクリーンになり、ズームイン/ズームインすることができます。私の質問は基本的にどのように彼らが持っているもののようなアニメーションを作成するか、それはUIWebView上の画像がアニメーション化されているようです。あなたがアプリを持っているなら、フリップボードであなたのFacebookのフィードに行き、画像をタッチすると、私の言いたいことがわかります。ここでは最初と最後のビューのいくつかのスクリーンショットがされています。ウェブビューで通常

これらの画像はリンクとして保存され、いくつかのダウンロードは、その画像を抽出し、ジェスチャ認識を追加するために実行する必要がありますそれ。どのように彼らはそれをとても速くするのですか？

Answer 1

あなたが話している部分（画像の上部）は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; 
    }]; 
}