[发明专利]一种页面绘制方法及相关装置

说明书

公开了一种页面绘制方法，包括：电子设备接收显示指令，显示指令用于指示电子设备显示第一应用程序页面中的基础页面；电子设备在第一刷新周期绘制预绘制页面，在第一应用程序页面中预绘制页面与基础页面相邻；电子设备在第二刷新周期显示基础页面，第二刷新周期是第一刷新周期的后一刷新周期；在电子设备接收滑动操作后，电子设备显示增量页面；滑动操作用于指示电子设备显示增量页面，第一应用程序页面包括增量页面，预绘制页面与增量页面有重叠。这样，能够提升页面流畅性。

技术领域

本申请涉及电子技术领域，尤其涉及一种页面绘制方法及相关装置。

背景技术

目前，手机上的应用界面越来越复杂，一个页面可以包含数十个控件，例如、购物商城应用程序(Application，APP)、手游APP等应用的界面。大量控件的布局和绘制，耗时长且CPU使用率高。绘制一帧图像可能耗时多达数百秒，远远超过了手机页面的刷新周期。即使绘制线程运行在大核中央处理器(central processing unit，CPU)上，可能仍需一百多毫秒才能绘制完成，导致“丢帧”现象，从而造成页面卡顿不流畅，影响用户体验。

发明内容

本申请实施例提供了一种页面绘制方法及相关装置，能够提高页面流畅性以及用户体验。

第一方面，本申请提供了一种页面绘制方法，应用在有显示界面的电子设备，包括：电子设备接收显示指令，显示指令用于指示电子设备显示第一应用程序页面中的基础页面；电子设备在第一刷新周期绘制预绘制页面，在第一应用程序页面中预绘制页面与基础页面相邻；电子设备在第二刷新周期显示基础页面，第二刷新周期是第一刷新周期的后一刷新周期；在电子设备接收滑动操作后，电子设备显示增量页面；滑动操作用于指示电子设备显示增量页面，第一应用程序页面包括增量页面。这样，由于预绘制页面预与增量页面有重叠，电子设备在第一刷新周期提前绘制预绘制页面，可以减少第二刷新周期增量页面的绘制时间，从而提高了页面流畅性以及用户体验。

在一种可能的实现方式中，预绘制页面与增量页面有重叠。

在一种可能的实现方式中，上述电子设备在第一刷新周期绘制预绘制页面，包括：当电子设备在第一刷新周期不绘制页面或者在第一刷新周期内绘制的基础页面的历史绘制时间小于第一时间阈值时，预测第二刷新周期是否绘制高负载页面；当预测第二刷新周期绘制高负载页面时，电子设备在第一刷新周期绘制预绘制页面。

在一种可能的实现方式中，上述电子设备在第一刷新周期绘制预绘制页面，包括：当电子设备在第一刷新周期不绘制页面，或者在第一刷新周期内绘制的基础页面的历史绘制时间小于第一时间阈值，且在第一刷新周期内绘制的基础页面的历史CPU使用率小于第一时间阈值时，预测第二刷新周期是否绘制高负载页面；当预测第二刷新周期绘制高负载页面时，电子设备在第一刷新周期绘制预绘制页面。

在一种可能的实现方式中，上述电子设备显示增量页面之前，还包括：电子设备在接收滑动操作后的下一刷新周期绘制增量页面。

在一种可能的实现方式中，上述电子设备在第一刷新周期绘制预绘制页面之前，还包括：确定预绘制页面的高度。

在一种可能的实现方式中，上述电子设备在第一刷新周期绘制预绘制页面，包括：电子设备将第一参数从第一高度值修改为第二高度值；第一参数用于控制电子设备在第一刷新周期内绘制的页面的高度，第二高度值等于第一高度值加上预绘制高度；若第一刷新周期的前一刷新内接收到显示指令，则第一高度值为基础页面的高度，第一刷新周期用于绘制基础页面和预绘制页面；若第一刷新周期的前一刷新内未接收到显示指令，则第一高度值为零，第一刷新周期用于仅绘制预绘制页面；电子设备在第一刷新周期根据第一参数绘制预绘制页面。