页面的视图组件的展示方法和装置制造方法及图纸

本申请公开了一种页面的视图组件的展示方法和装置，其中，页面的视图组件的展示方法包括：确定页面的待显示区域，其中，页面划分为多个索引块；在页面的多个索引块中，确定与待显示区域关联的第一索引块；基于预先建立的索引块与页面的视图对象之间的索引，获取与第一索引块对应的第一视图对象；以及从页面的组件池中为第一视图对象选取对应的视图组件，以展示在待显示区域中。本申请实施例的页面的视图组件的展示方法和装置，能够实现视图组件的复用，避免创建过多的视图组件，减少消耗的内存，降低CPU使用率，提升系统性能。

【技术实现步骤摘要】
页面的视图组件的展示方法和装置
本申请涉及计算机
，尤其涉及一种页面的视图组件的展示方法和装置。
技术介绍
网页是构成网站的基本元素，是承载各种网站应用的平台。网页主要由各种视图组件组合而成，例如文本组件、图片组件等。随着信息化的快速发展，网页的内容也越来越丰富。由于屏幕显示区域有限，用户需要下拉操作或者右拉操作，才能展现出更多的网页内容。因此，为展现更多的网页内容，需要生成更多的视图组件，而视图组件的数量过多，会导致终端设备消耗内存过多、CPU使用率变高、帧率下降等降低系统性能的问题。申请内容本申请旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本申请的一个目的在于提出一种页面的视图组件的展示方法，能够实现视图组件的复用，避免创建过多的视图组件的问题，减少消耗的内存，降低CPU使用率，从而提升系统性能。本申请的第二个目的在于提出一种页面的视图组件的展示装置。为了实现上述目的，本申请第一方面实施例提出了一种页面的视图组件的展示方法，包括：确定页面的待显示区域，其中，所述页面划分为多个索引块；在所述页面的多个索引块中，确定与所述待显示区域关联的第一索引块；基于预先建立的索引块与页面的视图对象之间的索引，获取与所述第一索引块对应的第一视图对象；以及从所述页面的组件池中为所述第一视图对象选取对应的视图组件，以展示在所述待显示区域中。本申请实施例的页面的视图组件的展示方法，能够实现视图组件的复用，避免创建过多的视图组件的问题，减少消耗的内存，降低CPU使用率，从而提升系统性能。本申请第二方面实施例提出了一种页面的视图组件的展示装置，包括：第一确定模块，用于确定页面的待显示区域，其中，所述页面划分为多个索引块；第二确定模块，用于在所述页面的多个索引块中，确定与所述待显示区域关联的第一索引块；第一获取模块，基于预先建立的索引块与页面的视图对象之间的索引，获取与所述第一索引块对应的第一视图对象；以及选取模块，用于从所述页面的组件池中为所述第一视图对象选取对应的视图组件，以展示在所述待显示区域中。本申请实施例的页面的视图组件的展示装置，能够实现视图组件的复用，避免创建过多的视图组件的问题，减少消耗的内存，降低CPU使用率，从而提升系统性能。附图说明图1是根据本申请一个实施例的页面的视图组件的展示方法的流程图一；图2是页面分成多个索引块的效果示意图；图3是索引块分成多个二级索引块的效果示意图；图4是根据本申请一个实施例的页面的视图组件的展示方法的流程图二；图5是根据本申请一个实施例的页面的视图组件的展示方法的流程图三；图6是移动页面之前的效果示意图；图7是移动页面后的效果示意图；图8是确定移出区域范围的效果示意图；图9是确定移出屏幕显示区域的视图组件的效果示意图；图10是建立索引的流程图；图11是根据虚拟视图确定页面的范围信息的效果示意图；图12是建立索引的效果示意图；图13是根据本申请一个实施例的页面的视图组件的展示装置的结构示意图一；图14是根据本申请一个实施例的页面的视图组件的展示装置的结构示意图二；图15是根据本申请一个实施例的页面的视图组件的展示装置的结构示意图三；图16是根据本申请一个实施例的页面的视图组件的展示装置的结构示意图四。具体实施方式下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本申请，而不能理解为对本申请的限制。下面参考附图描述本申请实施例的页面的视图组件的展示方法和装置。图1是根据本申请一个实施例的页面的视图组件的展示方法的流程图一。如图1所示，页面的视图组件的展示方法可包括：S1、确定页面的待显示区域。其中，页面可划分为多个索引块。在本申请的一个实施例中，待显示区域可以是页面显示在移动终端屏幕的区域。页面可具有对应的画布。画布主要用于承载页面的视图对象。具体地，可通过对页面对应的画布进行划分，将页面划分为多个索引块。其中，主要通过业务数据来确定画布的范围，通过对画布的编辑操作，可预览出生成的页面的大小、布局情况等。业务数据可以是待显示的内容数据，例如文本、图片等。在确定画布的范围之后，可对画布进行划分，从而将页面划分为多个索引块，并根据多个索引块建立索引。具体建立索引的过程，下文再详细介绍。S2、在页面的多个索引块中，确定与待显示区域关联的第一索引块。其中，索引块由页面划分而成，每个索引块都具有独自的位置信息。由此，在页面的多个索引块中，可确定与待显示区域关联的第一索引块。本实施例中，索引块可分为一级索引块和二级索引块。一级索引块为基准块，其大小可以与屏幕显示区域的大小相同，也可以不同。为方便计算，本实施例中采取与屏幕显示区域的大小相同的基准块。一级索引块可分为多个二级索引块。如图2所示，页面可划分为四个一级索引块，基准块200、基准块201、基准块202和基准块203。而每个一级索引块可进一步划分为三列四行共十二个二级索引块，具体标号信息可如图3所示。S3、基于预先建立的索引块与页面的视图对象之间的索引，获取与第一索引块对应的第一视图对象。其中，索引用于记录索引块与视图对象之间的对应关系。其中，业务数据需要获取到对应的视图组件，才能在页面中显示，而生成的显示内容即视图对象。在确定与待显示区域关联的第一索引块之后，即可根据索引获取与其相对应的第一视图对象。S4、从页面的组件池中为第一视图对象选取对应的视图组件，以展示在待显示区域中。举例来说，假设第一视图对象为图片，则可选取对应的图片组件，然后展示在待展示区域中。在本申请的实施例中，组件池可包括显示组件池和复用组件池。其中，显示组件池主要用于保存当前处于显示状态的组件。复用组件池主要用于保存当前处于非显示状态的组件。例如：当某一组件显示时，可从复用组件池中选取该组件放入至显示组件池中；当该组件不显示时，可将其从显示组件池中删除，并放入复用组件池中。此外，如图4所示，本申请实施例的页面的视图组件的展示方法，还可包括以下步骤：S5、建立显示组件池。S6、将展示的第一视图对象对应的视图组件加入显示组件池。当有视图组件被选取展示视图对象的时候，可将该视图组件加入显示组件池。在此之后，如图5所示，本申请实施例的页面的视图组件的展示方法，还可包括以下步骤：S7、当接收到对页面的移动指令时，移动页面。S8、确定页面中与移动指令对应的移出区域。具体地，可获取在页面移动前的待显示区域的第一位置信息，并获取在页面移动后的待显示区域的第二位置信息，然后根据第一位置信息和第二位置信息确定移出区域。S9、基于索引确定与移出区域关联的第二视图对象。具体地，在页面的多个索引块中，可确定与移出区域关联的第二索引块，然后基于索引获取与第二索引块对应的第二视图对象。S10、从显示组件池中移除第二视图对象对应的视图组件，并将第二视图对象对应的视图组件加入至复用组件池中。举例来说，用户通过手机浏览页面，手机的屏幕显示区域一般为5寸左右，只能显示页面内容的一部分，需要用户进行下拉等操作，才能展现更多的页面内容。也就是说，页面的区域往往大于屏幕显示区域。如图6所示，601表示页面，602表示屏幕显示区域。初始时，屏幕本文档来自技高网...

