iOS开发那些事-平铺导航-基于Page的导航及案例实现
基于分頁導航實現
?
在iOS 5之后,可以使用分頁控制器(UIPageViewController)構建類似于電子書效果的應用,我們稱為基于分頁的應用。一個分頁應用有很多相關的視圖控制器
?
分頁控制器(PageViewController)需要放置在一個父視圖控制器中,在分頁控制器下面還要有子視圖控制器,每個子視圖控制器對應圖中的一個頁面。
在基于分頁導航實現的應用中需要的類和協議:UIPageViewControllerDataSource協議和 UIPageViewControllerDelegate協議和UIPageViewController 類,UIPageViewController沒有對應的視圖類。
UIPageViewControllerDelegate委托協議中,最重要的方法為 pageViewController:spineLocationForInterfaceOrientation:,它根據屏幕旋轉方向設置書脊位置 (Spine Location)和初始化首頁。
UIPageViewController中有兩個常用的屬性:雙面顯示(doubleSided)和書脊位置(spineLocation)。
1.雙面顯示,是在頁面翻起的時候,偶數頁面會在背面顯示。圖為doubleSided設置為YES情況,圖6-14中圖為 doubleSided設置為NO(單面顯示),單面顯示在頁面翻起的時候,能夠看到頁面的背面,背面的內容是當前頁面透過去的,與當前內容是相反的鏡 像。
2.書脊位置。書脊位置也是很重要的屬性,但是它的spineLocation?屬性是只讀的,要設置它,需要通過 UIPageViewControllerDelegate委托協議中的 pageViewController:spineLocationForInterfaceOrientation:方法。書脊位置由枚舉 UIPageViewControllerSpineLocation定義,該枚舉類型下的成員變量如下所示。
?????
?
下面我們使用頁面導航實現城市信息這個應用。使用Single View Application模板創建一個名為 PageNavigation的工程。
可以從PageControlNavigation工程中復制過來,方法是在打開MainStoryboard.storyboard選中3個視圖 控制器,按下Command+C組合鍵拷貝,再到PageNavigation中打開MainStoryboard.storyboard,按下 Command+V組合鍵粘貼,就可以了。
這樣UI設計工作就結束了,下面的工作都是由代碼完成的。我們先看看ViewController.h的代碼:
?
在上述代碼中,ViewController實現了UIPageViewControllerDataSource和 UIPageViewControllerDelegate協議。成員變量pageIndex保存了當前頁面的索 引,pageViewController屬性保存了UIPageViewController實例。
下面我們看看程序代碼ViewController.m的viewDidLoad方法:
?
在上述代碼中,initWithTransitionStyle:navigationOrientation:options:構造方法用于創建 UIPageViewController實例,initWithTransitionStyle用于設定頁面翻轉的樣式。 UIPageViewControllerTransitionStyle枚舉類型定義了如下兩個翻轉樣式。
UIPageViewControllerTransitionStylePageCurl:翻書效果樣式。
UIPageViewControllerTransitionStyleScroll:滑屏效果樣式。
navigationOrientation設定了翻頁方向,UIPageViewControllerNavigationDirection枚舉類型定義了以下兩種翻頁方式。
UIPageViewControllerNavigationDirectionForward:從左往右(或從下往上);
UIPageViewControllerNavigationDirectionReverse:從右向左(或從上往下)。
代碼NSArray *viewControllers = @[page1ViewController]相當于NSArray *viewControllers = [NSArray arrayWithObject: page1ViewController , nil]。
在UIPageViewController 中,setViewControllers:direction:animated:completion:方法用于設定首頁中顯示的視圖。首頁中顯示幾 個視圖與書脊類型有關,如果是UIPageViewControllerSpineLocationMin或 UIPageViewControllerSpineLocationMax,首頁中顯示一個視圖;如果是 UIPageViewControllerSpineLocationMid,首頁中顯示兩個視圖。
[self addChildViewController:self.pageViewController]語句是將PageViewController添加到父視圖控制器中去。
我們再看看ViewController.m中有關數據源UIPageViewControllerDataSource協議實現方法的代碼:
?
這只是一個基本的實現,要根據具體的應用具體再定。用平鋪導航實現時,UIPageViewController往往不需要實現屏幕旋轉的支持,而且書脊的位置也不會設置在中間。
代碼編寫完畢看效果。
總結
以上是生活随笔為你收集整理的iOS开发那些事-平铺导航-基于Page的导航及案例实现的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux重启网络服务
- 下一篇: linux挂载新硬盘,开机自动挂载