01 設計App畫面的storyboard🐷

這次的主題構想是希望能做出一些實用的頁面，於是往商業ios app 去做發想，參考了很多的開發app ，都沒有找到我喜歡的風格或編排方式，話不多說就開始抱著電腦埋頭苦幹🤭

想到我姑姑和姑丈有在經營科技公司，公司只有網頁版的介紹，

安浦適科技 👈🏻（有興趣可以看看

我按照網上的功能選單和圖片及文字介紹，大概有了初步的構想，就來替姑姑製作一個功能還不齊全的app吧🤣

前置作業都大概熟悉了幾遍之後，開始正式進入主題

1.設定 App Icon 1024x1024

圖片是在官網抓的，換上去之後瞬間科技感就來了！哈哈哈

2. 顯示文字的 label

白底配上HiraMinProN的字體，有種雜誌的感覺，還順便下載了兩三種不同的自己來玩玩

3.加入 Image View並從 Image library 加入圖片

文字和圖片都是官網抓的，瞬間感覺自己是美編人員重新排版而已🤭

4.加入顯示功能選單名稱的 button

button 圖片設定 Image，這步驟我選超久，SF Symbols圖案多到眼花撩亂😵‍💫😵‍💫Background則是到網路下載黑框來用，不然怕太花俏

第一頁就大致完成了🤣感覺有模有樣的❤️

5.加入 controller 新增畫面

segue 起點: button, 終點: view controller

6.研究輸入單行文字的 text field &輸入多行文字的 Text View

參照官網的格式來放置三行text field，輸入姓名／電子信箱／電話，Massage則設定可以輸入多行文字的 Text View，最後加一個button來結束這回合🥰😍

7.預習（亂做）設定 content size，實現水平捲動

想把第一頁的圖片改為能水平移動的，可惜好像尺寸輸入錯誤，有點卡到，不過感覺也還行啦哈哈哈哈🤣🤣🤣

🎏🎏🎏. App 操作的畫面. 🎏🎏🎏

建議用1.5倍速觀看😗😗😗

https://github.com/vanessa12101/hamework2.git