iT邦幫忙

2024 iThome 鐵人賽

DAY 1
0
Mobile Development

自己的 app 自己寫系列 第 1

[Day1] 寫 app 的第一天應該從問 ChatGPT 還是從看文件開始

  • 分享至 

  • xImage
  •  

按照往年慣例,鐵人賽的第一天應該是悠閒的寫寫前言,寫寫期許,或者寫個 Overview。
可是隊友們都很硬核的直接切入正題了,所以好像是該認真一點嗎QQ

今天做的事是將 apple 官網最基礎的 SwiftUI 文件 跑過一次,簡單來說就是打開 Xcode,跟著文件一個個步驟慢慢 key,在摸索的過程中就會慢慢對怎麼寫 app、怎麼用 Xcode 有更清楚的認識。

跟著流程走完其實蠻驚喜的,像是學到了在 View Component 上面點右鍵選擇 Show SwiftUI Inspector,然後就可以直接在彈窗上面調整一些 attribute,Xcode 會自動幫你把 attribute 寫成 code,就不需要花時間去確認參數名稱以及要指定的值到底是哪個,算是非常方便的功能。另外也可以按右鍵後選擇 Embed in HStack/VStack/ZStack 等等,就可以直接在 View Component 外面再加一層去做排版使用。

整題完成的頁面大概像是下圖這樣:
https://ithelp.ithome.com.tw/upload/images/20240915/201694121OuHPgQ4mb.jpg

最後再稍微補充一下寫 SwiftUI 的知識點(based on ChatGPT,有錯歡迎指出糾正):

  • SwiftUI 中的基礎元件是 View
  • View 是一個 protocol
  • 多個 View 可以被組合在一起形成一個更複雜的 View。排版方式包含 VStack, HStack, ZStack,大概可以對應到網頁中的切版。V 和 H 蠻好理解的就是 Vertical & Horizontal,Z 則是處理堆疊的部分,按照前後順序決定圖層前後順位

下一篇
[Day2] hello world 之後難度怎麼直線爆炸了
系列文
自己的 app 自己寫30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言