ios UI的自适应和布局

        ios UI的自适应和布局

 

 

 用户通常想在旋转屏幕时，UI视图中的内容没有减少，UI中的视图控件可以根据当前的设备方向来调整布局，如果没有

 自适应和自动布局，当用户旋转屏幕时，有的控件不见了，这会让用户感觉自己失去了对app的控制，从而给你的app

 影响非常不好。

 

 自适应 size class给你带来福音。

 

 

 想象一下苹果设备中iPad iPhone 6 plus iPhone 6 iPhone5 iPhone5s iPhone4s, 如何使用size class

 来表示它们的不同的使用情况了；首先，设备的使用无非就是横屏和竖屏，横屏和竖屏的重要区别是对于人来说的它的宽高比

 发生了改变，size class定义了两种size class ，regular,compact,通过这两个size class，我们就可以枚

 举出不同设备的使用size class的表示。

 

 

 iPad不管横屏还是竖屏都是：regular width，regular height；

 iPhone 6 plus竖屏：regular height，compact width；

 iPhone 6 plus横屏：regular width，compact height；

 iPhone 6, iPhone 5, and iPhone 4s竖屏：compact width and regular height

 iPhone 6, iPhone 5, and iPhone 4s横屏：compact width and compact height

 

 

 在storyboard设计UI时你可以指定不同的情况来设计UI控件的大小布局和显示等，这样当设备处于不同的使用情况时就

 会根据你设计的方案对UI控件进行重新布局。

 

 有好的用户体验要注意的事项：

 1.每一个页面要聚焦到用户关心的内容：这个优先考虑，用户使用你的app就是它关心里面的内容，如果随意的改变聚焦，会让用户不知怎么办

 2.避免无理由的改变布局：可以通过改变UI控件的大小

 3.如果你只想让你的app运行在一个方向上的话，在开发时就指定它只能在一个方向上使用。

 4.用户很方便的聚焦的关心的内容

 5.使用相对平衡的大小颜色显示UI

 6.使用对齐，层次，阶梯的关系布局UI，

 7.必须保证用户理解主要内容在默认的大小

 8.有text内容的视图要根据内容来改变大小，即是可变的。

 9.尽可能的避免不一致的外观，具有相同功能和操作的UI应该有相同的样式，比如拨号键的数字按钮都是相同的样式。

 10.UI控件的布局不能太紧凑，否则用户很容易错误的点击和误操作。