Stroyboard是蘋果在 iOS 5 中引入的新技術,讓純代碼變成了一個可視化的界面,讓nib、xib有一種更加直觀的展示,幾十行甚至幾百行的代碼搞定的一個控件,如今只要動動手指就能完成一個控件了,初學者學到的絕大部分都是教你怎麼使用StoryBoard的而不是怎麼用純代碼,可是我本身更加喜歡純代碼,總以爲本身敲出來的代碼更加能信任,修改起來也會更加簡單。spa
一開始我覺得純代碼跟可視化界面實際上是同樣的,看我的喜愛選擇用什麼方法,後來查了資料發現,若是是一個大的項目,用可視化界面,那麼團隊就不能協調完成任務了,可是純代碼就是能夠這麼任性,再多的人也是能夠協調完成的,可視化的界面能夠在小的地方使用,好比在xib上使用,用xib作一個書籍的展現View。3d
好了,閒話很少說,如今來介紹下StoryBoard。StoryBoard 的本質是一個 XML 文件,描述了若干窗體、組件、Auto Layout 約束等關鍵信息。可是,咱們應該認識到一個更重要的本質:使用 StoryBoard 的iOS 項目均以初始化 Stroyboard 文件做爲整個程序的初始化入口,UIViewCOntroller 類是因爲被 Storyboard綁定而初始化的,從而開始運行的。調試
這一塊紅色的就是沒有修改尺寸最原版的Stroyboard,初學者沒有學過約束以前須要手動修改它的尺寸,選中View Controller,按住opt + cmd + 4,在右邊會出現Simulated Metrics,找到裏面的Size,選擇iPhone 4.7-inch,這樣他的尺寸就變成了適合iPhone 6 iPhone 6S的屏幕的大小了。code
上圖就是Xcode裏面自帶的全部控件了,在裏面左鍵按住而後拖到Stroyboard上,cmd + R 運行就能在模擬器上看到你拖得控件顯示出來了。是否是特別的簡單。blog
Stroyboard上還有不少的東西須要本身去研究,師傅領進門,修行靠我的,不少東西看了半天聽了半天,也不必定有你本身寫一行代碼,本身動手作作好。開發
Auto Layoutcmd
最後再扯一扯Auto Layout,這個跟 Stroyboard 是天做之和,配合默契,能夠大幅提升 UI 開發效率,一次性作出適合全部屏幕尺寸的UI,不須要用frame一個一個的計算,會很是麻煩,要慢慢調試的,而可視化界面就不須要了,能夠直接看到,不過設置約束也要本身多多練習才能熟能生巧的。效率