練習 - 安裝和測試 StereoKit 筆墨應用程式

已完成

在上一個單元中,您探索了 StereoKit Ink 應用程式的內容和詳細資料。 在本單元中,您將了解如何在 HoloLens 2 和桌面上建置和測試 StereoKit Ink 應用程式。

重要

請確定您已安裝 StereoKit 的 Visual Studio 範本

首先,從 GitHub 存放庫下載 StereoKit Ink 範例應用程式。 然後按下 [ 程序代碼] 按鈕,然後選取 [ 下載 ZIP]。 檔案下載完成後,按兩下資料夾 ,然後選取 StereoKitInk.sln 檔案。 在 Visual Studio 中,方案檔會隨即開啟。 在 Visual Studio 的右上角,您可以找到 [方案總管],其中包含[資產] 資料夾和其他三個程式檔案,例如繪圖功能表、調色盤功能表,以及可操作主要邏輯的主要程式。

Screenshot of solution explorer with script list.”

注意

該程式將包含錯誤,稍後會在偵錯期間清除。

在 HoloLens 2 上建置 StereoKit Ink 應用程式

  1. 若要在 HoloLens 2 上建置 StereoKit Ink 應用程式,請在「方案平台」上選取 [發行] 設定和 [ARM64] 架構,並將 StereoKitPaintTutorial 設定為目標,以設定適用於 HoloLens 2 的 Visual Studio:

    Screenshot shows configuration of solution platform.

  2. 將 HoloLens 2 連線到您的電腦,然後在功能表列中,按一下 [偵錯]>[開始偵錯]。 [開始偵錯] 會啟動您裝置上的應用程式,並附加 Visual Studio 偵錯工具。

    Screenshot shows selectings of Start Debugging.

  3. 在功能表列中,按一下 [建置]>[部署方案] 以部署到您的裝置,而不需要自動啟動應用程式。

    Screenshot shows Selecting of Deploy Solution.

  4. 如下圖所示,StereoKit Ink 應用程式現在可在 HoloLens 2 中使用。 Screenshot shows the StereoKit Ink application on HoloLens 2.

在桌面上建置 StereoKit Ink 應用程式

  1. 若要在桌面上建置 StereoKit Ink 應用程式,請按一下「方案設定」確保已選取 [偵錯] 和 [任何 CPU],以設定適用於桌面的 Visual Studio。

    Screenshot shows changing of Solution configuration.

  2. 按一下 [裝置] 下拉式清單,並確定已選取 [StereoKitInk]

    Screenshot shows ensuring of project setup desktop is selected.

  3. 然後,按一下功能表列中的 [偵錯]>[開始偵錯]。 [開始偵錯] 會啟動您裝置上的應用程式,並附加 Visual Studio 偵錯工具。

    Screenshot shows selecting of Start Debugging.

  4. 偵錯完成後,就會在桌面上開啟應用程式,而且您已準備好繪製。

    Screenshot shows the StereoKit Ink application on Desktop.

測試 StereoKit Ink 應用程式

部署方案之後,您可以看到目標裝置 (例如 HoloLens 2 或桌面) 上的 StereoKit Ink 應用程式快顯視窗。 您可以看到具有三個可操作元件的 UI。 畫面上呈現的元件包括繪圖功能表、調色盤功能表、控點和慣用手。

您可以使用右手指尖來開始與應用程式互動。 首先,從可用的六種色彩中選擇您想要的色彩。 您可以改變 [色調]、[飽和度] 和 [值] 屬性來自訂這些色彩。 接下來,使用滑桿來修改筆刷的大小。 控點可協助您在繪圖上移動。

您可以使用繪圖功能表中的 UI 按鈕,視需要對繪圖進行變更。 [復原] 選項可移除繪圖的最近變更,而 [重做] 選項可從堆疊中移除最近的復原。 按一下 [儲存] 按鈕可將繪圖儲存在系統的偏好位置。 [載入] 按鈕可讓您選取任何 .skp 檔案,而 [清除] 按鈕可清除繪製筆觸。 最後,[結束] 按鈕可讓您關閉 StereoKit Ink 應用程式視窗。