Getting the visible rect of an UIScrollView's content

Objective CIphoneUiscrollview

Objective C Problem Overview


How can I go about finding out the rect (CGRect) of the content of a displayed view that is actually visible on screen.

myScrollView.bounds

The code above works when there's no zooming, but as soon as you allow zooming, it breaks at zoom scales other than 1.

To clarify, I want a CGRect that contains the visible area of the scroll view's content, relative to the content. (ie. if it's a zoom scale 2, the rect's size will be half of the scroll view's size, if it's at zoom scale 0.5, it'll be double.)

Objective C Solutions


Solution 1 - Objective C

Or you could simply do

CGRect visibleRect = [scrollView convertRect:scrollView.bounds toView:zoomedSubview];

Swift

let visibleRect = scrollView.convert(scrollView.bounds, to: zoomedSubview)

Solution 2 - Objective C

Answering my own question, mostly thanks to Jim Dovey's answer, which didn't quite do the trick, but gave me the base for my answer:

CGRect visibleRect;
visibleRect.origin = scrollView.contentOffset;
visibleRect.size = scrollView.bounds.size;

float theScale = 1.0 / scale;
visibleRect.origin.x *= theScale;
visibleRect.origin.y *= theScale;
visibleRect.size.width *= theScale;
visibleRect.size.height *= theScale;

The main difference is that the size of the visibleRect ought to be scrollView.bounds.size, rather than scrollView.contentSize which is the size of the content view. Also simplified the math a bit, and didn't quite see the use for the isless() which would break the code whenever it's greater.

Solution 3 - Objective C

You have to compute it using UIScrollView's contentOffset and contentSize properties, like so:

CGRect visibleRect;
visibleRect.origin = scrollView.contentOffset;
visibleRect.size = scrollView.contentSize;

You can then log it for sanity-testing:

NSLog( @"Visible rect: %@", NSStringFromCGRect(visibleRect) );

To account for zooming (if this isn't already done by the contentSize property) you would need to divide each coordinate by the zoomScale, or for better performance you would multiply by 1.0 / zoomScale:

CGFloat scale = (CGFloat) 1.0 / scrollView.zoomScale;
if ( isless(scale, 1.0) )      // you need to #include <math.h> for isless()
{
    visibleRect.origin.x *= scale;
    visibleRect.origin.y *= scale;
    visibleRect.size.width *= scale;
    visibleRect.size.height *= scale;
}

Aside: I use isless(), isgreater(), isequal() etc. from math.h because these will (presumably) do the right thing regarding 'unordered' floating-point comparison results and other weird & wonderful architecture-specific FP cases.


Edit: You need to use bounds.size instead of contentSize when calculating visibleRect.size.

Solution 4 - Objective C

Shorter version:

CGRect visibleRect = CGRectApplyAffineTransform(scrollView.bounds, CGAffineTransformMakeScale(1.0 / scrollView.zoomScale, 1.0 / scrollView.zoomScale));

I'm not sure if this is defined behavior, but almost all UIView subclasses have the origin of their bounds set to (0,0). UIScrollViews, however, have the origin set to contentOffset.

Solution 5 - Objective C

a little more general solution would be:

 [scrollView convertRect:scrollView.bounds
                             toView:[scrollView.delegate viewForZoomingInScrollView:scrollView]];

Solution 6 - Objective C

CGRect visibleRect;
visibleRect.origin = scrollView.contentOffset;
visibleRect.size = scrollView.frame.size;

Solution 7 - Objective C

Swift 4.0:

My answer adapts Trenskow's answer to Swift 4.0:

let visible = scrollView.convert(scrollView.bounds, to: subView)

where scrollView is the view of the scroll, and subView is the view inside scrollView which is zoomable and contains all the contents inside the scroll.

Solution 8 - Objective C

I don't think that a UIScrollView gives you that rectangle directly, but I think you have all the necessary items to calculate it.

A combination of the bounds, the contentOffset and the zoomScale should be all you need to create the rectangle you are looking for.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionKenneth BalleneggerView Question on Stackoverflow
Solution 1 - Objective CTrenskowView Answer on Stackoverflow
Solution 2 - Objective CKenneth BalleneggerView Answer on Stackoverflow
Solution 3 - Objective CJim DoveyView Answer on Stackoverflow
Solution 4 - Objective CFrank SchmittView Answer on Stackoverflow
Solution 5 - Objective CNikolay ShubenkovView Answer on Stackoverflow
Solution 6 - Objective CBas DirkseView Answer on Stackoverflow
Solution 7 - Objective CRoberRMView Answer on Stackoverflow
Solution 8 - Objective CJonathan ArbogastView Answer on Stackoverflow