iOS 中storyBoard的簡單使用

學(xué)習(xí)storyBoard冕末,我們首先要了解它的優(yōu)缺點:
優(yōu)點:可以快速開發(fā)弦讽、項目結(jié)構(gòu)清晰磕道、便于新人接收項目。
缺點:不利于團隊開發(fā) 文件易沖突讳侨。
iOS 9 storyBoard變化的:
通過storyboard references來連接不同的storyboard.
可以為view controller中添加額外的小的view塊.
可以在navigation bar中添加兩個按鈕.
如何將已有的storyboard分割成多個并且用到storyboard references呢呵萨?很簡單,選中你要分割的storyboard跨跨;

搭建UI框架
1潮峦、故事版中第一個頁面的箭頭,指向誰勇婴,就表示誰是初始頁面 (窗口上的rootViewController)
2忱嘹、如果刪除 系統(tǒng)的故事版 需要把target->general - >main interface:->修改成自己創(chuàng)建的 故事版名字

1.png

3、鏈接自己的故事版(工具欄)

工具欄.png
導(dǎo)入控件.png
3.png
5.png

(1)工具欄->報紙圖標(biāo)->class:這個類 是哪個
(2)storyID->查找這個類的標(biāo)記->一般寫本類的類名
(3)user storyBoard ID ->勾選上故事版的標(biāo)記 才會有效
(4)工具欄 ->鋼筆頭->is initial view controller:設(shè)置初始頁面箭頭(只能有一個)如果有使用故事版 就不能使用代碼去創(chuàng)建 窗口 (只能有一個主窗口)
(5)title:文件列表的 標(biāo)題的名字

(6)工具欄最后一個選項:表示這個類和其他類關(guān)系的->(分欄控制器viewController)(導(dǎo)航欄rootViewController)->關(guān)聯(lián)其他控制器 -> 點擊拖住按鈕到希望連接的控制器上
如果掛代理
(7)代碼創(chuàng)建的類 和 故事版中的類進行關(guān)聯(lián) -> 菜單欄->報紙->class:設(shè)置成代碼的類名
(8)故事版上面控件 添加觸發(fā)方法 和 與代碼進行關(guān)聯(lián)
點擊 故事版 ->點擊雙環(huán) 把故事版上需要關(guān)聯(lián)的控件 右鍵不松手 拖到代碼的.h文件 如果是添加方法選擇(action)如果是只關(guān)聯(lián)(outlets)
(9)添加約束

約束.png
給視圖添加約束.png

還要注意一點的是:如果如下圖中按鈕不能點擊的時候耕渴;

00.png
屏幕快照 2016-03-25 下午7.34.36.png

需要使用這種方法:

屏幕快照 2016-03-25 下午4.50.44.png

這樣就能點擊了拘悦。

(10)添加完約束之后,會有紅色或者黃色的警告橱脸,(紅色警告 是約束不合理础米,需要把約束去掉;黃色表示實際位置與約束位置不匹配添诉,修復(fù)一下就可)

設(shè)置sizeClass
(1)compact 緊湊
(2)any 任意
(3)regular 寬松
(4)設(shè)備區(qū)分
《1》3.5屁桑、4、4.7手機橫屏:CwCh
《2》手機橫屏:Ch
《3》5.5手機橫屏:RwCh
《4》手機豎屏:CwRh
《5》手機豎屏ipad的橫豎屏:Rh
《6》ipad的橫豎屏:RwRh
《7》ipad的橫豎屏:Rw
《8》任意:any

這里只是storyBoard簡單的使用栏赴,具體的在以后會慢慢補充蘑斧。(注:該文章是借鑒http://blog.treney.com/index.php/archives/StoryBoard.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子竖瘾,更是在濱河造成了極大的恐慌沟突,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件准浴,死亡現(xiàn)場離奇詭異事扭,居然都是意外死亡,警方通過查閱死者的電腦和手機乐横,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進店門求橄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人葡公,你說我怎么就攤上這事罐农。” “怎么了催什?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵涵亏,是天一觀的道長。 經(jīng)常有香客問我蒲凶,道長气筋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任旋圆,我火速辦了婚禮宠默,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘灵巧。我一直安慰自己搀矫,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布刻肄。 她就那樣靜靜地躺著瓤球,像睡著了一般。 火紅的嫁衣襯著肌膚如雪敏弃。 梳的紋絲不亂的頭發(fā)上卦羡,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天,我揣著相機與錄音麦到,去河邊找鬼虹茶。 笑死,一個胖子當(dāng)著我的面吹牛隅要,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播董济,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼步清,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起廓啊,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤欢搜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后谴轮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炒瘟,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年第步,在試婚紗的時候發(fā)現(xiàn)自己被綠了疮装。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡粘都,死狀恐怖廓推,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翩隧,我是刑警寧澤樊展,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站堆生,受9級特大地震影響专缠,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜淑仆,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一涝婉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧糯景,春花似錦嘁圈、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至怠惶,卻和暖如春涨缚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背策治。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工脓魏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人通惫。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓茂翔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親履腋。 傳聞我的和親對象是個殘疾皇子珊燎,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,573評論 2 359

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫惭嚣、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,120評論 4 61
  • 本文內(nèi)容:參考外文學(xué)習(xí)并使用Auto Layout悔政,順便翻譯記錄晚吞。 原文 Beginning Auto Layou...
    獨木舟的木閱讀 1,683評論 0 4
  • 最近和一個朋友鬧翻了,所以有點小感想谋国。我覺得吧槽地,友情就和愛情一樣,都不能將就芦瘾,交朋友不求門當(dāng)戶對但求志同道合捌蚊!物以...
    關(guān)雎爾Y閱讀 249評論 0 1
  • 好希望有這樣自信的模樣。 勾了鉛筆稿旅急,發(fā)現(xiàn)除開眼睛逢勾,鼻子好難畫。 用鋼筆勾的線藐吮,有點粗 本來想把頭發(fā)涂黑的溺拱,發(fā)現(xiàn)涂...
    54b4972e410d閱讀 269評論 2 5
  • 一、配置環(huán)境 首先安裝lnmp谣辞,安裝方法見lnmp.org wget -c http://soft.vpser.n...
    MingSha閱讀 1,241評論 0 0