CN104572098B - 一种移动终端页面图表的更新方法和装置 - Google Patents

Abstract

本发明公开了一种移动终端页面图表的更新方法和装置。所述方法包括：接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；获取针对所述第二图表预置的多个图表属性的属性值，并将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。本发明大大减少了对存储空间的占用，节约了提供页面的服务器资源以及移动终端资源，在渲染图表时避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

Description

一种移动终端页面图表的更新方法和装置

技术领域

本发明涉及页面处理领域，具体涉及一种移动终端页面图表的更新方法，以及和一种移动终端页面图表的更新装置。

背景技术

随着移动终端的快速发展，越来越多的用户选择通过移动终端访问互联网，获取互联网信息。

针对移动终端页面中展示的图表，一般会针对每个图表都编写对应的框架，并针对图表框架和填充的数据编写相应的样式，由于图表的千变万化，需要针对每个图表编写对应的记载图表的文件，工作量非常大且需要花费较多的事件，并且保存这些文件也需要占用大量的存储空间，对提供页面的服务器资源以及移动终端资源都造成了浪费，并且在渲染图表时频繁的创建各种重复样式，增加了系统内存消耗，降低了系统性能。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的移动终端页面图表的更新方法和相应的移动终端页面图表的更新装置。

依据本发明的一个方面，提供了一种移动终端页面图表的更新方法，包括：

接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；

获取针对所述第二图表预置的多个图表属性的属性值，并将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

可选地，所述接收在移动终端页面将第一图表更新为第二图表的操作包括：

接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

可选地，所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分。

可选地，所述将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件包括：

针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

可选地，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

可选地，所述加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表包括：

将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

可选地，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

可选地，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

可选地，所述方法还包括：

接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

从所述第二图表的第一隐藏区域中取出预设行数的行数据，并插入滑动前所述可见区域前预设行数的内容；

将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

可选地，所述将提取的行数据的内容替换为滑动后展示内容包括：

通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

根据本发明的另一个方面，提供了一种移动终端页面图表的更新装置，包括：

更新操作接收模块，用于接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；

属性值获取模块，用于获取针对所述第二图表预置的多个图表属性的属性值；

属性值写入模块，用于将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

文件加载模块，用于加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

可选地，所述更新操作接收模块，具体用于接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

可选地，所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分。

可选地，所述属性值写入模块包括：

空间查找子模块，用于针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

空间写入子模块，用于将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

可选地，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

可选地，所述文件加载模块，具体用于将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

可选地，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

可选地，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

可选地，所述装置还包括：

滑动操作接收模块，用于接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

行数据提取模块，用于从所述第二图表的第一隐藏区域中取出预设行数的行数据；

行数据更新模块，用于插入滑动前所述可见区域前预设行数的内容；

行数据插入模块，用于将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

可选地，所述行数据更新模块，具体用于通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

依据本发明实施例，针对图表编写通用的预设图表框架，各个图表油预设图表框架和填入该框架的图表的属性值构成，在接收到对一个图表更新为另一个图表的操作时，只需要将新的图表对应的属性值替换入预设图表框架中，进一步加载就可以得到新的图表，由此可见，依据本发明实施例，通过表格样式的复用，一方面节约了重新制作图表的工作量和时间，另一方面由于多个图表仅仅由通用的预设图表框架和对应的属性值构成，仅需要记录一个图表框架和对应各个图表的属性值即可，大大减少了对存储空间的占用，节约了提供页面的服务器资源以及移动终端资源，在渲染图表时避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

本发明实施例还对表格中的数据采用了复用机制，从而实现了节省内存，提高绘制性能的目的，让用户切换、滑动起来流畅自如。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明实施例1的一种移动终端页面图表的更新方法实施例的流程图；

图2示出了根据本发明实施例2的一种移动终端页面图表的更新方法实施例的流程图；

图3示出了本发明实施例的一个示例中双色球彩票的走势图表的示意图；

