[發(fā)明專利]自動(dòng)生成代碼的方法、裝置、計(jì)算機(jī)設(shè)備及介質(zhì)

在審

• 申請?zhí)枺?/td>: 202010561621.2
• 申請日: 2020-06-18
• 公開（公告）號(hào): CN111596925A
• 公開（公告）日: 2020-08-28
• 發(fā)明（設(shè)計(jì)）人: 李臨
• 申請（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號(hào): G06F8/41
• 分類號(hào): G06F8/41;G06F8/38
• 代理公司: 北京三高永信知識(shí)產(chǎn)權(quán)代理有限責(zé)任公司 11138
• 代理人: 張所明

本申請公開了一種自動(dòng)生成代碼的方法、裝置、設(shè)備及介質(zhì)，涉及虛擬環(huán)境領(lǐng)域。該方法包括：獲取用戶界面UI設(shè)計(jì)圖，所述UI設(shè)計(jì)圖包括n個(gè)控件圖形，所述n個(gè)控件圖形上的參考點(diǎn)按照連線規(guī)則進(jìn)行連線后形成第一折線；在代碼庫中獲取已有組件，所述已有組件包括n個(gè)控件元素，所述n個(gè)控件元素上的參考點(diǎn)按照所述連線規(guī)則進(jìn)行連線后形成第一折線；計(jì)算所述第一折線和所述第二折線的折線相似度；響應(yīng)于所述折線相似度達(dá)到相似度條件，根據(jù)所述已有組件對(duì)應(yīng)的代碼，生成所述UI設(shè)計(jì)圖對(duì)應(yīng)的代碼。本申請能夠提高組件識(shí)別過程的計(jì)算效率。

技術(shù)領(lǐng)域

本申請實(shí)施例涉及視覺編譯領(lǐng)域，特別涉及一種自動(dòng)生成代碼的方法、裝置、計(jì)算機(jī)設(shè)備及介質(zhì)。

背景技術(shù)

自動(dòng)生成代碼是指通過視覺設(shè)計(jì)師提供的用戶界面(UserInterface，UI)設(shè)計(jì)圖，經(jīng)過視覺編譯工具進(jìn)行編譯處理后，自動(dòng)生成能在某個(gè)程序平臺(tái)上編譯運(yùn)行的代碼。該代碼生成的UI樣式和布局，與視覺設(shè)計(jì)師提供的UI設(shè)計(jì)圖一致。

在自動(dòng)生成代碼的過程中，視覺編譯工具對(duì)UI設(shè)計(jì)圖中的控件采用圖像語義識(shí)別技術(shù)進(jìn)行控件識(shí)別。比如，UI設(shè)計(jì)圖中繪制有一個(gè)音頻按鈕，則視覺編譯工具識(shí)別出該音頻按鈕的類型，然后利用代碼庫中與音頻按鈕對(duì)應(yīng)的已有代碼，來自動(dòng)生成代碼。

上述對(duì)UI設(shè)計(jì)圖中的控件進(jìn)行控件識(shí)別時(shí)，所需要的圖像處理運(yùn)算量較大，耗時(shí)較為嚴(yán)重。

發(fā)明內(nèi)容

本申請實(shí)施例提供了一種自動(dòng)生成代碼的方法、裝置、計(jì)算機(jī)設(shè)備及介質(zhì)，可以減少對(duì)UI設(shè)計(jì)圖中的控件圖形與已有組件進(jìn)行匹配時(shí)的計(jì)算量。所述技術(shù)方案如下：

根據(jù)本申請的一個(gè)方面，提供了一種自動(dòng)生成代碼的方法，所述方法包括：

獲取UI設(shè)計(jì)圖，所述UI設(shè)計(jì)圖包括n個(gè)控件圖形，所述n個(gè)控件圖形上的參考點(diǎn)按照連線規(guī)則進(jìn)行連線后形成第一折線；

在代碼庫中獲取已有組件，所述已有組件包括n個(gè)控件元素，所述n個(gè)控件元素上的參考點(diǎn)按照所述連線規(guī)則進(jìn)行連線后形成第一折線；

計(jì)算所述第一折線和所述第二折線的折線相似度；

響應(yīng)于所述折線相似度達(dá)到相似度條件，根據(jù)所述已有組件對(duì)應(yīng)的代碼，生成所述UI設(shè)計(jì)圖對(duì)應(yīng)的代碼。

根據(jù)本申請的一個(gè)方面，提供了一種相似圖像的識(shí)別方法，所述方法包括：

獲取第一圖像和第二圖像，所述第一圖像包括n個(gè)第一圖像元素，所述第二圖像包括n個(gè)第二圖像元素，n為大于1的正整數(shù)；

按照連線規(guī)則對(duì)所述n個(gè)第一圖像元素上的參考點(diǎn)進(jìn)行連線，得到第一折線；

按照所述連線規(guī)則對(duì)所述n個(gè)第二圖像元素上的參考點(diǎn)進(jìn)行連線，得到第二折線；

計(jì)算所述第一折線和所述第二折線的折線相似度；

響應(yīng)于所述折線相似度大于閾值，確定所述第一圖像和所述第二圖像是所述相似圖像。

根據(jù)本申請的另一方面，提供了一種自動(dòng)生成代碼的裝置，所述裝置包括：

第一獲取模塊，用于獲取UI設(shè)計(jì)圖，所述UI設(shè)計(jì)圖包括n個(gè)控件圖形，所述n個(gè)控件圖形上的參考點(diǎn)按照連線規(guī)則進(jìn)行連線后形成第一折線；

第二獲取模塊，用于在代碼庫中獲取已有組件，所述已有組件包括n個(gè)控件元素，所述n個(gè)控件元素上的參考點(diǎn)按照所述連線規(guī)則進(jìn)行連線后形成第一折線；

計(jì)算模塊，用于計(jì)算所述第一折線和所述第二折線的折線相似度；

生成模塊，用于響應(yīng)于所述折線相似度達(dá)到相似度條件，根據(jù)所述已有組件對(duì)應(yīng)的代碼，生成所述UI設(shè)計(jì)圖對(duì)應(yīng)的代碼。