【技术保护点】
一种页面的视图组件的展示方法，其特征在于，包括以下步骤：确定页面的待显示区域，其中，所述页面划分为多个索引块；在所述页面的多个索引块中，确定与所述待显示区域关联的第一索引块；基于预先建立的索引块与页面的视图对象之间的索引，获取与所述第一索引块对应的第一视图对象；以及从所述页面的组件池中为所述第一视图对象选取对应的视图组件，以展示在所述待显示区域中。

【技术特征摘要】
1.一种页面的视图组件的展示方法，其特征在于，包括以下步骤：确定页面的待显示区域，其中，所述页面划分为多个索引块；在所述页面的多个索引块中，确定与所述待显示区域关联的第一索引块；基于预先建立的索引块与页面的视图对象之间的索引，获取与所述第一索引块对应的第一视图对象；以及从所述页面的组件池中为所述第一视图对象选取对应的视图组件，以展示在所述待显示区域中。2.如权利要求1所述的方法，其特征在于，所述页面具有对应的画布，所述画布用于承载所述页面的视图对象，其中，通过对所述页面对应的画布进行划分，将所述页面划分为所述多个索引块。3.如权利要求2所述的方法，其特征在于，所述组件池包括显示组件池，所述页面的视图组件的展示方法还包括：建立显示组件池；将所述展示的所述第一视图对象对应的视图组件加入所述显示组件池。4.如权利要求3所述的方法，其特征在于，所述组件池包括复用组件池，所述页面的视图组件的展示方法，还包括：当接收到对所述页面的移动指令时，移动所述页面；确定所述页面中与所述移动指令对应的移出区域；基于所述索引确定与所述移出区域关联的第二视图对象；从所述显示组件池中移除所述第二视图对象对应的视图组件，并将所述第二视图对象对应的视图组件加入至所述复用组件池中。5.如权利要求4所述的方法，其特征在于，所述确定所述页面中与所述移动指令对应的移出区域，包括：获取在所述页面移动前的待显示区域的第一位置信息，并获取在所述页面移动后的待显示区域的第二位置信息；根据所述第一位置信息和所述第二位置信息确定所述移出区域。6.如权利要求4所述的方法，其特征在于，所述基于所述索引确定与所述移出区域关联的第二视图对象，包括：在所述页面的多个索引块中，确定与所述移出区域关联的第二索引块；基于所述索引获取与所述第二索引块对应的第二视图对象。7.如权利要求2所述的方法，其特征在于，建立所述索引，包括：获取业务数据，并根据所述业务数据生成对应的虚拟视图；根据所述虚拟视图确定所述画布的范围信息；根据所述范围信息将所述画布划分为多个索引块；根据所述虚拟视图与所述索引块的位置关系建立所述索引。8.如权利要求7所述的方法，其特征在于，根据所述虚拟视图与所述索引块的位置关系建立所述索引，包括：当所述虚拟视图的宽度大于所述索引块的宽度，或者当所述虚拟视图的高度大于所述索引块的高度时，根据所述虚拟视图与所述索引块的位置关系建立一级索引；当所述虚拟视图的宽度小于所述索引块的宽度，且当所述虚拟视图的高度小于所述索引块的高度时，根据所述虚拟视图与二级索引块的位置关系建立二级索引，其中，所述二级索引块为所述索引块切分生成的；根据所述一级索引和所述二级索引生成所述索引。9.一种页面的视图组件的展示装置，其特征在于，包括：第一确定模块，...

【专利技术属性】
技术研发人员：黄金涌，叶斌，景光宇，施子捷，徐昭，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY