如何將圖像縮放到全屏模式？

Question

我有頁面UIScrollView與圖像。我想在一些手勢上實現圖像動畫縮放到全屏。另一個動畫可以將圖像縮放回滾動視圖。就像iPad上的照片應用程序或Safari中的視頻一樣。

當然它不會是UIImageView。這將是一些包裝裏面的包裝類。主要問題是如何呈現全屏視圖。它是否必須是模態視圖？

任何幫助表示讚賞。

Answer 1

檢查觸摸圖像 如果有進一步的說明小轉換成全尺寸。如果它很大，則將其轉換成小尺寸。

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { 
    if (isLarge) [self makeSmall]; 
    else [self makeFull]; 
} 

- (void)makeFull { 
    [[self superview] bringSubviewToFront:self]; 
    isLarge = YES; 
    CGRect largeFrame = [self superview].bounds; 
    original = self.frame; 
    [UIView beginAnimations:nil context:NULL]; 
    [UIView setAnimationDuration:0.5]; 
    [self setFrame:largeFrame]; 
    [internal setFrame:self.bounds]; 
    [UIView commitAnimations]; 

} 
- (void)makeSmall { 
    isLarge = NO; 
    [UIView beginAnimations:nil context:NULL]; 
    [UIView setAnimationDuration:0.5]; 
    [self setFrame:original]; 
    [internal setFrame:self.bounds]; 
    [UIView commitAnimations]; 

} 

Answer 2

下載這個sample的圖片庫示例代碼，並通過它。它肯定會幫助你理解如何實現你的想法。

Answer 3

像下面一樣，您可以使用縮放圖像視圖。

UIView * viewForScroll; 

UIImageView *imgviewForScroll; 

UIScrollView *scrollToRead = [[UIScrollViewalloc]initWithFrame:CGRectMake(175, 5, 300, 311)]; 

scrollToRead.backgroundColor = [UIColordarkGrayColor]; 

scrollToRead.showsHorizontalScrollIndicator = YES; 

scrollToRead.delegate = self; 

[scrollToRead setContentSize:CGRectMake(0, 0, 300, 400).size]; 

scrollToRead.maximumZoomScale = 2; 

scrollToRead.minimumZoomScale = 1; 

[self.view addSubview:scrollToRead]; 

[scrollToRead release]; 

viewForScroll = [[UIViewalloc]initWithFrame:CGRectMake(0,0,300,400)]; 

[scrollToRead addSubview:viewForScroll]; 

[viewForScroll release]; 

imgviewForScroll = [[UIImageViewalloc]initWithFrame:CGRectMake(0,0,300,400)]; 

imgviewForScroll.image = [UIImageimageWithContentsOfFile:[arrayComicContentobjectAtIndex:0]]; 

[viewForScroll addSubview:imgviewForScroll]; 

[imgviewForScroll release]; 

// ========= UIScrollView的委託方法

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView { 


    return viewForScroll; 
    } 

想知道，如果你需要

Answer 4

我找到了一個涉及手勢識別器和動畫過渡的解決方案。您刪除滾動視圖並添加全屏圖像。然後反轉，返回到正確的滾動視圖。

使用窗口的框架來確定新的UIImage的大小。

可以調整手勢識別器的類型以滿足您的需求！

-(void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    UITapGestureRecognizer *tapTwice = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapTwice:)]; 
    tapTwice.numberOfTapsRequired = 2; 
    [self.imageView addGestureRecognizer:tapTwice]; 
} 

- (void)tapOnce:(id)tapOnce { 
    [UIView transitionWithView:self.view 
        duration:0.7 
        options:UIViewAnimationOptionTransitionCrossDissolve 
       animations:^ { 
        [self.fullScreenImage removeFromSuperview]; 
       } 
       completion:nil]; 
} 

- (void)tapTwice:(id)tapTwice { 
    if(self.fullScreenImage == nil){ 
     self.fullScreenImage = [[UIImageView alloc] initWithFrame:self.view.window.frame]; 

     UITapGestureRecognizer *tapOnce = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapOnce:)]; 
     tapOnce.numberOfTapsRequired = 1; 
     [tapOnce requireGestureRecognizerToFail:tapTwice]; 
     [self.fullScreenImage addGestureRecognizer:tapOnce]; 
     [self.fullScreenImage setUserInteractionEnabled:YES]; 

     //self.fullScreenImage = [load your image here] 
    } 

    [UIView transitionWithView:self.view.window 
         duration:0.7 
         options:UIViewAnimationOptionTransitionCrossDissolve 
        animations:^ { 
         [self.view.window addSubview:self.fullScreenImage]; 
        } 
        completion:nil]; 
}