iOS_UI_14_可視化StoryBoard

第十四章 可視化StoryBoard

1.Xib和StoryBoard的對(duì)比
    相同點(diǎn):都屬于IB編程的方式梅惯,可以快速構(gòu)建GUI胎挎。
    不同點(diǎn):xib側(cè)重于單文件(單獨(dú)的控制器或者視圖)編輯后裸,storyBoard側(cè)重于多頁(yè)面關(guān)聯(lián)。storyBoard可以直觀的梳理出頁(yè)面間的邏輯因谎,并且所有頁(yè)面跳轉(zhuǎn)邏輯均可在- (void)prepareforSegue:(UIStoryBoardSegue*)segue:(id)sender方法完成繁仁,方便界面間數(shù)據(jù)統(tǒng)一管理
2.注意事項(xiàng):不需要手動(dòng)創(chuàng)建window,只需將創(chuàng)建好的StoryBoard在應(yīng)用程序配置General中設(shè)置為Main Interface
3.我們可以通過(guò)選中控制器缰猴,修改 (is initial View Controller)氛琢,或者直接移動(dòng)表示程序入口的箭頭
4.利用StoryBoard繪制自定義單元格
    1.創(chuàng)建自定義cell是選中左側(cè)TableViewCell
    2.繪制自定義UI界面
    3.設(shè)置重用標(biāo)識(shí)符
    4.將storyBoard文件關(guān)聯(lián)至對(duì)應(yīng)的UITableViewControll'er和UITableViewCell子類(lèi)(自己創(chuàng)建的類(lèi))
    5.在UITableViewController中完成代碼書(shū)寫(xiě):設(shè)置section和row數(shù)量喊递,設(shè)置cell,根據(jù)實(shí)際情況調(diào)整cell的高度
    6.注意:cell不再需要注冊(cè)
5.StoryBoard頁(yè)面跳轉(zhuǎn)分為兩種
    1.代碼方式:使用代碼通過(guò)控制器標(biāo)識(shí)來(lái)跳轉(zhuǎn)阳似。比如在當(dāng)前頁(yè)面的某一個(gè)事件中跳轉(zhuǎn)到一個(gè)標(biāo)示為“customVC”的控制器頁(yè)面中:[self performSegueWithIdentifier:@"customVC" senderL:nil];
    2.連線方式:直接使用拖拽可以給按鈕連線關(guān)聯(lián)兩個(gè)頁(yè)面:選中按鈕骚勘,按住control,從按鈕向下一級(jí)頁(yè)面連線,按鈕不需要添加響應(yīng)方法
    3.方式:
        push:push出下個(gè)界面
        modal:模態(tài)出下個(gè)界面
        custom:自定義俏讹,需要我們自己實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)当宴,需要自定義segue
6.segue:可視化編程中連接兩個(gè)頁(yè)面的線條,稱(chēng)為segue
    1.iPhoneGUI開(kāi)發(fā)中類(lèi)型主要有三種泽疆,包括push户矢、modal、custom
    2.其中custom需要我們自定義segue來(lái)完成頁(yè)面間跳轉(zhuǎn)
    3.segue有三個(gè)重要屬性:標(biāo)識(shí)符殉疼,源控制器梯浪,目標(biāo)控制器
7.自定義segue
    1.新建一個(gè)類(lèi)繼承于UIStoryboardSegue
    2.選中前一個(gè)控制器,按住control鼠標(biāo)輔助完成連線株依,選擇custom
    3.選中自定義segue驱证,設(shè)置segue的identifier以及關(guān)聯(lián)類(lèi)
    4.在segue類(lèi)里面重寫(xiě)perform方法(界面間跳轉(zhuǎn)默認(rèn)執(zhí)行的方法)延窜,自定義跳轉(zhuǎn)效果
      - (void)perform{
          //獲取源控制器
          UIViewController *v1 = (UIViewController*)self.sourceViewController;
          //獲取目標(biāo)控制器
          UIViewController *v2 = (UIViewController*)self.destinationViewController;
          //自定義頁(yè)面切換效果
          [UIView transitionFromView:v1.view toView:v2.view duration: 10 options:UIViewAnimationOptionTransitionCurlDown completion:^(BOOL finished) {
          //動(dòng)畫(huà)完成后執(zhí)行的部分
          ???????????????????? }];
      }
8.界面?zhèn)髦?    storyboard界面間跳轉(zhuǎn)會(huì)執(zhí)行
        - (void)prepareForSegue:(UIStoryboardSeugue*)segue sender:(id)sender方法恋腕,方便界面間數(shù)據(jù)統(tǒng)一管理。
    依據(jù)不同的segue標(biāo)識(shí)符來(lái)完成數(shù)據(jù)處理
    - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
        CustomViewController *customVC = (CustomViewController*)segue.destinationViewController;
         if ([segue.identifier isEqualToString:@"push"]) {
             customVC.tempString = self.textField.text;
           }else{ NSLog(@"其他情況處理??????????????????");
        } 
        
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末逆瑞,一起剝皮案震驚了整個(gè)濱河市荠藤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌获高,老刑警劉巖哈肖,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異念秧,居然都是意外死亡淤井,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)摊趾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)币狠,“玉大人,你說(shuō)我怎么就攤上這事砾层′雒啵” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵肛炮,是天一觀的道長(zhǎng)止吐。 經(jīng)常有香客問(wèn)我,道長(zhǎng)侨糟,這世上最難降的妖魔是什么碍扔? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮秕重,結(jié)果婚禮上不同,老公的妹妹穿的比我還像新娘。我一直安慰自己悲幅,他們只是感情好套鹅,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布站蝠。 她就那樣靜靜地躺著,像睡著了一般卓鹿。 火紅的嫁衣襯著肌膚如雪菱魔。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,007評(píng)論 1 284
  • 那天吟孙,我揣著相機(jī)與錄音澜倦,去河邊找鬼。 笑死杰妓,一個(gè)胖子當(dāng)著我的面吹牛藻治,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播巷挥,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼桩卵,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了倍宾?” 一聲冷哼從身側(cè)響起雏节,我...
    開(kāi)封第一講書(shū)人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎高职,沒(méi)想到半個(gè)月后钩乍,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怔锌,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年寥粹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片埃元。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡涝涤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出亚情,到底是詐尸還是另有隱情妄痪,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布楞件,位于F島的核電站衫生,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏土浸。R本人自食惡果不足惜罪针,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望黄伊。 院中可真熱鬧泪酱,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至斯撮,卻和暖如春经伙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背勿锅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工帕膜, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人溢十。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓垮刹,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親张弛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子荒典,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

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