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

有效

• 申請(qǐng)?zhí)枺?/td>: 201810087861.6
• 申請(qǐng)日: 2018-01-30
• 公開（公告）號(hào): CN110096275B
• 公開（公告）日: 2023-06-23
• 發(fā)明（設(shè)計(jì)）人: 董家力;辛華
• 申請(qǐng)（專利權(quán)）人: 阿里健康信息技術(shù)有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 北京三友知識(shí)產(chǎn)權(quán)代理有限公司 11127
• 代理人: 李輝

本申請(qǐng)實(shí)施例公開了一種頁面處理方法及裝置。所述方法包括：獲取頁面布局視圖中的控件，以及所述控件的位置信息、屬性信息；根據(jù)所述屬性信息識(shí)別出所述控件的類型，并從預(yù)設(shè)控件代碼庫中獲取所述類型的控件封裝代碼；根據(jù)所述屬性信息對(duì)所述控件封裝代碼進(jìn)行更新；根據(jù)所述位置信息以及更新后的控件封裝代碼對(duì)進(jìn)行頁面布局。利用本申請(qǐng)方法或裝置實(shí)施例，可以快速地實(shí)現(xiàn)控件代碼的開發(fā)工作，避免開發(fā)人員的重復(fù)開發(fā)工作，降低頁面開發(fā)成本，提升開發(fā)效率。

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

本申請(qǐng)涉及軟件開發(fā)技術(shù)領(lǐng)域，特別涉及一種頁面處理方法及裝置。

背景技術(shù)

在應(yīng)用開發(fā)過程中，開發(fā)人員需要對(duì)應(yīng)用的界面進(jìn)行布局。一般的頁面布局流程如下所述：應(yīng)用界面設(shè)計(jì)師根據(jù)應(yīng)用的業(yè)務(wù)需求設(shè)計(jì)應(yīng)用界面的視覺圖稿，該視覺圖稿往往布局合理，能夠給用戶提供較好的視覺體驗(yàn)和操作體驗(yàn)。設(shè)計(jì)師在完成視覺圖稿之后，將視覺圖稿提交給開發(fā)人員。開發(fā)人員在接收到視覺圖稿之后，主要任務(wù)是將該視覺圖稿轉(zhuǎn)換成開發(fā)代碼，以便于用戶在打開應(yīng)用時(shí)，復(fù)原視覺圖稿中的界面布局。

在最初階段，開發(fā)人員的轉(zhuǎn)換方式主要是人工獲取視覺圖稿中各個(gè)元素的屬性信息，如文字的字體、顏色、大小、位置，圖片的大小、位置等，再根據(jù)各個(gè)元素的屬性信息編寫相應(yīng)的開發(fā)代碼。上述方式不僅費(fèi)時(shí)費(fèi)力，還存在一個(gè)弊端：當(dāng)客戶端設(shè)備顯示屏的尺寸變化時(shí)，應(yīng)用界面設(shè)計(jì)師需要重新設(shè)計(jì)視覺圖稿，且開發(fā)人員需要重新開發(fā)代碼，導(dǎo)致開發(fā)成本較高。后來，提出了頁面自動(dòng)布局的方式，該方式可以利用約束和參照的方法對(duì)應(yīng)用界面進(jìn)行布局，使得頁面布局可以隨著屏幕尺寸的變化而變化，解決了最初階段由于顯示屏尺寸不同需要重新對(duì)應(yīng)用界面進(jìn)行布局的問題。

但是上述方式中，依然需要人工獲取視覺圖稿中各個(gè)元素的屬性信息，開發(fā)成本依然很高。因此，現(xiàn)有技術(shù)中亟需一種高效、開發(fā)成本低的頁面布局的方法。

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

本申請(qǐng)實(shí)施例的目的在于提供一種頁面處理方法及裝置，可以快速地實(shí)現(xiàn)控件代碼的開發(fā)工作，避免開發(fā)人員的重復(fù)開發(fā)工作，降低頁面開發(fā)成本，提升開發(fā)效率。

本申請(qǐng)實(shí)施例提供的一種頁面處理方法及裝置具體是這樣實(shí)現(xiàn)的：

一種頁面處理方法，所述方法包括：

獲取頁面布局視圖中的控件，以及所述控件的位置信息、屬性信息；

根據(jù)所述屬性信息識(shí)別出所述控件的類型，并從預(yù)設(shè)控件代碼庫中獲取所述類型的控件封裝代碼；

根據(jù)所述屬性信息對(duì)所述控件封裝代碼進(jìn)行更新；

根據(jù)所述位置信息以及更新后的控件封裝代碼對(duì)進(jìn)行頁面布局。

一種頁面處理裝置，包括處理器以及用于存儲(chǔ)處理器可執(zhí)行指令的存儲(chǔ)器，所述處理器執(zhí)行所述指令時(shí)實(shí)現(xiàn)：

獲取頁面布局視圖中的控件，以及所述控件的位置信息、屬性信息；

根據(jù)所述屬性信息識(shí)別出所述控件的類型，并從預(yù)設(shè)控件代碼庫中獲取所述類型的控件封裝代碼；

根據(jù)所述屬性信息對(duì)所述控件封裝代碼進(jìn)行更新；

根據(jù)所述位置信息以及更新后的控件封裝代碼對(duì)進(jìn)行頁面布局。

一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)指令，所述指令被執(zhí)行時(shí)實(shí)現(xiàn)以下步驟：

獲取頁面布局視圖中的控件，以及所述控件的位置信息、屬性信息；

根據(jù)所述屬性信息識(shí)別出所述控件的類型，并從預(yù)設(shè)控件代碼庫中獲取所述類型的控件封裝代碼；

根據(jù)所述屬性信息對(duì)所述控件封裝代碼進(jìn)行更新；

根據(jù)所述位置信息以及更新后的控件封裝代碼對(duì)進(jìn)行頁面布局。