隨著物聯網的快速發展，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步是在場景中直接顯示小部件，小部件加到場景中後會一直顯示。這裡將講解如何通過滑鼠事件彈出小部件（當滑鼠在場景的模型上發生點選或移入移出動作時，就會觸發「小部件」彈出事件)。如下圖：

 ① 在場景中選中要新增事件的模型元件，右邊會彈出“屬性配置”框，選擇“事件”選項。

② 事件型別選擇 “滑鼠進入事件”。

③ 互動方式選擇 “彈出層(繫結小部件)”。

④ 在小部件下拉列表中選擇設計好的小部件，並配置好顏色。

⑤ 小部件中對接的資料介面配置了帶引數的介面，這裡配置要傳遞的引數。

預覽後的效果如下：

 以上就是關於Sovit3D視覺化開發平臺新功能「小部件」的全部內容，如您有任何使用中的問題，請及時聯絡數維圖客服，我們會第一時間為您提供專業解答。