全部產品
Search
文件中心

DataV:圖層管理

更新時間:Jun 25, 2025

本文檔介紹DataV圖層欄的元件圖表層功能面板功能

元件圖表層功能

說明

元件圖表層移動可以使得組件在大屏上的排序更加有條理。

  • 位置層次越靠前,表示組件在畫布中的顯示越靠前。

  • 位置層次越靠後,表示組件在畫布中的顯示越靠後。

  • 當兩個組件重疊時,位置靠前的組件會覆蓋位置靠後的組件。

在元件圖表層面板,您可以對圖層進行如下操作。

名稱/表徵圖

功能

聚焦image

將當前組件移動到換行面板的中心位置,方便查看或進一步操作。

鎖定image

鎖定當前圖層,使被鎖定的組件無法選中和編輯,只能在圖層面板解鎖。

選擇圖層image.png

單擊此處,可以在下拉圖層中選擇需要跳轉的圖層。

圖層順序image.png

移動圖層。

  • 置頂image:將當前圖層置於畫布編輯器的圖層最上端。

  • 置底image:將當前圖層置於畫布編輯器的圖層最下端。

  • 上移一層image:將當前圖層的顯示位置向上移動一層。

  • 下移一層image:將當前圖層的顯示位置向下移動一層。

成組image/解組image

將一個或多個組件捆綁為一個分組,可以進行組內設定。將多個組件成組後,可以右鍵選擇收藏,收藏多個組件。組件成組後也可以設定組內背景樣式。

產生迭代器image

迭代器即清單產生器。在組件成組後通過迭代器的資料驅動,產生一個列表,清單項目的數量與迭代器資料中數組的長度一致。單擊取消迭代器即可取消使用。

說明

迭代器繪製上限為100個迭代單元。

  • 背景:設定迭代器圖表的背景顏色。

  • 超出滾動:單擊image表徵圖,控制迭代單元在超出迭代器的圖表範圍時,在預覽或發布頁是否可滾動顯示。

  • 隱藏捲軸:單擊image表徵圖,控制是否隱藏捲軸。

  • 捲軸顏色:設定捲軸的顏色。

使用輪播容器image.png/解除輪播容器image.png

單擊使用輪播容器,可以使組件進行輪播操作。

進入藍圖編輯器image.png

單擊即可進入藍圖編輯器中。

隱藏image

隱藏當前圖層,只能在圖層面板重新顯示。

重新命名image.png

重新命名當前圖層。

複製IDimage

複製當前組件或組的ID,在快捷搜尋欄可以直接搜尋。

複製image

複製當前組件/組。

刪除image

刪除當前組件/組。

收藏image

將組件或組收藏到設計庫 > 我的收藏頁簽中,方便進行二次使用。

面板功能

圖層面板,您可以做以下操作。

名稱/表徵圖

功能

更新image.png

查看當前畫布中可以更新的組件清單,選擇需要更新的組件。

置頂面板image.png

圖層面板固定在畫布編輯器上,在開啟其他面板時不會關閉該面板。

關閉面板image.png

關閉圖層面板。

上移一層image

將當前圖層的顯示位置向上移動一層。

下移一層image

將當前圖層的顯示位置向下移動一層。

置頂image

將當前圖層置於畫布編輯器的圖層最上層。

置底image

將當前圖層置於畫布編輯器的圖層最下層。

成組image/解組image

將一個或多個組件捆綁為一個分組,可以進行組內設定。將多個組件成組後,可以右鍵選擇收藏,收藏多個組件。組件成組後也可以設定組內的背景樣式。

聚焦image

將當前組件移動到換行面板的中心位置,方便查看或進一步操作。

鎖定image/解鎖image

鎖定當前圖層,使被鎖定的組件無法選中和編輯。圖層解鎖後組件才可以被編輯。

圖層順序image.png

移動圖層。

  • 置頂image:將當前圖層置於畫布編輯器的圖層最上端。

  • 置底image:將當前圖層置於畫布編輯器的圖層最下端。

  • 上移一層image:將當前圖層的顯示位置向上移動一層。

  • 下移一層image:將當前圖層的顯示位置向下移動一層。

全部展開image.png/全部收合image.png

將所有組或者輪播容器父節點全部展開或全部收齊,方便組件尋找和編輯。

產生迭代器image

迭代器即清單產生器。在組件成組後通過迭代器的資料驅動,產生一個列表,清單項目的數量與迭代器資料中數組的長度一致。單擊取消迭代器即可取消使用。

說明

迭代器繪製上限為100個迭代單元。

  • 背景:設定迭代器圖表的背景顏色。

  • 超出滾動:單擊image表徵圖,控制迭代單元在超出迭代器的圖表範圍時,在預覽或發布頁是否可滾動顯示。

  • 隱藏捲軸:單擊image表徵圖,控制是否隱藏捲軸。

  • 捲軸顏色:設定捲軸的顏色。

使用輪播容器image.png/解除輪播容器image.png

點擊使用輪播容器,可以使組件進行輪播操作。

進入藍圖編輯器image.png

單擊進入藍圖編輯器。

在藍圖編輯器中定位image.png

在圖層面板單擊表徵圖,可以在藍圖畫布中直接定位到具體的組件或組。

隱藏image/顯示image

隱藏/顯示當前圖層。

重新命名image.png

重新命名當前圖層。

複製IDimage

複製當前組件或組的ID,在快捷搜尋欄可以直接搜尋。

複製image

複製當前組件/組。

刪除image

刪除當前組件/組。

收藏image

將組件或組收藏到設計庫 > 我的收藏頁簽中,方便進行二次使用。