[發(fā)明專利]一種界面處理方法、裝置及終端

有效

• 申請?zhí)枺?/td>: 201910343319.7
• 申請日: 2019-04-25
• 公開（公告）號: CN110069257B
• 公開（公告）日: 2022-02-11
• 發(fā)明（設(shè)計(jì)）人: 朱政義;涂超;劉亦明;楊文澤;陳建平;馮智超;何聃;陳春勇
• 申請（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 廣州三環(huán)專利商標(biāo)代理有限公司 44202
• 代理人: 郝傳鑫;熊永強(qiáng)

本發(fā)明實(shí)施例提供一種界面處理方法、裝置及終端，其中的方法包括：獲取前端界面的設(shè)計(jì)文件，所述設(shè)計(jì)文件包括所述前端界面中的元素的圖層數(shù)據(jù)結(jié)構(gòu)及位置信息；根據(jù)所述設(shè)計(jì)文件獲取所述前端界面布局所需的控件信息，所述控件信息包括控件的屬性及控件之間的關(guān)系；按照所述控件信息生成所述前端界面的通用布局文件；將所述前端界面的通用布局文件轉(zhuǎn)換為目標(biāo)平臺的目標(biāo)布局文件。本發(fā)明能夠提高前端界面的開發(fā)效率。

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

本申請涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種界面處理方法、一種界面處理裝置及一種終端。

背景技術(shù)

前端界面又可稱作UI(User Interface，用戶界面)，通常需要在各種類型的平臺展示，例如前端界面需要在web(網(wǎng)頁)、H5(超文本標(biāo)記語言5.0)、Android(安卓，一種開源操作系統(tǒng))、iOS(蘋果公司的移動(dòng)操作系統(tǒng))等平臺進(jìn)行展示。通常，前端界面在設(shè)計(jì)完成后需要將設(shè)計(jì)稿交付給開發(fā)人員，由開發(fā)人員針對各種平臺分別編寫代碼以還原前端界面的設(shè)計(jì)布局框架，從而在各種平臺中展示前端界面；但發(fā)明人實(shí)踐中發(fā)現(xiàn)，現(xiàn)有要實(shí)現(xiàn)前端界面在各種平臺的顯示時(shí)，需要開發(fā)人員針對各種平臺分別手動(dòng)編寫代碼實(shí)現(xiàn)，開發(fā)效率低，且無法保證前端界面的顯示效果。

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

本發(fā)明實(shí)施例提供一種界面處理方法、裝置及終端，能夠提高前端界面的開發(fā)效率。

一方面，本發(fā)明實(shí)施例提供一種界面處理方法，包括：

獲取前端界面的設(shè)計(jì)文件，所述設(shè)計(jì)文件包括所述前端界面中的元素的圖層數(shù)據(jù)結(jié)構(gòu)及位置信息；

根據(jù)所述設(shè)計(jì)文件獲取所述前端界面布局所需的控件信息，所述控件信息包括控件的屬性及控件之間的關(guān)系；

按照所述控件信息生成所述前端界面的通用布局文件；

將所述前端界面的通用布局文件轉(zhuǎn)換為目標(biāo)平臺的目標(biāo)布局文件。

另一方面，本發(fā)明實(shí)施例提供一種界面處理裝置，包括：

設(shè)計(jì)文件獲取單元，用于獲取前端界面的設(shè)計(jì)文件，所述設(shè)計(jì)文件包括所述前端界面中的元素的圖層數(shù)據(jù)結(jié)構(gòu)及位置信息；

控件信息獲取單元，用于根據(jù)所述設(shè)計(jì)文件獲取所述前端界面布局所需的控件信息，所述控件信息包括控件的屬性及控件之間的關(guān)系；

生成單元，用于按照所述控件信息生成所述前端界面的通用布局文件；

轉(zhuǎn)換單元，用于將所述前端界面的通用布局文件轉(zhuǎn)換為目標(biāo)平臺的目標(biāo)布局文件。

再一方面，本發(fā)明實(shí)施例提供一種終端，包括：

處理器，所述處理器適于實(shí)現(xiàn)一條或多條指令；以及，

計(jì)算機(jī)存儲介質(zhì)，所述計(jì)算機(jī)存儲介質(zhì)存儲有一條或多條指令，所述一條或多條指令適于由所述處理器加載并執(zhí)行如權(quán)利要求1-8任一項(xiàng)所述的界面處理方法。

本發(fā)明實(shí)施例中，通過獲取前端界面的設(shè)計(jì)文件，所述設(shè)計(jì)文件包括所述前端界面中的元素的圖層數(shù)據(jù)結(jié)構(gòu)及位置信息；根據(jù)所述設(shè)計(jì)文件獲取所述前端界面布局所需的控件信息，所述控件信息包括控件的屬性及控件之間的關(guān)系；按照所述控件信息生成所述前端界面的通用布局文件；將所述前端界面的通用布局文件轉(zhuǎn)換為目標(biāo)平臺的目標(biāo)布局文件；可見，本實(shí)施例根據(jù)設(shè)計(jì)文件自動(dòng)生成通用布局文件，該通用布局文件經(jīng)過簡單的轉(zhuǎn)換即可得到適配于各種平臺的布局文件，從而可在各種平臺中顯示前端界面，通用性較高，無需開發(fā)人員手動(dòng)進(jìn)行繁瑣的代碼編寫，開發(fā)效率高。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。