屏幕适配

屏幕适配

1.目标

i4-320*480 ———– 计算Frame

iPad-768*1024 ——–Autoresizing — 让控件随父控件拉伸而拉伸 (不能同级别间控件)

i5-320*568 ————Autolayout —— 可以约束各个控件间位置(不能用于不同屏幕)

i6-375*667——————SizeClass—–根据不同设备不同约束(autoLayout).

i6s-414*736

2.步骤

• Autolayout约束参照是最近一个控件.
• Autoresizing和Autolayout不能同时使用.
• Autoresizing代码实现 –autoresizing属性枚举,基于坐标.
• Autolayout简单实用:
  
  • 公式:first.item.top = second.boom * multiplier + constant;
  • 现设屏幕边的约束,一个控件约束最多四个.
  • 代码操作时,可以把约束拖尾NSLayoutConstraint类型属性.
  • 利用Masonry框架.

一、固定一个控件的步骤：

 1.先确定固定哪几个约束，一般一个控件最多4个约束。
 2.设置约束，技巧：先确定需要固定的约束，再去修改值。为什么不能先修改值，因为如果以后先添加一个约束，会把值还原。

 Autolayout经验：
 1、如果一个控件出错，最好先把之前的约束全部   清空，然后再重新添加。
 2、注意使用control方式参照另外一个view，只能添加约束，约束的值默认都是当前的值，如果当前的值不是我们想要的效果，只需要找到对应的约束修改值就好了。
 3、如果需要布局很多子控件，先布局好父控件，在布局子控件。
 4、一般情况下，都是先固定好一个控件，然后其他控件参照这个控件约束。
 5、特殊情况：如果需求中各个子控件的间距一致，宽度需要自动计算，这时候需要把所有子控件拖进去，并且放在一条平行线上进行约束。

二、autolayout错误提示：

 黄色警告：当前控件的Frame和约束的Frame不符合，怎么解决：更新frame,（cmd + option + =）
 红色错误：1.丢失约束（控件的位置不能确定）2.约束冲突（控件的约束多，系统不知道跟随哪一个约束）

三、sizeClass笔记：

 sizeClass作用：用于区别不同屏幕。
 sizeClass的布局使用经验：如果使用了any,any的尺寸，约束控件，就不能在其他的尺寸下去，约束了，否则会报约束冲突，any,any一般不推荐使用，什么时候才使用，如果以后只需要关心一套屏幕适配约束的时候，就可以使用any,any.只要以后需要不同尺寸进行约束，就需要根据不同尺寸的进行屏幕适配。

 sizeClass中添加子控件的经验，如果一个控件在任何屏幕下都需要显示，在any,any的尺寸下先拖进去，而不是先确定屏幕尺寸，再去拖控件，会容易造成一个Bug,控件在另外一种尺寸下消失。

 images.xcassets里面也可以根据不同的尺寸，设置不同的图片
 *:any
 -:compant
 +:regular

四、autoresizing和autolayout区别和使用注意

 只要我们项目中使用autoresizing，必须把autolayout，两个不能同时支持
 autoresizing:依赖于frame
 autoresizing：只能用于子控件和父控件产生联系

 autolayout：用于各个控件之间产生联系
 autolayout:不依赖与frame

 以后枚举中如果有移位运算符<<,>>,就可以用并|,表示同时支持多个枚举
 UIViewAutoresizingNone                 = 0, 不拉伸
 UIViewAutoresizingFlexibleLeftMargin   = 1 << 0, =》左边间距需要随着父控件拉伸而拉伸
 UIViewAutoresizingFlexibleWidth        = 1 << 1, =》宽度需要随着父控件拉伸而拉伸
 UIViewAutoresizingFlexibleRightMargin  = 1 << 2, =》右边间距需要随着父控件拉伸而拉伸
 UIViewAutoresizingFlexibleTopMargin    = 1 << 3, =》顶部间距需要随着父控件拉伸而拉伸
 UIViewAutoresizingFlexibleHeight       = 1 << 4, =》高度间距需要随着父控件拉伸而拉伸
 UIViewAutoresizingFlexibleBottomMargin = 1 << 5  =》底部间距需要随着父控件拉伸而拉伸

五、autolayout公式：firstItem.top = second.bottom * multiplier + Constant
multiplier：乘积

七、storyboard中专业名称解释

 按照control键参照另外一个控件的专业术语解释：
 Horizontal Space:水平间距
 Vertical Space:垂直间距
 Centen Y:中心点Y值一致，用来固定控件垂直
 Centen X:中心点X值一致，用来固定控件水平位置
 TOP:顶部一致
 Bottom:底部一致
 Equals Widths:宽度相等
 Equals Heights:高度相等

 如何让一个控件是另外控件宽度一半：先让两个控件的宽度产生关系，然后再修改值。
 red.width = blue.width * 0.5 + 0

八、Autolayout代码实现
一、如何判断约束添加到哪个view，如果约束中参考了其他view，就添加到父控件上，如果只参照自己（宽，高），都是添加到自身控件上。