CN118245152A - 一种树结构目录展示方法、终端设备及存储介质 - Google Patents
一种树结构目录展示方法、终端设备及存储介质 Download PDFInfo
- Publication number
- CN118245152A CN118245152A CN202410397456.XA CN202410397456A CN118245152A CN 118245152 A CN118245152 A CN 118245152A CN 202410397456 A CN202410397456 A CN 202410397456A CN 118245152 A CN118245152 A CN 118245152A
- Authority
- CN
- China
- Prior art keywords
- node
- primary
- nodes
- height
- child
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 28
- 238000004590 computer program Methods 0.000 claims description 19
- 230000000007 visual effect Effects 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001105 regulatory effect Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明涉及一种树结构目录展示方法、终端设备及存储介质，该方法中包括：设定一级节点采用ListView呈现，一级节点下的子节点采用TreeView呈现；将每个一级节点和其下的所有子节点组成一个子树容器；将所有一级节点对应的子树容器组成一颗新的树结构；基于新的树结构实现一级节点和其下各子节点的展开和折叠，使得所有一级节点始终展示在可视区域。本发明使得所有一级节点始终展示于可视区域内，不用通过滚动条就能操作其它一级节点的展开和折叠，方便用户对一级节点的操作，提高了操作的便捷性。
Description
技术领域
本发明涉及界面呈现领域，尤其涉及一种树结构目录展示方法、终端设备及存储介质。
背景技术
现有的安防软件在显示界面呈现方面通常采用树形结构，即由设备节点、视图节点、动态可视化节点等一级节点和各一级节点下面的各子节点组成的一颗树结构。如果某个一级节点A下面包含的子节点的数目较多，在该一级节点A展开后，由于显示内容的长度超出界面可视区域的范围，因此会出现垂直滚动条，同层级的其它一级节点(如B,C,D)会被滚动条给隐藏，无法在可视区域呈现。如果用户想操作其它的一级节点，就需要通过滚动鼠标或者拖动垂直滚动条到指定位置才能操作其它同层级的一级节点(B,C,D)，这样大大增加了用户的操作复杂性。
发明内容
为了解决上述问题，本发明提出了一种树结构目录展示方法、终端设备及存储介质。
具体方案如下：
一种树结构目录展示方法，包括以下步骤：
设定一级节点采用ListView呈现，一级节点下的子节点采用TreeView呈现；将每个一级节点和其下的所有子节点组成一个子树容器；将所有一级节点对应的子树容器组成一颗新的树结构；
基于新的树结构实现一级节点和其下各子节点的展开和折叠，使得所有一级节点始终展示在可视区域。
进一步的，一级节点以及一级节点下的子节点展开的方法包括以下步骤：
S101：计算一级节点展开后的子节点内容的实际所需高度，并判断该实际所需高度是否大于可视区域的可使用高度与所有一级节点所占的总高度的差值，如果是，进入S102；否则，按顺序展示各一级节点和展开的子节点；
S102：将可视区域的可使用高度与所有一级节点所占的总高度的差值作为一级节点展开后的子节点内容的可用高度；
S103：基于子节点内容的可用高度展示展开后的子节点，超过部分被隐藏；
S104：当下一个一阶节点被展开时，其他展开的一级节点被折叠。
进一步的，一阶节点折叠的方法为：基于各一级节点所占的高度，按照各一级节点的顺序，计算各一级节点的高度坐标；基于计算的各一级节点的高度坐标展示各一级节点。进一步的，
进一步的，一级节点下的子节点折叠的方法为：计算一级节点下的子节点折叠后该一级节点对应的子节点内容的实际所需高度是否大于子节点内容的可用高度；如果是，各一级节点和子节点内容展示位置不变；否则，基于子节点内容的实际所需高度展示折叠后的子节点。
一种树结构目录展示终端设备，包括处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本发明实施例上述的方法的步骤。
一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例上述的方法的步骤。
本发明采用如上技术方案，使得所有一级节点始终展示于可视区域内，不用通过滚动条就能操作其它一级节点的展开和折叠，方便用户对一级节点的操作，提高了操作的便捷性。
附图说明
图1所示为本发明实施例一方法的流程图。
图2所示为该实施例中一级节点展开后的效果图。
具体实施方式
为进一步说明各实施例，本发明提供有附图。这些附图为本发明揭露内容的一部分，其主要用以说明实施例，并可配合说明书的相关描述来解释实施例的运作原理。配合参考这些内容，本领域普通技术人员应能理解其他可能的实施方式以及本发明的优点。
现结合附图和具体实施方式对本发明进一步说明。
实施例一：
本发明实施例提供了一种树结构目录展示方法，如图1所示，所述方法包括：设定一级节点采用ListView呈现，一级节点下的子节点采用TreeView呈现。将每个一级节点和其下的所有子节点组成一个子树容器；将所有一级节点对应的子树容器组成一颗新的树结构。基于新的树结构实现一级节点和其下各子节点的展开和折叠，使得所有一级节点始终展示在可视区域。
在一种实施方式中，一级节点包括A,B,C,D四个。当展开一级节点A时，新的树结构首先会计算一级节点A展开后的子节点内容的实际所需高度和所有一级节点(A,B,C,D)所占的总高度；然后判断该实际所需高度是否大于可视区域的可使用高度与所有一级节点所占的总高度的差值；如果是，则将可视区域的可使用高度与所有一级节点所占的总高度的差值作为一级节点展开后的子节点内容的可用高度，基于子节点内容的可用高度展示展开后的子节点，超过部分被隐藏(通过滚动条的方式调节显示的子节点内容)；否则，按顺序展示各一级节点和展开的子节点。需要说明的是，当下一个一阶节点被展开时，其他展开的一级节点被折叠。一级节点下的子节点展开的方式与一级节点展开的方式下同。本实施例中安防软件一级节点展开后的效果图如图2所示。采用上述的展开方式，可以使得所有一级节点始终展示于可视区域内。
当一阶节点折叠时，基于各一级节点所占的高度，按照各一级节点的顺序，计算各一级节点的高度坐标；基于计算的各一级节点的高度坐标展示各一级节点。
当一级节点下的子节点折叠时，计算一级节点下的子节点折叠后该一级节点对应的子节点内容的实际所需高度是否大于子节点内容的可用高度；如果是，各一级节点和子节点内容展示位置不变；否则，基于子节点内容的实际所需高度展示折叠后的子节点。
具体布局时的高度坐标计算方法如下：
当H2+4*H3>H1时，YA＝0、YB＝H1-3*H3、YC＝H1-2*H3、YD＝H1-H3。
当H2+4*H3≤H1时，YA＝0、YB＝H3+H2、YC＝2*H3+H2、YD＝3*H3+H2。
其中，H1表示可视区域的可使用高度，H2表示子节点内容的实际所需高度，H3表示每个一级节点所占的高度，YA、YB、YC、YD分别表示一级节点A,B,C,D的高度坐标。
本发明实施例将设备节点、视图节点、动态可视化节点等一级节点及其子节点使用新的树结构呈现，当某个一级节点展开时，即使展开后的子节点内容高度很大，出现了垂直滚动条，其它一级节点仍会根据内部自适应算法，呈现在可视区域内，不用通过滚动条就能操作其它一级节点的展开和折叠，方便用户对一级节点操作，提高了操作的便捷性。
实施例二：
本发明还提供一种树结构目录展示终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本发明实施例一的上述方法实施例中的步骤。
进一步地，作为一个可执行方案，所述树结构目录展示终端设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述树结构目录展示终端设备可包括，但不仅限于，处理器、存储器。本领域技术人员可以理解，上述树结构目录展示终端设备的组成结构仅仅是树结构目录展示终端设备的示例，并不构成对树结构目录展示终端设备的限定，可以包括比上述更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述树结构目录展示终端设备还可以包括输入输出设备、网络接入设备、总线等，本发明实施例对此不做限定。
进一步地，作为一个可执行方案，所称处理器可以是中央处理单元(CentralProcessing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital SignalProcessor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述树结构目录展示终端设备的控制中心，利用各种接口和线路连接整个树结构目录展示终端设备的各个部分。
所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述树结构目录展示终端设备的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据手机的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
本发明还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例上述方法的步骤。
所述树结构目录展示终端设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)以及软件分发介质等。
尽管结合优选实施方案具体展示和介绍了本发明，但所属领域的技术人员应该明白，在不脱离所附权利要求书所限定的本发明的精神和范围内，在形式上和细节上可以对本发明做出各种变化，均为本发明的保护范围。
Claims (6)
1.一种树结构目录展示方法，其特征在于，包括以下步骤：
设定一级节点采用ListView呈现，一级节点下的子节点采用TreeView呈现；将每个一级节点和其下的所有子节点组成一个子树容器；将所有一级节点对应的子树容器组成一颗新的树结构；
基于新的树结构实现一级节点和其下各子节点的展开和折叠，使得所有一级节点始终展示在可视区域。
2.根据权利要求1所述的树结构目录展示方法，其特征在于：一级节点以及一级节点下的子节点展开的方法包括以下步骤：
S101：计算一级节点展开后的子节点内容的实际所需高度，并判断该实际所需高度是否大于可视区域的可使用高度与所有一级节点所占的总高度的差值，如果是，进入S102；否则，按顺序展示各一级节点和展开的子节点；
S102：将可视区域的可使用高度与所有一级节点所占的总高度的差值作为一级节点展开后的子节点内容的可用高度；
S103：基于子节点内容的可用高度展示展开后的子节点，超过部分被隐藏；
S104：当下一个一阶节点被展开时，其他展开的一级节点被折叠。
3.根据权利要求1所述的树结构目录展示方法，其特征在于：一阶节点折叠的方法为：基于各一级节点所占的高度，按照各一级节点的顺序，计算各一级节点的高度坐标；基于计算的各一级节点的高度坐标展示各一级节点。
4.根据权利要求2所述的树结构目录展示方法，其特征在于：一级节点下的子节点折叠的方法为：计算一级节点下的子节点折叠后该一级节点对应的子节点内容的实际所需高度是否大于子节点内容的可用高度；如果是，各一级节点和子节点内容展示位置不变；否则，基于子节点内容的实际所需高度展示折叠后的子节点。
5.一种树结构目录展示终端设备，其特征在于：包括处理器、存储器以及存储在所述存储器中并在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1～4中任一所述方法的步骤。
6.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现如权利要求1～4中任一所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410397456.XA CN118245152A (zh) | 2024-04-02 | 2024-04-02 | 一种树结构目录展示方法、终端设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410397456.XA CN118245152A (zh) | 2024-04-02 | 2024-04-02 | 一种树结构目录展示方法、终端设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN118245152A true CN118245152A (zh) | 2024-06-25 |
Family
ID=91564283
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202410397456.XA Pending CN118245152A (zh) | 2024-04-02 | 2024-04-02 | 一种树结构目录展示方法、终端设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN118245152A (zh) |
-
2024
- 2024-04-02 CN CN202410397456.XA patent/CN118245152A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107704576B (zh) | 数据展示优化方法、装置、终端设备及存储介质 | |
| US7661076B2 (en) | Two dimensional trees to edit graph-like diagrams | |
| WO2022062610A1 (zh) | 信息展示方法、装置、电子设备以及存储介质 | |
| CN112130856A (zh) | 强扩展性的前端可视化界面生成方法、系统、介质及终端 | |
| CN112099690B (zh) | 页面缩放方法、装置、终端及存储介质 | |
| US6683632B2 (en) | Method and system for presenting semilinear hierarchy | |
| CN113553635A (zh) | 图库图元配置方法、装置、电子设备和存储介质 | |
| CN118245152A (zh) | 一种树结构目录展示方法、终端设备及存储介质 | |
| CN116483240A (zh) | 基于列表的空数据占位视图实现方法、装置及电子设备 | |
| US10824405B2 (en) | Layer-based conversion with functionality retention | |
| US11539594B2 (en) | Diagramming chlid nodes with multiple parent nodes | |
| US8566359B1 (en) | Unfolding sparse data sets | |
| CN112448853B (zh) | 一种网络拓扑图优化方法、终端设备及存储介质 | |
| CN112395827B (zh) | 一种树状结构图的绘制方法以及移动终端 | |
| CN112528593B (zh) | 文档处理方法、装置、电子设备及存储介质 | |
| CN112148287B (zh) | 一种表格动态显示方法、装置以及电子设备 | |
| CN109697238B (zh) | 数据处理方法及装置 | |
| CN110647574B (zh) | 一种社交网络数据展示方法、终端设备及存储介质 | |
| CN115098083B (zh) | 一种图形视图框架的扩展方法、装置、设备及存储介质 | |
| US20070153017A1 (en) | Semantics-guided non-photorealistic rendering of images | |
| CN116501318B (zh) | 表单创建方法、装置、电子设备及计算机可读存储介质 | |
| CN115202720A (zh) | 数据显示方法、装置、设备及存储介质 | |
| CN117093299A (zh) | 基于d3的产业链拓扑图展示方法、装置、设备及存储介质 | |
| JP2017072977A (ja) | コンピュータ・プログラム | |
| CN118259912A (zh) | 一种图表的生成方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |