Just a Computer Graphics Studio & My Life

以為想要可互動影像來縮放與移動的功能,需要實做複雜的捲動手勢,原來只要用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 實作圖片的縮放與移動

Advertisements

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: