Interface Builder的一些小技巧(轉(zhuǎn)載)

原文地址:onevcat.com/2013/12/code-vs-xib-vs-storyboard/? 感謝大牛
一些IB小技巧

最后分享一些IB使用上的小技巧作為結(jié)束吧。其中很多方法也可以用在StoryBoard上,所以在向我自己之前xib使用者生涯致敬的同時,也算是一點小的備忘總結(jié)吧。

同時添加多個outlet

在IB中,選中一個view并右鍵點擊,將會出現(xiàn)灰色的HUD,可以在其上方便地拖拉或設(shè)定事件和outlet。你可以同時打開多個這樣的面板來一次性添加所有outlet。右鍵點擊面板,隨便拖動一下面板,然后再打開另一個。你會發(fā)現(xiàn)前一個面板也留下來了,這樣你就可以方便地進(jìn)行拖拽設(shè)定了。


當(dāng)然,對于成組和行為類似的IBOutlet,應(yīng)該直接使用IBOutletCollection來進(jìn)行處理會更方便。

可視化坐標(biāo)距離

IB最煩人的問題就是對其。用代碼的時候我們可以明確地指定x,y坐標(biāo),但是換到IB的時候我們更多的時候是靠拖拽UIView來布局。比如需要三個間隔相同的label,除了用強(qiáng)大的肉眼來估測距離是否相等以外,難道只能乖乖分別選中三個label,記下它們的坐標(biāo)然后打開計算器來做加減法么?顯然不要那么笨,試試看選中一個label,然后按住option鍵并將鼠標(biāo)移動到其他label上試試?你可以發(fā)現(xiàn)view之間的距離都以很容易理解的方式顯示出來了。不僅是同層次的view,被選中view與其他層次的view之間的距離關(guān)系也可以同樣顯示。

在一組view層次中進(jìn)行選擇

對于一些復(fù)雜的view層級關(guān)系,我們往往直接在IB中選擇會比較困難。比如view相互覆蓋時,我們很難甚至不能在編輯視圖中選中底層的view。這時候一般的做法是打開左側(cè)的view層級面板,一層層展開然后選擇自己需要的view。其實我們也有更簡單的方法:按住Cmd和Shift,然后在需要選擇的view上方按右鍵,就可以列出在點擊位置上所有的view的列表。藉此就可以方便快速地選中想要的view了。


添加輔助線

這么高大上的技巧必須放在最后啊...在左邊的層級列表中雙擊某個view,然后Cmd+_或者Cmd+|即可在選中的view上添加一條水平或者垂直中心的輔助線。當(dāng)然這個輔助線是可以隨意移動的。如果干過設(shè)計的同學(xué)肯定明白這個的意義了,在之后的對齊和設(shè)計變更的時候都有重要的參考價值。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容