[发明专利]基于Sketch的跨平台界面开发方法和系统、计算机设备和介质

权利要求书

1.一种基于Sketch的跨平台界面开发方法，应用于客户端，其特征在于，包括：

获取标准模板，所述标准模板具有标准界面版式；

获取目标模板、提取所述目标模板的图层信息并将所述图层信息发送至服务器，使得所述服务器根据所述图层信息提取文本信息数据，所述目标模板具有与待形成的界面对应的目标界面版式；

接收所述文本信息数据并注入至所述标准模板以将所述标准模板更新为所述目标界面版式；以及

根据所述目标界面版式进行代码化生成代码块文件，所述代码块文件用于生成具有目标界面版式的跨平台界面。

2.根据权利要求1所述的跨平台界面开发方法，其特征在于，所述获取目标模板、提取所述目标模板的图层信息并将所述图层信息发送至服务器进一步包括：

获取所述目标模板；

提取所述目标模板的图层；

将所述图层中的元素解析为元素数据；

将所述元素数据转换为用于发送的编码数据。

3.根据权利要求1所述的跨平台界面开发方法，其特征在于，所述接收所述文本信息数据并注入至所述标准模板以将标准模板更新为所述目标界面版式进一步包括：

将所述文本信息数据按照所述目标界面版式中的界面图形逻辑解析为表征各图形的多个数据数组，所述界面图形逻辑包括：每个图形的维数、文本位置、以及文本内容中的一个或多个；以及

将所述数据数组注入所述标准模板并根据所述数据数组表征的界面图形逻辑将所述目标模板的界面版式更新为所述目标界面版式。

4.根据权利要求3所述的跨平台界面开发方法，其特征在于，所述根据所述目标界面版式进行代码化生成代码块文件进一步包括：

获取预存储的标准模板的标准代码块；

根据所述目标界面版式的所述数据数组修改所述标准代码块中的位置信息；

将所述位置信息和所述多个数据数组中的文本内容注入所述标准代码块，形成基于跨平台的代码块文件，所述基于跨平台的代码块文件用于生成跨平台界面。

5.根据权利要求2所述的跨平台界面开发方法，其特征在于，所述编码数据为基于Base64的编码数据，所述跨平台的代码块文件为Flutter代码块文件。

6.一种跨平台界面开发方法，应用于服务器，其特征在于，包括：

接收目标模板的图层信息，其中所述目标模板具有与待形成的界面对应的目标界面版式；

根据所述图层信息提取文本信息数据；

输出所述文本信息数据以生成具有目标界面版式的跨平台界面。

7.根据权利要求6所述的跨平台界面开发方法，其特征在于，所述根据所述图层信息提取文本信息数据进一步包括：

对所述图层信息进行文本检测；

基于文本检测结果识别所述图层信息中的文本数据；以及

基于所述文本数据提取所述文本信息数据。

8.根据权利要求7所述的跨平台界面开发方法，其特征在于，所述对所述图层信息进行文本检测进一步包括：对所述图层信息进行解码并基于所述解码结果对所述图层信息进行文本检测，

当所述文本检测结果表示包含文本数据时，所述根据所述图层信息提取文本信息数据进一步包括：

基于信息抽取算法提取所述文本数据的文本信息，所述文本信息包括文本位置和文本内容；以及

基于所述文本信息生成具有第一结构体格式的文本信息数据。

9.根据权利要求7或8所述的跨平台界面开发方法，其特征在于，所述文本检测结果表示未包含文本数据时，所述基于所述文本数据提取所述文本信息数据进一步包括：

生成具有第二结构体格式的文本信息数据，所述文本信息数据为提取失败消息。