scrollView真的是难用啊,被坑了无数次,表示还是难~^^~

scrollView在storyboard拖控件时,一定要加上一个View,作为contentView~~~

然后设置View的宽度为supView的宽度

srcollView的宽度等于View的宽度

---------------我去网上借借图~~~我电脑连接公司WIFI,不能上通讯类的软件,W太难了------------------
scrollView的坑一直没爬出来,哈哈哈哈哈

1. 创建一个项目,拖拽一个ScrollView到故事板中,如下图

scrollView的坑一直没爬出来,哈哈哈哈哈

 

2. 选中ScrollView,添加约束。

scrollView的坑一直没爬出来,哈哈哈哈哈

3. 拖拽一个View到ScrollView上, 然后添加上下左右四周约束。

scrollView的坑一直没爬出来,哈哈哈哈哈

4.添加完之后, 可能会报一个错, 如下图, 这个暂时别去管。 

scrollView的坑一直没爬出来,哈哈哈哈哈

5. 我们先确定一下, 我们是需要水平方向的滚动还是竖直方向的滚动,或者水平方向和竖直方向都需要滚动。

a.水平方向和竖直方向都需要滚动的话, 不用添加

b.水平方向滚动需要添加下面一个约束

scrollView的坑一直没爬出来,哈哈哈哈哈

c.竖直方向需要添加下面一个约束

scrollView的坑一直没爬出来,哈哈哈哈哈

6.我们以水平方向滚动为例,  我们需要确定我们想要的宽度, 添加一个固定的宽度的约束。

scrollView的坑一直没爬出来,哈哈哈哈哈

7.选中View, 更新一下Frame

scrollView的坑一直没爬出来,哈哈哈哈哈

8.如果是想要动态设置ScrollView的宽度,也就是设置View的宽度约束的值, 我们将其拉成属性, 然后修改其值。------这一步我只做了将View设置为SuperView的宽度即可,因为我不是水平滑动!!!!!

 

scrollView的坑一直没爬出来,哈哈哈哈哈

 

9. 如果是确定的宽度, 可以在- (void)updateViewConstraints这个方法中修改,也可以在别处修改。

scrollView的坑一直没爬出来,哈哈哈哈哈

10.现在运行,就可以水平滚动了。 竖直方向的滚动和水平方向滚动的设置差不多。 我们来添加两个View, 先拖拽一个View(我设为灰色)到视图上, 然后添加约束, 如下图

scrollView的坑一直没爬出来,哈哈哈哈哈

11.再拖拽一个View, 背景颜色设为红色,设置好之后, 将frame设置到我们需要的, 我这边将X设置到600。

scrollView的坑一直没爬出来,哈哈哈哈哈

12.我们给第二个View添加约束,如下图

 

scrollView的坑一直没爬出来,哈哈哈哈哈

 

 

 

13.我们还需要设置一个约束, 就是第二个View距离SuperView的距离,就是第二个View的Leading约束

scrollView的坑一直没爬出来,哈哈哈哈哈

14.然后将这个约束Leading拉成属性,在- (void)updateViewConstraints设置他的值

scrollView的坑一直没爬出来,哈哈哈哈哈

如下图

scrollView的坑一直没爬出来,哈哈哈哈哈

这样子就OK了。 

以上都是别人写的,还是做个转载吧,感谢

相关文章: