首先將Xcode11打開並建立專案檔，並於存檔存檔名的時候將Use SwiftUI的選項勾選起來

專案建立起來後我們可以看到以下的畫面，和原本的UIKit framework的畫面有些不同

專案裡多了幾個從前沒有的檔案，SceneDelegate.swift & ContentView.swift
不過也有些檔案消失了，比方我們熟悉的Main.storyboard(有需要的話，也可以另外新增storyboard&xib檔)

Preview SwiftUI

ContentView.swift裡已寫好一些SwiftUI畫面
點選右邊預覽畫面右上角的Resume就可直接預覽


預覽畫面的功能要macOS10.15才支援也就是昨天提到升級Catalina的用意

編輯修改畫面

修改畫面的方式可分為兩種

• 修改程式碼
  可以直接修改ContentView的程式碼，在右邊的預覽畫面就可直接看到更新畫面，不用一定得要build起來才看得到
  
• Attributes inspector
  可用編輯storyboard時常用的Attributes inspector設定
  當我們從右邊的Attributes inspector修改Text的文字內容時，程式碼和預覽畫面都會同步更新
  
  也可以按住command鍵再點選元件顯示跟它有關的操作選項
  
  其中的 Inspect 將顯示此元件的設定畫面，與Attributes inspector可設定的參數差不多
  
  直接按著command鍵並點擊程式碼也能顯示相關操作
  

加入元件

• 直接輸入程式碼
  根據想加入的元件鍵入所需程式碼
• 從library拉元件到程式碼當中或預覽頁面中
  
  拉進預覽畫面後程式碼將會自動更新

今天先到這邊，明天會介紹SwiftUI的Layout元件部分