Storyboard中使用UIscrollView添加约束的开发总结

第一次在项目中用storyboard做界面,一般的界面直接添加约束非常爽快

然后有个界面有scrollview,添加了约束还总是出错

刚开始使用了 wCompact,hRegular,滑动出现问题,有些界面滑动不了或者可以左右滑动

已经在viewDidLoad里面添加了scrollView的contentsize

约束什么的都没有问题,百思不得其解

后来上网查了一下资料

还是scrollView的contentsize的问题

scrollView的contentsize只能在viewDidAppear里面设置

刚开始在ViewDidAppear里面添加了contentsize

可以正常滑动了,并且滑动的范围是由自己控制的

但是还有问题,使用了autolayout,刚开始一直用我的6p真机测试

然后用模拟器在5s上竟然界面显示不全,只显示了一大半

用Reveal查看了一下,即使设置了同样的约束,右边还是多出去一部分,左右不对称,所以只显示了一大半

后来又在网上查了一些资料,看了一些文章和问题

在storyboard里面使用scrollView的话,scrollView的contentsize是由storyboard自动确定的

根据scrollView里面的控件的约束来确定

scrollView里面再添加一个containView

然后把所有要显示的控件都放在containView里面

这样化零为整,只需设置containView的Size就能确定scrollView的contentsize

如果是上下滑动设置约束左右居中

并且设置containView的size约束就行了,滑动范围就是这样控制

左右滑动就设置上下居中

autolayout这种东西越用越爽,也是要积累一些经验才行

推荐一篇文章 小笨狼的 Autolayout的第一次亲密接触

http://www.jianshu.com/p/052e8c7e8e7f

最后最近也在看Masonry,这是个用代码布局超爽的框架

推荐两篇文章

小笨狼的 追求Masonry

http://www.jianshu.com/p/1841e6c69611

里脊串大神的 UIScrollView与Autolayout的那些事

http://www.jianshu.com/p/c67f9850158d

时间: 2024-10-01 05:17:04

Storyboard中使用UIscrollView添加约束的开发总结的相关文章

使用AutoLayOut为UIScrollView添加约束图解及要点

1.在ViewController中拖入1个UIScrollView,并为其添加约束 约束为上下左右四边与superview对齐 2.在scrollview中,拖入1个UIView,为了便于区分将其设为橙色. 3.为view添加约束 约束为上下左右四边与superview对齐 添加完这些约束后,我们发现出现了错误,不要理会 4.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动, 因此,可以将view的宽度约束为与scrollView相同 5.接下来为v

IOS开发—Storyboard中的UIScrollView使用自动布局,使其能够滚动

在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂.根据实践,我说一下我的理解,在故事板或xib中,ScrollView是根据其下面的一个View的大小来确定ContentSize的大小. 看一下效果 1. 创建一个项目,拖拽一个ScrollView到故事板中,如下图 2. 选中ScrollView,添加约束. 3. 拖拽一个View到ScrollView上, 然后

xib或storyBoard中往scrollView添加子控件

如何在xib或者storyBoard中的scrollView加拖拽子控件,并且能让它可以正常滚动,那么下面就为大家简单演示: 运行环境为:Xcode 7.3 备注:图片较大,如果看不清看可以右键鼠标在新标签中打开图片就很清晰了 1.如图我们往storyBoard拖拽一个scrollView并设置为上下左右约束距离父控件为0 2.当我们往scrollView中添加子控件时候却发现报错了 因为scrollView比较特殊,需要设置contentSize,这个错误和平常我们遇到的错误不一样,因为在这两

iOS学习之Storyboard中的UIScrollView使用自动布局

在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂.根据实践,我说一下我的理解,在故事板或xib中,ScrollView是根据其下面的一个View的大小来确定ContentSize的大小. 看一下效果 1. 创建一个项目,拖拽一个ScrollView到故事板中,如下图 2. 选中ScrollView,添加约束. 3. 拖拽一个View到ScrollView上, 然后

怎样使用AutoLayOut为UIScrollView添加约束

1.在ViewController中拖入1个UIScrollView,并为其添加约束 约束为上下左右四边与superview对齐 2.在scrollview中,拖入1个UIView,为了便于区分将其设为橙色. 3.为view添加约束 约束为上下左右四边与superview对齐 添加完这些约束后,我们发现出现了错误,不要理会 4.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动, 因此,可以将view的宽度约束为与scrollView相同 5.接下来为v

UIScrollView添加约束报错问题

UIScrollView如果拉到storyBoard上,按照其他视图一样添加约束,会发现报错,然后往上面添加视图同样报错,那么这到底是为什么呢? 其实,这和UIScrollView的contentSize有关联,因为无法确定它的大小,贸然的添加约束肯定不合理,只有当其中的布局都设置好了,根据其中的子控件来决定它的contentSize,这才是正确的做法. 那该如何解决这种问题呢,我觉得正确的做法如下: 1.拉取一个UIScrollView,可以拉动大小,但是不要添加约束. 2.然后拉取一个UIV

StoryBoard下ScrollView如何添加约束

在做项目的事后有一个注册页面,为了适配屏幕采用了StoryBoard,添加约束以后运行后发现一个问题.  在4.0 甚至更大的屏幕下是没有问题的,如下图(4.0屏幕) 但是放到更小的3.5英寸就会出现问题,发现下面的按钮不见了,主要原因是输入框太多,导致更个屏幕放不下更多.如图(3.5)英寸 想了下就决定用ScrolleView, ContentSize可以设置为560. 这样在其他屏幕上没有太多的影响,在3.5的屏幕下也可以滑动了.但是在StoryBord拖过ScrollView,添加约束的时

Xib中UIScrollView添加约束步骤

要往scrollView里面添加子控件--从向往下排 0.设置scrollView的上下左右约束距离控制器view边距为零(确定frame的大小) 1.要往scrollView添加一个内容View 2.约束内容的View左上右边距离父控件为0 3.约束死内容的View的高度 4.约束内容View在ScrollView的水平居中(垂直滑动) 5.添加控件--从上往下排 6.去掉内容View的约束死的那个高度的约束 7.约束内容View距离底部最后一个控件View的间距

uiscrollView UINavigation和uitabbar添加约束的问题

首先是层次问题, 我的storyboard中 底层是一个View(viewcontroller自带)上面添加了一个UIScrollview(添加约束, 上下左右全为0), 在UIScrollview上添加一个UITableView(添加约束: 上下左右全为0, 宽高分别为当前值, 做拖出宽高的约束, 添加到代码中, 设置可以改变他们的值) ①. 只有UIScrollview的情况, 这时只要把上面约束的宽高分别设下, 分别是[UIScreen mainScreen].bounds.size.wi