UIScroll中心图像

时间:2013-08-15 05:18:43

标签: ios objective-c uigesturerecognizer

我已经编辑了几次这个问题,但仍然无法将我的图像放在uiview中。我希望它们能够像照片应用程序一样旋转,并在用户启动时显示正确的大小。以下是我正在使用的内容:

在我的PhotoViewController.h

#import <UIKit/UIKit.h>

@protocol PhotoViewControllerDelegate <NSObject>

- (void)toggleChromeDisplay;

@end


@interface PhotoViewController : UIViewController <UIScrollViewDelegate, UIGestureRecognizerDelegate>


@property (nonatomic, strong) UIImage *photo;
@property (nonatomic) NSUInteger num;


//Delegate
@property (nonatomic, strong) id<PhotoViewControllerDelegate> photoViewControllerDelegate;

@property (nonatomic, strong) UIImageView *photoImgView;
@property (nonatomic, strong) UIScrollView *scrollView;



@end

在我的PhotoViewController.m中:

#import "PhotoViewController.h"

@interface PhotoViewController ()

@end

@implementation PhotoViewController


- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        //todo

    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    CGRect screenBounds = self.view.bounds;


    //scroll view
    _scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, screenBounds.size.width, screenBounds.size.height)];
    _scrollView.autoresizingMask = (UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight);
    _scrollView.pagingEnabled = NO;
    _scrollView.scrollEnabled = YES;
    [_scrollView setBackgroundColor:[UIColor blueColor]];

    //Zoom Properties
    _scrollView.maximumZoomScale = 6.0;
    _scrollView.minimumZoomScale = 1.0;
    _scrollView.bouncesZoom = YES;
    _scrollView.delegate = self;
    _scrollView.zoomScale = 1.0;
    _scrollView.contentSize = _photoImgView.bounds.size;
    [_scrollView setShowsHorizontalScrollIndicator:NO];
    [_scrollView setShowsVerticalScrollIndicator:NO];
    [self photoBounds];


    [self.view addSubview: _scrollView];


    //Add the UIImageView
    _photoImgView = [[UIImageView alloc] initWithImage:_photo];
    _photoImgView.image = _photo;
    _photoImgView.clipsToBounds = YES;
    _photoImgView.contentMode = UIViewContentModeScaleAspectFit;
    _photoImgView.autoresizingMask = (UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleLeftMargin);
    [_photoImgView setUserInteractionEnabled:YES];

    [_scrollView addSubview: _photoImgView];


    //Set up Gesture Recognizer
    UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(singleTapGestureCaptured:)];
    UITapGestureRecognizer *dTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(dTapGestureCaptured:)];

    dTap.numberOfTapsRequired = 2;
    [singleTap requireGestureRecognizerToFail:dTap];

    //Gesture Methods
    [self.scrollView addGestureRecognizer:singleTap];
    [self.scrollView addGestureRecognizer : dTap];
}





- (void)photoBounds
{

    UIInterfaceOrientation statusbar = [[UIApplication sharedApplication] statusBarOrientation];
    CGSize photoBounds = _photo.size;
    CGSize scrollBounds = self.view.bounds.size;
    CGRect frameToCenter = [_photoImgView frame];

    float newHeight = (scrollBounds.width / photoBounds.width) * photoBounds.height;
    float newWidth = (scrollBounds.height / photoBounds.height) * photoBounds.width;
    float yDist = fabsf(scrollBounds.height - newHeight) / 2;
    float xDist = fabsf(scrollBounds.width - newWidth) / 2;


    //Width Larger
    if (photoBounds.width >=photoBounds.height) {

        NSLog(@"portrait width");
        _photoImgView.frame = CGRectMake(0, 0, scrollBounds.width, newHeight);
        frameToCenter.origin.y = yDist;

    }

    //Height Larger
    else if (photoBounds.height > photoBounds.width) {

        NSLog(@"portrait height");
        _photoImgView.frame = CGRectMake(0, 0, newWidth, scrollBounds.height);
        frameToCenter.origin.x = xDist;

    }

    //Square
    else {

        NSLog(@"portrait square");
        if ((statusbar == 1) || (statusbar == 2)) {
            _photoImgView.frame = CGRectMake(0, 0, scrollBounds.width, newHeight);
            frameToCenter.origin.y = yDist;

        } else {

            _photoImgView.frame = CGRectMake(0, 0, newWidth, scrollBounds.height);
            frameToCenter.origin.x = xDist;
        }

    }

}




//Rotation Magic
- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    //later
}

- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    [self photoBounds];
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    //
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    return YES;
}



//Zoom Ability
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.photoImgView;
}

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
{
    NSLog(@"scale %f", scale);
    NSLog(@"done zooming");



}




//Touches Control
- (void)singleTapGestureCaptured:(UITapGestureRecognizer *)gesture
{
    //CGPoint touchPoint=[gesture locationInView:_scrollView];
    NSLog(@"touched");
    NSLog(@"single touch");
    [self performSelector:@selector(callingHome) withObject:nil afterDelay:0];

}

- (void)dTapGestureCaptured:(UITapGestureRecognizer *)gesture
{

    NSLog(@"double touched");
}

- (void)panGestureCaptured:(UIPanGestureRecognizer *)gesture
{

    NSLog(@"pan gesture");

}


- (void)callingHome {}

@end

整体问题是我无法正确显示图片,只能放大图片,周围没有空间,加载时需要正确的尺寸。我已经苦苦挣扎了几天。

任何帮助?

2 个答案:

答案 0 :(得分:1)

我使用我自己的UIScrollView的一个非常简单的子类解决了类似的问题。你可以在这里看一下 - https://gist.github.com/ShadeApps/5a29e1cea3e1dc3df8c8。对我来说就像魅力一样。

这就是你如何开始它:

scrollViewMain.delegate = self;
scrollViewMain.minimumZoomScale = 1.0;
scrollViewMain.maximumZoomScale = 3.0;
scrollViewMain.contentSize = imageViewMain.frame.size;
scrollViewMain.backgroundColor = [UIColor blackColor];
scrollViewMain.tileContainerView = imageViewMain;

答案 1 :(得分:1)

Peter Steinberger撰写了关于此问题的精彩博文:http://petersteinberger.com/blog/2013/how-to-center-uiscrollview/