UIPageViewController在iOS 5 SDK中首次引入，它使得開發者可以使用這個ViewController建立分頁檢視。在iOS 6中，這個類有了更新，支援滾動過渡效果。使用Page View，使用者可以方便的透過手勢在多個頁面之間導航。UIPageViewController並不僅僅用於引導頁，很多遊戲，例如：憤怒的小鳥，就是用Page View來展示關卡選擇的頁面，還有有關書籍的應用，用這個類來顯示書的頁面。 example UIPageViewController是個高度可配置的類，你可以進行如下配置： 分頁的方向——水平或垂直 翻頁的樣式——書卷翻頁或者滑動翻頁 書脊位置——只有書卷翻頁樣式有效 頁面間距——只有滑動翻頁樣式有效，用來定義頁面間距（inter-page spacing） 為了演示，我們會一起建立一個簡單的app。當然，我們不會演示所有的UIPageViewController的配置細節，我們會演示到使用滑動翻頁樣式來建立一個引導頁。不過別擔心，有了對UIPageViewController的基本理解，我相信你能夠去探索其他的特性。 開始吧！ Demo一覽 我們要建立的Demo很簡單，它會顯示4個頁面來介紹app的UI。使用者可以在頁面之間滑動切換。在任何時候使用者點選“Start again”按鈕會回到第一頁。你能在Snapguide或Airbnb等app中找到很多類似的引導頁，所以這個效果你應該不陌生。 建立專案 開啟Xcode並建立一個Simple View Application專案。選擇Single View Application看起來有點奇怪，因為Xcode已經提供了基於UIPageViewController的具有完整功能的Page-Based Application模板。但是，這個模板還是有一些複雜，把這個模板解釋清楚比重新開始一個專案要複雜的多。況且，從零開始一定會讓我們對UIPageViewController的使用有更好的掌握。 好了，開始吧。下個頁面中輸入PageViewDemo作為專案名稱，在company identifier欄中填入com.appcoda，裝置型別選擇iPhone。點選下一步並建立專案。 在Storyboard中建立Page View Controller 下一步，選擇Main.storyboard。通常，你會看到一個預設的由Xcode生成的View Controller，先別管它，從Object Library拖出一個Page ViewController到Storyboard中。然後再拖出另一個View Controller。 在這個專案中，第一個View Controller會作為根View Controller，承載Page View Controller。最後新增的View Controller會作為頁面的內容。後文中，用“根VC”代表“第一個View Controller”，“內容VC”代表“最後新增的View Controller”。 你可能會疑惑為什麼只新增1個View Controller作為4頁的內容，難道不應該使用4個View Controller嗎？通過後面的演示你會發現，引導頁都非常相似，透過複用這個View Controller顯然是更好的選擇。 下一步，給內容VC和Page View Controller分別設定一個ID。你能在Identity Inspector面板方便地設定。將Page View Controller的ID設定為“PageViewController”，將內容VC的ID設定為“PageContentController”。後面我們會在程式碼中使用到這些ID。 Page View Controller的預設變換樣式是翻頁效果（Page Curl），這個效果比較適合書籍類應用。引導頁中，使用滑動效果更合適，所以將transition style更改為Scroll。 現在來設計內容vc的介面。拖出一個Image View和一個Label到Controller中。按照喜好更改字型和字號。但是你的View Controller應該和下面截圖的樣子類似。 對於那個預設的View Controller，在底部新增一個“Start again”按鈕。
UIPageViewController在iOS 5 SDK中首次引入，它使得開發者可以使用這個ViewController建立分頁檢視。在iOS 6中，這個類有了更新，支援滾動過渡效果。使用Page View，使用者可以方便的透過手勢在多個頁面之間導航。UIPageViewController並不僅僅用於引導頁，很多遊戲，例如：憤怒的小鳥，就是用Page View來展示關卡選擇的頁面，還有有關書籍的應用，用這個類來顯示書的頁面。 example UIPageViewController是個高度可配置的類，你可以進行如下配置： 分頁的方向——水平或垂直 翻頁的樣式——書卷翻頁或者滑動翻頁 書脊位置——只有書卷翻頁樣式有效 頁面間距——只有滑動翻頁樣式有效，用來定義頁面間距（inter-page spacing） 為了演示，我們會一起建立一個簡單的app。當然，我們不會演示所有的UIPageViewController的配置細節，我們會演示到使用滑動翻頁樣式來建立一個引導頁。不過別擔心，有了對UIPageViewController的基本理解，我相信你能夠去探索其他的特性。 開始吧！ Demo一覽 我們要建立的Demo很簡單，它會顯示4個頁面來介紹app的UI。使用者可以在頁面之間滑動切換。在任何時候使用者點選“Start again”按鈕會回到第一頁。你能在Snapguide或Airbnb等app中找到很多類似的引導頁，所以這個效果你應該不陌生。 建立專案 開啟Xcode並建立一個Simple View Application專案。選擇Single View Application看起來有點奇怪，因為Xcode已經提供了基於UIPageViewController的具有完整功能的Page-Based Application模板。但是，這個模板還是有一些複雜，把這個模板解釋清楚比重新開始一個專案要複雜的多。況且，從零開始一定會讓我們對UIPageViewController的使用有更好的掌握。 好了，開始吧。下個頁面中輸入PageViewDemo作為專案名稱，在company identifier欄中填入com.appcoda，裝置型別選擇iPhone。點選下一步並建立專案。 在Storyboard中建立Page View Controller 下一步，選擇Main.storyboard。通常，你會看到一個預設的由Xcode生成的View Controller，先別管它，從Object Library拖出一個Page ViewController到Storyboard中。然後再拖出另一個View Controller。 在這個專案中，第一個View Controller會作為根View Controller，承載Page View Controller。最後新增的View Controller會作為頁面的內容。後文中，用“根VC”代表“第一個View Controller”，“內容VC”代表“最後新增的View Controller”。 你可能會疑惑為什麼只新增1個View Controller作為4頁的內容，難道不應該使用4個View Controller嗎？通過後面的演示你會發現，引導頁都非常相似，透過複用這個View Controller顯然是更好的選擇。 下一步，給內容VC和Page View Controller分別設定一個ID。你能在Identity Inspector面板方便地設定。將Page View Controller的ID設定為“PageViewController”，將內容VC的ID設定為“PageContentController”。後面我們會在程式碼中使用到這些ID。 Page View Controller的預設變換樣式是翻頁效果（Page Curl），這個效果比較適合書籍類應用。引導頁中，使用滑動效果更合適，所以將transition style更改為Scroll。 現在來設計內容vc的介面。拖出一個Image View和一個Label到Controller中。按照喜好更改字型和字號。但是你的View Controller應該和下面截圖的樣子類似。 對於那個預設的View Controller，在底部新增一個“Start again”按鈕。