使用StoryBoard设置Scrollview的横向滚动不用一行代码
  TL139jY6rCH8 2023年11月02日 78 0

1).创建一个空工程Single类型的工程,然后打开故事版(StoryBoard)在ViewController上添加scrollview

使用StoryBoard设置Scrollview的横向滚动不用一行代码_控件

2).然后对scrollview添加约束,上下左右全部都是0就可以(注意:在添加上下左右约束的时候一定要取消Constrain to margins ,否则添加完的约束会出现左右各缺少20像素的边距)

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_02

3).添加完成约束后直接更新scrollview的frame.随后在scrollview上添加一个view并且添加约束上下左右也都是0.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_故事版_03

4).在添加完成约束后会发现view上的约束报错误了,不过没事我们继续操作现在做的是scrollview的左右滑动,所以给view添加个横向约束.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_04

5).在添加完成这个约束后需要给当前的View添加个宽度因为需要让View在ScrollView上可以滑动,所以设置View的宽度为ScrollView的宽度.选中View按住Ctrl键指向ScrollView,然后选择等宽.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_05

6).在操作完这一步后会发现以前的错误都没有了这时候我们更新下View的frame.最后一步就是设置当前可以滑动的视图是几个ScrollView的宽度.选中当前的View查看添加好的约束的位置找到Equal Width to这个双击打开.然后设置成两倍大小.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_06

7).最后就可以看到这样的情景,选中的就是当前View的宽度.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_07

8).现在在上面添加控件,在控制器上添加两个View(这只是测试用添加任何控件都是可以的).最好两个View平行放置好添加约束.然后给View添加约束左边的控件添加上下左约束然后设置和ScrollView等宽,右边控件添加上下左右约束(注意添加左约束的时候一定要确定是对左边控件添加的约束),然后设置和ScrollView等宽.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_控件_08

使用StoryBoard设置Scrollview的横向滚动不用一行代码_控件_09

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_10

使用StoryBoard设置Scrollview的横向滚动不用一行代码_边距_11

9).最后更新这两个View的frame就可以运行查看效果了.

使用StoryBoard设置Scrollview的横向滚动不用一行代码_控件_12

10).好的结束了这样就可以实现一行代码不写实现ScrollView的设置.

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
TL139jY6rCH8