StoryBoard下ScrollView如何添加约束

时间 2019-11-30

标签 storyboard scrollview 如何添加约束繁體版

原文原文链接

在作项目的过后有一个注册页面，为了适配屏幕采用了StoryBoard，添加约束之后运行后发现一个问题。在4.0 甚至更大的屏幕下是没有问题的，以下图（4.0屏幕）布局

可是放到更小的3.5英寸就会出现问题，发现下面的按钮不见了，主要缘由是输入框太多，致使更个屏幕放不下更多。如图（3.5）英寸blog

想了下就决定用ScrolleView， ContentSize能够设置为560. 这样在其余屏幕上没有太多的影响，在3.5的屏幕下也能够滑动了。可是在StoryBord拖过ScrollView，添加约束的时候发现他并不会按照你猜测的去执行。通过查阅资料，大体知道了缘由。这是因为scrollview自己contentSize、contentInsets等复杂的特性致使，苹果文档在讲autolayout的时候甚至专门拿出一节讲如何对scrollview进行自动布局。解决方案能够给ScrollView添加一个惟一的子视图，大小和ScrollView同样，而后全部原计划添加到ScrollView上面的控件，都添加在子视图上面。步骤以下：1.首先在咱们的Controller自带的View里面添加一个ScrollView，点开下面设置约束的4个按钮的第2个，约束设置距离父试图的距离为（0，0，0，0）以下图所示。文档

2.在ScrollView上面添加一个View成为ScrollView的子视图，点开下面设置约束的4个按钮的第2个，设置约束距离ScrollView的距离为（0.0.0.0）以下图所示。 date

3.这个时候会发现报错了，不用紧张~，先不用管它，我们继续往下走autolayout

。 scroll

4.点开下面设置约束的4个按钮的第一个，选择 Horizontal Center in Container, 并打上对勾，（若是想要左右滑动就选择 Vertical Center in Container，同时实现左右上下则全不选）程序

5.再次打开下面设置约束的4个按钮的第2个选择Height 设置你想要的560. （若是想要左右滑动就选择 Width，同时实现左右上下就所有设置）（这个高度是之后运行后Scroller的ContentSize）方法

6.设置完成之后发现错误不见了，只有一个黄色的警告，这是因为Frame没有更新致使的，咱们来更新下Frame。im

7.接下来咱们就能够在这个ScrollView的子视图View上面来添加控件了。设置约束的时候是相对于父试图View的哦~。布局。layout

8.运行程序，发如今3.5屏幕已经能够滑动了，而在4.0屏幕仍是和原来同样图：左3.5，右4.0

附：上面的View是设置的固定的一个值。若是想要动态的设置，就须要把咱们刚才加的高度的约束设置成属性

起一个名字， height；而后重写 -(void)updateViewConstraints 方法，在调用super 后动态的设置height这个约束的constant属性。

这样你会发现ScrollView可滑动的幅度会在每次运行后都不同哦~；