IOS界面UI设计10之屏幕适配UITarbar、柱状图、相对位置

注意iphone九宫图中屏幕适配的情况只有三种，分别是iphone竖屏所有手机，横评手机，以及5.5 英寸横评手机。

在6+中可以针对横竖屏手机适配不同的frame大小。

类似UITabBar的下面的效果：

约束条件有：蓝色：左边 下面距离父控键为0. 高固定。距离红色为0.

红色：右边 下面距离父控键为0。高宽和蓝色相同。

约束条件可以参考如下：

在不同界面上定义不同大小的Button按钮。

背景View设置大一点，将2x 以及3x图片加入，然后设置图片的model为center模式即可。

蓝色区域占左边20%，宽为整个界面宽的1/2.

选择宽度相等，然后修改宽度的参数：

同理修改距离左边的距离，这样就完成了整个设置。

注意所有的条件都是闭合的，只要能最终确定一个UIView的xywh那么这个约束条件就是有效的。

另外还有一些其它的功能：

查看界面超出部分：

这个功能必须要运行模拟器，运行之后，

可以看到运行之后的模拟器的超出界面部分的效果。

查看各种尺寸手机以及预览效果：