iOS Programming - 第五章 視圖控制器

iOS Programming - 第五章 視圖控制器


視圖控制器是 UIViewController 的子類的一個實例。 視圖控制器管理著視圖層級。它負(fù)責(zé)創(chuàng)建組成視圖層級的視圖對象并在視圖層級中處理跟視圖對象關(guān)聯(lián)的事件。

視圖控制器中的 View


作為 UIViewController 的子類, 所有的視圖控制器都繼承了一個重要的屬性:

var view: UIView!

這個屬性指向一個 UIView 實例, 這個 view 是視圖控制器的視圖層級中的根視圖。當(dāng)視圖控制器的 view 被作為 window 的子視圖添加時, 該視圖控制器的整個視圖層級就被添加上了。

img
img

視圖控制器的 view 直到它需要出現(xiàn)在屏幕上時才被創(chuàng)建。這種優(yōu)化叫做懶加載(lazy loading), 這能減少內(nèi)存使用并提升性能灶挟。

視圖控制器有兩種方式創(chuàng)建它的視圖層級:

  • 編寫程序, 通過重寫 UIViewControllerloadView 方法
  • Interface Builder 中, 通過使用諸如 storyboard 的界面文件

在第三章中你已經(jīng)使用了這兩種方法, 在第六章中你將使用 loadView() 創(chuàng)建程序上的視圖。

設(shè)置初始的視圖控制器


每個 storyboard 都可以有很多視圖控制器, 但是每個 storyboard 文件只有一個初始視圖控制器(initial view controller)毒租。 初始視圖控制器是 storyboard 的入口點稚铣。你將在畫布中添加并配置另外一個視圖控制器并把該控制器設(shè)置為 storyboard 的初始視圖控制器。

打開 Main.storyboard, 從對象庫中, 拖拽一個 ViewController 到畫布中, 如果你用完了可用的空間, 你可以按住 Ctrl 并單擊背景視圖來選擇不同的縮放比例墅垮。

img

用這個視圖控制器來顯示 MKMapView惕医。先選中這個 View Controllerview, 而不是 View Controller 自身! — 并按下 Delete 鍵來從畫布中刪除這個 view。 然后從對象庫中拖拽一個 Map Kit View 到這個視圖控制器中以把它設(shè)置為該視圖控制器的 view算色。

img

選中 View Controller 并打開它的屬性檢查器抬伺。勾選 Initial View Controller , 則該視圖控制器的前面會出現(xiàn)一個灰色的箭頭。

MKMapView 是一個當(dāng)前未被加載到程序中的框架灾梦∠康觯框架是一個共享代碼庫, 里面包含諸如界面文件和圖片等關(guān)聯(lián)的資源妓笙。

現(xiàn)在你需要導(dǎo)入 MapKit 框架以加載 MKMapView。使用 import 關(guān)鍵字但不使用包含任何使用該框架的代碼來導(dǎo)入 MapKit 會導(dǎo)致編譯器把它優(yōu)化掉 — 即使你在 storyboard 中使用 map view能岩。

相反, 你需要手動地把 MapKit 鏈接到 app 中寞宫。

打開工程導(dǎo)航, 點擊工程名。在設(shè)置中打開 General 標(biāo)簽, 滾動到最底部找到 Linked Frameworks and Libraries捧灰。 點擊 + 號并搜索 MapKit.framework, 選中這個框架并點擊 Add淆九。

img

UITabBarController


UITabBarController 保存了一個視圖控制器的數(shù)組。UITabBarController 也在屏幕底部維護(hù)了一個 tab bar, 數(shù)組中每個視圖控制器都帶有一個 tab bar毛俏。觸摸標(biāo)簽(tab)會呈現(xiàn)跟該標(biāo)簽(tab)相關(guān)聯(lián)的視圖控制器。

打開 Main.stroyboard 并選擇 View Controller饲窿。 從 Editor 菜單中, 選擇 Embed In -> Tab Bar Controller煌寇。 這會把 View Controller 添加到 Tab Bar Controller 的視圖控制器數(shù)組中去。

