本發(fā)明涉及頁面處理，尤其涉及一種應(yīng)用頁面的展示方法、設(shè)備和存儲介質(zhì)。

背景技術(shù)：

1、移動應(yīng)用中的列表布局是一種非常常見且重要的布局方式，它主要用于展示一系列的項(xiàng)目或信息，如商品列表、新聞列表、聯(lián)系人列表等?，F(xiàn)有的移動應(yīng)用的列表展示通常依賴于固定的布局文件，每一個(gè)展示樣式對應(yīng)有一個(gè)唯一的布局文件，不同的展示樣式使用不同的布局文件，若想對列表中某一個(gè)待展示模塊的展示樣式進(jìn)行變更時(shí)，需要重寫編寫一個(gè)該待展示模塊對應(yīng)的布局文件，并且還需要對整個(gè)列表對應(yīng)的布局文件進(jìn)行修改。

2、然而，這種方式在面對需求變更或多樣化的u?i風(fēng)格時(shí)，顯得靈活性不足，并且往往需要重新編寫大量代碼或布局文件，增加了開發(fā)成本和維護(hù)難度。

技術(shù)實(shí)現(xiàn)思路

1、本發(fā)明實(shí)施例提供一種應(yīng)用頁面的展示方法、設(shè)備和存儲介質(zhì)，用以將目標(biāo)展示模塊抽離為獨(dú)立模塊，由單獨(dú)的布局容器對其進(jìn)行渲染，可以更靈活地對目標(biāo)展示模塊對應(yīng)的展示樣式進(jìn)行靈活配置，降低了開發(fā)成本和維護(hù)難度。

2、第一方面，本發(fā)明實(shí)施例提供一種應(yīng)用頁面的展示方法，所述應(yīng)用頁面采用列表布局的方式對目標(biāo)應(yīng)用程序內(nèi)的多個(gè)待展示模塊進(jìn)行布局，且所述應(yīng)用頁面包括第一布局容器和第二布局容器，所述第二布局容器重疊在所述第一布局容器上面，所述方法包括：

3、獲取所述目標(biāo)應(yīng)用程序?qū)?yīng)的列表數(shù)據(jù)集，所述列表數(shù)據(jù)集中包括多個(gè)待展示模塊對應(yīng)的列表數(shù)據(jù)；

4、從所述列表數(shù)據(jù)集中讀取目標(biāo)展示模塊對應(yīng)的第一列表數(shù)據(jù)，并使用所述第一布局容器對所述第一列表數(shù)據(jù)進(jìn)行渲染，所述目標(biāo)展示模塊為所述多個(gè)待展示模塊中的一個(gè)；

5、將所述列表數(shù)據(jù)集中的第一列表數(shù)據(jù)替換為第二列表數(shù)據(jù)，得到處理后的列表數(shù)據(jù)集，所述第二列表數(shù)據(jù)為預(yù)設(shè)的空白占位模塊對應(yīng)的列表數(shù)據(jù)，所述空白占位模塊被渲染后在視覺上是不可見的；

6、使用所述第二布局容器對所述處理后的列表數(shù)據(jù)集中各個(gè)列表數(shù)據(jù)進(jìn)行渲染，生成目標(biāo)應(yīng)用頁面。

7、第二方面，本發(fā)明實(shí)施例提供一種應(yīng)用頁面展示裝置，所述應(yīng)用頁面采用列表布局的方式對目標(biāo)應(yīng)用程序內(nèi)的多個(gè)待展示模塊進(jìn)行布局，且所述應(yīng)用頁面包括第一布局容器和第二布局容器，所述第二布局容器重疊在所述第一布局容器上面，所述裝置包括：

8、獲取模塊，用于獲取所述目標(biāo)應(yīng)用程序?qū)?yīng)的列表數(shù)據(jù)集，所述列表數(shù)據(jù)集中包括多個(gè)待展示模塊對應(yīng)的列表數(shù)據(jù)；

9、讀取模塊，用于從所述列表數(shù)據(jù)集中讀取目標(biāo)展示模塊對應(yīng)的第一列表數(shù)據(jù)，并使用所述第一布局容器對所述第一列表數(shù)據(jù)進(jìn)行渲染，所述目標(biāo)展示模塊為所述多個(gè)待展示模塊中的一個(gè)；