图4示出了本发明实施例的一个示例中ILTRender控件的样式示意图；

图5示出了本发明实施例的一个示例中Istyle控件的样式示意图；

图6示出了本发明实施例的一个示例中控件Ctrl的样式示意图；

图7示出了采用本发明实施例的方案滑动图表的示意图；

图8示出了根据本发明实施例1的一种移动终端页面图表的更新方法实施例的流程图；

图9示出了根据本发明实施例2的一种移动终端页面图表的更新方法实施例的流程图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

参照图1，其示出了根据本发明实施例1的一种移动终端页面图表的更新方法实施例的流程图，所述方法具体可以包括

步骤101、接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成。

将第一图表更新为第二图表的操作可以为页面切换查看新页面的图表的操作，也可以是滑动图表查看图表中其他部分的内容的操作，还可以是任何其他使图表更新的操作。

本发明实施例针对多个图表采用同一个预设图表框架编写，多个图表仅仅由通用的预设图表框架和对应的属性值构成，因此，针对多个图表仅需存储一个通用的图表框架和对应各个图表的属性值即可，大大减少了对存储空间的占用。

预设图表框架中包括多个图表的属性以及对应的属性值，将属性值更新为每个图表对应的属性值，即可得到每个图表对应的图表文件，针对第一图表，记录第一图表的图表文件由通用的预设图表框架和对应的图表属性的属性值构成。

图表属性以及图表属性值可以按照实际需求分类和编写，仅需可以描述图表并可以通用于多个图表即可。

步骤102、获取针对所述第二图表预置的多个图表属性的属性值，并将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件。

将第一图表更新为第二图表时，首先生成第二图表对应的图表文件，由于第一图表和第二图表均采用预设图表框架编写，因此，仅需将第二图表对应的属性值填入预设图表框架即可，第二图表的对应的属性值相比于整个图表而言，占用了较少的存储空间。

步骤103、加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

加载描述第二图表的图表文件对应展示第二图表，具体的，加载包括第二图表文件的当前页面对应的页面资源文件，进一步得到展示第二图表的移动终端页面。

依据本发明实施例，针对图表编写通用的预设图表框架，各个图表油预设图表框架和填入该框架的图表的属性值构成，在接收到对一个图表更新为另一个图表的操作时，只需要将新的图表对应的属性值替换入预设图表框架中，进一步加载就可以得到新的图表，由此可见，依据本发明实施例，通过表格样式的复用，一方面节约了重新制作图表的工作量和时间，另一方面由于多个图表仅仅由通用的预设图表框架和对应的属性值构成，仅需要记录一个图表框架和对应各个图表的属性值即可，大大减少了对存储空间的占用，节约了提供页面的服务器资源以及移动终端资源，在渲染图表时避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

本发明实施例中，进一步优选地，所述接收在移动终端页面将第一图表更新为第二图表的操作包括：

接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

滑动页面可以查看图表中其他未展示的内容或是从一个图表滑动展示另一个图表，切换图表即展示新的图表，可以通过切换页面的动作触发

本发明实施例中，进一步优选地，所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分。

图表属性可以根据具体的实际需求设置和分类，图表框架中可以针对不同的图表属性对应分配不同的存储空间，并采用不同的存储标识进行区分，也可以将所有图表属性存储在同一个存储空间，采用不同的字段标识进行区分，本发明实施例优选前一种实现方式。

相应的，所述将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件包括：

针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

由于各图表属性按照不同的存储标识存储在图表框架中不同的存储空间中，因此可以根据存储标识查找对应的存储空间，并将属性值写入相应的存储空间，即可得到对应记录第二图表的图表文件。

本发明实施例中，进一步优选地，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。采用编号来记录属性值可以更进一步地减少图表属性的存储空间，减少对存储空间的占用，并且，处理的数据量更小，提高了绘制图表的速度。相应的，在生成图表文件时，根据属性编号查找对应的图表属性值，将图表属性值进一步填入图表框架中。

本发明实施例中，进一步优选地，所述加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表包括：

将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

记录页面的页面资源文件由多个页面元素构成，其中包括图表文件的页面元素，绝大多数元素是“容器”，采用超文本标记语言标签的形式编写，即它有起始标记和结尾标记，元素的起始标记叫做起始链接签(start tag)，元素结束标记叫做结尾链接签(endtag)，图表文件插入时以超文本标记语言标签的形式进行插入。

进一步加载页面资源文件即可得到页面，其中展示第二图表。

本发明实施例中，优选地，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

可以从图表元素、绘图效果、绘图位置和绘图逻辑四个分类角度描述各个图表的图表属性。图表元素为图表中展示的具体内容，例如包括表格单元样式(球的、背景、角标球、角标文本、绘制间隙、文本等)和路径控件样式(折线路径单元上球、路径上球单元上文本、折线路径单元背景、折线本身等)。绘图效果例如，图表的路径、线条、文本、综合绘制的形状等，具体而言可以是LTPen描述线条绘图，主要属性是线条颜色、线条宽、路径线条样式、文本绘图效果(是否是粗体、是否高亮、高亮文本颜色、画笔宽度、字体颜色、字体大小等)、背景图的绘制效果等等(填充颜色、画笔、背景图片、圆圈绘图等)。绘图位置和绘图逻辑例如包括控件绝对位置、画布、父类控件、相对位置、控件内部的间隙、与其他控件的间隙、控件的类型等。

参照图2，其示出了根据本发明实施例2的一种移动终端页面图表的更新方法实施例的流程图，所述方法具体可以包括：

步骤201、接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成。

步骤202、获取针对所述第二图表预置的多个图表属性的属性值，并将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件。

步骤203、加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

步骤204、接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数。

步骤205、从所述第二图表的第一隐藏区域中取出预设行数的行数据，并插入滑动前所述可见区域前预设行数的内容。

步骤206、将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

与上个实施例不同的是，本实施例中，为了最大限度节省资源，提高绘制效率，还对图表中每行item的数据采用了复用机制。

具体的，除了在移动终端当前页面可见的可见区域之外，在图表中设置在当前界面中不展示的第一隐藏区域和第二隐藏区域，第一隐藏区域和第二隐藏区域分别均包括至少一行的行数据。在纵向滑动第二图表时，首先根据滑动操作确定对应滑动的行数，可以预先设置对应的滑动距离与滑动行数的对应关系。进一步从第一隐藏区域中提取出等于滑动行数的行数据。

通过这种复用机制，这样无论表格有多少行多少条数据，图表文件中记录的行数只有可见区域和隐藏区域的行数总和，从而实现了节省内存，提高绘制性能的目的，让用户切换、滑动起来流畅自如。

可以采用多种方式对行数据进行替换，本发明实施例中，优选地，所述将提取的行数据的内容替换为滑动后展示内容包括：

通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

依据本发明实施例，针对图表编写通用的预设图表框架，各个图表油预设图表框架和填入该框架的图表的属性值构成，在接收到对一个图表更新为另一个图表的操作时，只需要将新的图表对应的属性值替换入预设图表框架中，进一步加载就可以得到新的图表，由此可见，依据本发明实施例，通过表格样式的复用，一方面节约了重新制作图表的工作量和时间，另一方面由于多个图表仅仅由通用的预设图表框架和对应的属性值构成，仅需要记录一个图表框架和对应各个图表的属性值即可，大大减少了对存储空间的占用，节约了提供页面的服务器资源以及移动终端资源，在渲染图表时避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

本发明实施例还对表格中的数据采用了复用机制，从而实现了节省内存，提高绘制性能的目的，让用户切换、滑动起来流畅自如。

需要说明的是，对于前述的方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明所必需的。

为使本领域技术人员更好地理解本发明实施例，以下通过一个具体的示例对本发明实施例所述的移动终端页面图表的更新流程进行说明。

