#3 Storyboard 電子書 App — 英雄聯盟

作業：不寫程式，用Storyboard實作電子書App

目的: 不寫程式，從 storyboard 運用 tab bar controller，navigation controller，table view controller & static cell 實作電子書 App。

這次為了做出平常都有在接觸的遊戲 — 英雄聯盟，所以花了一段時間在整理資料，想說以為很快速可以解決的。

但還是先看看完成的Storyboard長什麼樣吧。

看起來好像很少ＸＤ

但其中運用到新交到的技術，用了TabBarViewController串連三個NavigationController，這邊以動畫來呈現看看吧！

1.LaunchScreen練習

在開啟app時，一開始呈現１～２秒的開機畫面，主要設定在Xcode的介面找尋到launchScreen的選項，點取後可放入UI元件來設計。

2.TextView練習

在做遊戲介紹的頁面用到TextView，產生可以滑動的文字內容。因為只想要顯示可以滑動的文字內容，不讓使用者修改，所以在Behavior的地方取消勾選”Editable”及“Selectable”的選項。

3.Scroll View練習

假設要設計上下滑動的頁面，首先要先新增一個Scroll View，然後再放一個長度比Scroll View長的View到Scroll View裡。
以這個範例為例，View為 350*3950，Scroll View為380*600，因為Scroll View長度只有600，因此要呈現的View的內容就必須滑動才能顯示。

最後在Scroll View新增要滑動的內容大小，切記捲動的關鍵在於 contentSize 的寬或高大於 scroll view 本身的寬或高，因此新增contentSize的Attribute為{0, 2000}，Scroll View就可以滑動了。

4.Button圓角設定

點選左下角的 + 新增一筆資料。我們在 Key Path 輸入欄位的名稱 layer.cornerRadius，請注意每個字都要打對，就連大小寫也要一模一樣，打錯的話我們將白打一場，輸入的內容無法生效。

若希望 view 變成圓形，原本的 view 必須是正方形，然後 layer.cornerRadius 設為寬度的一半。

5.Accent Color設定

這次作業將Accent Color設定為金屬金色，因此在點選TabView時會顯示設定好的Accent Color而不是預設的藍色。