iOS HW2-研究各種 UI 元件_0720

這次製作的demo的app說明製作的步驟

1. app icon

舊版有點麻煩一定要對應的尺寸這次是180x180，還是新版比較人性化

copilot下載的圖片還要修改裁切，多一道工

後來才想到下次學聰明點，直接叫copilot產生180x180

就把icon放上對應的位置

2.app背景顏色

這顏色變成gif不好呈現，下次不選太花俏的顏色，當時還選了好久

3.深色模式

深色模式採用切換label標籤，打上名稱

中間遇到一個問題，微軟正黑體已經安裝在mac了，但….

但是xcode又找不到，不知道字體呈現是不是只有以下幾個可以用??

旁邊的切換採用switch，沒特別設定

4.封面的圖片

抓史萊姆的官網，圖片先上傳到assets取名叫mark

在image上把他點選

5.網頁字體大小採用Slider

有min和max可選，max我選5，預設我選中間2.5

6.季節用segmented control

分四選一，上面segment0是春、1是夏、2是秋、3是冬，依此設定

7.選擇幸運日期採用date picker

8.樂透開獎中採用讀取的activity indicator view

9.本周運勢分析採用label，一長串文字貼上去時，要換行按enter沒辦法換行，只好先貼到記事本編輯好在貼上來

line設定多一點選19、顏色和字體也換了

10.有用到的素材如下

11.最後成果

心得：

1. 第一次用mac打字+圖文有點不習慣輸入法，所以最後快速的做法是，圖片是在mac貼上來，打字還是習慣在window打，切換輸入法還是比較快速，不然可能再花一倍的時間了，打完收工。
2. 對mac還不太熟悉，希望在熟悉操作。
3. 找圖、設計圖或是整體版面要先構思架構，後續的效率和熟練度才能提升。