Try   HackMD

新人資訊

技術-iOS #1-Hello World,iOS App 我來了

2022 六月某日,對於職業生涯和軟體開發的想法突然變了,而且改變幅度有點大,好像腦袋接線全換掉一樣,整個翻轉了!那個思考推理過程就先存在我的私人筆記裡慢慢沈澱,總之結論就是:來寫 iOS App 吧!

一台 Mac OS 的裝置是必要的,先保守看待這個計畫嚴控成本,上網尋找二手產品,很快的相中一台 2019 Intel i5 8GB RAM 512 SSD 的 Macbook Air,要價 18000 元,隔天到汐止面交,很快的我就擁有了一台可愛九成新的 Macbook Air!雖然規格平平,沒想到滿足感爆表,蘋果蘋果質感就是好啊,螢幕音效鍵盤觸感背光和整體設計有說不出的迷人,IO Port 竟然只有兩個 Type C 和一個耳機孔,連我認為最基本的電源孔,Type A 和 HDMI 都硬生生拿掉,真是極簡到完全對到我的胃口!現在用這台打文章還以一種濃濃的幸福感,哈哈。

到 Udemy 找了一個線上課程就開始我的學習計畫了,首先安裝 Xcode,新增專案,選擇專案模板,為專案命名,Interface 選 Storyboard。

今天的任務很簡單,只是 Hello World,預計 App 打開時會顯示幾個文字和一張圖,只要在開發主畫面拖進一個 Label 和一個 Image View 非常直覺,主要時間會花在準備那張圖和 App Icon。

要在專案中使用圖片,必須先將圖檔匯入專案管理之下,有一定的規範要求,如下圖顯示一個圖形資源必須準備大小不同共三份,照著做就可以達到 Apple 要求的質感,讓 App 在 zoom in and out 時都可以維持好的影像品質。

要製作這種不同大小的影像資源,課程介紹了很棒的線上資源,直接在 browser 可以搞定:https://appicon.co/

另外還要製作 App Icon,這個講究更多,為了適應各機型的 iOS 裝置必須有對應不同大小的影像,還好這個麻煩的工作也有線上工具平台可以用。

進到 canva 這個網站 https://www.canva.com/ 超多功能的,製作 icon 只是其中一項,做好後按下 download 可以得到各種不同 size 的圖檔和一個描述規格的 json 檔,一樣把它拖進專案中即可。

以上即將完成我的第一個 App,在 Xcode 中有各式各樣的模擬器可以執行,且當 iPhone 連線時也可以直接部署到實體機執行。

https://youtube.com/shorts/3SHXo_rluYk

旅程將繼續。

By Newman Chen 2022/6/30

參考資料:

https://appicon.co/

https://www.canva.com/