[发明专利]一种构建表盘对象的方法及系统

说明书

本发明公开了一种构建表盘对象的方法及系统，该方法包括：根据预设的关联原则更新预设指针控件的值，预设指针控件至少包括：表盘元素、表盘元素属性、指针元素、指针元素属性及指针元素CSS属性；根据表盘元素的预设事件属性对当前指针的各指针控件值进行更新，确定各指针之间的逻辑变化；根据各指针之间的逻辑变化及指针控件，构建目标表盘对象。本发明通过增加新的控件元素及相应属性，根据预设事件属性对各控件值进行更新，确定各指针之间的逻辑变化关系，然后构建目标表盘对象，实现可扩展的复杂控件支持，且具有接口简单，性能好，方便扩展，安全性好等优点。

技术领域

本发明涉及计算机信息处理技术领域，具体涉及一种构建表盘对象的方法及系统。

背景技术

目前，超文本标记语言(Hypertext Marked Language,HTML)页面主要用于文字和图片混排的文档内容，以及用于网页的布局排版和渲染的层叠样式表(Cascading StyleSheets,CSS)相关规范，其中，主要是基于矩形区域进行的，比如用来控制其宽度和高度的属性(width和height)及用于控制HTML元素布局的属性等。随着HTML5及CSS3技术的发展，很多运行在PC、智能手机上的应用(App)，开始使用Web技术来为用户呈现内容，并作为人机交互的界面，但是，将网页前端技术用于客户端应用的开发时，基于矩形块的CSS样式表，需要多个标签元素，并且每个标签元素又对应多个CSS属性，增加了系统内存的开销，甚至画面会出现停顿和抖动的现象，无法简单有效地为各种复杂的控件提供有效支持，并且执行效率低，占用内存大。

发明内容

有鉴于此，本发明实施例提供了一种构建表盘对象的方法及系统，以解决现有技术无法为各种复杂的控件提供有效支持，并且执行效率低，占用内存大的技术问题。

为达到上述目的，本发明提供如下技术方案：

第一方面，本发明实施例提供一种构建表盘对象的方法，包括如下步骤：根据预设的关联原则更新预设指针控件的值，所述预设指针控件至少包括：表盘元素、表盘元素属性、指针元素、指针元素属性及指针元素CSS属性；根据所述表盘元素的预设事件属性对当前指针的各指针控件值进行更新，确定各所述指针之间的逻辑变化；根据各所述指针之间的逻辑变化及指针控件，构建目标表盘对象。

在一实施例中，当未设置所述指针元素CSS属性的初始值时，将指针元素属性值定义为相应的指针元素CSS属性值；根据指针控件值及指针元素CSS属性值，实现对指针控件值的更新。

在一实施例中，监听指针控件值的响应变化，当指针控件值发生变化时获取响应请求数据；根据所述响应请求数据对应的指针控件值、当前指针的各指针控件值及表盘元素的预设事件属性对应的响应函数，得到响应结果；根据所述响应结果，对各指针控件值进行更新，确定各所述指针之间的逻辑变化。

在一实施例中，根据各所述指针之间的逻辑变化及指针控件，对指针控件值进行识别与解析，得到对应的解析控件值；获取预设渲染节点的成员变量；根据预设函数，将各所述解析控件值配置到各所述成员变量中，得到当前成员变量；根据各所述当前成员变量及预设的相应函数，对指针控件进行布局及渲染，得到目标表盘对象。

在一实施例中，将属性名称及标签名称保存至对应文件；根据指针控件标签名称及属性名称生成对应的哈希值；根据所述哈希值，获取各预设类的成员函数；根据各指针控件对应的所述成员函数对各指针控件值进行解析，得到对应的解析控件值。

在一实施例中，获取表盘元素的逻辑坐标，根据表盘元素属性值、预设缩放比例及所述表盘元素的逻辑坐标，将表盘元素的逻辑坐标变换为设备坐标，确定画布尺寸及旋转中心点坐标；根据预设旋转方向判别规则，确定指针旋转方向；根据所述指针旋转方向及各指针元素CSS属性值，确定指针角度及指针端点坐标；根据预设绘图函数、所述表盘元素的中心点坐标、所述指针角度及所述指针端点坐标绘制指针，对指针控件进行布局及渲染，得到所述目标表盘对象。