• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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

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

 

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

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

 

 

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

 

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

 

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

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

 

 

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

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

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

 

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

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Swift - 自动优化照片,改善图像质量发布时间:2022-07-13
下一篇:
开源 | Objective-C & Swift 最轻量级 Hook 方案发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap