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

说明书

本公开提供了一种开发用户界面的方法、装置、介质和电子设备。所述方法包括：在跨平台框架下，获取预设脚本编写的第一脚本代码和预设脚本编写的预设跨平台类的代码；基于预设平台的核心解释器编译所述第一脚本代码和预设跨平台类的代码，生成对应的第一编译码；通过桥接接口将所述第一编译码发送给跨平台渲染引擎，并由所述跨平台渲染引擎生成第一跨平台组件树；基于所述跨平台渲染引擎对所述第一跨平台组件树进行渲染，生成第一用户界面。本公开通过核心解释器与跨平台渲染引擎间的调用关系，实现了JavaScript脚本或TypeScript脚本在Flutter框架下的运行。实现了在Web下快速开发与Flutter框架下运行的有机融合。提高了开发效率，且保证了Flutter框架下运行效率，降低了开发成本。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种开发用户界面的方法、装置、介质和电子设备。

背景技术

Flutter框架是一种开源的移动应用开发框架，可使可运行程序实现跨平台、高保真和高性能。也就是可运行程序的一套代码可运行在iOS平台或Android平台。Flutter框架提供了丰富的组件、接口，使开发者可以很快地为Flutter框架添加本地扩展。

Flutter框架采用Dart语言作为开发语言，Dart语言是一种使用特定Dart VM虚拟机运行的静态语言，提供高速的AOT方案与强调动态性的JIT方案。Dart VM虚拟机为高级编程语言Dart语言提供运行环境。Dart Kernel是Dart VM虚拟机支持的IR级别的专用语言。采用Dart语言编写的代码编译后可转换到Dart Kernel中，并在Dart VM虚拟机中运行。

但是，当在Flutter框架下采用Dart语言开发时，由于Flutter框架下缺乏必要的开发资源，使采用Dart语言开发的效率很低，无形中增加了开发的成本。

发明内容

提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

本公开的目的在于提供一种开发用户界面的方法、装置、介质和电子设备，能够解决上述提到的至少一个技术问题。具体方案如下：

根据本公开的具体实施方式，第一方面，本公开提供一种开发用户界面的方法，包括：

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

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

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

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

根据本公开的具体实施方式，第二方面，本公开提供一种开发用户界面的装置，包括：

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

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

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

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