idea...
iOS工程師：「畫面要用程式寫出來，好累人啊，除了花時間，還要假想畫面呈現的結果，若不如預期，又要回來調程式，真是麻煩。」
Apple：「好吧，那我給你一個工具，讓你一邊看著畫面一邊調整內容，完全視覺化設計畫面的工具，嗯，就叫這工具為"Interface Builder"吧。」
建好一個名為"Interface_Builder"的專案後，我們先來作一些前置的基礎設定，好開始一些功能，在您的左上角設定如下：
選取下列選項，當然選取"MainStoryboard.storyboard"時，這時就會在中間開啟一個視覺化的設計畫面，這就是"Interface Builder"
第1步：在右邊的工具中拖拉入您想要的元件，在此拖入一個"Switch"至中間的畫面中，這時您就會發現畫面中增加了一個"Switch"在畫面中。
第2步：當然，您也可以拖拉更多元件至Interface Builder畫面中。這就是"Interface Builder"所為能帶來的功能 - 以視覺化設計畫面的功能。
第3步：接下實際執行程式，而這些元件也確實可在iOS中被操作，這就是"Interface Builder"所為我們帶來的好處，在一行程式都不用寫的情況下，畫面卻已透過視覺的方式佈置完成。
Interface Builder運作原理：
在設計時，"Interface Builder"會以XML的方式將畫面的配置保存下來，因此若您透過文字編輯器打開 "MainStoryboard.storyboard"，您會發現其真的以XML的方式描述畫面的配置。
而過去在iOS中常聽到".xib"檔，即是iOS用來描述一個畫面配置用的，其也是以XML的方式保存，".xib"檔編譯後，就會變成二進位的".nib"檔。
那".storyboard"檔又是什麼呢?! 其實您可以想像成是多個".xib"檔的集合，換句話說".storyboard"檔其中會包含多個畫面的XML模述於檔案中，在編譯後也會產生出多個對應的".nib"檔，以供程式執行時使用。
以下，即是將"MainStoryboard.storyboard"以文字編輯器打開後的內容：
