[发明专利]一种开发用户界面的方法、装置、介质和电子设备有效

专利信息
申请号: 202010085236.5 申请日: 2020-02-10
公开(公告)号: CN111338623B 公开(公告)日: 2023-06-30
发明(设计)人: 刘丰恺 申请(专利权)人: 北京字节跳动网络技术有限公司
主分类号: G06F8/38 分类号: G06F8/38;G06F8/41
代理公司: 北京国昊天诚知识产权代理有限公司 11315 代理人: 马瑞
地址: 100041 北京市石景山区*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 开发 用户界面 方法 装置 介质 电子设备
【权利要求书】:

1.一种开发用户界面的方法,其特征在于,包括:

在跨平台框架下,获取预设脚本编写的第一脚本代码和预设脚本编写的预设跨平台类的代码;所述预设跨平台类是与所述第一脚本代码中的类对应的跨平台框架下的同名类;

基于预设平台的核心解释器编译所述第一脚本代码和预设跨平台类的代码,生成对应的第一编译码;

通过桥接接口将所述第一编译码发送给跨平台渲染引擎,并由所述跨平台渲染引擎生成第一跨平台组件树;

基于所述跨平台渲染引擎对所述第一跨平台组件树进行渲染,生成第一用户界面;

所述第一用户界面包括动态组件;

所述方法还包括:

获取所述动态组件的变化事件;

基于所述变化事件的触发,获取所述第一用户界面的第一变化信息;

通过所述桥接接口将所述第一变化信息回调到所述核心解释器进行编译,生成对应的变化编译码;

通过所述桥接接口将所述变化编译码发送给跨平台渲染引擎,并由所述跨平台渲染引擎生成第二跨平台组件树。

2.根据权利要求1所述的方法,其特征在于,所述预设跨平台类包括镜像类;所述镜像类是与所述第一脚本代码中的类对应的跨平台框架下的同名模拟类。

3.根据权利要求1所述的方法,其特征在于,所述方法还包括:

在跨平台框架下,获取第一脚本代码;

基于预设平台的所述核心解释器编译所述第一脚本代码,生成第二用户界面。

4.根据权利要求1所述的方法,其特征在于,所述预设脚本包括JavaScript脚本或TypeScript脚本。

5.根据权利要求1所述的方法,其特征在于,所述预设平台,包括:Android平台或iOS平台。

6.根据权利要求1所述的方法,其特征在于,所述跨平台框架包括Flutter框架。

7.一种开发用户界面的装置,其特征在于,包括:

获取代码单元,用于在跨平台框架下,获取预设脚本编写的第一脚本代码和预设脚本编写的预设跨平台类的代码;所述预设跨平台类是与所述第一脚本代码中的类对应的跨平台框架下的同名类;

生成第一编译码单元,用于基于预设平台的核心解释器编译所述第一脚本代码和预设跨平台类的代码,生成对应的第一编译码;

生成第一跨平台组件树单元,用于通过桥接接口将所述第一编译码发送给跨平台渲染引擎,并由所述跨平台渲染引擎生成第一跨平台组件树;

生成第一用户界面单元,用于基于所述跨平台渲染引擎对所述第一跨平台组件树进行渲染,生成第一用户界面;

所述第一用户界面包括动态组件,所述装置还包括:

获取变化事件单元,用于获取所述动态组件的变化事件;

获取第一变化信息单元,用于基于所述变化事件的触发,获取所述第一用户界面 的第一变化信息;

生成变化编译码单元,用于通过所述桥接接口将所述第一变化信息回调到所述核 心解释器进行编译,生成对应的变化编译码;

生成第二跨平台组件树单元,用于通过所述桥接接口将所述变化编译码发送给跨 平台渲染引擎,并由所述跨平台渲染引擎生成第二跨平台组件树。

8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1至6中任一项所述的方法。

9.一种电子设备,其特征在于,包括:

一个或多个处理器;

存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如权利要求1至6中任一项所述的方法。

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

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京字节跳动网络技术有限公司,未经北京字节跳动网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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