設定 FormIt 以進行開發
若要在 FormIt 桌面應用程式中測試和建置外掛程式,您需要 FormIt for Windows v17.0 或更高版本。
顯示腳本編輯器和腳本輸出
在 FormIt 的頂端功能表中,移至頂端功能表的 「視窗」,勾選 「腳本編輯器」 和 「腳本輸出」 方塊。
「腳本編輯器」和「腳本輸出」面板會顯示在 FormIt 視窗的底部。
使用底部的按鈕在「腳本編輯器」和「腳本輸出」之間切換。
您也可以並排兩個面板。按一下右上角「x」旁邊的按鈕可分離其中一個面板,然後拖放面板到彼此旁邊:
腳本編輯器
腳本編輯器提供一個簡單的開發環境,您可以在其中編寫和測試程式碼。
腳本編輯器將編寫的程式碼儲存在 FormIt.exe 檔案所在的目錄中的 scratch.js 檔案內。
頂端有兩個按鈕:
腳本輸出
「腳本輸出」視窗會顯示任何來自外掛程式而列印到主控台的訊息。
您可以在腳本編輯器中執行 console.clear();
清除輸出。
使用範例外掛程式
在複製儲存庫並設定網頁伺服器之後,您現在可以取得本端外掛程式在 FormIt 中展示。
您可以載入或安裝任何外掛程式,但為了進行本練習,您將同時安裝面板式外掛程式和工具列式外掛程式。我們將假設您裝載兩個範例儲存庫的 npm http-server 在連接埠 8080 上執行。
載入與安裝
FormIt.LoadPlugin();
只會為目前的工作階段載入外掛程式。當應用程式關閉並重新啟動時,外掛程式會自動卸載。
這是一個很適合暫時顯示外掛程式的選項,僅供在目前工作階段中進行測試。
FormIt.InstallPlugin();
會讓外掛程式持續使用登錄機碼。這很適合您經常在不同工作階段使用的外掛程式。
在 Windows 中,以下登錄機碼用來保留外掛程式:
Plugins: Computer\HKEY_CURRENT_USER\Software\Autodesk\FormIt 360\Plugins\InstalledPlugins
使用 FormIt.UninstallPlugin();
可解除安裝。
在下列範例中,除非另有說明,否則請根據您是否希望保留練習結果來自由使用_安裝_或_載入_。
工具列外掛程式範例:Flip Along
在腳本編輯器中,執行下列程式碼:
如果執行本端伺服器:
FormIt.LoadPlugin("http://localhost:8080/FlipAlong");
如果從 FormIt GitHub 儲存庫載入 (需要網際網路連線):
FormIt.LoadPlugin("https://formit3d.github.io/FlipAlong");
您應該會看到「Flip Along」工具列顯示在應用程式視窗的頂端:
HTML 面板外掛程式範例:Properties Plus
在腳本編輯器中,執行下列程式碼:
如果執行本端伺服器:
FormIt.LoadPlugin("http://localhost:8080/PropertiesPlus");
如果從 FormIt GitHub 儲存庫載入 (需要網際網路連線):
FormIt.LoadPlugin("https://formit3d.github.io/PropertiesPlus");
您應該會看到「Properties Plus」面板顯示在應用程式視窗的右側:
排他式和共存式對話方塊外掛程式範例
對話方塊外掛程式很獨特:只能載入,無法安裝。
在腳本編輯器中,執行下列程式碼:
如果執行本端伺服器:
排他式:
FormIt.LoadPlugin("http://localhost:8080/FormItExamplePlugins/ModalDialog");
共存式:
FormIt.LoadPlugin("http://localhost:8080/FormItExamplePlugins/ModelessDialog");
如果從 FormIt GitHub 儲存庫載入 (需要網際網路連線):
排他式:
FormIt.LoadPlugin("https://formit3d.github.io/FormItExamplePlugins/ModalDialog");
排他式:
FormIt.LoadPlugin("https://formit3d.github.io/FormItExamplePlugins/ModelessDialog");
您應該會看到 HTML 面板範例中的「Hello Block!」面板在螢幕上顯示為一個排他式或共存式對話方塊。
Last updated