Interface Builder中的技巧

在我工做中常常會遇到有人吐槽Xcode中的interface builder（如下簡稱IB）很差用的開發者。在我看來，IB是一個很是棒的可視化開發工具，能夠很是快捷的設置UI控件的大部分經常使用屬性。下面就說兩個IB中的技巧：

 

1.快速顯示元素相對位置
這個技巧由@餘書懿在新浪微博分享。
在IB中，選中一個control A,而後按住alt鍵，鼠標指向B，就顯示A和B的相對位置關係，指向父view也行。

2.給頁面添加水平、垂直輔助線
這個技巧是由我一個好朋友，同時也是陌陌的產品經理髮現的。
IB中是能夠添加水平和垂直的輔助線的。而且輔助線是能夠拖動、重複添加和刪除的。 
水平輔助線的快捷鍵是：Command ＋ Shift ＋ －
垂直輔助線的快捷鍵是：Command ＋ Shift ＋ ｜
固然，也能夠經過菜單命令來生成，位置在Editor菜單下,以下圖：

輔助線的生成位置是由當前選定的view的中心點決定的，也就是說，若是當前選定了根view，那麼將生成根view的輔助線；若是選中的是某一個UI控件，那就以這個控件的中心點生成。 （注意下圖的UILabel & UIButton）

有了輔助線就能夠輕鬆根據輔助線對齊控件（輔助線能夠吸附），拖動輔助線能夠查看輔助線把視圖分割的兩部分大小。

至於刪除輔助線嘛，就是把輔助線在其方向上移出視圖邊界，你會聽到嗖地一聲同時會看到一個丟紙團的動畫，那就代表刪除輔助線成功了。

小結：從我自身來說，一開始作iOS開發也不是很愛用IB這個東西，感受調整起來很是彆扭。可是隨着我作開發時間的變長，我愈來愈以爲IB很是好使，很是直觀與節省時間。以前在《程序員》上看過一位計算機博士寫的連載文章：《Mac OS X 背後的故事》，其中有一個章節是講Interface Builder的，瞭解了IB的前因後果，才知道IB是喬幫主極力推崇的好東西。在我看來，IB纔是Xcode這個IDE不同凡響和精華所在，不會使用IB的iOS開發者不能算是真正iOS開發者，由於他從沒有真正走進喬幫主的心裏世界！

以上只是本人一家之言，各位看看了解一下就能夠了，習慣這個東西不是那麼容易改的。