如何使用UIScrollerView在StoryBoard实现上下引导页面

Storyboard、AutoLayout的确用的不顺手,不过有时候也极其体现它的效率。如下就已一个上下滑动的欢迎界面为例说明这一点。
思路:

  1. 在Storyboard的UIViewController中添加一个UIScrollerView。

  2. 设置UIScrollerView中的引导页面个图片为等高等宽约束。

  3. 第一张图片设置高度约束用来再viewDidLoad中改变成为屏幕高度。

当然事情并非直接拖拉就完事,其中的细节还是要注意的。


实现:

  1. 添加UIScrollerView到VC中,设置全屏约束。UIScrollerView添加一个唯一的容器UIView,这一点跟Android的ScrollerView一样。

    接着,XCode直接报错提醒,这个提醒是指没有设定ScrollerView的滑动方向说明,选择快速处理为UIScrollerView添加上下左右滑动限制,去除错误提醒,最后的时候再将左右滑动限制删除即可。快速处理如下图
  2. 设置UIScrollerView滑动分页效果,像Android的ViewPager滑动超过一半就默认转到下一个View。当然也可以在代码中设置
    scrollerview.pageEnable = YES; 这里重点体现点点鼠标就能完成,在IB勾上这一项:
  3. 拖拉5个UIImageView设置登高等宽和边距。如下图:
  4. 设置完之后,图片之间的间距还是要细调一下,为第一个图片设置高度约束,如下图:
  5. 为各个UIImageView设置图片值,拖来第一张图片的高度约束到VC中,重要的事情在于删除UIScrollerView 左右滑动约束。
  6. 终于到了结果的演示时间。

    运行效果
    Demo的代码地址:

https://github.com/minggo620/iOSWelcomePage.git

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值