一种页面展示方法、装置、电子设备及存储介质制造方法及图纸

本公开实施例中提供的页面展示方法，属于计算机技术领域，有助于改善现有技术中在页面展示效率低下的问题。本公开实施例提供的页面展示方法包括：确定目标页面中包括的各控件在目标位图中的展示逻辑信息树；确定所述目标页面中的当前待展示区域；根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图；在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示所述当前待展示区域对应的位图。本公开实施例提供的页面展示方法仅绘制屏幕显示区域内的页面区域对应的视图，而不是绘制整个目标页面的视图，减少了更新屏幕展示内容时视图生成的运算量，提升了页面的展示性能。

A Page Display Method, Device, Electronic Equipment and Storage Media

The page display method provided in the embodiment of the present disclosure belongs to the field of computer technology and helps to improve the inefficiency of page display in the prior art. The page display method provided in the present disclosure embodiment includes: determining the display logic information tree of each control included in the target page in the target bitmap; determining the current display area in the target page; and drawing the current display according to the rendering information and size information of the control stored in the display logic information tree. A bitmap corresponding to the display area; on the screen, the bitmap corresponding to the current display area is displayed according to the position information and hierarchical information of the control stored in the display logic information tree. The page display method provided in the present disclosure embodiment only draws the view corresponding to the page area in the screen display area, instead of drawing the view of the whole target page, which reduces the calculation amount of view generation when updating the content of the screen display and improves the display performance of the page.

【技术实现步骤摘要】
一种页面展示方法、装置、电子设备及存储介质
本公开涉及计算机
，特别是涉及一种页面展示方法、装置、电子设备及存储介质。
技术介绍
前端界面的展示方案效率不仅影响用户的体验，更影响软件产品的运行效率。现有技术中，通常通过操作系统的视图系统(ViewSystem)实现前端界面的布局和渲染。前端界面展示的传统技术方案为：通过调用操作系统提供的提供的UI(UserInterface)控件绘制/布局线程，采用控件添加、拼接等形式进行排列组合，构建前端界面的视图树，然后，由操作系统的主线程根据视图树中的渲染信息绘制前端界面，并进行展示。现有技术中，在构建前端界面的视图树时，会将某一前端界面中包含的全部控件进行布局和渲染，即对于包括多屏显示内容的前端界面，在展示该前端界面的某一屏显示内容时，已经完成了多屏显示内容对应的界面的布局和渲染。由此可见，现有技术中，至少存在一下缺陷：第一，由于构建前端界面的视图树时处理了多屏显示内容的布局和渲染，会导致该前端界面加载时间延长；第二，在主线程构建视图树时，大量的UI控件操作导致硬件负担过重，在构建复杂前端界面的视图上存在效率和性能瓶颈。可见，现有技术中的页面展示方法至少存在展示性能低下的缺陷。
技术实现思路
本公开实施例提供一种页面展示方法，有助于提升页面展示性能，本公开实施例提供了一种页面展示方法，包括：确定目标页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标页面的位图，所述展示逻辑信息树按照所述目标页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息；确定所述目标页面中的当前待展示区域；根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图；在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示所述当前待展示区域对应的位图。第二方面，本公开实施例提供了一种页面展示装置，包括：展示逻辑信息树确定模块，用于确定目标页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标页面的位图，所述展示逻辑信息树按照所述目标页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息；当前待展示区域确定模块，用于确定所述目标页面中的当前待展示区域；当前待展示区域位图绘制模块，用于根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图；位图展示模块，用于在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示所述当前待展示区域对应的位图。第三方面，本公开实施例还提供了一种电子设备，包括存储器、处理器及存储在所述存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本公开实施例所述的页面展示方法。第四方面，本公开实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时本公开实施例中所述的页面展示方法的步骤。本公开实施例提供了一种页面展示方法，通过确定目标页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标页面的位图，所述展示逻辑信息树按照所述目标页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息；确定所述目标页面中的当前待展示区域；根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图；在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示所述当前待展示区域对应的位图，有助于提升页面展示性能。附图说明为了更清楚地说明本公开实施例的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本公开实施例一的页面展示方法流程图；图2是本公开实施例一的目标页面展示示意图之一；图3是本公开实施例一的目标页面展示示意图之二；图4是本公开实施例二的页面展示装置的结构示意图之一；图5是本公开实施例二的页面展示装置的结构示意图之二。具体实施方式下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。实施例一本公开实施例提供的一种页面展示方法，如图1所示，该方法包括：步骤100至步骤130。步骤100，确定目标页面中包括的各控件在目标位图中的展示逻辑信息树。其中，所述目标位图为展示所述目标页面的位图，所述展示逻辑信息树按照所述目标页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息。本公开的实施例中，在进行页面展示之前，首先需要确定目标页面的排版信息，以绘制目标页面各区域的位图。本公开的实施例中，目标页面的排版信息以展示逻辑信息树的形式存储。所述确定目标页面中包括的各控件在目标位图中的展示逻辑信息树的步骤，包括：获取所述目标页面的业务模型数据；对所述业务模型数据进行解析，确定所述目标页面中包括的控件和各所述控件的至少部分控件信息；按照所述至少部分控件信息和所述目标页面的预设布局信息，对所述目标页面中包括的各所述控件进行布局处理，确定各所述控件的控件信息，其中，所述控件信息包括：在所述目标页面中位置信息、尺寸信息、层级信息、渲染信息；按照各所述控件在展示所述目标页面的目标位图中的展示逻辑，采用树形结构存储各所述控件的控件信息，生成所述目标页面的展示逻辑信息树。以移动终端的用户界面展示为例，当用户打开某个应用时，移动终端需要刷新展示用户界面，在此过程中，首先需要获取待展示的目标页面中包括的各业务模型的数据。本公开实施例中所述的业务模型的数据指待展示的目标页面各区域对应的业务模型的数据。其中，业务模型可以对应功能模块、不同应用软件等。在本公开的一些实施例中，移动终端的客户端在检测到需要刷新展示用户界面后，通过主线程构建每个业务模型的请求参数，并创建与每个业务模型对应的数据请求任务，然后，由网络线程执行所述数据请求任务，向服务器获取用户界面中包括的各业务模型的数据。其中，数据请求任务携带相应业务模型的请求参数，例如：业务模型的数据访问地址。然后，由网络线程执行所述数据请求任务。在本公开的一些实施例中，所述网络线程可以为主线程。在本公开的另一些实施例中，所述网络线程为主线程的异步线程，网络线程可以通过网络线程队列获取数据请求任务，并依次执行各数据请求任务。在本公开的又一些实施例中，还可以通过共享内存或其他线程间通信的方式，实现主线程和异步线程之间的数据通信，获取数据请求任务。在本公开的一些实施例中，所述数据请求任务根据携带的相应业务模型的请求参数，访问后台服务器，以获取该业本文档来自技高网...

