概覽
如果您選擇使用 SwiftUI 框架開發(fā) app穆刻，則可以在布置用戶界面時看到一個交互式預覽。Xcode 會使您對源代碼谬盐、用戶界面布局和檢查器所做的更改保持同步诬烹。例如，您在檢查器中編輯屬性時，Xcode 會將對應的代碼添加到源文件中脑沿。
顯示 SwiftUI 預覽
要顯示預覽，請在項目導航器中選擇一個使用 SwiftUI 的文件，再選取“Editor”(編輯器) >“Canvas”(畫布)。然后擒权，點按畫布右上角的“Resume”(恢復) 按鈕以啟動預覽场绿。Xcode 會構(gòu)建和運行代碼，并直接在畫布中顯示結(jié)果逗宁。
使用預覽底部的控件可以在畫布中的模擬設備上運行 app (可帶有或不帶調(diào)試會話) 或在連接的設備上運行 app捌议。
添加視圖和修飾符
要為您的 app 添加視圖和修飾符宫补，請點按工具欄中的“Library”(資源庫) 按鈕 (+) 以打開資源庫贫贝，然后將資源庫中的用戶界面元素拖入畫布或源代碼中崇堵。不論您將元素拖到哪里也搓，Xcode 都會使源代碼和布局保持同步。
編輯用戶界面元素
使用“Action”(操作) 菜單或檢查器來編輯界面元素昔案，或者通過在源代碼編輯器中輸入代碼來編輯。按住 Command 鍵點按畫布中的元素或代碼中的結(jié)構(gòu)又谋，從“Action”(操作) 菜單中選取“Show SwiftUI Inspector”(顯示 SwiftUI 檢查器)任斋，然后在下一個面板中更改屬性。另外，也可以選取“View”(顯示) >“Inspectors”(檢查器) >“Show Attributes Inspector”(顯示屬性檢查器)丰介，并在右側(cè)出現(xiàn)的屬性檢查器中更改屬性橙垢。
嵌入用戶界面元素
此外喂击，您可以通過在其他結(jié)構(gòu)中嵌入元素來修改用戶界面。按住 Command 鍵點按源代碼或畫布中的某個元素，然后從彈出式菜單中選取“Embed in [Generic Structure]”(嵌入 [通用結(jié)構(gòu)]) 操作桐猬。例如五垮，選取“Embed in HStack”(嵌入 HStack) 可以嵌入一個在水平直線上排列視圖子項的元素撬碟。
