IOS适配专题

• 什么是适配：

  适应、兼容不同版本不同尺寸的移动智能设备
  iPhone尺寸：3.5、4.0、4.7、5.5 inch(英寸)
  iPad尺寸：7.9、9.7inch，横竖屏适配

• 点与像素

  非retaina屏：1个点 = 1个像素
  retain屏：1个点 = 4个像素

• 设备分辨率

  
  
  

  Paste_Image.png

• 什么是Autolayout

   1>  是一种“自动布局”技术，专门用来布局UI界面的
   2> 自iOS 6开始引入，由于Xcode 4的不给力，当时并没有得到很大推广
   3> 自iOS 7（Xcode 5）开始，Autolayout的开发效率得到很大的提升
   4> 苹果官方也推荐开发者尽量使用Autolayout来布局UI界面
   5> Autolayout能很轻松地解决屏幕适配的问题

4. Autoresizing

     Autoresizing:屏幕适配局限性比较大（如不能布局兄弟控件适配），没Autolayout方便
     Autoresizing四周的四个线的作用：
   

   1.Autoresizing四周的四根线的作用:
   只要勾选上某一根, 那么当前控件距离父控件的距离就是固定的, 当前是多少, 以后永远都是多少

   2.Autoresizing中间两条线的作用:
   只要勾选上水平方向的线, 那么当前控件的宽度就会随着父控件的宽度等比拉伸
   只要勾选上垂直方向的线, 那么当前控件的高度就会随着父控件的高度等比拉伸

   3.有父子无兄弟
   还是让子控件随着父控件的宽高的变化而变化
   都是父子关系, 所以Autoresizing只能约束父子控件之间的关系, 不能约束兄弟控件之间的关系（有局限性相比较Autolayout）

2> Autoresizing实例一：放四个View到storyboard四个角，适配不同屏幕尺寸。

Paste_Image.png

(2) 设置四周View的指定位置即可。

Paste_Image.png

• Autolayout屏幕适配

  1> Autoresizing,在Autolayout之前，有Autoresizing可以作屏幕适配，但局限性 较大，有些任务根本无法完成
  2> 相比之下，Autolayout的功能比Autoresizing强大很多
  3> Autolayout的2个核心概念
  3.1 参照
  3.2 约束
  1.约束
  每在Storyboard中添加一个设置(autolayout的设置), 就代表添加一个约束

  2.错误(红色箭头)
  如果看到Storyboard中有红色的箭头, 代表约束有错误
  注意: 约束有错误, 不代表运行会错误, 约束有错误同样可以运行
  注意: 红色箭头是程序员必须解决的

  3.为什么会有约束错误?
  3.1缺少约束
  3.2约束冲突
  3.1缺少约束
  >autolayout的本质和frame差不多
  >如果通过frame来设置一个控件, 必须设置这个控件的x/y/w/h, 控件才能按照我们的需求显示
  >如果是通过autolayout来设置一个控件, 也必须设置这个控件的x/y/w/h, 控件才能按照我们的需求显示
  >也就是说, 如果说x/y/w/h只要有一个没有设置都会报错, 就是缺少约束
  3.2约束冲突
  >约束可以重复添加
  >例如先约束宽度等于100, 又添加一个约束, 约束宽度等200, 那么就会报错
  红色:
  距离顶部有20 == 相当于设置了Y
  距离左边有20 == 相当于设置了x
  设置宽度等于100
  设置高度等于100

  4.警告
  如果看到Storyboard中有黄色的箭头, 就是警告

  代表着当前控件预览的位置或者尺寸和我们约束的位置尺寸不一样
  注意:黄金警告并不会影响我们运行
  注意:黄色箭头, 程序员可以忽略
  处理屏幕适配：

第一种方式：通过storyboard右下角图案处，点击可进行处理屏幕适配

Paste_Image.png

1.对齐方法可设置（storyboard右下角可见）

Paste_Image.png

2、设置相对位置、宽高等

Paste_Image.png

3、设置控件与所有控件的约束操作（删除与更新等操作于约束）

Paste_Image.png

第二种方式：按住“control”键，可以在控件自己，或者直接拖拽到其他控件上，会弹出对话框，可选择添加约束，来适配
注意：往左边相对左边，同理向右边相对右边设置约束，向下相对底部，向上相对顶部

Paste_Image.png