10、替換模塊，用于將所述列表數(shù)據(jù)集中的第一列表數(shù)據(jù)替換為第二列表數(shù)據(jù)，得到處理后的列表數(shù)據(jù)集，所述第二列表數(shù)據(jù)為預(yù)設(shè)的空白占位模塊對應(yīng)的列表數(shù)據(jù)，所述空白占位模塊被渲染后在視覺上是不可見的；

11、渲染模塊，用于使用所述第二布局容器對所述處理后的列表數(shù)據(jù)集中各個(gè)列表數(shù)據(jù)進(jìn)行渲染，生成目標(biāo)應(yīng)用頁面。

12、第三方面，本發(fā)明實(shí)施例提供一種電子設(shè)備，包括：存儲器、處理器、通信接口；其中，所述存儲器上存儲有可執(zhí)行代碼，當(dāng)所述可執(zhí)行代碼被所述處理器執(zhí)行時(shí)，使所述處理器執(zhí)行如第一方面所述的應(yīng)用頁面的展示方法。

13、第四方面，本發(fā)明實(shí)施例提供了一種非暫時(shí)性機(jī)器可讀存儲介質(zhì)，所述非暫時(shí)性機(jī)器可讀存儲介質(zhì)上存儲有可執(zhí)行代碼，當(dāng)所述可執(zhí)行代碼被電子設(shè)備的處理器執(zhí)行時(shí)，使所述處理器至少可以實(shí)現(xiàn)如第一方面所述的應(yīng)用頁面的展示方法。

14、在本發(fā)明實(shí)施例提供的應(yīng)用頁面的展示方案中，應(yīng)用頁面采用列表布局的方式對目標(biāo)應(yīng)用程序內(nèi)的多個(gè)待展示模塊進(jìn)行布局，且應(yīng)用頁面包括第一布局容器和第二布局容器，第二布局容器重疊在第一布局容器上面。在對應(yīng)用頁面進(jìn)行展示時(shí)，可以先獲取目標(biāo)應(yīng)用程序?qū)?yīng)的列表數(shù)據(jù)集。其中，列表數(shù)據(jù)集中包括多個(gè)待展示模塊對應(yīng)的列表數(shù)據(jù)。接著，從列表數(shù)據(jù)集中讀取目標(biāo)展示模塊對應(yīng)的第一列表數(shù)據(jù)，并使用第一布局容器對第一列表數(shù)據(jù)進(jìn)行渲染，目標(biāo)展示模塊為多個(gè)待展示模塊中的一個(gè)。而后，生成第二列表數(shù)據(jù)，第二列表數(shù)據(jù)為預(yù)設(shè)的空白占位模塊對應(yīng)的列表數(shù)據(jù)，空白占位模塊被渲染后在視覺上是不可見的，將列表數(shù)據(jù)集中的第一列表數(shù)據(jù)替換為第二列表數(shù)據(jù)，得到處理后的列表數(shù)據(jù)集。進(jìn)而，使用第二布局容器對處理后的列表數(shù)據(jù)集中各個(gè)列表數(shù)據(jù)進(jìn)行渲染，生成目標(biāo)應(yīng)用頁面。

15、在上述方案中，通過將目標(biāo)展示模塊抽離為獨(dú)立模塊，由單獨(dú)的第一布局容器對目標(biāo)展示模塊的列表數(shù)據(jù)進(jìn)行渲染，使用第二布局容器對其余的待展示模塊的列表數(shù)據(jù)進(jìn)行渲染，可以更靈活地對目標(biāo)展示模塊對應(yīng)的展示樣式進(jìn)行靈活配置，降低了開發(fā)成本和維護(hù)難度。另外，第二布局容器重疊在第一布局容器上面，并且將列表數(shù)據(jù)集中的目標(biāo)展示模塊對應(yīng)的列表數(shù)據(jù)替換為空白占位模塊對應(yīng)的列表數(shù)據(jù)，得到處理后的列表數(shù)據(jù)集，這樣利用第一布局容器對目標(biāo)展示模塊的列表數(shù)據(jù)和第二布局容器對處理后的列表數(shù)據(jù)集進(jìn)行渲染后，可以使得目標(biāo)展示模塊和渲染出的應(yīng)用列表形成上下兩層，產(chǎn)生視差效果，使得生成的目標(biāo)應(yīng)用頁面具有更好地展示效果。

