那這一章會講述基本的元件使用
包括前一章之前提到的文字
那就事不宜遲來看看吧

元件(文字、圖片、按鈕)

Text("Hello, World!")

文字的使用

Image(systemName: "flag.fill")

圖片的使用

Button(action: {})

按鈕的使用

文字

Text

Text("Hamlet")
.font(.title)

範例裡是設定字體的大小，你可以在font查看更多關於設定字體的訊息
一般來說預設字體為 SF PRO
你可以在以下範例看到它變更字體為serif，並使用斜體

Text("by William Shakespeare")
.font(.system(size: 12, weight: .light, design: .serif))
.italic()

從這裡我們看出變更字體時要加上 .system
如果要使用它的預設字體
你可以看到 Topics 裡面 Getting Standard Fonts
這裡可以直接去呼叫字體類型

.font(.title)
.font(.largeTitle)

圖片

圖片元件的話，我大部分都使用 SF Symbols
說真的十分夠用

Image(systemName: "heart.fill")

如果想使用自己的圖片，記得在 Assets.xcassets 放入圖片
並像這樣呼叫就可以了

Image("圖片名稱")

另外改預設大小的

.imageScale(.large)

.small / .medium / .large 去做變化
也可以通過

.frame(width: XXX, height: XXX)

去改照片的大小

按鈕

Button
action 基本上就是執行的內容了
你可以放上判斷式(if/else) 或放上執行式(print/function)
後面會比較詳細介紹
因為他通常包含了傳值這件事

接下來，明天就會介紹通用改變了