通過(guò)昨天的講述我們知道了UIPopoverController控制器和UISplitViewController控制器是iPad專(zhuān)用的視圖控制類(lèi)，我們著重了解了UIPopoverController控制器，今天南昌APP開(kāi)發(fā)公司小編來(lái)講解一下UISplitViewController控制器。

iPad自帶的E-mail應(yīng)用，它采用UISplitViewController控制器，該控制器是iPad中構(gòu)建導(dǎo)航模式應(yīng)用的基礎(chǔ)，可以呈現(xiàn)屏幕分欄視圖的效果。由于iPad要比iPhone大很多，所以不能簡(jiǎn)單地采用iPhone的導(dǎo)航模式。圖1是橫屏SplitView視圖，此時(shí)屏幕被分割為左右兩個(gè)視圖，右側(cè)是DetailView，負(fù)責(zé)顯示詳細(xì)信息，左側(cè)是MasterView，其中有一個(gè)導(dǎo)航列表，用于為右側(cè)的DetailView導(dǎo)航。需要說(shuō)明的是，MasterView的導(dǎo)航列表占有320點(diǎn)的固定大小。在豎屏的情況下，MasterView會(huì)隱藏起來(lái)，如圖2所示。

圖1 橫屏SplitView視圖

圖2豎屏SplitView視圖

有時(shí)候，我們會(huì)根據(jù)需要在MasterView或DetailView中添加導(dǎo)航欄控制器(UINavigationController)，以便在自己的視圖中采用樹(shù)形導(dǎo)航模式。圖3是iPad自帶的E-mail應(yīng)用，左右視圖都帶有導(dǎo)航欄。MasterView內(nèi)部就采用樹(shù)形導(dǎo)航模式，這樣會(huì)承載大量的信息而不混亂。

圖3 iPad自帶的E-mail應(yīng)用

下面我們通過(guò)一個(gè)案例來(lái)熟悉一下UISplitViewController控制器。圖4是橫屏情況的SplitView視圖，顯示了MasterView和DetailView，其中MasterView中有Blue View和Yellow View兩個(gè)選擇項(xiàng)目，當(dāng)選擇其中一個(gè)時(shí)，右邊的DetailView就會(huì)顯示相應(yīng)的藍(lán)色和黃色視圖。點(diǎn)擊Tap按鈕，會(huì)彈出AlertView警告框提示為藍(lán)色還是黃色視圖。

圖4 SplitView視圖案例

使用Xcode創(chuàng)建工程SplitViewSample，模板采用Single View Application，Devices選擇iPad。刪除由模板生成的ViewController文件，然后用Xcode工具創(chuàng)建DetailViewController、BlueViewController和YellowViewController視圖控制器，它們的父類(lèi)是UIViewController，不用選擇xib文件。再創(chuàng)建MasterViewController視圖控制器，其父類(lèi)是UITableViewController，不用選擇xib文件。

打開(kāi)故事板文件，刪除由模板生成的View Controller，從對(duì)象庫(kù)中拖曳Split View Controller到設(shè)計(jì)界面，如圖5所示。

圖5 從對(duì)象庫(kù)中拖曳Split View Controller到設(shè)計(jì)界面

從圖5中可見(jiàn)，共生成了4個(gè)視圖控制器。默認(rèn)情況下，MasterView內(nèi)部采用導(dǎo)航控制器(NavigationController)作為它的根視圖控制器，DetailView采用普通視圖控制器作為它的根視圖控制器。

我們需要設(shè)置Split View Controller為初始視圖控制器，選擇場(chǎng)景中的Split View Controller，然后選擇右邊的屬性檢查器，選中View Controller→Is Initial View Controller復(fù)選框。

我們需要將自己創(chuàng)建的視圖控制器類(lèi)與故事板中的View Controller關(guān)聯(lián)起來(lái)。選擇場(chǎng)景中的Master ViewController，打開(kāi)其標(biāo)識(shí)檢查器，選擇Custom Class→Class下拉列表中的MasterViewController類(lèi)。再選擇場(chǎng)景中的DetailView Controller，打開(kāi)標(biāo)識(shí)檢查器，選擇Custom Class→Class下拉列表DetailViewController類(lèi)。從對(duì)象庫(kù)中拖曳兩個(gè)View Controller到設(shè)計(jì)界面，按照?qǐng)D6在每個(gè)視圖中放置一個(gè)按鈕。

圖6 視圖控制器設(shè)計(jì)界面

在設(shè)計(jì)界面中選擇場(chǎng)景中的Blue View Controller，打開(kāi)其標(biāo)識(shí)檢查器，選擇Custom Class→Class下拉列表中的BlueViewController類(lèi)，修改StoryboardID為blueViewController。然后再選擇View，將其背景改為藍(lán)色。添加一個(gè)按鈕到視圖中，并為按鈕添加動(dòng)作事件。

類(lèi)似地，選擇Yellow View Controller ，打開(kāi)其標(biāo)識(shí)檢查器，選擇Custom Class→Class下拉列表中的YellowViewController類(lèi)，修改Storyboard ID為yellowViewController。然后再選擇View，將其背景改為黃色。添加一個(gè)按鈕到視圖中，并為按鈕添加動(dòng)作事件。

下面南昌APP開(kāi)發(fā)公司小編來(lái)看看MasterViewController中的屬性和視圖加載方法viewDidLoad，相關(guān)代碼如下：

其中l(wèi)istData屬性用于存放MasterView中的導(dǎo)航列表標(biāo)題，detailViewController屬性是DetailViewController類(lèi)型。

在視圖加載方法中，第①行代碼用于創(chuàng)建并初始化listData屬性，第②行代碼用于初始化splitViewController屬性，這里的 self.splitViewController 用于獲得它們所在的分欄視圖控制器。第③行代碼中，UISplitViewController的viewControllers屬性是NSArray集合類(lèi)型。viewControllers集合中存放兩個(gè)視圖控制器，其中第一個(gè)元是MasterViewController視圖控制器，第二個(gè)元素是DetailViewController視圖控制器。第④行代碼用于獲得最后一個(gè)元素(第二個(gè)元素)。

MasterViewController是表視圖控制器，它實(shí)現(xiàn)的數(shù)據(jù)源和委托協(xié)議方法如下：

這里實(shí)現(xiàn)表視圖委托方法tableView:didSelectRowAtIndexPath:的目的是根據(jù)選擇的行號(hào)更新DetailView，其中updateView:方法是我們?cè)贒etailViewController中定義的方法，用于更新視圖。

接下來(lái)，我們看看DetailViewController中的屬性和視圖加載方法viewDidLoad，相關(guān)代碼如下：

在上述代碼中，屬yellowViewController和blueViewController是DetailView中要展示視圖的控制器。

在viewDidLoad方法中，我們通過(guò)Storyboard ID分別創(chuàng)建藍(lán)色視圖控制器和黃色視圖控制器，然后通過(guò)addSubview:方法把藍(lán)色和黃色視圖放入到DetailView中。

在DetailViewController中，視圖方法updateView:的代碼如下：

我們首先通過(guò)iPhone和iPad設(shè)備使用場(chǎng)景上的差異，了解了二者在設(shè)計(jì)和開(kāi)發(fā)時(shí)存在差異的根由。文章出自南昌APP開(kāi)發(fā)公司--百恒網(wǎng)絡(luò)，了解更多相關(guān)知識(shí)，關(guān)注百恒網(wǎng)絡(luò)官網(wǎng)：m.51yjwy.com