Hw1(模仿 App Store 上架的 App,製作一頁精美的 App 畫面)
模仿對象: Apple News
Published in
Oct 3, 2022
1. 成果比較
2. Github 網址
3. 實作細節
我把 "主畫面" 和 下方的"選單" 放在 ZStack裡面,製造出選單蓋住內容的效果。
在畫面中,也根據不同的部件分類到Group裡,以便於維護程式碼。並根據需求先以VStack(垂直),再以HStack(水平)排列。
以選單為例:
因為選單在不同的Z圖層,先用Spacer()向下推,再用HStack水平排列按鈕,每個按鈕又是由 "圖片" 和 "名稱" 垂直排列而成的。
4. 心得
這次的作業對我來說非常的陌生,因為這是我第一次在Mac的環境下工作,也是第一次接觸到Swift這個程式語言。
我覺得在排版的時候很像在寫網頁,要利用.padding()、.position()、Spacer() 之類的來讓物件跑到想要的位置。