[发明专利]应用界面渲染方法及装置有效
申请号: | 201410406745.8 | 申请日: | 2014-08-18 |
公开(公告)号: | CN105354013B | 公开(公告)日: | 2019-07-23 |
发明(设计)人: | 康彬;洪小龙;高嘉峻;黄金涌;张津;倪顺坚;徐焕杰 | 申请(专利权)人: | 阿里巴巴集团控股有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F8/65 |
代理公司: | 北京润泽恒知识产权代理有限公司 11319 | 代理人: | 苏培华 |
地址: | 英属开曼群岛大开*** | 国省代码: | 开曼群岛;KY |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 应用 界面 渲染 方法 装置 | ||
1.一种应用界面渲染方法,其特征在于,应用的客户端中设有SDK包,所述SDK包中包括一渲染引擎,所述渲染引擎中保存有界面数据中定义的组件信息与当前终端设备中的原生组件之间的第一对应关系,所述方法包括,通过所述渲染引擎完成以下操作:
在接收到展示所述应用的指定界面的请求时,向服务器请求该应用的所述指定界面的界面数据;
接收到服务器返回的界面数据后,对所述界面数据进行解析,获得所述界面数据中定义的组件信息;
根据所述第一对应关系,将所述界面数据中定义的组件信息映射为当前终端设备中的原生组件;
对所述原生组件进行渲染,以用于展示所述指定界面。
2.根据权利要求1所述的方法,其特征在于,所述界面数据中包括各个组件的类型名称信息,所述获得所述界面数据中定义的组件信息,包括:
通过对所述界面数据进行解析,从所述界面数据中提取各个组件的类型名称信息,根据名称类型信息将所述界面数据中定义的组件信息转化为逻辑组件;
所述根据所述第一对应关系,将所述界面数据中定义的组件信息映射为当前终端设备中的原生组件,包括:
根据所述第一对应关系,将所述逻辑组件映射为当前终端设备中的原生组件。
3.根据权利要求2所述的方法,其特征在于,所述对所述原生组件进行渲染,包括:
根据所述逻辑组件以及各个逻辑组件在所述界面数据中的嵌套关系生成逻辑树,所述逻辑树包括多个第一节点,每个第一节点对应一个所述逻辑组件,每个第一节点的信息包括所述界面数据中为对应的组件定义的布局信息以及数据内容信息;
遍历逻辑树中的各个节点,根据各个逻辑组件对应的原生组件,将所述逻辑树转换为物理树;所述物理树包括多个第二节点,每个第二节点对应一个所述原生组件,每个第二节点的信息包括在屏幕上显示时的布局信息以及数据内容信息;
将物理树上的各个第二节点绘制到屏幕上。
4.根据权利要求3所述的方法,其特征在于,所述界面数据中包括各个组件的布局数据以及各个组件的内容数据,同一组件对应相同的组件id;所述根据所述逻辑组件以及各个逻辑组件在所述界面数据中的嵌套关系生成逻辑树,包括:
对所述布局数据进行解析,确定逻辑树中的各第一节点,以及各个第一节点对应的组件的布局信息、组件id以及第一节点间的父子关系信息;
根据各第一节点对应的组件id,以及界面数据中为各个组件id定义的内容数据获取各组件的内容数据,并绑定到对应的节点上,生成逻辑树。
5.根据权利要求4所述的方法,其特征在于,如果界面数据中为某组件定义的内容数据为静态内容数据,则所述根据各第一节点对应的组件id,以及界面数据中为各个组件id定义的内容数据获取各组件的内容数据,包括:
根据各第一节点对应的组件id,从所述内容数据中提取该组件的内容数据。
6.根据权利要求4所述的方法,其特征在于,所述界面数据中包括利用预置的脚本函数为某组件定义的动态内容数据,所述预置的脚本函数通过至少一个基本元素表达,每个基本元素包括至少一个类型取值,所述渲染引擎中还保存有脚本函数中定义的基本元素的类型取值与移动终端中的原生API函数之间的第二对应关系;所述根据各第一节点对应的组件id,以及界面数据中为各个组件id定义的内容数据获取各组件的内容数据,包括:
根据各第一节点对应的组件id,从所述内容数据中获取该组件对应的动态脚本;
从所述动态脚本中提取各个基本元素的类型取值;
根据所提取出的各个基本元素的类型取值,以及所述第二对应关系,将所述脚本函数映射为当前移动终端中的原生API函数;
将所述原生API函数确定为该组件的内容数据,以便当所述动态脚本的执行事件被触发时,通过调用所述原生API函数进行界面的展示。
7.根据权利要求6所述的方法,其特征在于,所述基本元素包括用于表达运算/逻辑关系的元素,或函数,或语句。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴集团控股有限公司,未经阿里巴巴集团控股有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201410406745.8/1.html,转载请声明来源钻瓜专利网。
- 上一篇:电容柜及其温度控制装置
- 下一篇:电动抗剪切流量控制器