故事板實(shí)現(xiàn)標(biāo)簽導(dǎo)航

在洋縣等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需規(guī)劃網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都全網(wǎng)營(yíng)銷,外貿(mào)網(wǎng)站制作,洋縣網(wǎng)站建設(shè)費(fèi)用合理。

用故事板技術(shù)實(shí)現(xiàn)標(biāo)簽導(dǎo)航模式。

使用“Tabbed Application”模版，創(chuàng)建一個(gè)名為 “TabNavigationStoryborad”的工程。勾選“Use Storyborads”、“Use Automatic Reference Counting”。創(chuàng)建完成之后打開MainStoryboard.storyboard。

三個(gè)Controller Scene 會(huì)有由一些線連接起來，這些線就是Segue，看到它是否想起了動(dòng)畫書中的“故事板”，事實(shí)上，iOS故事板起源于動(dòng)畫行業(yè)。故事板開始的一端是“Tab Bar Controller Scene”它是根視圖控制器，圖中有兩個(gè)Segue它們描述了“Tab Bar Controller Scene”與“First View Controller Scene”和“Second View Controller Scene”之間的關(guān)系。

我們需要修改兩個(gè)現(xiàn)有的Scene，然后再添加一個(gè)Scene，才能滿足我們的業(yè)務(wù)需求。修改兩個(gè)現(xiàn)有的Scene很簡(jiǎn)單，按照上一節(jié)修改視圖控制 器命名就可以了，然后Scene就會(huì)跟著變化。添加一個(gè)Scene到設(shè)計(jì)畫面中如圖6-40所示，從對(duì)象庫(kù)中拖拽一個(gè)“View Controller”到設(shè)計(jì)畫面中。

添加一個(gè)Scene之后，還需要為它和“Tab Bar Controller Scene”連線，按住control鍵從“Tab Bar Controller Scene”拖拽鼠標(biāo)到“View Controller Scene”，然后松開鼠標(biāo)彈出菜單選擇“view controllers”，這樣連線就做好了。

然后我們?cè)偬砑右粋€(gè)視圖控制器類“LiaoViewController”。在菜單中選擇File->New->File… ，在文件模板中選擇iOS→Objective-C出現(xiàn)新建文件對(duì)話框，在Class項(xiàng)目中輸入 “LiaoViewController”，Subclass of 中選擇UIViewController，不勾選With XIB for user interface。再回到IB中選中“View Controller Scene”，打開標(biāo)識(shí)檢查器，在Custom Class→Class為“LiaoViewController”。

添加圖標(biāo)到工程中，修改標(biāo)簽欄項(xiàng)目中圖標(biāo)和文本，選擇“Hei View Controller Scene”→“Hei View Controller”→“Tab Bar Item”，打開屬性檢查器，“Bar Item”→“Title”為“黑龍江”，“Image”選擇為“hei.png”。按照同樣的辦法修改其他兩個(gè)視圖控制器。

三個(gè)視圖的設(shè)計(jì)可以參考上篇文章nib實(shí)現(xiàn)部分，拖拽一些Label控件，擺放好位置，修改城市名字，然后再修改視圖背景顏色。基于故事板的標(biāo)簽導(dǎo)航模式就實(shí)現(xiàn)完畢了。在整個(gè)過程中我們沒有編寫一行代碼。