0421 AutoLayout的实践/基本使用

历史:

从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个

不够描述的时候,会报错.

// 约束多了或者少了都会报错

// 修改

// 补充:

如果想用代码写:

转载于:https://www.cnblogs.com/toxicanty/p/4445219.html

0421 AutoLayout的实践/基本使用相关推荐

Autolayout第三方库Masonry的入门与实践
在如今的iOS开发中,Autolayout已经是不得不使用了,而且是我们主动的去拥抱Autolayout.使用Autolayout最普遍的方式就是在xib或者storyboard中可视化的添加各种约束 ...
转帖Masonry介绍与使用实践(快速上手Autolayout)
前言 1 MagicNumber -> autoresizingMask -> autolayout 以上是纯手写代码所经历的关于页面布局的三个时期在iphone1-iphone3gs时 ...
Masonry介绍与使用实践：快速上手Autolayout
今天看到的就转过来以防以后有需要,http://www.cocoachina.com/ios/20141219/10702.html 前言 1 MagicNumber -> autoresizi ...
iOS Masonry介绍与使用实践(快速上手Autolayout)
前言 MagicNumber -> autoresizingMask -> autolayout 以上是纯手写代码所经历的关于页面布局的三个时期在iphone1-iphone3gs时代 ...
IOS Masonry介绍与使用实践：快速上手Autolayout
转载大神:http://www.cocoachina.com/ios/20141219/10702.html 前言 MagicNumber -> autoresizingMask -> a ...
Android关于Task的一些实践之SingleTask, SingleInstance和TaskAffinity
上一篇文章粗略地介绍了一下关于Android中Task的基本知识.只是实践才是检验真理的唯一标准,所以.今天就来试验一下Task中的launchMode是否真的实现了文档所说的那样. 首先.定义三个A ...
iOS8开发～UI布局（三）深入理解autolayout
一.概要通过对iOS8界面布局的学习和总结,发现autolayout才是主角,autolayout是iOS6引入的新特性,当时还粗浅的学习了下,可是没有真正应用到项目中.随着iOS设备尺寸逐渐碎片化 ...
iOS8开发～UI布局（二）storyboard中autolayout和size class的使用详解
一.概要:前一篇初步的描述了size class的概念,那么实际中如何使用呢,下面两个问题是我们一定会遇到的: 1.Xcode6中增加了size class,在storyboard中如何使用? 2.a ...
寒哥细谈之AutoLayout全解
看到群中好多朋友还停留在Frame布局的痛苦时代,以及有些开发者接手别人的就项目发现布局一团乱. 而且没有启动图的时候并不是真正真正适配iPhone 6(S).iPhone6(S) Plus等设备 . ...

0421 AutoLayout的实践/基本使用

0421 AutoLayout的实践/基本使用相关推荐

最新文章

热门文章