以展示双色球彩票的走势图为例，如图3所示，给出了双色球彩票的走势图表的示意图。

走势图UI框架里包含主要控件Ctrl、ILTRender、IStyle三部分，控件Ctrl包含了位置信息，逻辑信息，ILTRender主要用于描述绘图数据，Istyle描述图表元素。

ILTRender控件的样式如图4所示，具体包括：

LTPen描述线条绘图，主要属性是线条颜色mPenColor和线条宽度mPenWdith

LTPath描述路径绘图，主要属性是路径线条样式mPenId

LTText描述文本绘图效果，主要属性有：

isBold:是否是粗体

isHighLight:是否高亮

mHighLightTextColor:高亮文本颜色

mPenWdith:画笔宽度

mTextColor:字体颜色

mTextSize:字体大小

LTDrawing描述背景图的绘制，所有LTDrawing都有如下属性：

mBushColor：填充颜色

mPenId：画笔render id，可以通过这个id从RenderPool中找出指定LTPen

mDrawable：背景图片

LTCircle描述圆圈绘图，主要属性是圆半径mBallRadius

LTNormalRect的属性全部继承自LTDrawing

上面这些所有样式都存在对应该属性的RenderPool中。

Istyle控件的样式如图5所示，具体包括：

CellCtrlStyle：

mBallId:球的render id

mBkgId:背景render id

mMarkId:角标球render id

mMarkTextId:角标文本render id

mPaddingId:绘制间隙render id

mTextRenderId:文本render id

PathCtrlStyle：

mBallId:折线路径单元上球的render id

mBallTextId:路径上球单元上文本的render id

mBkgId:折线路径单元背景render id

mPathId:折线本身render id

上面所有Style都存在StylePool中。

控件Ctrl的样式如图6所示，具体包括如下属性：

mAbsoluteRect：为控件绝对位置

mCanvas：为画布

mParentCtrl：父类控件

mRelativeRect：为相对位置

mPadding：为控件内部的间隙

mMargin：与其他控件的间隙

mType：控件的类型

BaseCtrl的主要属性有：样式mStyleId和存放样式id的样式池mStylePool

CellCtrl的主要属性有：

mText：控件上的文字

mMarkText：控件上的角标

mState：控件的状态

mMarkRect：控件角标的相对

PathCtrl的主要属性有：

mBallTextArray：折线路径上的文本集合

mPathParams：路径参数集合

mBallLocations：路径上球的位置

所有控件容器CtrlGroup都包含如下属性：

mBgkId:背景id

mChildCount:子控件数目

mChildMap:存子控件的集合

mDrawRect:绘制区域

mPaddintRenderId:间隙绘制的render id

mRenderPool:render集合

mScrollX:横向滑动的位置

mScrollY:纵向滑动的位置

RowCtrl行控件主要属性有：

mColumnSpace：列间隙，

mColumnSpaceRenderId：列间隙的render id

TableCtrl表格主要属性有：

imAdapter:描述表格数据的适配器

mBallPathList:表格中路径单元集合

mCacheHeight:缓存的所有列表项高度

mCacheItemCount:缓存的列表项个数

mFirstPosition:可见列表项在列表中的索引

mItemCount:整个表格列表项个数

mItemHeight:每个列表项高度

mRowSpace:行间隙

mRowSpaceRenderId:行间隙的render id

BTrendTableCtrl走势图表格：

mIssueTable:走势图期号列表

mIssueTopTitle:走势图期号标题

mLeftTable:固定表

mLeftTableTopTitle:固定表标题

mMainTable:主表

mMainTableTopTitle:主表标题

mTrendCountTable:统计表

mTrendCountTitle:统计表标题

采用上述图表属性描述图4所示的走势图。

整个页面矩形单元背景只有深色和浅色两种，加上间隙线，这样有了3种不同的LTNormalRect。整个走势图每个表格的大背景都是一张图，所以只有一个带图片的LTNormalRect。因此，整个走势图中存于RenderPool的LTNormalRect只有4个。

