анимация изображения в 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;
    }];
}