功能介紹
本文為您介紹藍(lán)圖編輯器在使用過程中常用的功能詳情,可以幫助您快速上手藍(lán)圖編輯器。
導(dǎo)出到藍(lán)圖編輯器
只有當(dāng)組資產(chǎn)導(dǎo)入到藍(lán)圖編輯器后,才可以為該資產(chǎn)配置交互。
在畫布編輯器內(nèi),右鍵單擊左側(cè)圖層欄或中間畫布區(qū)的資產(chǎn),選擇導(dǎo)出到藍(lán)圖編輯器,即可將對應(yīng)資產(chǎn)導(dǎo)出到藍(lán)圖編輯器中。
導(dǎo)出成功后,切換到藍(lán)圖編輯器頁面,可在導(dǎo)入節(jié)點列表中查看對應(yīng)的節(jié)點。列表內(nèi)所有節(jié)點都可供后續(xù)配置交互使用。
取消導(dǎo)出到藍(lán)圖編輯器
對于已經(jīng)導(dǎo)入到藍(lán)圖編輯器中的資產(chǎn),如果不再需要對該資產(chǎn)配置交互,可將該資產(chǎn)取消導(dǎo)出到藍(lán)圖編輯器。
取消導(dǎo)出后,資產(chǎn)已經(jīng)配置的相關(guān)交互都不可用。
在藍(lán)圖編輯器頁面,單擊左上角的畫布編輯器圖標(biāo)()。在畫布編輯器頁面,右鍵單擊左側(cè)圖層欄或中間畫布區(qū)的對應(yīng)資產(chǎn),選擇取消導(dǎo)出到藍(lán)圖編輯器。
被取消導(dǎo)出的節(jié)點,在藍(lán)圖編輯器畫布中置灰且有紅色嘆號。此時該節(jié)點是處于不可用狀態(tài),但是可以被重新導(dǎo)入并恢復(fù)之前配置。
在藍(lán)圖編輯器內(nèi)定位
對于已經(jīng)導(dǎo)入到藍(lán)圖編輯器中的資產(chǎn),如果需要快速定位到該資產(chǎn)在藍(lán)圖編輯器中的位置,可使用藍(lán)圖編輯器定位功能實現(xiàn)。
在藍(lán)圖編輯器頁面,單擊左上角的畫布編輯器圖標(biāo)()。在畫布編輯器頁面,右鍵單擊左側(cè)圖層欄或中間畫布區(qū)的對應(yīng)資產(chǎn),選擇在藍(lán)圖編輯器內(nèi)定位。
定位成功后,系統(tǒng)會自動跳轉(zhuǎn)到藍(lán)圖編輯器頁面,定位并選中對應(yīng)資產(chǎn)。
顯示或隱藏配置欄面板
DataV藍(lán)圖編輯器的配置欄包括導(dǎo)入節(jié)點面板、邏輯節(jié)點面板、右側(cè)面板以及工具欄,分別對應(yīng)以下四個功能圖標(biāo)。單擊對應(yīng)圖標(biāo),可控制各配置欄的顯示或隱藏。
導(dǎo)入節(jié)點:在導(dǎo)入節(jié)點面板中,可以查看從畫布編輯器導(dǎo)入的所有資產(chǎn)節(jié)點。單擊節(jié)點拖動到畫布中,可添加節(jié)點。在畫布中選中某個節(jié)點,右鍵單擊該節(jié)點,選擇從畫布中移除,可移除該節(jié)點。
重要移除節(jié)點時,會同時移除選中的節(jié)點和邊,且無法恢復(fù),請謹(jǐn)慎操作。
邏輯節(jié)點:在邏輯節(jié)點面板中,單擊節(jié)點拖動到畫布中,添加邏輯節(jié)點,并在右側(cè)配置面板中進(jìn)行配置,詳情請參見邏輯節(jié)點配置。在畫布中選中某個節(jié)點,右鍵單擊該節(jié)點,選擇刪除,可刪除該節(jié)點。
重要刪除節(jié)點時,會同時刪除選中的節(jié)點和邊,且無法恢復(fù),請謹(jǐn)慎操作。
右側(cè)面板:右側(cè)面板主要展示藍(lán)圖編輯器內(nèi)兩部分配置面板的內(nèi)容:默認(rèn)的藍(lán)圖交互效果配置面板樣式和邏輯節(jié)點的配置面板樣式。
單擊畫布空白處,在右側(cè)面板可設(shè)置藍(lán)圖配置效果的生效時機(jī)和超時時間功能。
參數(shù)
說明
生效時機(jī)
設(shè)置藍(lán)圖配置交互后在預(yù)覽時的生效時機(jī),選擇的時機(jī)不同可能影響資產(chǎn)默認(rèn)數(shù)據(jù)與交互之間的先后關(guān)系。時機(jī)可選:
頁面載入時:頁面剛開始加載時。
頁面初始化完成時:所有資產(chǎn)都渲染出來后。
數(shù)據(jù)加載完成時:所有資產(chǎn)的數(shù)據(jù)都返回后。
超時時間
配置完成后,藍(lán)圖生效時機(jī)可能因某些原因觸發(fā)失敗,如出現(xiàn)資產(chǎn)加載失敗,資產(chǎn)渲染錯誤,接口數(shù)據(jù)返回失敗等情況。如資產(chǎn)數(shù)據(jù)加載失敗或資產(chǎn)渲染失敗時,您可以自定義設(shè)置超時時間,強(qiáng)制使藍(lán)圖交互效果生效的時間,單位為秒。
在畫布中單擊某個邏輯節(jié)點,在右側(cè)面板可配置該節(jié)點的名稱、上下游組件事件及動作說明、處理方法等,詳情請參見邏輯節(jié)點配置。
工具欄:工具欄位于畫布上方,包含適配畫布、節(jié)點啟用、禁用、清空畫布、刪除不可用節(jié)點、搜索、切換單選框選以及畫布的縮放等快捷操作。
操作
說明
適配畫布
單擊工具欄中的適配畫布圖標(biāo)(),將畫布中的節(jié)點自適應(yīng)到畫布中間顯示。
停用/啟用
在畫布中,右鍵單擊某個節(jié)點,選擇停用/啟用,或者選中節(jié)點后,單擊工具欄中的停用/啟用圖標(biāo)(),暫時停用或啟用交互鏈路的某個節(jié)點、某個圖層或某個規(guī)則組。
清空畫布
單擊工具欄中的清空畫布圖標(biāo)(),刪除當(dāng)前畫布中所有節(jié)點和連線,一鍵還原空白畫布配置。
重要刪除后,節(jié)點或連線都將無法恢復(fù),請謹(jǐn)慎操作。
刪除不可用節(jié)點
當(dāng)您不再使用被取消導(dǎo)出到藍(lán)圖編輯器的資產(chǎn)節(jié)點時,可以單擊工具欄中的刪除不可用節(jié)點圖標(biāo)(),刪除當(dāng)前無用節(jié)點,并清除該節(jié)點的所有交互配置。
重要刪除后,節(jié)點或連線都將無法恢復(fù),請謹(jǐn)慎操作。
搜索節(jié)點
單擊工具欄中的搜索節(jié)點下拉列表,選擇一個節(jié)點,可在畫布中快速定位并居中顯示該節(jié)點。
切換框選模式
單擊工具欄中的切換框選模式圖標(biāo)(),可切換畫布選擇模式為單選或框選。
單選模式:鼠標(biāo)單擊一個節(jié)點或連線進(jìn)行選中。Windows用戶使用快捷鍵Ctrl(Mac用戶使用Command)外加鼠標(biāo)單擊,實現(xiàn)節(jié)點或連線的多選功能。
框選模式:使用鼠標(biāo),在畫布中框選一個或多個節(jié)點或連線,進(jìn)行選中。
縮放畫布
單擊工具欄中的+或-圖標(biāo),或者Windows使用快捷鍵Ctrl(Mac用戶使用Command)同時鼠標(biāo)滾輪,可放大或縮小畫布。您也可以輸入具體的百分比,實現(xiàn)精確縮放。
新手引導(dǎo)
單擊工具欄中的新手引導(dǎo)圖標(biāo)(),系統(tǒng)彈出藍(lán)圖編輯器的引導(dǎo)彈框,幫助您快速了解藍(lán)圖編輯器的用法。
畫布操作
在藍(lán)圖編輯器的畫布中,您可以完成節(jié)點連線和移動、復(fù)制節(jié)點、選中節(jié)點關(guān)聯(lián)邊、選中錨點關(guān)聯(lián)邊、在畫布編輯器中選中等操作。
操作 | 說明 |
移動畫布 | 在單選模式下,單擊畫布空白處移動,即可移動畫布。 |
縮放畫布 | Windows用戶使用快捷鍵Ctrl(Mac用戶使用Command)外加鼠標(biāo)滾輪,可縮放畫布。 |
移動節(jié)點 | 選擇某個節(jié)點拖動即可。 |
連線和刪除連線 | 您可以使用連線功能觸發(fā)兩個節(jié)點之間的數(shù)據(jù)交互。單擊源節(jié)點的錨點,拖出一條連線,連接到目標(biāo)節(jié)點的錨點上。 說明 源節(jié)點事件只能拋出,所以是起始錨點;目標(biāo)節(jié)點動作只能被觸發(fā),所以是目標(biāo)錨點。 右鍵單擊某一條連線,選擇刪除可刪除該連線。 |
變更連線終點 | 您可以單擊選中連線的終點,拖動連線的終點到其他目標(biāo)節(jié)點的錨點上。 |
記錄日志和取消記錄日志 | 右鍵單擊某一條連線,選擇記錄日志/取消記錄日志,可選擇是否在調(diào)試預(yù)覽界面內(nèi)的藍(lán)圖日志&報錯面板中記錄經(jīng)過這條交互鏈路的所有日志。 說明 支持多選連線記錄日志或取消記錄日志,在畫布空白處可支持單擊右鍵取消所有日志記錄。 |
啟用和停用 | 右鍵單擊畫布中某個節(jié)點、連線或表單組,選擇啟用/停用,可暫時啟用或停用對應(yīng)的節(jié)點、連線或表單組。 |
在畫布編輯器中選中 | 右鍵單擊畫布中某個導(dǎo)入節(jié)點,選擇在畫布編輯器中選中,即可返回畫布編輯器頁面并選中該資產(chǎn)。 |
選中關(guān)聯(lián)邊 | 右鍵單擊畫布中某個邏輯節(jié)點,選擇選中關(guān)聯(lián)邊,即可選中當(dāng)前邏輯節(jié)點左右兩側(cè)關(guān)聯(lián)的邊線。 |
選中上下游鏈路 | 右鍵單擊畫布中某個導(dǎo)入節(jié)點,選擇選中上下游鏈路,即可選中當(dāng)前節(jié)點關(guān)聯(lián)的上下游節(jié)點。 |
在畫布中移除 | 右鍵單擊畫布中某個導(dǎo)入節(jié)點,選擇在畫布中移除,可將該節(jié)點從畫布中移除。 重要 移除節(jié)點時,會同時移除選中的節(jié)點和邊,且無法恢復(fù),請謹(jǐn)慎操作。 |
刪除 | 右鍵單擊畫布中某個邏輯節(jié)點或連線,選擇刪除,可將該節(jié)點或者連線從畫布中刪除。 重要 刪除節(jié)點時,會同時刪除選中的節(jié)點和邊,且無法恢復(fù),請謹(jǐn)慎操作。 |
復(fù)制 | 右鍵單擊畫布中某個邏輯節(jié)點,選擇復(fù)制,可復(fù)制該節(jié)點。除上下游事件和動作外,復(fù)制的節(jié)點繼承源節(jié)點的其他所有配置,包括節(jié)點名稱、處理方法等。 |
編組 | 右鍵單擊畫布中某個節(jié)點,選擇編組,可生成一個編組框。
|