【技术保护点】
1.一种页面展示方法，其特征在于，包括：确定目标页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标页面的位图，所述展示逻辑信息树按照所述目标页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息；确定所述目标页面中的当前待展示区域；根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图；在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示所述当前待展示区域对应的位图。

【技术特征摘要】
1.一种页面展示方法，其特征在于，包括：确定目标页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标页面的位图，所述展示逻辑信息树按照所述目标页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息；确定所述目标页面中的当前待展示区域；根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图；在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示所述当前待展示区域对应的位图。2.根据权利要求1所述的方法，其特征在于，所述根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述当前待展示区域对应的位图的步骤包括：根据所述当前待展示区域的尺寸信息和位置信息、所述展示逻辑信息树中的控件信息和所述目标页面的已经绘制完成的区域对应的位图，绘制所述当前待展示区域对应的位图。3.根据权利要求2所述的方法，其特征在于，所述根据所述当前待展示区域的尺寸信息和位置信息、所述展示逻辑信息树中的控件信息和所述目标页面的已经绘制完成的区域对应的位图，绘制所述当前待展示区域对应的位图的步骤，包括：根据所述当前待展示区域的尺寸信息和位置信息，确定所述当前待展示区域中的目标区域，所述目标区域为包含在所述目标页面的已经绘制完成的区域中的区域；若所述当前待展示区域中包括所述目标区域，则根据所述展示逻辑信息树中的控件信息绘制所述当前待展示区域中所述目标区域之外的区域对应的位图；根据缓存的所述目标区域对应的位图、绘制的所述目标区域之外的区域对应的位图，生成所述当前待展示区域对应的位图。4.根据权利要求3所述的方法，其特征在于，所述根据所述当前待展示区域的尺寸信息和位置信息、所述展示逻辑信息树中的控件信息和所述目标页面的已经绘制完成的区域对应的位图，绘制所述当前待展示区域对应的位图的步骤，还包括：若所述当前待展示区域中不包括所述目标区域，则根据所述展示逻辑信息树中的控件信息绘制所述当前待展示区域对应的位图。5.根据权利要求3或4所述的方法，其特征在于，所述方法还包括：缓存绘制的所述位图。6.根据权利要求5所述的方法，其特征在于，所述缓存绘制的所述位图的步骤，还包括：对绘制的所述位图和当前已经缓存的位图进行拼接处理，根据拼接处理结果更新当前已经缓存的位图。7.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：确定移出所述屏幕的所述目标页面的已展示区域为待回收区域；回收所述待回收区域占用的展示资源。8.根据权利要求1至4任一项所述的方法，其特征在于，所述确定目标页面中包括的各控件在目标位图中的展示逻辑信息树的步骤，包括：获取所述目标页面的业务模型数据；对所述业务模型数据进行解析，确定所述目标页面中包括的控件和各所述控件的至少部分控件信息；按照所述至少部分控件信息...

【专利技术属性】
技术研发人员：陈航，宋洋洋，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：北京,11