[發(fā)明專利]頁面生成方法和裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201710052165.7
• 申請(qǐng)日: 2017-01-20
• 公開（公告）號(hào): CN106873991B
• 公開（公告）日: 2019-01-11
• 發(fā)明（設(shè)計(jì)）人: 胡浩;胡豪俊;林慶杰;林超
• 申請(qǐng)（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 廣州三環(huán)專利商標(biāo)代理有限公司 44202
• 代理人: 賈允;肖丁

本發(fā)明涉及一種頁面生成方法和裝置，該頁面生成方法包括：獲取頁面結(jié)構(gòu)代碼和相應(yīng)的頁面樣式代碼；根據(jù)所述頁面結(jié)構(gòu)代碼，從公共組件庫中選擇公共組件；根據(jù)所述頁面樣式代碼，獲取所述公共組件的像素級(jí)尺寸相對(duì)于顯示屏像素級(jí)尺寸的相對(duì)尺寸；根據(jù)所述相對(duì)尺寸和當(dāng)前的顯示屏像素級(jí)尺寸，確定所述公共組件的像素級(jí)尺寸；按照所述公共組件的像素級(jí)尺寸繪制所述公共組件，形成頁面。本發(fā)明提供的頁面生成方法和裝置，因采用了相對(duì)尺寸，可自適應(yīng)調(diào)整公共組件的尺寸，在不同的顯示屏上都可以顯示出基本一致的效果，避免了因顯示屏差異而導(dǎo)致的在呈現(xiàn)頁面時(shí)的兼容性問題。

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

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種頁面生成方法和裝置。

背景技術(shù)

隨著計(jì)算機(jī)技術(shù)的發(fā)展，出現(xiàn)了各種類型的終端，這些終端上可以運(yùn)行應(yīng)用程序，通過應(yīng)用程序生成頁面，從而通過該頁面?zhèn)鬟f信息并與用戶交互，方便了人們的生活和工作。

目前，生成頁面主要是在頁面代碼中定義頁面元素在頁面中以像素為單位的尺寸，從而按照預(yù)先定義的以像素為單位的尺寸繪制頁面元素，形成頁面。然而，當(dāng)在不同的顯示屏上采用相同的以像素為單位的尺寸繪制頁面元素時(shí)，呈現(xiàn)的頁面元素會(huì)因顯示屏的不同而呈現(xiàn)出不同的效果，兼容性差。

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

基于此，有必要針對(duì)目前在不同的顯示屏上采用相同的以像素為單位的尺寸繪制頁面元素兼容性差的問題，提供一種頁面生成方法和裝置。

一種頁面生成方法，包括：

獲取頁面結(jié)構(gòu)代碼和相應(yīng)的頁面樣式代碼；

根據(jù)所述頁面結(jié)構(gòu)代碼，從公共組件庫中選擇公共組件；

根據(jù)所述頁面樣式代碼，獲取所述公共組件的像素級(jí)尺寸相對(duì)于顯示屏像素級(jí)尺寸的相對(duì)尺寸；

根據(jù)所述相對(duì)尺寸和當(dāng)前的顯示屏像素級(jí)尺寸，確定所述公共組件的像素級(jí)尺寸；

按照所述公共組件的像素級(jí)尺寸繪制所述公共組件，形成頁面。

一種頁面生成裝置，包括：

代碼獲取模塊，用于獲取頁面結(jié)構(gòu)代碼和相應(yīng)的頁面樣式代碼；

公共組件選擇模塊，用于根據(jù)所述頁面結(jié)構(gòu)代碼，從公共組件庫中選擇公共組件；

像素級(jí)尺寸確定模塊，用于根據(jù)所述頁面樣式代碼，獲取所述公共組件的像素級(jí)尺寸相對(duì)于顯示屏像素級(jí)尺寸的相對(duì)尺寸；根據(jù)所述相對(duì)尺寸和當(dāng)前的顯示屏像素級(jí)尺寸，確定所述公共組件的像素級(jí)尺寸；

繪制模塊，用于按照所述公共組件的像素級(jí)尺寸繪制所述公共組件，形成頁面。

上述頁面生成方法和裝置，根據(jù)頁面結(jié)構(gòu)代碼，可以直接從公共組件庫中選擇公共組件，而不必在頁面結(jié)構(gòu)代碼中詳細(xì)定義每個(gè)頁面元素，節(jié)省頁面結(jié)構(gòu)代碼的代碼量，提高生成頁面的效率。而且，根據(jù)頁面樣式代碼，獲取公共組件相對(duì)于顯示屏像素級(jí)尺寸的相對(duì)尺寸，再利用相對(duì)尺寸和當(dāng)前的顯示屏像素級(jí)尺寸確定公共組件的像素級(jí)尺寸，進(jìn)而據(jù)此繪制公共組件。因采用了相對(duì)尺寸，可自適應(yīng)調(diào)整公共組件的尺寸，在不同的顯示屏上都可以顯示出基本一致的效果，避免了因顯示屏差異而導(dǎo)致的在呈現(xiàn)頁面時(shí)的兼容性問題。

附圖說明

圖1為一個(gè)實(shí)施例中頁面生成方法的應(yīng)用環(huán)境圖；

圖2為一個(gè)實(shí)施例中終端的結(jié)構(gòu)框圖；

圖3為一個(gè)實(shí)施例中頁面生成方法的流程示意圖；

圖4為一個(gè)實(shí)施例中操作系統(tǒng)、母應(yīng)用程序、子應(yīng)用程序以及子應(yīng)用程序的頁面之間關(guān)系的示意圖；

圖5為另一個(gè)實(shí)施例中頁面生成方法的流程示意圖；

圖6為一個(gè)實(shí)施例中頁面生成裝置的結(jié)構(gòu)框圖；