[發明專利]數據處理方法、視覺稿的處理方法、系統及電子設備

在審

• 申請號: 202011296388.6
• 申請日: 2020-11-18
• 公開（公告）號: CN113296769A
• 公開（公告）日: 2021-08-24
• 發明（設計）人: 常艷芳;周婷婷
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京太合九思知識產權代理有限公司 11610
• 代理人: 柴艷波;劉戈

本申請實施例提供一種數據處理方法、視覺稿的處理方法、系統及電子設備。其中，方法包括：根據圖片的圖文件，確定所述圖片的布局信息；基于所述布局信息，對所述圖片進行處理，以確定所述圖片中的具有組件功能的局部圖；根據所述布局信息及所述具有組件功能的局部圖，得到用于生成程序代碼的第一描述信息。采用本申請提供的技術方法，能夠自動生成第一描述信息，且精度高；另外，該第一描述信息可用于得到圖片的程序代碼，為線上提供代碼自動生成服務提供技術基礎。

技術領域

本申請涉及計算機技術領域，尤其涉及一種數據處理方法、視覺稿的處理方法、系統及電子設備。

背景技術

自動生成視覺圖片的程序代碼，是一種提高系統及程序開發效率、縮短開發周期的有效方法。目前，在自動生成代碼過程中，常以視覺設計師設計出的視覺圖片為輸入源，通過目標檢測的方式識別UI(User Interface)組件，這種方式既要識別組件的類別，還要識別組件在所述視覺圖片中的位置，準確率低，無法大批量應用。

發明內容

本申請提供一種解決上述問題或至少部分地解決上述問題的數據處理方法、視覺稿的處理方法、系統及電子設備。

在本申請的一個實施例中，提供了一種數據處理方法。該方法，包括：

根據圖片的圖文件，確定所述圖片的布局信息；

基于所述布局信息，對所述圖片進行處理，以確定所述圖片中的具有組件功能的局部圖；

根據所述布局信息及所述具有組件功能的局部圖，得到用于生成程序代碼的第一描述信息。

在本申請的一實施例中，提供了一種數據處理系統。該系統包括：

客戶端，用于向服務端發送圖片的圖文件；

服務端，用于根據所述圖片的圖文件，確定所述圖片的布局信息；基于所述布局信息，對所述圖片進行處理，以確定所述圖片中的具有組件功能的局部圖；基于所述布局信息及所述具有組件功能的局部圖，得到用于生成程序代碼的第一描述信息。

在本申請的另一實施例中，提供了一種視覺稿的處理方法。該方法包括：

根據視覺稿文件，確定所述視覺稿的布局信息；

基于所述布局信息，對視覺稿對應頁面圖進行處理，以確定所述頁面圖中的具有組件功能的局部圖；

根據所述布局信息及所述具有組件功能的局部圖，得到用于生成程序代碼的第一描述信息。

在本申請的另一實施例中，提供了一種視覺稿的處理系統。該系統包括：

客戶端，用于向服務端發送視覺稿文件；

服務端，用于根據所述視覺稿文件，確定所述視覺稿的布局信息；基于所述布局信息，對視覺稿對應頁面圖進行處理，得到所述頁面圖中的具有組件功能的局部圖；根據所述布局信息及所述具有組件功能的局部圖，得到用于生成程序代碼的第一描述信息。

在本申請的一個實施例中，提供了一種電子設備。該電子設備包括：存儲器和處理器，其中，

所述存儲器，用于存儲程序；

所述處理器，與所述存儲器耦合，用于執行所述存儲器中存儲的所述程序，以用于：

根據圖片的圖文件，確定所述圖片的布局信息；

基于所述布局信息，對所述圖片進行處理，以確定所述圖片中的具有組件功能的局部圖；

根據所述布局信息及所述具有組件功能的局部圖，得到用于生成程序代碼的第一描述信息。

在本申請的另一個實施例中，提供了一種電子設備。該電子設備包括：存儲器和處理器，其中，