[发明专利]一种树状结构图的绘制方法以及移动终端

权利要求书

1.一种树状结构图的绘制方法，其特征在于，包括：

对于待显示的树状结构，利用画布Canvas绘制所述树状结构的各节点的色块和线条；其中，所述节点的色块的大小为该节点的显示区域的大小，所述色块的颜色是根据预设的节点的颜色显示规则确定的；

根据各节点的色块的显示位置，使用树状结构插件将所述树状结构的各节点的文字信息在对应色块处进行数据渲染。

2.根据权利要求1所述的方法，其特征在于，在所述利用Canvas绘制所述树状结构的各节点的色块和线条之前，还包括：

统计所述树状结构中节点层级个数；

根据显示屏的宽度，以及统计出的节点层级个数，计算出每个节点的色块的宽度；

根据节点的色块的宽度，按设定比例计算节点的色块的高度；

根据各节点在所述树状结构中的位置，以及各节点的色块的大小，确定各节点的色块在显示屏中的位置坐标。

3.根据权利要求2所述的方法，其特征在于，所述利用Canvas绘制所述树状结构的各节点的色块，具体包括：

根据各节点的色块在显示屏中的大小、位置坐标，以及预设的节点的颜色显示规则，利用Canvas绘制所述树状结构的各节点的色块。

4.根据权利要求3所述的方法，其特征在于，所述根据各节点的色块的显示位置，使用树状结构插件将所述树状结构的各节点的文字信息在对应色块处进行数据渲染，具体包括：

根据各节点的色块的大小确定各节点的文字信息的字号大小；

根据各节点的文字信息的字号大小，以及各节点的色块的位置坐标，使用树状结构插件将所述树状结构的各节点的文字信息在对应色块处进行数据渲染。

5.根据权利要求1-4任一所述的方法，其特征在于，在所述使用树状结构插件将所述树状结构的各节点的文字信息在对应色块处进行数据渲染之后，还包括：

在所述树状结构的各父节点的色块处绘制折叠标志；以及所述方法还包括：

在接收到一个节点的色块处的折叠标志的点击指令后，将所述树状结构中该节点下的结构去除，形成新的树状结构；

利用Canvas绘制所述新的树状结构的各节点的色块和线条，并使用树状结构插件将所述新的树状结构的各节点的文字信息在对应色块处进行数据渲染。

6.根据权利要求5所述的方法，其特征在于，在所述利用Canvas绘制所述新的树状结构的各节点的色块和线条时，还包括：

在所述折叠标志的点击指令所涉及的节点的色块处显示绘制展开标志；以及所述方法还包括：

在接收到一个节点的色块处的展开标志的点击指令后，将该节点下的结构添加进来，形成更新后的树状结构；

利用Canvas绘制所述更新后的树状结构的各节点的色块和线条，并使用树状结构插件将所述更新后的树状结构的各节点的文字信息在对应色块处进行数据渲染。

7.根据权利要求1-4任一所述的方法，其特征在于，还包括：

在接收到放大/缩小指令后，根据放大/缩小比例计算出当前的显示比例；

根据当前位于显示屏中心位置处的节点，以及当前的显示比例，确定所述树状结构中待显示的部分结构；

利用Canvas绘制所述部分结构的各节点的色块和线条，并使用树状结构插件将所述部分结构的各节点的文字信息在对应色块处进行数据渲染。

8.根据权利要求1-4任一所述的方法，其特征在于，还包括：

在接收到拖拽指令后，判断出拖在位于显示屏中心位置处的待显示的节点；

根据判断出的中心节点，以及当前的显示比例，确定所述树状结构中待显示的部分结构；

利用Canvas绘制所述部分结构的各节点的色块和线条，并使用树状结构插件将所述部分结构的各节点的文字信息在对应色块处进行数据渲染。

9.根据权利要求1-4任一所述的方法，其特征在于，还包括：

在接收到一个节点的点击指令后，显示该节点的详细信息。

10.一种移动终端，包括中央处理单元、信号处理和存储单元，以及存储在信号处理和存储单元上并可在中央处理单元上运行的程序，其特征在于，所述中央处理单元执行所述程序时实现如权利要求1-9任一所述的方法。