♯5. 寫寫電子書！Storyboard好朋友

不用程式也可以寫寫電子書？當然可以囉！！

Photo by sydney Rae on Unsplash

步驟一開始，當然是得先確定你想寫什麼樣的主題，正好之前在寫小元件的介紹，那就乾脆做成一個小小電子書吧！

♯2–2. Xcode的常見UI小元件

結合上述的元件之外，我也想運用navigation controller、tab bar controller、scroll view、table view controller、content view來製作這本電子書。

規劃內容如下：

使用tab bar controller做出三個分頁，分別是UI介紹、好書推薦、最新消息。

運用navigation controller可使頁面有back的按鈕以及使用滑動可以回到上一頁的功能。

table view controller則是運用在好書推薦，並使用垂直的scroll view來放置書本說明。

最新消息也運用了水平scroll view來放置新聞圖片，結合content view與table view controller來製作滾動的新聞列表。

Xcode的畫面圖示

製作的過程中需注意：

1. 初始頁面的設定(initial view controller)
2. navigation controller可以設定標題讓使用者知道上一頁是哪裡
3. 從tab bar controller連到 view controller 時選擇 view controllers
4. 從 navigation controller 連到 view controller 時選擇 root view controller
5. scroll view 記得設定contentSize/size/value(注意事項5)

注意事項5

畫面gif如下：

ＵＩ介紹

好書推薦gif如下：

最新消息gif如下：

以上～謝謝收看！