图中有球号的区域中第2列前2行有带选号的单元，可以看出单元球的背景有2种，加上角标球，整个页面中只有3种LTCircle，存于RenderPool中。

图中最上一行和最左一列两个框中的单元字体相同，框中有遗漏单元、普通单元、角标3种颜色字体，底部统计表格分别4种颜色字体，所以一共只有9种LTText，存于RenderPool中。

表格中只有一种颜色和粗细的纵向列间隙分隔线，所以只有一种LTPen存于RenderPool中。

在图中最上一行和最左一列中只有2种因为背景色不同的样式，所以这里两种CellCtrlStyle。奖号、和值和跨度中也只因为背景色不同，又有两种CellCtrlStyle，存于StylePool中。记录球号的部分和最下面4行一起，根据是否有选中单元，背景深浅，一起决定有4种新的CellCtrlStyle。底部统计表每行的单元都是一种CellCtrlStyle，共4种CellCtrlStyle。

综上，整个图一共有138个CellCtrl，只有12种CellCtrlStyle，每个CellCtrlStyle中都只是存放对应的整型的render id。整个图存在RenderPool的render只有17个。从而达到复用的效果，且整个走势图各RenderPool、StylePool又存于一个PoolMgr里统一管理，每个彩种走势图都存在一份数据里。每次退出后跟随页面销毁而自动销毁。所以在同一个彩种走势图内部，页面切换、滑动的过程中，避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

以下通过具体的示例说明图表中数据复用机制。

对于走势图表格控件TableCtrl，一个彩票Android走势图表格数据目前可以最大设置100条。为了最大限度节省资源，提高绘制效率，我们采用如下机制来复用表格每行item的数据，如下图7所示为采用本发明实施例的方案滑动图表的示意图。

图中间框住的区域表示表格在屏幕上可视区域，假如可以看到表格6行，我们在表格的首尾会各加一个item备用。当用户向上滑动，我们从表格中取出最顶部的item1。由于表格每一行的数据格式一样，所以我们把item1对应的RowCtrl中所有控件结构进行复用，通过表格适配器的getItemCtrl()方法填充上item9的数据，得到item9，把item9插入到表格的底部。用户下滑原理类似，这时只需要把最底部的item取出，适配数据后插入表格顶部即可。

通过这种复用机制，这样无论表格有多少行多少条数据，表格的实际保持的RowCtrl只有：屏幕显示的行数加2个，从而实现了节省内存，提高绘制性能的目的，让用户切换、滑动起来流畅自如。

基于上述方法实施例的说明，本发明还提供了相应的移动终端页面图表的更新装置实施例，来实现上述方法实施例所述的内容。

参照图8，其示出了根据本发明实施例1的一种移动终端页面图表的更新装置实施例的结构框图，包括：

更新操作接收模块301，用于接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；

属性值获取模块302，用于获取针对所述第二图表预置的多个图表属性的属性值；

属性值写入模块303，用于将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

文件加载模块304，用于加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

本发明实施例中，优选地，所述更新操作接收模块，具体用于接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

本发明实施例中，优选地，所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分。

本发明实施例中，优选地，所述属性值写入模块包括：

空间查找子模块，用于针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

空间写入子模块，用于将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

本发明实施例中，优选地，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

本发明实施例中，优选地，所述文件加载模块，具体用于将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

本发明实施例中，优选地，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

依据本发明实施例，针对图表编写通用的预设图表框架，各个图表油预设图表框架和填入该框架的图表的属性值构成，在接收到对一个图表更新为另一个图表的操作时，只需要将新的图表对应的属性值替换入预设图表框架中，进一步加载就可以得到新的图表，由此可见，依据本发明实施例，通过表格样式的复用，一方面节约了重新制作图表的工作量和时间，另一方面由于多个图表仅仅由通用的预设图表框架和对应的属性值构成，仅需要记录一个图表框架和对应各个图表的属性值即可，大大减少了对存储空间的占用，节约了提供页面的服务器资源以及移动终端资源，在渲染图表时避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