按住 Control 鍵從 Tab Bar Controller 拖拽到 Conversion View Controller 上逾雄。在彈出的 Relationship Segue 一欄, 選擇 view controllers阀溶。

img

構(gòu)建并運(yùn)行該程序。此時標(biāo)簽上僅僅顯示的文字是默認(rèn)的 "Item"鸦泳。在下一節(jié), 你可以更新 tab bar items 以使 tabs 更具描述性银锻。

UITabBarController 自身是一個 UIViewController 的子類。 UITabBarControllerview 是一個含有兩個子視圖的 UIView: 即 tab bar 和 所選擇的視圖控制器的 view做鹰。

img

Tab bar items


tab bar 上的每個標(biāo)簽(tab)能展示一個標(biāo)題(title)和圖片(image), 為了這個目的, 每個視圖控制器維護(hù)了一個 tabBarItem 屬性击纬。當(dāng)視圖控制器被包含在 UITabBarController 中時, 該視圖控制器的 tab bar item 會出現(xiàn)在 tab bar 中。

img

Assets.xcassets 中拖入素材钾麸。

tab bar item 屬性既能通過 storyboard 也能通過編程來設(shè)置更振。

在 storyboard 中, 定位到 View Controller。 注意, 當(dāng)視圖控制器將被呈現(xiàn)在 tab bar controller 時, 帶有 tab bar itemtab bar 被添加到界面中饭尝。這在布局你的界面時會很有用肯腕。

選擇這個 tab bar item 并打開它的屬性檢查器。 在 Bar Item 欄, 把 Title 設(shè)置為 "Map" 并從 Image 菜單中選擇 MapIcon钥平。你也可以在畫布中雙擊文本來更改 tab bar item 的文本实撒。

img

你還可以拖拽 tab bar item 以改變它們呈現(xiàn)的位置。

Loaded and Appearing Views


當(dāng)程序啟動時, tab bar controller 默認(rèn)會加載它的數(shù)組中的第一個視圖控制器的 view, 即 ConversionViewController涉瘾。 這意味著 MapViewController 的 view 直到用戶點擊它的時候才被加載知态。

你可以自己測試這種懶加載行為。當(dāng)視圖控制器加載完它的視圖后, 會調(diào)用 viewDidLoad() 方法, 你可以重寫該方法以打印信息到控制臺中睡汹。

你將為這兩個視圖控制器寫代碼肴甸。 然而, 展示 map 的視圖控制器當(dāng)前并沒有代碼與之關(guān)聯(lián), 因為所有的配置都是使用 storyboard。你需要創(chuàng)建一個視圖控制器的子類并把它關(guān)聯(lián)到界面中囚巴。

創(chuàng)建一個名為 MapViewController 的 UIViewController 子類:

import UIKit

class MapViewController: UIViewController {
    
}

打開 storyboard 并選中該 map 的視圖控制器原在。打開它的身份檢查器并把它的 Class 更改為 MapViewController友扰。

現(xiàn)在你把 MapViewController 類和畫布中的視圖控制器關(guān)聯(lián)了起來, 你可以在 ConversionViewControllerMapViewController 中添加代碼了。

在 ConversionViewController.swift 中重寫 viewDidLoad() 方法,

override func viewDidLoad() {
    // Always call the super implementation of viewDidLoad
    super.viewDidLoad()
    print("ConversionViewController loaded its view.")
}

在 MapViewController.swift 中重寫同一個方法:

override func viewDidLoad() {
    // Always call the super implementation of viewDidLoad
    super.viewDidLoad()
    print("MapViewController loaded its view.")
}

程序啟動時就打印 ConversionViewController loaded its view, 當(dāng)點擊 Map Tab 時才打印 MapViewController loaded its view庶柿。并且都只會打印一次村怪。 如果想執(zhí)行多次某個事件, 應(yīng)重寫 viewWillAppearviewWillDisappear

訪問子視圖


