[發(fā)明專利]一種流式布局界面渲染的方法、裝置以及電子設(shè)備

有效

• 申請(qǐng)?zhí)枺?/td>: 201710981081.1
• 申請(qǐng)日: 2017-10-17
• 公開（公告）號(hào): CN109683978B
• 公開（公告）日: 2022-06-14
• 發(fā)明（設(shè)計(jì)）人: 施子捷;葛高松;景光宇;黃金涌;歐陽(yáng)華;徐昭;趙錦江;葉斌
• 申請(qǐng)（專利權(quán)）人: 阿里巴巴集團(tuán)控股有限公司
• 主分類號(hào): G06F9/451
• 分類號(hào): G06F9/451;G06F9/445
• 代理公司: 北京清源匯知識(shí)產(chǎn)權(quán)代理事務(wù)所(特殊普通合伙) 11644
• 代理人: 馮德魁;竇曉慧

1.一種流式布局界面渲染的方法，其特征在于，包括：

獲取數(shù)據(jù)信息，所述數(shù)據(jù)信息為頁(yè)面文件；

按照預(yù)設(shè)的拆分方式對(duì)所述數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件進(jìn)行拆分，獲取數(shù)據(jù)元素，所述數(shù)據(jù)元素是組成所述頁(yè)面文件的基本單位；所述預(yù)設(shè)的拆分方式包括原子化拆分，所述原子化的拆分方式是將一個(gè)數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件拆分成至少兩個(gè)更小且不易再次拆分的數(shù)據(jù)文件；

根據(jù)所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容，渲染對(duì)應(yīng)所述待顯示的數(shù)據(jù)內(nèi)容的數(shù)據(jù)元素，所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容是指按照所述當(dāng)前界面的尺寸顯示出的具體的數(shù)據(jù)信息。

2.根據(jù)權(quán)利要求1所述的流式布局界面渲染的方法，其特征在于，所述數(shù)據(jù)信息，包括：數(shù)據(jù)信息的格式以及數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件。

3.根據(jù)權(quán)利要求1所述的流式布局界面渲染的方法，其特征在于，所述預(yù)設(shè)的拆分方式，還包括：

按照預(yù)設(shè)的組合方式，將所述數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件拆分為數(shù)據(jù)元素的組合。

4.根據(jù)權(quán)利要求1所述的流式布局界面渲染的方法，其特征在于，所述待顯示的數(shù)據(jù)內(nèi)容，包括：

按照界面的顯示流向，在所述界面中已顯示的數(shù)據(jù)內(nèi)容之后的，至少一個(gè)對(duì)應(yīng)所述界面尺寸的數(shù)據(jù)內(nèi)容。

5.根據(jù)權(quán)利要求1所述的流式布局界面渲染的方法，其特征在于，所述根據(jù)所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容，渲染對(duì)應(yīng)所述待顯示的數(shù)據(jù)內(nèi)容的數(shù)據(jù)元素，包括：

根據(jù)所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)的待顯示的數(shù)據(jù)內(nèi)容，獲取對(duì)應(yīng)所述數(shù)據(jù)內(nèi)容內(nèi)的數(shù)據(jù)文件已拆分出的數(shù)據(jù)元素；

對(duì)獲取的所述數(shù)據(jù)元素進(jìn)行渲染。

6.根據(jù)權(quán)利要求5所述的流式布局界面渲染的方法，其特征在于，在所述獲取對(duì)應(yīng)所述數(shù)據(jù)內(nèi)容內(nèi)的數(shù)據(jù)文件已拆分出的數(shù)據(jù)元素的步驟之后，包括：

根據(jù)所述數(shù)據(jù)信息中數(shù)據(jù)信息的格式，以所述數(shù)據(jù)元素創(chuàng)建在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容。

7.根據(jù)權(quán)利要求6所述的流式布局界面渲染的方法，其特征在于，所述以所述數(shù)據(jù)元素創(chuàng)建在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容的步驟之后，包括：

判斷所述數(shù)據(jù)元素中是否具有已渲染的數(shù)據(jù)元素；

若具有，則判斷所述已渲染的數(shù)據(jù)元素在所述待顯示的數(shù)據(jù)內(nèi)容中的格式，與所述已渲染的數(shù)據(jù)元素在被渲染時(shí)的格式是否對(duì)應(yīng)；

若不對(duì)應(yīng)，則為所述已渲染的數(shù)據(jù)元素添加渲染標(biāo)識(shí)。

8.根據(jù)權(quán)利要求7所述的流式布局界面渲染的方法，其特征在于，所述對(duì)獲取的所述數(shù)據(jù)元素進(jìn)行渲染，包括：

對(duì)獲取的所述數(shù)據(jù)元素中，未渲染的數(shù)據(jù)元素進(jìn)行渲染；以及

對(duì)攜帶渲染標(biāo)識(shí)的已渲染的數(shù)據(jù)元素進(jìn)行渲染。

9.根據(jù)權(quán)利要求1-8任意一項(xiàng)所述的流式布局界面渲染的方法，其特征在于，所述數(shù)據(jù)元素，至少包括：圖片、文本以及容器。

10.根據(jù)權(quán)利要求1-8任意一項(xiàng)所述的流式布局界面渲染的方法，其特征在于，所述界面，包括：客戶端動(dòng)態(tài)界面以及web界面。

11.一種流式布局界面渲染的裝置，其特征在于，包括：

數(shù)據(jù)信息獲取單元，用于獲取數(shù)據(jù)信息，所述數(shù)據(jù)信息為頁(yè)面文件；

數(shù)據(jù)拆分單元，用于按照預(yù)設(shè)的拆分方式對(duì)所述數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件進(jìn)行拆分，獲取數(shù)據(jù)元素，所述數(shù)據(jù)元素是組成所述頁(yè)面文件的基本單位；所述預(yù)設(shè)的拆分方式包括原子化拆分，所述原子化的拆分方式是將一個(gè)數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件拆分成至少兩個(gè)更小且不易再次拆分的數(shù)據(jù)文件；界面渲染單元，用于根據(jù)所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容，渲染對(duì)應(yīng)所述待顯示的數(shù)據(jù)內(nèi)容的數(shù)據(jù)元素，所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容是指按照所述當(dāng)前界面的尺寸顯示出的具體的數(shù)據(jù)信息。

12.一種電子設(shè)備，其特征在于，所述電子設(shè)備，包括：

處理器；

存儲(chǔ)器，用于存儲(chǔ)界面渲染程序,所述程序在被所述處理器讀取執(zhí)行時(shí),執(zhí)行如下操作:獲取數(shù)據(jù)信息，所述數(shù)據(jù)信息為頁(yè)面文件；按照預(yù)設(shè)的拆分方式對(duì)所述數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件進(jìn)行拆分，獲取數(shù)據(jù)元素，所述數(shù)據(jù)元素是組成所述頁(yè)面文件的基本單位；所述預(yù)設(shè)的拆分方式包括原子化拆分，所述原子化的拆分方式是將一個(gè)數(shù)據(jù)信息內(nèi)的數(shù)據(jù)文件拆分成至少兩個(gè)更小且不易再次拆分的數(shù)據(jù)文件；根據(jù)所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容，渲染對(duì)應(yīng)所述待顯示的數(shù)據(jù)內(nèi)容的數(shù)據(jù)元素，所述數(shù)據(jù)信息在當(dāng)前界面內(nèi)待顯示的數(shù)據(jù)內(nèi)容是指按照所述當(dāng)前界面的尺寸顯示出的具體的數(shù)據(jù)信息。