参照图9，其示出了根据本发明实施例2的一种移动终端页面图表的更新装置实施例的结构框图，包括：

更新操作接收模块401，用于接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；

属性值获取模块402，用于获取针对所述第二图表预置的多个图表属性的属性值；

属性值写入模块403，用于将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

文件加载模块404，用于加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

滑动操作接收模块405，用于接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

行数据提取模块406，用于从所述第二图表的第一隐藏区域中取出预设行数的行数据；

行数据更新模块407，用于插入滑动前所述可见区域前预设行数的内容；

行数据插入模块408，用于将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

本发明实施例中，优选地，所述行数据更新模块，具体用于通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

依据本发明实施例，针对图表编写通用的预设图表框架，各个图表油预设图表框架和填入该框架的图表的属性值构成，在接收到对一个图表更新为另一个图表的操作时，只需要将新的图表对应的属性值替换入预设图表框架中，进一步加载就可以得到新的图表，由此可见，依据本发明实施例，通过表格样式的复用，一方面节约了重新制作图表的工作量和时间，另一方面由于多个图表仅仅由通用的预设图表框架和对应的属性值构成，仅需要记录一个图表框架和对应各个图表的属性值即可，大大减少了对存储空间的占用，节约了提供页面的服务器资源以及移动终端资源，在渲染图表时避免了频繁的创建各种重复样式，从而大大减少了系统内存消耗，提高了系统性能。

本发明实施例还对表格中的数据采用了复用机制，从而实现了节省内存，提高绘制性能的目的，让用户切换、滑动起来流畅自如。

对于上述移动终端页面图表的更新装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域技术人员易于想到的是：上述各个实施例的任意组合应用都是可行的，故上述各个实施例之间的任意组合都是本发明的实施方案，但是由于篇幅限制，本说明书在此就不一一详述了。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的移动终端页面图表的更新设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了A1、一种移动终端页面图表的更新方法，包括：

接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；

获取针对所述第二图表预置的多个图表属性的属性值，并将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

A2、如A1所述的方法，其中，所述接收在移动终端页面将第一图表更新为第二图表的操作包括：

接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

A3、如A1所述的方法，其中，所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分。

A4、如A3所述的方法，其中，所述将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件包括：

针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

A5、如A1所述的方法，其中，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

A6、如A1所述的方法，其中，所述加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表包括：

将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

A7、如A1所述的方法，其中，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

A8、如A1所述的方法，其中，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

A9、如A8所述的方法，其中，所述方法还包括：

接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

从所述第二图表的第一隐藏区域中取出预设行数的行数据，并插入滑动前所述可见区域前预设行数的内容；

将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

A10、如A9所述的方法，其中，所述将提取的行数据的内容替换为滑动后展示内容包括：

通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

本发明还公开了B11、一种移动终端页面图表的更新装置，包括：

更新操作接收模块，用于接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；

属性值获取模块，用于获取针对所述第二图表预置的多个图表属性的属性值；

属性值写入模块，用于将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

文件加载模块，用于加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

B12、如B11所述的装置，其中，所述更新操作接收模块，具体用于接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

B13、如B11所述的装置，其中，所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分。

B14、如B13所述的装置，其中，所述属性值写入模块包括：

空间查找子模块，用于针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

空间写入子模块，用于将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

B15、如B11所述的装置，其中，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

B16、如B11所述的装置，其中，所述文件加载模块，具体用于将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

B17、如B11所述的装置，其中，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

B18、如B11所述的装置，其中，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

B19、如B18所述的装置，其中，所述装置还包括：

滑动操作接收模块，用于接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

行数据提取模块，用于从所述第二图表的第一隐藏区域中取出预设行数的行数据；

行数据更新模块，用于插入滑动前所述可见区域前预设行数的内容；

行数据插入模块，用于将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

B20、如B19所述的装置，其中，所述行数据更新模块，具体用于通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

