#2 哆啦A夢電子書app
Published in
Jul 12, 2023
回憶裡充滿了這隻機器貓,擁有無數神奇的道具,無時無刻的伸出圓手?幫助身邊的家人朋友度過重重難關。
- 使用Navigation Controller, Tab Bar Controller, Table View Controller ( Static Cells )
- 應用 Segue 建立多重故事結局
- Scroll View 元件應用
- 製作卡片效果的 Cells
- 使用 Container View 設定 Table View 背景圖片
- 設定 View 角落圓角 ( Radius )
- 使用 Visual Effect View with Blur 物件效果顯示內容
- 使用 SF Symbol 圖示
- 編輯 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 作業連結