随着物聯網的快速發展，3D可視化也開始承載越來越多的功能，這意味更細緻的互動要求、更複雜的邏輯關系，更會産生更龐大的開發工作量。
為了減輕使用者開發壓力，數維圖技術團隊一直緻力于3D可視化技術的研發，不斷優化平台功能，以達到更低的使用門檻，提升3D可視化開發效率。
近日，數維圖團隊就在Sovit3D平台上更新了 「小部件」功能，這個功能可以零代碼給三維場景中的模型元件添加資料面闆，還可以通過滑鼠事件彈出資料面闆。
接下來，跟這小編一起看看這個「小部件」功能到底如何使用？
Sovit3D “小部件”功能使用方法
1. 打開“Sovit3D編輯器”，找到“小部件”選項，并單擊；
2. 點選“+”建立小部件；
3. 在打開的編輯頁面中編輯小部件（可以通過屬性欄修改小部件的長、寬、背景色等屬性）；
4.“小部件”中可以拖動圖表或元件進行編輯，同時可以綁定動态資料（在使用小部件的時,可設定查詢參數用來傳遞到小部件中）。
5. 在3D場景中通過資料配置使用小部件。如下圖：
// a. 在場景中選中要添加小部件的模型對象(上圖1)選中了一個水槽，然後在3D模型倉庫中點選二維DIV層(上圖2)，這個時候會給場景中被選中的水槽添加一個二維面闆(上圖3)，點選選中這個小部件，然後通過XYZ的箭頭調整位置。
// b. 點選選中二維小面闆，右邊會彈出一個“屬性欄”，在裡面可以修改小面闆的樣式和背景顔色，目前支援兩種樣式（如下圖）:
注意：樣式2效果圖可以通過屬性中的“方向”屬性調整方向(左上、右上、左下、右下)。
// c. 選擇“資料欄”，在“資料綁定”中選擇 “嵌入小部件”，選擇設計好的小部件即可。如果小部件中要傳遞參數，則需要配置好參數值，配置完以後儲存場景即可。
注意：配置嵌入小部件時，小部件的效果不會在場景中顯示出來，可以通過預覽場景檢視效果。
6. 在3D場景中給子產品添加事件，并調用小部件。
上面第5步是在場景中直接顯示小部件，小部件加到場景中後會一直顯示。這裡将講解如何通過滑鼠事件彈出小部件（當滑鼠在場景的模型上發生點選或移入移出動作時，就會觸發「小部件」彈出事件)。如下圖：
① 在場景中選中要添加事件的模型元件，右邊會彈出“屬性配置”框，選擇“事件”選項。
② 事件類型選擇 “滑鼠進入事件”。
③ 互動方式選擇 “彈出層(綁定小部件)”。
④ 在小部件下拉清單中選擇設計好的小部件，并配置好顔色。
⑤ 小部件中對接的資料接口配置了帶參數的接口，這裡配置要傳遞的參數。
預覽後的效果如下：