技術(shù)特征：

1.一種應(yīng)用頁面的展示方法，其特征在于，所述應(yīng)用頁面采用列表布局的方式對目標(biāo)應(yīng)用程序內(nèi)的多個(gè)待展示模塊進(jìn)行布局，且所述應(yīng)用頁面包括第一布局容器和第二布局容器，所述第二布局容器重疊在所述第一布局容器上面，所述方法包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括：

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述列表數(shù)據(jù)包括展示類型和待展示數(shù)據(jù)，從所述列表數(shù)據(jù)集中讀取目標(biāo)展示模塊對應(yīng)的第一列表數(shù)據(jù)，并使用所述第一布局容器對所述第一列表數(shù)據(jù)進(jìn)行渲染，包括：

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將所述列表數(shù)據(jù)集中的第一列表數(shù)據(jù)替換為第二列表數(shù)據(jù)，得到處理后的列表數(shù)據(jù)集，包括：

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括：

6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述方法還包括：

7.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述確定所述第二布局容器對應(yīng)的第一滑動方向和第一滑動距離，包括：

8.根據(jù)權(quán)利要求6所述的方法，其特征在于，所述若所述第一滑動距離符合聯(lián)動滑動條件，則根據(jù)預(yù)設(shè)的位移跟隨系數(shù)以及所述第一滑動距離，確定所述第二滑動距離，包括：

9.一種電子設(shè)備，其特征在于，包括：存儲器、處理器、通信接口；其中，所述存儲器上存儲有可執(zhí)行代碼，當(dāng)所述可執(zhí)行代碼被所述處理器執(zhí)行時(shí)，使所述處理器執(zhí)行如權(quán)利要求1至8中任一項(xiàng)所述的應(yīng)用頁面的展示方法。

10.一種非暫時(shí)性機(jī)器可讀存儲介質(zhì)，其特征在于，所述非暫時(shí)性機(jī)器可讀存儲介質(zhì)上存儲有可執(zhí)行代碼，當(dāng)所述可執(zhí)行代碼被電子設(shè)備的處理器執(zhí)行時(shí)，使所述處理器執(zhí)行如權(quán)利要求1至8中任一項(xiàng)所述的應(yīng)用頁面的展示方法。

技術(shù)總結(jié)
本發(fā)明實(shí)施例提供一種應(yīng)用頁面的展示方法、設(shè)備和存儲介質(zhì)，方法包括：獲取所述目標(biāo)應(yīng)用程序?qū)?yīng)的列表數(shù)據(jù)集，所述列表數(shù)據(jù)集中包括多個(gè)待展示模塊對應(yīng)的列表數(shù)據(jù)；從所述列表數(shù)據(jù)集中讀取目標(biāo)展示模塊對應(yīng)的第一列表數(shù)據(jù)，并使用所述第一布局容器對所述第一列表數(shù)據(jù)進(jìn)行渲染；將所述列表數(shù)據(jù)集中的第一列表數(shù)據(jù)替換為第二列表數(shù)據(jù)，得到處理后的列表數(shù)據(jù)集，所述第二列表數(shù)據(jù)為預(yù)設(shè)的空白占位模塊對應(yīng)的列表數(shù)據(jù)，所述空白占位模塊被渲染后在視覺上是不可見的；使用所述第二布局容器對所述處理后的列表數(shù)據(jù)集中各個(gè)列表數(shù)據(jù)進(jìn)行渲染，生成目標(biāo)應(yīng)用頁面，可以更靈活地對目標(biāo)展示模塊對應(yīng)的展示樣式進(jìn)行靈活配置，降低了開發(fā)成本和維護(hù)難度。

技術(shù)研發(fā)人員：劉元亮
受保護(hù)的技術(shù)使用者：北京五八信息技術(shù)有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2025/1/2