怎样使用AutoLayOut为UIScrollView添加约束

1.在ViewController中拖入1个UIScrollView,并为其添加约束

约束为上下左右四边与superview对齐

2.在scrollview中,拖入1个UIView,为了便于区分将其设为橙色。

3.为view添加约束

约束为上下左右四边与superview对齐

添加完这些约束后,我们发现出现了错误,不要理会

4.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动,

因此,可以将view的宽度约束为与scrollView相同

5.接下来为view添加高度约束

对frame进行更新

愉快的发现约束错误已经消失!

为了验证scrollView是否可以正确滑动

我们在scrollView中添加一个兰色的view,添加宽高约束分别为60,500,然后再添加到黄色view(也就是兰色view的superview)的左边距和上边距

至此,约束全部添加完成。需要滚动的内容都可以在黄色view中添加。

点击运行查看效果

可以看到scrollview可以按照预期滑动

大功告成!

时间: 2025-01-13 20:17:24

怎样使用AutoLayOut为UIScrollView添加约束的相关文章

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

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

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

第一次在项目中用storyboard做界面,一般的界面直接添加约束非常爽快 然后有个界面有scrollview,添加了约束还总是出错 刚开始使用了 wCompact,hRegular,滑动出现问题,有些界面滑动不了或者可以左右滑动 已经在viewDidLoad里面添加了scrollView的contentsize 约束什么的都没有问题,百思不得其解 后来上网查了一下资料 还是scrollView的contentsize的问题 scrollView的contentsize只能在viewDidApp

UIScrollView添加约束报错问题

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

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

iOS - XIB之AutoLayout添加约束

XIB--AutoLayout添加约束 仿QQ登录界面: 说明:以下各图背景红色只是方便看清楚: 1.创建工程:创建xib文件 2.打开xib文件: (1).创建头像: 拖控件:uiimageview-->放到任意位置-->点击Align键,Pin键:如下图: 此时:就可以对控件任意约束了: 说明:由于时间原因,没介绍的以后慢慢自己琢磨: Align键:Horizontally: 垂直居中对齐: Vertically:水平居中对其: Pin键: Add New Constraints:表示这个

纯代码添加约束,autolayout 适配

IOS AutoLayout 代码约束—VFL 2014-12-22 22:19:43http://my.oschina.net/carson6931-Carson6931-点击数:2148 IOS 提供了两种添加约束的方法 第一种: +(instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2

StoryBoard下ScrollView如何添加约束

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

ios快速添加约束(storyboard中)

这篇文章是告诉新手如何快速的在storyboard中添加约束: 我们在storyboard中有一些按钮,可以添加约束. 但是最直观.最方便.最快捷的添加约束的方法,在我看来就是使用ctl键: 选中控件,按下ctl,将其拖动到约束的另外一个对象-可能是自己,可能是父视图,可能是兄弟视图. .弹出的框里我们就可以选择我们需要添加的约束,1次添加1个,不多也不少. 快来试试吧,拥抱autolayout!