Sunday, April 17, 2011

Is it possible to set the position of an UIImageView's image?

I have an UIImageView that displays an bigger image. It appears to be centered, but I would like to move that image inside that UIImageView. I looked at the MoveMe sample from Apple, but I couldn't figure out how they do it. It seems that they don't even have an UIImageView for that. Any ideas?

From stackoverflow
  • No, you should move the UIImageView within the containing view using its frame.

    UIImageView will scale an image (by setting its bounds or frame) but not move it.

  • It doesn't sound like the MoveMe sample does anything like what you want. The PlacardView in it is the same size as the image used. The only size change done to it is a view transform, which doesn't effect the viewport of the image. As I understand it, you have a large picture, and want to show a small viewport into it. There isn't a simple class method to do this, but there is a function that you can use to get the desired results: CGImageCreateWithImageInRect(CGImageRef, CGRect) will help you out.

    Here's a short example using it:

    CGImageRef imageRef = CGImageCreateWithImageInRect([largeImage CGImage], cropRect);
    [UIImageView setImage:[UIImage imageWithCGImage:imageRef]];
    CGImageRelease(imageRef);
    
  • Do you want to display the image so that it is contained within the UIImageView? In that case just change the contectMode of UIImageView to UIViewContentModeScaleToFill (if aspect ratio is inconsequential) or UIViewContentModeScaleAspectFit (if you want to maintain the aspect ratio)

    In IB, this can be done by setting the Mode in Inspector.

    In code, it can be done as

    yourImageView.contentMode = UIViewContentModeScaleToFill;
    

    In case you want to display the large image as is inside a UIImageView, the best and easiest way to do this would be to have the image view inside a UIScrollView. That ways you will be able to zoom in and out in the image and also move it around.

    Hope that helps.

  • Thanks a lot. I have found a pretty simple solution that looks like this:

    CGRect frameRect = myImage.frame;
    CGPoint rectPoint = frameRect.origin;
    CGFloat newXPos = rectPoint.x - 0.5f;
    myImage.frame = CGRectMake(newXPos, 0.0f, myImage.frame.size.width, myImage.frame.size.height);
    

    I just move the frame around. It happens that portions of that frame go out of the iPhone's view port, but I hope that this won't matter much. There is a mask over it, so it doesn't look weird. The user doesn't totice how it's done.

0 comments:

Post a Comment