码迷，mamicode.com
首页 > 其他好文 > 详细

0421 AutoLayout的实践/基本使用

时间：2015-04-21 20:38:56      阅读：172      评论：0      收藏：0      [点我收藏+]

标签：

历史:
从iOS 6开始 ,之前都是3.5英寸没有考虑到适配.
iPhone5 变成了4英寸,所以推出了Auto Layout
 
理解: 
另外一个体系,去描述位置.
 
像素:
点: 
 
// 勘误: 图中的像素应为 “点"
 
技术分享
 
技术分享
// 写上以上代码,就可以删掉系统创建的控制器和storyBoard了.
 
// 创建控制器,勾选Xib
技术分享[]
 
 
拖一个uiview
背景改成红色.
 
按住cotroller 往右拖,选右边
技术分享
技术分享
// 同理,选下边
 
// 在内部拖,height / width
技术分享 
 
共有4步骤
这样如果是iPad项目(upsideDown默认是勾选了)
4个效果:
可以看到,无论屏幕怎么变化,距离都保持距离一定;
而且,本身的尺寸也没有变化.
// 1)
技术分享
 
// 2)
技术分享
 
// 3)
技术分享
// 4) 
技术分享
 
注: 
层次关系:
技术分享
技术分享
 
// 控件居中:
1. bottom,
2. 内部height,width
3. 往上,如图: 有根竖线
技术分享
 
// 可以让红色的保持与蓝色的相对位置变化
技术分享
首先, 要确定蓝色控件的位置.
在确定红色参照蓝色的位置
技术分享
 
技术分享 // 虚线表示没加约束
 
// 给蓝色添加约束:如图 , 记得点击Add按钮
技术分享
 
// 红色往蓝色上拖动,4种可以改动:
有横向,纵向:
技术分享
技术分享
 
让红色的按钮,和蓝色按钮的宽和高
技术分享
 
// 约束也可以拖到.n文件
技术分享
// 于是就可以在系统中改变值.
技术分享
 
// 改进: 可以加动画
技术分享
 
// 改两个方向
 
需求:
1) 3个间距一样.
横屏时候: // 可以理解为iphone6 plus
技术分享
// 可以理解为 iPhone4s
技术分享
// 改变宽度参照的倍数.
技术分享
 
// 经验:
拖textField左右边距固定;
先放控件,再添加约束!!!
 
技术分享
// btn 5个约束(底)
上下左右高度
这个底部约束,拖控件,然后其他控件都相对往上升.
技术分享
// 倒数第二个 4个约束
左右上高度(下面已经添了)
// 最上那个, 3个约束
左右高度(上面一定不能添,要不然会有冲突)
左,上面一定不要(系统冲突了,不知道你要怎么放了)
 
 
// 按钮底部的约束拖线
// 监听键盘出来和消失
技术分享
技术分享
 
// 好习惯: 顺手把析构函数写了
技术分享
 
// 接下来完成键盘出现和消失的事件:
 
 技术分享
 
技术分享
 
代码: // 别忘了layoutIfNeeded
技术分享
 
// 不能用"加等于"
技术分享
 
// 接下来完善键盘降下来的操作. 
减等于
 
以上告一段落
要确定一个控件的位置,需要几个约束?
4个
不够描述的时候,会报错.
技术分享
// 约束多了或者少了都会报错
 
技术分享
// 修改
技术分享
 
// 补充:
如果想用代码写:
技术分享

0421 AutoLayout的实践/基本使用

标签：

原文地址：http://www.cnblogs.com/toxicanty/p/4445219.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！