如何使用UIScrollerView在StoryBoard实现上下引导页面
展开全部
思路:
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 左右滑动约束。
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 左右滑动约束。
微测检测5.10
2023-05-10 广告
2023-05-10 广告
您好!建议咨 深圳市微测检测有限公司,已建立起十余个专业实验室,企业通过微测检测就可以获得一站式的测试与认 证解决方案;(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量),认证遇...
点击进入详情页
本回答由微测检测5.10提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询