[發明專利]一種樹形列表的實現方法、系統、設備及存儲介質

有效

• 申請號: 202110794479.0
• 申請日: 2021-07-14
• 公開（公告）號: CN113642292B
• 公開（公告）日: 2022-06-14
• 發明（設計）人: 黃逸朗;潘健
• 申請（專利權）人: 廣州市玄武無線科技股份有限公司
• 主分類號: G06F40/143
• 分類號: G06F40/143;G06F16/951;G06F16/957
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 陳旭紅;晏靜文

1.一種樹形列表的實現方法，其特征在于，包括：

利用標簽屬性建立多層父子結構，得到原始樹形結構；

將所述原始樹形結構轉化為平鋪的單層數組結構；

將所述單層數組結構轉化成數組標簽，得到平鋪樹形列表；其中，所述數組標簽能夠通過深度屬性區分顯示樣式；具體為：將單層數組結構導入預設數據邏輯，遍歷參數后形成遞歸函數，得到平鋪樹形列表；

根據所述平鋪樹形列表，創建容器節點、滾動盒子和列表盒子；

根據所述容器節點、所述滾動盒子和所述列表盒子，完成樹形列表滾動加載設計，得到滾動列表；具體為：為所述容器節點設置滾動條監聽事件；其中，所述滾動條監聽事件用于在滾動條滾動時獲取滾動條的滾動高度；

根據樹形列表預設的長度值設置所述滾動盒子和所述列表盒子的高度和寬度；

根據所述滾動盒子和所述列表盒子的高度和寬度，獲得待渲染列表的節點索引集合；其中，索引值＝(滾動高度-滾動盒子高度)/行高，可視區域的數量＝滾動盒子高度/行高，所述節點索引集合為[索引值，索引值+1，…，索引值+可視區域的數量]；

根據所述節點索引集合，在所述平鋪樹形列表中獲取節點，創建節點標簽，得到滾動列表；

在所述滾動列表的列表標簽上注冊點擊事件，獲取節點類型；

根據所述節點類型分析子節點的狀態，修改并更新子節點顯示狀態并渲染樹形列表；具體包括：當所述子節點為收起狀態時，取出當前節點中的所有子節點，依次向父節點的索引位置插入、修改并更新子節點顯示狀態并重新渲染樹形列表，達到子節點展開效果；當所述子節點為展開狀態時，取出當前節點中子節點的長度，依次向父節點的索引位置后刪除子節點長度數量，若子節點內還有子節點，則根據其子節點的數量遞歸刪除，修改并更新子節點顯示狀態并重新渲染樹形列表，達到子節點收起效果。

2.一種樹形列表的實現系統，其特征在于，包括：

原始結構構造模塊，用于通過標簽屬性建立多層父子結構，得到原始樹形結構；

平鋪模塊，用于將所述原始樹形結構轉化為平鋪的單層數組結構；

打標模塊，用于將所述單層數組結構轉化成數組標簽，得到平鋪樹形列表；其中，所述數組標簽能夠通過深度屬性區分顯示樣式；所述打標模塊還用于將單層數組結構導入預設數據邏輯，遍歷參數后形成遞歸函數，得到平鋪樹形列表；

節點構建模塊，用于根據所述平鋪樹形列表，創建容器節點、滾動盒子和列表盒子；

滾動設計模塊，用于根據所述容器節點、所述滾動盒子和所述列表盒子，完成樹形列表滾動加載設計，得到滾動列表；

所述滾動設計模塊包括：監聽單元，用于為所述容器節點設置滾動條監聽事件；其中，所述滾動條監聽事件用于在滾動條滾動時獲取滾動條的滾動高度；數據限定單元，用于根據樹形列表預設的長度值設置所述滾動盒子和所述列表盒子的高度和寬度；節點索引單元，用于根據所述滾動盒子和所述列表盒子的高度和寬度，獲得待渲染列表的節點索引集合；其中，索引值＝(滾動高度-滾動盒子高度)/行高，可視區域的數量＝滾動盒子高度/行高，所述節點索引集合為[索引值，索引值+1，…，索引值+可視區域的數量]；節點獲取單元，用于根據所述節點索引集合，在所述平鋪樹形列表中獲取節點，創建節點標簽，得到滾動列表；

節點分析模塊，用于在所述滾動列表的列表標簽上注冊點擊事件，獲取節點類型；

渲染模塊，用于根據所述節點類型分析子節點的狀態，修改并更新子節點顯示狀態并渲染樹形列表；所述渲染模塊包括：

展開渲染單元，用于在所述子節點為收起狀態時，取出當前節點中的所有子節點，依次向父節點的索引位置插入、修改并更新子節點顯示狀態并重新渲染樹形列表，達到子節點展開效果；

收起渲染單元，用于在所述子節點為展開狀態時，取出當前節點中子節點的長度，依次向父節點的索引位置后刪除子節點長度數量，若子節點內還有子節點，則根據其子節點的數量遞歸刪除，修改并更新子節點顯示狀態并重新渲染樹形列表，達到子節點收起效果。

3.一種計算機終端設備，其特征在于，包括：

一個或多個處理器；

存儲器，與所述處理器耦接，用于存儲一個或多個程序；

當所述一個或多個程序被所述一個或多個處理器執行，使得所述一個或多個處理器實現如權利要求1所述的樹形列表的實現方法。

4.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，所述計算機程序被處理器執行時實現如權利要求1所述的樹形列表的實現方法。