作業3 — 用Storyboard來製作電子書App ,使用 tab bar controller & navigation controller。

作品:

功能需求

  1. 搭配 tab bar controller & navigation controller 。👍
  2. 使用 table view controller with static cells。👍
  3. 使用 segue 串接頁面。👍
  4. 設定 App Icon ,名稱和 App 的開頭畫面(LaunchScreen.storyboard)。👍
  5. 使用到 iOS SDK 的各種 UI 元件,比方 view,button,label,image view,text field,text view,segmented control,slider,switch,table view,scroll view,progress view,stepper,date picker,visual effect view with blur。👍
  6. 使用到 text view,可點選文字連結顯示網頁和地圖👍

使用到text view,去連結原本的網址,要注意如果要讓網址可以連結成功要勾選Selectable和Link,如果是要點選圖片連結到網站也要記得把background和Tint顏色調成透明。

7. 使用 SF Symbols。👍

8. 支援 dark mode。👍

9. 包含左右滑動區塊的 table view 👍

其實我在做的時候發現我用錯方式(下圖紅圈),我是使用Scroll View去做成上下拉動的感覺,但有些地方其實都沒有對好而且也很費工,是重新看課後直播跟陳同學討論完,才知道可以使用

Table view controller ➡️ Table View ➡️ content ➡️Static cells

只需要製作好一個Table view cell,再從Table view section 去增加你要的數量,再把圖片文字更換一下,就大功告成了。

參考資料:

https://github.com/haha2130/DemoWebToon

--

--