通常, 在界面出現(xiàn)在用戶面前之前, 你需要在 Interface Builder 中定義的子視圖中做某些額外的初始化或配置浮庐。 所以你從哪里訪問子視圖? 有兩種主要的觀點, 取決于你需要干什么甚负。一個地方是在 viewDidLoad() 方法中, 該方法在視圖控制器的界面文件被加載之后調(diào)用, 這時視圖控制器的所有 outlets 將會引用合適的對象。另外一個地方是在 viewWillAppear(_:) 中审残。這個方法在視圖控制器的 view 被添加到 window 上之前被調(diào)用梭域。

你應(yīng)該選擇哪個方法? 在程序運(yùn)行期間, 如果配置只需要執(zhí)行一次, 就重寫 viewDidLoad() 。 如果需要在每次視圖控制器的 view 出現(xiàn)在屏幕之前執(zhí)行配置, 那么重寫 viewWillAppear(_:) 方法搅轿。

跟視圖控制器和它們的視圖交互


讓我們看看在視圖控制器和它的視圖的生命周期中所調(diào)用的方法病涨。

  • init(coder: ) 是從 storyboard 創(chuàng)建的 UIViewController 實例的初始化函數(shù)。

當(dāng)從 storyboard 創(chuàng)建視圖控制器實例時, 會調(diào)用一次它的 init(coder:) 方法璧坟。在第 15 章中你會學(xué)到更多關(guān)于該方法的東西既穆。

  • init(nibName:bundle: )UIViewController 的指定初始化構(gòu)造函數(shù)。

當(dāng)不使用 storyboard 創(chuàng)建視圖控制器實例時, 會調(diào)用一次它的 init(nibName:bundle: ) 方法雀鹃。注意在某些 app 中, 你可以創(chuàng)建幾個同樣的視圖控制器類的實例幻工。每創(chuàng)建一個視圖控制器就調(diào)用一次該方法。

  • 重寫 loadView() 以編程方式創(chuàng)建視圖控制器的 view黎茎。
  • 重寫 viewDidLoad 以配置通過加載界面文件創(chuàng)建的視圖囊颅。該方法在視圖控制器的 view 被創(chuàng)建之后調(diào)用。
  • 重寫 viewWillAppear(_:) 以配置通過加載界面文件創(chuàng)建的視圖

該方法和 viewDidAppear(_:) 會在每次視圖控制器在移動到屏幕上時被調(diào)用工三。viewWillDisappear(_:)viewDidDisappear(_:) 會在每次視圖控制器移出屏幕時調(diào)用迁酸。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市俭正,隨后出現(xiàn)的幾起案子奸鬓,更是在濱河造成了極大的恐慌,老刑警劉巖掸读,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件串远,死亡現(xiàn)場離奇詭異,居然都是意外死亡儿惫,警方通過查閱死者的電腦和手機(jī)澡罚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來肾请,“玉大人留搔,你說我怎么就攤上這事☆跆” “怎么了隔显?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵却妨,是天一觀的道長。 經(jīng)常有香客問我括眠,道長彪标,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任掷豺,我火速辦了婚禮捞烟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘当船。我一直安慰自己题画,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布生年。 她就那樣靜靜地躺著婴程,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抱婉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天桌粉,我揣著相機(jī)與錄音蒸绩,去河邊找鬼。 笑死铃肯,一個胖子當(dāng)著我的面吹牛患亿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播押逼,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼步藕,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了挑格?” 一聲冷哼從身側(cè)響起咙冗,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎漂彤,沒想到半個月后雾消,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡挫望,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年立润,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片媳板。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡桑腮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蛉幸,到底是詐尸還是另有隱情破讨,我是刑警寧澤丛晦,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站添忘,受9級特大地震影響采呐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜搁骑,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一斧吐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧仲器,春花似錦煤率、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至辆沦,卻和暖如春昼捍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背肢扯。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工妒茬, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蔚晨。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓乍钻,卻偏偏與公主長得像,于是被迫代替她去往敵國和親铭腕。 傳聞我的和親對象是個殘疾皇子银择,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

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