UIScrollView AutoLayout 仅垂直 [英] UIScrollView AutoLayout Vertical Only

问题描述

我想让 AutoLayout 与 UIScrollView 一起工作，但遇到了一些麻烦.这是我所做的:

1. 在主视图中添加一个 UIScrollView 框架:[top: 0, left: 0, width: 320, height: 568]

2. 在 UIScrollView 中添加 UIView "ContentView"，带有框架和 bgcolor black: [top: 0, left: 0, width: 320, height: 568]

3. 设置UIScrollView约束:[top: 0, bottom: 0, left: 0, right: 0]

4. 设置ContentView"约束:[top: 0, bottom: 0, left: 0, right: 0]

5. 对齐ContentView"内的项目

6. 将主视图的 bgcolor 设置为灰色(以查看发生了什么)

这是问题的截图:

self.scrollView.directionalLockEnabled = YES;

I want to get the AutoLayout working with the UIScrollView and am having a little trouble with it. Here is what I did:

1. Add a UIScrollView inside the Main View with frame: [top: 0, left: 0, width: 320, height: 568]

2. Add UIView "ContentView" inside the UIScrollView with frame and bgcolor black: [top: 0, left: 0, width: 320, height: 568]

3. Setup UIScrollView constraints: [top: 0, bottom: 0, left: 0, right: 0]

4. Setup "ContentView" constraints: [top: 0, bottom: 0, left: 0, right: 0]

5. Align the items inside the "ContentView"

6. Set Main View bgcolor to gray (to see what's going on)

Here is a screenshot of the problem:

1

For some reason, the constraints make the content view be in the middle of the screen. Also, it scrolls in every direction. I want the content to be scrollable only in vertical direction like in UITableView. so that I can't move it like below:

What am I doing wrong? I have checked all the tutorials and answers I can find in StackOverflow and Google, and no one actually has just a bizarre problem, so I am asking for help.

EDIT: I also added ContentView's width and height as constraints and that didn't help either.

解决方案

For disabling the horizontal scroll, you can set the content size in the (void)scrollViewDidScroll method.

[self.scrollView setContentOffset: CGPointMake(0, self.scrollView.contentOffset.y)];

You'll also want to set the directional lock so only 1 scroll direction is used at a time. https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIScrollView_Class/index.html#//apple_ref/occ/instp/UIScrollView/directionalLockEnabled

self.scrollView.directionalLockEnabled = YES;

这篇关于UIScrollView AutoLayout 仅垂直的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！