Hw1(模仿 App Store 上架的 App,製作一頁精美的 App 畫面)

模仿對象: Apple News

1. 成果比較

2. Github 網址

3. 實作細節

我把 "主畫面" 和 下方的"選單" 放在 ZStack裡面,製造出選單蓋住內容的效果。

在畫面中,也根據不同的部件分類到Group裡,以便於維護程式碼。並根據需求先以VStack(垂直),再以HStack(水平)排列。

以選單為例:

因為選單在不同的Z圖層,先用Spacer()向下推,再用HStack水平排列按鈕,每個按鈕又是由 "圖片" 和 "名稱" 垂直排列而成的。

4. 心得

這次的作業對我來說非常的陌生,因為這是我第一次在Mac的環境下工作,也是第一次接觸到Swift這個程式語言。

我覺得在排版的時候很像在寫網頁,要利用.padding()、.position()、Spacer() 之類的來讓物件跑到想要的位置。

--

--