[發(fā)明專利]頁面的視圖組件的展示方法和裝置

有效

• 申請?zhí)枺?/td>: 201610451668.7
• 申請日: 2016-06-21
• 公開（公告）號: CN107526576B
• 公開（公告）日: 2021-06-15
• 發(fā)明（設(shè)計）人: 黃金涌;葉斌;景光宇;施子捷;徐昭
• 申請（專利權(quán)）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/958
• 代理公司: 北京清亦華知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11201
• 代理人: 張大威

1.一種頁面的視圖組件的展示方法，其特征在于，包括以下步驟：

確定頁面的待顯示區(qū)域，其中，所述頁面劃分為多個索引塊；

在所述頁面的多個索引塊中，確定與所述待顯示區(qū)域關(guān)聯(lián)的第一索引塊；

基于預(yù)先建立的索引塊與頁面的視圖對象之間的索引，獲取與所述第一索引塊對應(yīng)的第一視圖對象；以及

從所述頁面的組件池中為所述第一視圖對象選取對應(yīng)的視圖組件，以展示在所述待顯示區(qū)域中；

其中，所述頁面的區(qū)域大于所述待顯示區(qū)域，所述頁面具有對應(yīng)的畫布，建立所述索引包括：

獲取業(yè)務(wù)數(shù)據(jù)，并根據(jù)所述業(yè)務(wù)數(shù)據(jù)生成對應(yīng)的虛擬視圖；根據(jù)所述虛擬視圖確定所述畫布的范圍信息；根據(jù)所述范圍信息將所述畫布劃分為多個索引塊；根據(jù)所述虛擬視圖與所述索引塊的位置關(guān)系建立所述索引；

并且，所述組件池包括顯示組件池和復(fù)用組件池，所述頁面的視圖組件的展示方法還包括：

建立顯示組件池；

將所述展示的所述第一視圖對象對應(yīng)的視圖組件加入所述顯示組件池；

當(dāng)接收到對所述頁面的移動指令時，移動所述頁面；

確定所述頁面中與所述移動指令對應(yīng)的移出區(qū)域；

基于所述索引確定與所述移出區(qū)域關(guān)聯(lián)的第二視圖對象；

從所述顯示組件池中移除所述第二視圖對象對應(yīng)的視圖組件，并將所述第二視圖對象對應(yīng)的視圖組件加入至所述復(fù)用組件池中。

2.如權(quán)利要求1所述的方法，其特征在于，所述畫布用于承載所述頁面的視圖對象，其中，通過對所述頁面對應(yīng)的畫布進行劃分，將所述頁面劃分為所述多個索引塊。

3.如權(quán)利要求1所述的方法，其特征在于，所述確定所述頁面中與所述移動指令對應(yīng)的移出區(qū)域，包括：

獲取在所述頁面移動前的待顯示區(qū)域的第一位置信息，并獲取在所述頁面移動后的待顯示區(qū)域的第二位置信息；

根據(jù)所述第一位置信息和所述第二位置信息確定所述移出區(qū)域。

4.如權(quán)利要求1所述的方法，其特征在于，所述基于所述索引確定與所述移出區(qū)域關(guān)聯(lián)的第二視圖對象，包括：

在所述頁面的多個索引塊中，確定與所述移出區(qū)域關(guān)聯(lián)的第二索引塊；

基于所述索引獲取與所述第二索引塊對應(yīng)的第二視圖對象。

5.如權(quán)利要求1所述的方法，其特征在于，根據(jù)所述虛擬視圖與所述索引塊的位置關(guān)系建立所述索引，包括：

當(dāng)所述虛擬視圖的寬度大于所述索引塊的寬度，或者當(dāng)所述虛擬視圖的高度大于所述索引塊的高度時，根據(jù)所述虛擬視圖與所述索引塊的位置關(guān)系建立一級索引；

當(dāng)所述虛擬視圖的寬度小于所述索引塊的寬度，且當(dāng)所述虛擬視圖的高度小于所述索引塊的高度時，根據(jù)所述虛擬視圖與二級索引塊的位置關(guān)系建立二級索引，其中，所述二級索引塊為所述索引塊切分生成的；

根據(jù)所述一級索引和所述二級索引生成所述索引。