XIB 中autoLayout布线技巧

xib中布线中各种机型的效果

这些按钮的位置是动态的各种屏幕中都是均等分

屏幕快照 2016-07-01 下午3.20.28.png

布线要点

1. 先在某一尺寸下(iphone 6)算出每个控件的绝对值,即在未拖线的情况下针对某一机型布局是OK的,这一步做了方便后面的拖线,未布线之前达到如下效果

   
   
   

   屏幕快照 2016-07-01 下午3.18.08.png

2. 使用autolayout的各种技术布线,主要是操作如下三个界面

屏幕快照 2016-07-01 下午3.26.16.png

屏幕快照 2016-07-01 下午3.26.33.png

屏幕快照 2016-07-01 下午3.27.02.png

3.特殊的线先布,后面的布线一块块控件的布,

屏幕快照 2016-07-01 下午3.22.41.png

步完了,一块布完的标志是错误和警告都没有了,选择updateframe 看看布线效果, 再撤销(让界面回到布局好的状态),继续下一块布线

屏幕快照 2016-07-01 下午3.29.46.png

一块步好了,再布下一块

屏幕快照 2016-07-01 下午3.28.43.png

如果没有一定的顺序和规律,会凌乱的,下面这么多线按照上述顺序,丝毫不会感到任何凌乱

屏幕快照 2016-07-01 下午3.38.34.png