Just My Life & My Work

[iOS] ScrollView 實作影像縮放與移動

2013 年 12 月 23 日

以為想要可互動影像來縮放與移動的功能，需要實做複雜的捲動和手勢，原來只要用ScrollView，就能達到效果！

scrollview zoom2

影像縮小

只要設定最大和最小縮放倍數，透過delegate回傳縮放後的view，就能在螢幕上看到期望的效果！

/**
 Theme: Resize Image using ScrollView
 IDE: Xcode 5
 Language: Objective C
 Date: 102/12/23
 Author: HappyMan
 Blog: https://cg2010studio.wordpress.com/
 */
// .h file
@interface HMViewController : UIViewController <UIScrollViewDelegate>
{
    IBOutlet UIScrollView *happyScrollView;
}

// .m file
-(void)setScrollView
{
    [happyScrollView setMaximumZoomScale:5.0];
    [happyScrollView setMinimumZoomScale:0.1];
    [happyScrollView setDelegate:self];

    UIImageView *happyImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"HappyMan.jpg"]];
    [happyScrollView addSubview:happyImageView];
}

#pragma mark - UIScrollViewDelegate
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
    return [scrollView subviews][0];
}

來看一下影像原始大小、影像放大、影像縮小的展示～

scrollview zoom

影像原始大小

scrollview zoom3

影像放大

參考：使用 UIScrollView 實作圖片的縮放與移動。

分類：

iOS, 教學

發表留言

Tagged with:

隨意留個言吧：）～

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

標籤雲