[發明專利]一種以元素團形式定位樹狀圖底層元素的方法及裝置

有效

• 申請號: 201710617625.6
• 申請日: 2017-07-26
• 公開（公告）號: CN107391465B
• 公開（公告）日: 2021-07-16
• 發明（設計）人: 張德波
• 申請（專利權）人: 鄭州云海信息技術有限公司
• 主分類號: G06F40/14
• 分類號: G06F40/14
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 羅滿

本發明公開了一種以元素團形式定位樹狀圖底層元素的方法及裝置，該方法包括：從樹狀圖所包含的元素中獲取底層元素，將父元素相同的底層元素劃分為一個元素團；對于任一元素團，若該元素團內元素總數量小于或等于預設每行最大元素數量，則設置該元素團內首行元素數量等于元素團內元素總數量；否則，設置該元素團內首行元素數量等于預設每行最大元素數量；根據每個所述元素團內首行元素數量以及預設原則將每個所述元素團內的底層元素進行分行；其中，所述預設原則為每個所述元素團內其他行元素數量等于或小于首行元素數量的原則。本發明公開的上述技術方案，將底層元素以元素團形式展出，使得樹狀圖整體比較緊湊、協調和美觀。

技術領域

本發明涉及網站開發技術領域，更具體地說，涉及一種以元素團形式定位樹狀圖底層元素的方法及裝置。

背景技術

隨著HTML5(Hyper Text Markup Language，超文本標記語言)的普及以及人們對網站體驗要求的不斷提高，圖形在網站開發工作中所占的比例越來越高。其中，樹狀圖就是常見的圖形中的一種。

樹狀圖是由元素以及表示元素之間關系的連線所構成的圖形。其中，元素在樹狀圖中表示的是實體的圖形及文字，例如網絡中的交換機、主機等，組織結構圖中的部門、員工等，樹狀圖中的元素之間的線描述的是實體間關系的連線。樹狀圖的元素定位是否合理在很大程度上決定了樹狀圖的整體布局是否緊湊以及協調美觀。但是，元素定位的難點在于在樹狀圖中每個層級的元素個數都是不可預知的，并且樹狀圖的底層元素即處于整個樹狀結構最后一層的元素的數量往往較大，使得樹狀圖所在的畫布的寬度變大，使得整體布局不是很協調。

在現有技術中，實現樹狀圖的方法為：在樹狀圖的元素之間進行連線的同時也實現了簡單邏輯的元素定位。但是當底層元素的數量較多時，它們會一字排開，進而把界面拉的很長，使得整體布局不是特別緊湊，影響整體的協調性和美觀性。

綜上所述，如何能夠提供一種定位樹狀圖中底層元素位置的技術方案，使得整體布局比較緊湊、協調、美觀，是目前本領域技術人員亟待解決的問題。

發明內容

有鑒于此，本發明的目的是提供一種以元素團形式定位樹狀圖底層元素的方法及裝置，使得樹狀圖整體布局比較緊湊、協調、美觀。

為了實現上述目的，本發明提供如下技術方案：

一種以元素團形式定位樹狀圖底層元素的方法，包括：

從樹狀圖所包含的元素中獲取底層元素，將父元素相同的底層元素劃分為一個元素團；

對于任一元素團，若該元素團內元素總數量小于或等于預設每行最大元素數量，則設置該元素團內首行元素數量等于元素團內元素總數量；否則，設置該元素團內首行元素數量等于預設每行最大元素數量；

根據每個所述元素團內首行元素數量以及預設原則將每個所述元素團內的底層元素進行分行；其中，所述預設原則為每個所述元素團內其他行元素數量等于或小于首行元素數量的原則。

優選的，所述根據每個所述元素團內首行元素數量以及預設原則將每個所述元素團內的底層元素進行分行，包括：

按照元素團自左向右的排列順序，依次計算每個所述元素團內第一個底層元素在指定畫布上的坐標值；

根據每個所述元素團內除第一個底層元素之外其他底層元素在該元素團中的排列次序、所述預設原則以及該元素團內首行元素數量，確定所述其他底層元素所處的行數以及列數，并依據每個所述元素團內第一個底層元素的坐標值、所述其他底層元素所處的行數以及列數、預先設定的該元素團內底層元素之間的間距，計算每個所述元素團內除第一個底層元素之外所述其他底層元素在所述指定畫布上的坐標值；

將每個所述元素團內每個底層元素放置到所述指定畫布上對應坐標值的位置，實現對每個所述元素團的分行。