Claims (18)

1.一种移动终端页面图表的更新方法，包括：

接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；其中，所述预设图表框架中包括多个图表的属性以及对应的属性值；所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分；

获取针对所述第二图表预置的多个图表属性的属性值，并将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

2.如权利要求1所述的方法，其中，所述接收在移动终端页面将第一图表更新为第二图表的操作包括：

接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

3.如权利要求1所述的方法，其中，所述将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件包括：

针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

4.如权利要求1所述的方法，其中，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

5.如权利要求1所述的方法，其中，所述加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表包括：

将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

6.如权利要求1所述的方法，其中，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

7.如权利要求1所述的方法，其中，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

8.如权利要求7所述的方法，其中，所述方法还包括：

接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

从所述第二图表的第一隐藏区域中取出预设行数的行数据，并插入滑动前所述可见区域前预设行数的内容；

将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

9.如权利要求8所述的方法，其中，所述将提取的行数据的内容替换为滑动后展示内容包括：

通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。

10.一种移动终端页面图表的更新装置，包括：

更新操作接收模块，用于接收在移动终端页面将第一图表更新为第二图表的操作，所述移动终端页面采用预设图表框架描述所述第一图表，所述预设图表框架由所述第一图表的多个图表属性以及所述图表属性对应的属性值构成；其中，所述预设图表框架中包括多个图表的属性以及对应的属性值；所述预设图表框架中针对不同的图表属性分配不同的存储空间用于存储对应的属性值，并针对不同图表属性对应的存储空间添加对应的存储标识进行区分；

属性值获取模块，用于获取针对所述第二图表预置的多个图表属性的属性值；

属性值写入模块，用于将获取的属性值写入所述预设图表框架中得到记录所述第二图表的图表文件；

文件加载模块，用于加载记录所述第二图表的图表文件，在所述移动终端页面展示所述第二图表。

11.如权利要求10所述的装置，其中，所述更新操作接收模块，具体用于接收在所述移动终端页面中对所述第一图表进行滑动或切换的操作。

12.如权利要求10所述的装置，其中，所述属性值写入模块包括：

空间查找子模块，用于针对各种图表属性对应的属性值，根据各种图表属性对应的存储标识在所述预设图表框架中查找用于存储所述图表属性的存储空间；

空间写入子模块，用于将所述图表属性对应的属性值写入对应存储所述图表属性的存储空间，得到记录所述第二图表的图表文件。

13.如权利要求10所述的装置，其中，各个图表属性对应的属性值为从针对不同的图表属性设置的属性编号。

14.如权利要求10所述的装置，其中，所述文件加载模块，具体用于将描述所述第二图表的图表文件添加到所述移动终端页面对应的页面资源文件中，并加载添加后的页面资源文件得到展示第二图表的移动终端页面。

15.如权利要求10所述的装置，其中，所述图表属性包括构成所述图表的图表元素以及各图表元素对应的绘图效果、绘图位置和绘图逻辑。

16.如权利要求10所述的装置，其中，所述第二图表包括在所述移动终端页面上展示的可见区域以及分别位于所述可见区域上方未展示的第一隐藏区域和位于所述可见区域下方未展示的第二隐藏区域，所述第一隐藏区域和所述第二隐藏区域均包括至少一行的行数据。

17.如权利要求16所述的装置，其中，所述装置还包括：

滑动操作接收模块，用于接收在纵向方向上对所述移动终端页面的第二图表的滑动操作，所述滑动操作对应滑动预设行数；

行数据提取模块，用于从所述第二图表的第一隐藏区域中取出预设行数的行数据；

行数据更新模块，用于插入滑动前所述可见区域前预设行数的内容；

行数据插入模块，用于将提取前所述第二隐藏区域之后预设行的内容替换到所述第二隐藏区域。

18.如权利要求17所述的装置，其中，所述行数据更新模块，具体用于通过调用表格适配器函数将提取的行数据的内容替换为滑动后展示内容。