首页 技术 正文
技术 2022年11月12日
0 收藏 323 点赞 3,933 浏览 666 个字

一些初学者经常在使用autoLayout时,做得效果不太理想,经常会出现界面错乱的情况。

本文章用一个小实例说明autoLayout的使用

非常的简单,只要记住 规则就可以使界面适屏布局,适配各种iphone手机的屏幕

1.新建一个swift项目(以Single View Application模板新建项目)

将Main.storyboard中的默认的ViewController 设为iPhone 4-inch 尺寸(也就是iphone 5s的屏幕大小)

一步一步学习Swift之(三):巧用AutoLayout布局

2.往View上放一些按钮(UIButton),并设置一下背景颜色,方便 看得清楚 。如图下

一步一步学习Swift之(三):巧用AutoLayout布局

这时候使用 iphone5s的模拟器运行,将看到屏幕很漂亮,但用iphone6 模拟器或iphone6 plus模拟器 再运行一下就全是向左上方向靠了。

一步一步学习Swift之(三):巧用AutoLayout布局

3.我们的目标就是要它像iphone5s模拟器上的样子。

首先处理第一个按钮:选中第一个按钮,点击下方 |-口-|这个图标,弹出的窗口,为其添加Constraints

一步一步学习Swift之(三):巧用AutoLayout布局

注意:这里是不用考虑数值的,默认是多少就是多少。只需要设置你所需要让按钮往哪边拉,占位置。

很明显第一个按钮需要添加:上左右的Constraints 并加上个高度Hight,让其高度固定

一步一步学习Swift之(三):巧用AutoLayout布局

4.同理第二排按钮中的第1个 应设置:左、上Constraints +固定宽Width+高Height。

视频演示地址:http://v.youku.com/v_show/id_XOTI2NTU4MDA4.html

原文出自:http://www.cnblogs.com/wuxian/p/4396962.html 转载就注明来源

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,488
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,903
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,736
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,487
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:8,127
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,289