Как анимировать UIImageview для отображения полноэкранного режима, нажав на него?

У меня есть UIImageView в UITableviewCell. Когда он нажат, UIImageView должен анимироваться, чтобы отображаться в полноэкранном режиме. Когда изображение прослушивается в полноэкранном режиме, оно должно вернуться в исходное положение.

Как этого можно добиться?

14
fullscreen ios5 objective-c uiimageview

5 ответов

добавьте распознаватель жестов в контроллер вида.

добавьте распознаватель жестов в файл заголовка 

@interface viewController : UIViewController <UIGestureRecognizerDelegate>{
    UITapGestureRecognizer *tap;
    BOOL isFullScreen;
    CGRect prevFrame;
}

в viewDidLoad добавьте следующее:

isFullScreen = false;
tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(imgToFullScreen)];
tap.delegate = self;

добавьте следующий delegatemethod:

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch;
{
    BOOL shouldReceiveTouch = YES;

    if (gestureRecognizer == tap) {
        shouldReceiveTouch = (touch.view == yourImageView);
    }
    return shouldReceiveTouch;
}

теперь вам просто нужно реализовать свой метод imgToFullScreen. Убедитесь, что вы работаете с Isfullscreen Bool (полноэкранный режим, если это false и вернуться к старому размеру, если это правда)

метод imgToFullScreen зависит от того, как вы хотите, чтобы изображение стало полноэкранным. В одну сторону будет: (это непроверено, но должно работать)

-(void)imgToFullScreen{
    if (!isFullScreen) {
        [UIView animateWithDuration:0.5 delay:0 options:0 animations:^{
            //save previous frame
            prevFrame = yourImageView.frame;
            [yourImageView setFrame:[[UIScreen mainScreen] bounds]];
        }completion:^(BOOL finished){
            isFullScreen = true;
        }];
        return;
    } else {
        [UIView animateWithDuration:0.5 delay:0 options:0 animations:^{
            [yourImageView setFrame:prevFrame];
        }completion:^(BOOL finished){
            isFullScreen = false;
        }];
        return;
    }
}
28

код от @AzzUrr1, небольшие исправления ошибок (скобки) и Таппер реализованы несколько иначе.

работал для меня. Теперь было бы здорово реализовать это с помощью scrollView, чтобы пользователь мог увеличивать/уменьшать масштаб, если изображение больше.. любое предложение?

ViewController.h

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController  <UIGestureRecognizerDelegate>{
    UITapGestureRecognizer *tap;
    BOOL isFullScreen;
    CGRect prevFrame;
}
@property (nonatomic, strong) UIImageView *imageView; 

@end

ViewController.м

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    isFullScreen = FALSE;
    tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(imgToFullScreen)];
    tap.delegate = self;
    self.view.backgroundColor = [UIColor purpleColor];

    _imageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 300, 200)];
    _imageView.contentMode = UIViewContentModeScaleAspectFill;
    [_imageView setClipsToBounds:YES];
    _imageView.userInteractionEnabled = YES;
    _imageView.image = [UIImage imageNamed:@"Muppetshow-2.png"];

    UITapGestureRecognizer *tapper = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(imgToFullScreen:)];
    tapper.numberOfTapsRequired = 1;

    [_imageView addGestureRecognizer:tapper];

    [self.view addSubview:_imageView];
}

-(void)imgToFullScreen:(UITapGestureRecognizer*)sender {
    if (!isFullScreen) {
        [UIView animateWithDuration:0.5 delay:0 options:0 animations:^{
            //save previous frame
            prevFrame = _imageView.frame;
            [_imageView setFrame:[[UIScreen mainScreen] bounds]];
        }completion:^(BOOL finished){
            isFullScreen = TRUE;
        }];
        return;
    }
    else{
        [UIView animateWithDuration:0.5 delay:0 options:0 animations:^{
            [_imageView setFrame:prevFrame];
        }completion:^(BOOL finished){
            isFullScreen = FALSE;
        }];
        return;
    }
}
6

Я закончил с помощью MHFacebookImageViewer. Интеграция проста, без подклассов UIImageView, а также имеет масштабирование изображения и Флик уволить.

хотя и требует AFNetworking (для загрузки большего изображения из URL) вы можете прокомментировать некоторый код (около 10 строк), чтобы удалить эту зависимость. Я могу опубликовать свою бесплатную версию AFNetworking, если кому-то это нужно. Дайте мне знать :)

2

одной из возможных реализаций было бы использование контроллера модального вида с UIModalPresentationFullScreen стиль презентации.

1

только что закончил версию в swift, просто скачайте и добавьте в свой проект:

GSSimpleImageView.Свифт!--5-->

и использование:

let imageView = GSSimpleImageView(frame: CGRectMake(20, 100, 200, 200))
imageView.image = UIImage(named: "test2.png")
self.view.addSubview(imageView)
0