[发明专利]一种应用界面渲染方法及装置在审

专利信息
申请号: 201910350970.7 申请日: 2019-04-28
公开(公告)号: CN110083426A 公开(公告)日: 2019-08-02
发明(设计)人: 黄建华 申请(专利权)人: 无线生活(杭州)信息科技有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06F8/38
代理公司: 北京尚伦律师事务所 11477 代理人: 谢丽莎
地址: 310000 浙江省杭州市*** 国省代码: 浙江;33
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 应用界面 界面元素 客户端版本 界面数据 渲染 客户端 预设 参数转换 实时渲染 数据结构 转换规则 遍历 更新 开发 解析
【说明书】:

发明是关于一种应用界面渲染方法及装置。该方法包括:获取预设数据结构规范的界面数据;遍历所述界面数据中的界面元素,解析得到界面元素的第一标识及第一参数;根据预设的转换规则将所述第一标识及第一参数转换为当前客户端对应的第二标识和第二参数;根据所述第二标识和第二参数,在所述当前客户端上对所述界面元素进行渲染,得到应用界面。该技术方案,开发者无需开发多个客户端版本代码,仅需开发一套基于规范的UI数据,即可实现多端应用界面实时渲染更新。用户无需更新客户端版本,即可体验到界面的变动。

技术领域

本发明涉及应用开发技术领域,尤其涉及一种应用界面渲染方法及装置。

背景技术

在移动应用程序开发中,为了满足不同设备的用户需求,应用程序的部分功能通常要求同时运行在不同类型的移动客户端,并保持用户界面的一致性。移动客户端通常包括:Web浏览器、iOS应用、安卓应用、小程序等。

业界比较常见的做法是通过开发各个类型客户端的应用程序版本,客户端新版本全部发布之后,用户更新版本来完成界面的更新。在此背景下,客户端应用程序的“热更新”技术出现,解决了在iOS、安卓等客户端应用程序中,用户需要手动更新版本的问题,但没有解决开发者需要多端单独开发同样的界面的问题。

为解决这类问题,业界出现了许多开发一套代码,多端复用这套代码实现界面及功能的各类应用程序框架。这些应用程序框架的实现方案主要是制定代码规范,框架对不同的移动端进行代码适配。

上述的现有技术方案仍然存在一些缺陷:

1)应用程序在各种移动客户端的用户界面布局和样式通常固定在每个版本中,当有新的样式开发需求时,开发人员无法快速调整移动终端用户界面;

2)客户端的版本升级需要一定的时间,很难做到实时全量更新;

3)“一套代码多端复用”的各类框架只能解决框架支持的有限个移动端的代码复用,无法应用到未支持类型的移动终端。

发明内容

本发明实施例提供一种应用界面渲染方法及装置。所述技术方案如下:

根据本发明实施例的第一方面,提供应用界面渲染方法,包括:

获取预设数据结构规范的界面数据;

遍历所述界面数据中的界面元素,解析得到界面元素的第一标识及第一参数;

根据预设的转换规则将所述第一标识及第一参数转换为当前客户端对应的第二标识和第二参数;

根据所述第二标识和第二参数,在所述当前客户端上对所述界面元素进行渲染,得到应用界面。

可选的,所述第一参数包括:界面元素的值、样式和包含事件名的点击事件。

可选的,所述预设数据结构规范包括:

数据类型,包括:模块、列表、列表项、细胞和最小粒度不可再分的基本元素;

界面元素属性,包括:所述数据类型;基本元素属性;界面样式;事件;子节点;所述数据类型对应的属性和界面样式配置与变量之间的关联关系;扩展字段。

可选的,根据所述第二标识和第二参数,在所述当前客户端上对所述界面元素进行渲染,得到应用界面,包括:

根据所述关联关系使用输入变量覆盖所述基本元素属性和界面样式所对应的属性值。

可选的,遍历所述界面数据中的界面元素,解析得到界面元素的第一标识及第一参数,包括:

根据预设模板数据和业务接口数据获取所述界面元素属性的内容;

根据所述界面元元素属性的内容获得所述第一标识及第一参数。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于无线生活(杭州)信息科技有限公司,未经无线生活(杭州)信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910350970.7/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top