新手引导页之全自动布局

简介: 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.四分之一都一样,垂直中心都一样。

相关文章
|
6月前
2024简约唯美的个人引导页源码
2024简约唯美的个人引导页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
159 4
|
8月前
宽屏好看的个人引导页源码
宽屏好看的个人引导页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果
83 5
宽屏好看的个人引导页源码
|
8月前
超级好看动态视频引导页源码
超级好看动态视频引导页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
54 0
超级好看动态视频引导页源码
如何实现一个丝滑的点击水波效果
本文为Varlet组件库源码主题阅读系列第九篇,读完本篇,可以了解到如何使用一个`div`创建一个点击的水波效果。
98 0
|
前端开发
整活系列(二)——整一个好看的毛玻璃登陆页面
昨天刷某站下饭的时候,看见了一个好看的登陆页面,于是昨天晚上用代码实现了一下,今天就拿出来分享给大家。
|
XML Android开发 数据格式
开发App抽屉功能,彻底掌握了吗?
在平时开发中,带有抽屉效果的App,应该还是挺多,今天就来看看这个效果是如何实现的,我们用DrawerLayout控件来实现!
313 0
|
前端开发 容器
短视频软件开发,实现搜索栏逐渐过渡动画
短视频软件开发,实现搜索栏逐渐过渡动画
201 0
|
XML Android开发 数据格式
界面无小事(六):来做个好看得侧拉菜单!
界面无小事(一): RecyclerView+CardView了解一下界面无小事(二): 让RecyclerView展示更多不同视图界面无小事(三):用RecyclerView + Toolbar做个文件选择器界面无小事(四):来写个滚动选择器吧!界面...
1403 0
|
Android开发
Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow
原文:Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow 这是一张QQ空间说说详情的截图。 分析: 1、点击右上角三个点的图标,在界面底部弹出一个区域,这个区域有一些按钮提供给我们操作 2、当该区域出现的时候,详情界面便灰了,也说成透明度变...
935 0
|
Android开发
【请教问题】kanzi如何实现类似安卓手机桌面滑动切换界面效果?
目前想用kanzi实现类似安卓手机的左右滑动切换桌面的效果。尝试了以下两种方法都没有实现。 方法一: 仿造例子程序album切换效果,将Trajectory List Box 3D中切换改为AngleTrajectory方式,可以实现切换,但是两个图片的间距太大,设置spacing参数到最小也还是有间距。
1240 0

热门文章

最新文章