#2 哆啦A夢電子書app

回憶裡充滿了這隻機器貓,擁有無數神奇的道具,無時無刻的伸出圓手?幫助身邊的家人朋友度過重重難關。

  1. 使用Navigation Controller, Tab Bar Controller, Table View Controller ( Static Cells )
  2. 應用 Segue 建立多重故事結局
  3. Scroll View 元件應用
  4. 製作卡片效果的 Cells
  5. 使用 Container View 設定 Table View 背景圖片
  6. 設定 View 角落圓角 ( Radius )
  7. 使用 Visual Effect View with Blur 物件效果顯示內容
  8. 使用 SF Symbol 圖示
  9. 編輯 App Icon 為鈴鐺樣式

操作畫面:

(一)、頁面下方使用 Tab Bar Controller 建立各主題的分類頁籤

(二)、最後的故事分頁使用 Segue 與 Bottom 元件建立多重故事結局(合併另一項作業)

(三)、道具頁面應用 Scroll View 實現左右切換道具

(四)、電影頁面使用 Table View Controller,將 Table View 的 Content 設定為 Static Cells 與 Style 設定至 Inset Grouped,並且由每個 Section 新增需要的資訊就可以顯示出卡片般的效果

(五)、View 角落圓角的設定

.新增 View 相關元件後,設定與查看元件寬、高尺寸

・進入 Identity inspector 頁面,按 + 號新增 Key Path:layer.cornerRadius, Type: Number, Value 為寬度的一半 42.5 或更小

Github 作業連結

--

--