Handling iPhone 3.5inch and IPhone 4inch display (UIScrollView)

Question

I'm having difficult dealing with the designing a layout that fits both 3.5inch iphone and 5 inch iPhone (Simulators). I had auto layout checked, and all the layouts were perfect. However I now need to use a UIScrollView, and therefore need to uncheck auto-layout to use.

Also when viewing the layout with an iPhone 4 inch display its adds about 60px to the top of the UIScrollView.

Is there a better way to do this (set up scrollview without deselecting auto-layout)? So i can support iPhone 4.

//to set up the scrollview
[self.scrollView setScrollEnabled:YES];
[self.scrollView setContentSize:CGSizeMake(320, 800)];

however it does not scroll until I uncheck the autolayout. Is there a better way to do this?

please put the screenshot of your issue for better understanding. — D-eptdeveloper, Oct 10 '13 at 10:44
`UIScrollView, and therefore need to uncheck auto-layout to use` why is that? — Arek Holko, Oct 10 '13 at 10:49
@ArkadiuszHolko the scroll view wont scroll without unchecking auto -layout for some reason. I could be doing it wrong however. — DevC, Oct 10 '13 at 10:50
@Gman add more code and put screenshot too to understand little bit more.... — Arun, Oct 10 '13 at 13:26
@Gman there is no other code, I used the story board to hook up the scrollview and set its height bigger than the view itself ie. 800h. — DevC, Oct 10 '13 at 15:54

score 1 · Answer 1 · answered Oct 10 '13 at 10:59

1

Try autoresize,

 self.scrollView.autoresizingMask = (UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin);

answered Oct 10 '13 at 10:59

karthika

4,085
3
21
23

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

UIScrollView when using Autolayout is slightly different. You need to do some modifications. You answer is here.

edited May 23 '17 at 12:28

Community

1
1

answered Oct 10 '13 at 10:51

iOS

3,526
3
37
82

Thanks for the comment, I tried implementing what was suggested but I think I got a bit lost, I created a subview and added it do scrollview rather than adding the uiElements to it `[scrollView addConstraint:[NSLayoutConstraint constraintWithItem:lastSubView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:scrollView attribute:NSLayoutAttributeRight multiplier:1.0 constant:0]];` – DevC Oct 10 '13 at 11:16
Now are you using Auto layout? Checked Auto-Layout? Did you add `translatesAutoresizingMaskIntoConstraints = NO;` if you are using Auto layout? – iOS Oct 10 '13 at 11:34
I was using AutoLayout but I was not using `translatesAutoresizingMaskIntoConstraints = NO;`, will this make it work? – DevC Oct 10 '13 at 11:47

score 0 · Answer 3 · answered Oct 10 '13 at 10:58

0

You can do something like this to your UIScrollView frame. Assign frame to scrollview as per below CGRect.

CGRect rect=[[UIScreen mainScreen] bounds];

Hope, this will work for you.

answered Oct 10 '13 at 10:58

Sunil Targe

7,251
5
49
80

Could you further explain please? – DevC Oct 10 '13 at 11:20

score 0 · Accepted Answer · edited May 23 '17 at 12:05

Try this (it solved my problem):

scrollView addConstraint:[NSLayoutConstraint constraintWithItem:lastSubView
                                         attribute:NSLayoutAttributeRight
                                         relatedBy:NSLayoutRelationEqual
                                            toItem:scrollView
                                         attribute:NSLayoutAttributeRight
                                        multiplier:1.0
                                          constant:0]];

REFERENCE: UIScrollView doesn't use autolayout constraints

Handling iPhone 3.5inch and IPhone 4inch display (UIScrollView)

4 Answers4