新手引导页之全自动布局

简介: storyboard创建新手引导页 原理: 1.添加Scroll View,用约束设置Scroll View的frame。 2.添加View,作用是相当于设置Scroll View的contentSize,也是用约束。

storyboard创建新手引导页

原理:

1.添加Scroll View,用约束设置Scroll View的frame。

2.添加View,作用是相当于设置Scroll View的contentSize,也是用约束。

3.添加imageView,设置位置和图片,也是用约束,作用相当于设置新手引导页的图片。

详解:

 

1.添加Scroll View,用约束设置Scroll View的frame。

创建一个Scroll View,添加约束据self.view上下左右都为0,这一步可以相当于设置Scroll View的frame的大小。

2.添加View,作用是相当于设置Scroll View的contentSize,也是用约束。
在Scroll View上再添加一个View(为了不和系统自带的View一样,所以最好重命名一下),设置一下约束,高和系统自带的View(就是self.view)的高一样,宽是系统自带的宽View(就是self.view)宽的4倍(假设新手引导页有四张图片,如果有五张图片的话这个地方就要设置为宽的5倍),然后就是据父视图(就是Scroll View)设置约束上下左右都为0(就是说Scroll View内容的大小就会和这个View的大小一样,添加的这个View就相当于设置了Scroll View的contentSize,view的大小也就是contentSize的大小,前提是你得设置约束,view据父视图(Scroll View)的上下左右都为0才可以)。
3.添加imageView,设置位置和图片,也是用约束,作用相当于设置新手引导页的图片。
首先新手指导页是用图片组成的,有几个图片就添加几个imageView,然后就是利用约束设置imageView的起始位置和大小。
假设这里有四个imageView,首先设置第一个imageView的起始位置和大小。
添加约束,和View同高,宽为View的四分之一,就是0.25,水平中心为View中心的四分之一,垂直中心和View的中心一样。
第二个的imageView的设置方法也差不多,都是以父视图View加约束高都一样,款也都是一样,水平中心的改为0.75,垂直中心都一样。
同样的,第三个和第四个只要更改水平中心的改为1.25和1.75就可以了,高度和View都一样,宽度和View.四分之一都一样,垂直中心都一样。

相关文章
|
Android开发 iOS开发
iOS 替换WebView网页图片为本地图片
iOS 替换WebView网页图片为本地图片
498 0
|
Android开发
Android获取设备状态栏status bar高度的正确姿势
Android获取设备状态栏高度的正确姿势 正确代码方式: int height = 0; int resourceId = getApplicationContext().
7255 0
|
1月前
|
移动开发 小程序 JavaScript
uniapp
uniapp
548 130
|
16天前
|
数据采集 监控 BI
破解数据治理困局:从“甩锅大战”到协同作战
企业数字化转型中,数据治理常陷入业务、IT与数据团队相互推诿的“三国杀”。根源并非技术问题,而是责任不清、机制缺失与协作文化错位。需构建“三层架构”、明确RACI责任矩阵,推动业务主导、技术支撑、数据协同的共治体系,通过规则三件套、双语专员、问题日志等工具落地,实现从“甩锅”到“共建”的转变。
89 6
|
存储 安全 Java
Android 面试题及答案整理,最新面试题
Android 面试题及答案整理,最新面试题
496 2
计算机硬件清洁与防尘
【8月更文挑战第2天】
698 1
|
API Python
【Python】已解决:urllib.error.HTTPError: HTTP Error 403: Forbidden
【Python】已解决:urllib.error.HTTPError: HTTP Error 403: Forbidden
3729 2
|
XML Java API
Android 沉浸式状态栏必知必会
Android 沉浸式状态栏追根究底
1276 0
|
应用服务中间件 测试技术 nginx
详解nginx如何代理静态资源(长搜索路径优先)
详解nginx如何代理静态资源(长搜索路径优先)
1533 0
|
机器学习/深度学习 人工智能 达摩院
日均调用量超13亿次,阿里达摩院研发全球首个实时翻译直播
近几年来,直播电商到处开花,但绝大多数都是国内的中文直播。如果想买外国电商主播推荐的商品,语言不通怎么办?这一难题已被阿里巴巴(下称 “阿里”)攻克,阿里速卖通是面向全球海外消费者设立的电商平台,它和淘宝一样,也面向所有终端消费者,但区别是速卖通是面向全球 200 多个国家和地区的电商平台。
36105 0
日均调用量超13亿次,阿里达摩院研发全球首个实时翻译直播