CN114489879B - 一种播放界面的显示方法及电子设备 - Google Patents

Abstract

本申请实施例提供一种播放界面的显示方法及电子设备，涉及终端技术领域，能够降低电子设备显示播放界面的功耗，并降低播放界面的显示出现卡顿现象的概率。该方法用于电子设备显示前台应用的播放界面，该前台应用的播放界面的界面元素包括第一动态元素；该第一动态元素具有第一帧率。该方法包括：电子设备根据预设条件，确定播放界面的界面元素是否包括第二动态元素；第二动态元素具有第二帧率；上述预设条件包括：第二动态元素在播放界面中的区域占比小于预设阈值，以及第二帧率大于第一帧率；当播放界面的界面元素包括第二动态元素时，电子设备以第一帧率显示前台应用的播放界面。

Description

一种播放界面的显示方法及电子设备

技术领域

本申请实施例涉及终端技术领域，尤其涉及一种播放界面的显示方法及电子设备。

背景技术

目前，一些应用程序(Application，APP)(如短视频APP或视频播放APP等)的播放界面中除了包括视频，还可以包括一些除视频之外的动态元素(如，动态音乐播放元素，动态点赞元素等)，用于提升该视频的播放效果。例如，在视频播放界面上除了视频之外还显示有动态音乐播放元素；在直播界面上除了直播视频之外还显示有动态评论元素和动态点赞元素等。

其中，视频也属于动态元素。由于播放界面包括多个动态元素，所以电子设备会实时更新播放界面。其次，电子设备可以采用不同的帧率更新播放界面中不同的动态元素。如此，每帧更新的播放界面中更新的动态元素也不同。

为了降低功耗，电子设备通常会按照一定的周期，丢弃任意一帧更新的播放界面(即降低屏幕刷新率)。如此，虽然通过降低播放界面的刷新率，可以降低电子设备显示播放界面的功耗。但是，由于所丢弃的任意一帧更新的播放界面可能包括某一个动态元素的更新后的画面，丢弃任意一帧更新的播放界面就导致该动态元素的更新后的画面未被显示。进而可能导致该动态元素的播放出现卡顿现象。

发明内容

本申请实施例提供一种播放界面的显示方法及电子设备，能够降低电子设备显示播放界面的功耗，并降低播放界面的显示出现卡顿现象的概率。

为达到上述目的，本申请采用如下技术方案：

第一方面，本申请提供一种播放界面的显示方法，该方法用于电子设备显示前台应用的播放界面，前台应用的播放界面的界面元素包括第一动态元素，第一动态元素具有第一帧率；该方法包括：电子设备根据预设条件，确定播放界面的界面元素是否包括第二动态元素；第二动态元素具有第二帧率；预设条件包括：第二动态元素在播放界面中的区域占比小于预设阈值，以及第二帧率大于第一帧率；当播放界面的界面元素包括第二动态元素时，电子设备以第一帧率显示前台应用的播放界面。

可以理解的是，第二动态元素中的每个第二动态元素在播放界面中的区域占比小于预设阈值，表示该第二动态元素占据播放界面较小的区域，则该第二动态元素对用户的吸引力较小。如此可知，用户在观看播放界面的过程中关注焦点通常不在该第二动态元素上。如果播放界面的界面元素包括第二动态元素，电子设备以第一帧率显示前台应用的播放界面。以第一帧率显示前台应用的播放界面，表示电子设备按照第一帧率更新前台应用的播放界面。如此的话，电子设备更新播放界面中的第二动态元素的帧率不超过第一帧率。而第二动态元素的第二帧率大于第一帧率，则可知，降低了更新第二动态元素的帧率，进而可以降低电子设备显示播放界面的功耗。

进一步地，根据上述分析得到的“用户在观看播放界面的过程中关注焦点通常不在第二动态元素上”可知，即使采用本申请的方案电子设备降低至少一个第二动态元素的第二帧率，用户发现第二动态元素的播放发生卡顿的概率也较低。从而降低了播放界面的显示出现卡顿现象的概率。

在一种可能的设计方式中，预设条件还包括：第二动态元素所在区域的背景颜色为透明。

另一种可能的设计方式中，预设条件还包括：第二动态元素位于播放界面的边缘位置。

可以理解的是，每个第二动态元素所在区域的背景颜色为透明，以及该第二动态元素位于播放界面的边缘位置，都表示该第二动态元素对用户的吸引力较小，则表示用户观看播放界面的过程中关注焦点不在该第二动态元素上的可能性更大。因此，电子设备对满足在播放界面中的区域占比小于预设阈值，还满足所在区域的背景颜色为透明、以及位于播放界面的边缘位置中的至少一项的第二动态元素降低帧率，用户发现第二动态元素的播放发生卡顿的概率较低，降低了播放界面的显示出现卡顿现象的概率。

另一种可能的设计方式中，上述电子设备以第一帧率显示前台应用的播放界面，包括：响应于第i个周期信号，电子设备绘制第一画面；电子设备确定第一画面是否包括第一动态元素的画面；若第一画面不包括第一动态元素的画面，显示第i-1个周期信号所显示的播放界面；其中，i为整数，i依次在{2,3,4……}中取值。

另一种可能的设计方式中，上述响应于第i个周期信号，电子设备绘制第一画面，还包括：复制第二画面；第二画面包括静态元素的画面；该方法还包括：若第一画面包括第一动态元素的画面，显示包括第一画面和第二画面的播放界面。

可以理解的是，电子设备响应于第i个周期信号绘制的第一画面不包括第一动态元素的画面，表示电子设备响应于第i个周期信号没有绘制第一动态元素的画面。那么，电子设备执行第i个绘制流程后，该电子设备显示第i-1个周期信号所显示的播放界面。

另外，由于第二动态元素的第二帧率大于第一动态元素的第一帧率。因此，i取某个数值的时候，电子设备响应于第i个周期信号不绘制第一动态元素的画面，而绘制第二动态元素的画面。而电子设备不绘制第一动态元素的画面的时候显示第i-1个周期信号所显示的播放界面，该第i-1个周期信号所显示的播放界面不包括响应于第i个周期信号绘制的画面(包括绘制的第二动态元素的画面)，则电子设备没有显示出该第i个绘制流程中更新的第二动态元素的画面。这样可以降低更新第二动态元素的帧率。

而且，电子设备响应于第i个周期信号绘制的第一画面包括第一动态元素的画面后，显示包括第一画面和第二画面的播放界面。该第一画面又包括绘制第一动态元素的画面，则可以确定包括第一画面和第二画面的播放界面包括更新后的第一动态元素的画面。综上可知，电子设备只有在响应于一个周期信号绘制第二动态元素的画面，并且绘制第一动画元素的画面的情况下，根据响应于该周期信号得到的所有界面元素的图层生成新的播放界面并显示。也就是说，第二动态元素在第一动态元素更新的时候同时更新。这样的话，第二动态元素的降低后的帧率等于第一动态元素的第一帧率。

进一步地，根据上述分析得到的“用户在观看播放界面的过程中关注焦点通常不在第二动态元素上”可知，即使采用本申请的方案电子设备降低更新第二动态元素的帧率，用户发现第二动态元素的播放发生卡顿的概率也较低。从而降低了播放界面的显示出现卡顿现象的概率。

除此之外，电子设备显示第i-1个周期信号所显示的播放界面是已经得到的播放界面，在第i个周期信号的信号周期内不再继续生成新的播放界面，而是继续显示该第一播放界面，还可以降低电子设备的功耗。

另外，第一动态元素在播放界面中的区域占比大于预设阈值，表示第一动态元素占据播放界面较大的区域，则第一动态元素对用户的吸引力较大。如此可知，用户在观看播放界面的过程中关注焦点通常在第一动态元素上。其次，根据上述分析得到的“包括第一画面和第二画面的播放界面包括第一动态元素的更新后的画面”可知，电子设备绘制第一动态元素的画面之后，显示包括第一画面和第二画面的播放界面，包括显示了第一动态元素的更新后的画面。再根据上述分析得到的“用户观看播放界面的过程中关注焦点通常在第一动态元素上”可知，电子设备响应于第i个周期信号，绘制第一动态元素的画面之后，显示包括第一画面和第二画面的播放界面，可以保证用户流畅地观看第一动态元素的播放。

另一种可能的设计方式中，第二帧率是第一帧率的两倍；第i个周期信号的信号周期的倒数等于第二帧率；第一画面包括第二动态元素的画面；上述复制第二画面包括：如果响应于第i-1个周期信号绘制了第一动态元素的画面，复制响应于第i-1个周期信号绘制的第一动态元素的画面。

可以理解的是，第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率，则电子设备响应于每个周期信号，都更新第二动态元素的画面。而第二动态元素的第二帧率是第一动态元素的第一帧率的两倍，则电子设备每间隔一个周期信号，更新第一动态元素的画面。这种情况下，h等于1。

进一步地，如果响应于第i个周期信号，第一动态元素的画面和第二动态元素的画面都绘制的时候，电子设备显示包括第一画面和第二画面的播放界面。包括第一画面和第二画面的播放界面包括更新后的第一动态元素的画面和更新后的第二动态元素的画面，即显示了更新后的第一动态元素的画面和更新后的第二动态元素的画面。如果响应于第i个周期信号，只更新了第二动态元素的画面的时候，显示第i-1个周期信号所显示的播放界面，表示没有显示更新后的第二动态元素的画面。如此，电子设备只显示同时更新的第一动态元素的画面和第二动态元素的画面，降低了第二动态元素的第二帧率，并且，降低后的第二动态元素的第二帧率等于第一动态元素的第一帧率。

另一种可能的设计方式中，上述显示第i-1个周期信号所显示的播放界面，还包括：不渲染第一画面。

可以理解的是，由于响应于第i个周期信号绘制的第一画面不包括绘制第一动态元素，表示电子设备该响应于第i个周期信号的时候没有更新第一动态元素的画面。而根据上述分析得到的“关注焦点通常在第一动态元素上”因此，电子设备响应于该第i个周期信号之后，可以不继续渲染第一画面，即不渲染画面。如此，可以避免渲染、合成和显示等多个环节所产生的功耗，降低了电子设备的功耗。

另一种可能的设计方式中，第i个周期信号的信号周期的倒数等于第一动态元素的第一帧率的m倍；m为大于1的正整数。复制第二画面包括：如果第i个周期信号对应的第一周期内绘制了第一动态元素的画面，复制第一周期内绘制的第一动态元素的画面；第一周期是第一帧率的倒数。

另一种可能的设计方式中，在上述电子设备根据预设条件，确定播放界面的界面元素是否包括第二动态元素之前，该方法还包括：电子设备获取播放界面的每个界面元素的视觉属性；视觉属性包括界面元素的尺寸；根据界面元素的尺寸，计算区域占比。

另一种可能的设计方式中，预设条件还包括：第二动态元素位于播放界面的边缘位置；视觉属性还包括界面元素在播放界面中的起点坐标。在上述获取播放界面的每个界面元素的视觉属性之后，该方法还包括：根据界面元素的尺寸和界面元素在播放界面中的起点坐标，判断第二动态元素是否位于播放界面的边缘位置。

另一种可能的设计方式中，该方法还包括：若电子设备响应于第j个周期信号绘制的第一画面包括第一动态元素的画面，添加第一标识，第一标识用于指示响应于第j个周期信号绘制了第一动态元素的画面；若电子设备响应于第j个周期信号绘制的第一画面不包括第一动态元素的画面，添加第二标识，第二标识用于指示响应于第j个周期信号未绘制第一动态元素的画面；其中，j为整数，j依次在{1,2,3,4……}中取值。

可以理解的是，电子设备响应于任一个周期信号(如，第1个周期信号，第2个周期信号)后，添加用于指示响应于任一个周期信号绘制画面的界面元素的标识(如，第一标识，第二标识)。然后，电子设备可以根据该标识所指示的界面元素，确定显示第一界面元素还是第二界面元素。

第二方面，本申请提供一种电子设备，该电子设备包括存储器和一个或多个处理器。存储器与处理器耦合。其中，存储器中存储有计算机程序代码，计算机程序代码包括计算机指令。当计算机指令被处理器执行时，使得电子设备执行如第一方面及其任一种可能的设计方式所述的方法。

第三方面，本申请提供一种电子设备，该电子设备包括存储器、显示屏和一个或多个处理器。存储器、显示屏与处理器耦合。其中，显示屏用于显示前台应用的播放界面，前台应用的播放界面的界面元素包括第一动态元素；第一动态元素具有第一帧率。存储器中存储有计算机程序代码，该计算机程序代码包括计算机指令，当该计算机指令被处理器执行时，使得电子设备执行如下步骤：根据预设条件，确定播放界面的界面元素是否包括第二动态元素；第二动态元素具有第二帧率；预设条件包括：第二动态元素在播放界面中的区域占比小于预设阈值，以及第二帧率大于第一帧率；当播放界面的界面元素包括第二动态元素时，以第一帧率显示前台应用的播放界面。

在第三方面的一种可能的设计方式中，预设条件还包括：第二动态元素所在区域的背景颜色为透明。

在第三方面的一种可能的设计方式中，预设条件还包括：第二动态元素位于播放界面的边缘位置。

在第三方面的一种可能的设计方式中，当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：响应于第i个周期信号，电子设备绘制第一画面；确定第一画面是否包括第一动态元素的画面；若第一画面不包括第一动态元素的画面，显示第i-1个周期信号所显示的播放界面。其中，i为整数，i依次在{2,3,4……}中取值。

在第三方面的一种可能的设计方式中，当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：复制第二画面；第二画面包括静态元素的画面；若第一画面包括第一动态元素的画面，显示包括第一画面和第二画面的播放界面。

在第三方面的一种可能的设计方式中，第二动态元素的第二帧率是第一动态元素的第一帧率的两倍；第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率；第一画面包括第二动态元素的画面。

在第三方面的一种可能的设计方式中，当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：如果响应于第i-1个周期信号绘制了第一动态元素的画面，复制响应于第i-1个周期信号绘制的第一动态元素的画面。

在第三方面的一种可能的设计方式中，当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：不渲染第一画面。

在第三方面的一种可能的设计方式中，第i个周期信号的信号周期的倒数等于第一动态元素的第一帧率的m倍；m为大于1的正整数；如果第i个周期信号对应的第一周期内绘制了第一动态元素的画面，复制第一周期内绘制的第一动态元素的画面；第一周期是第一帧率的倒数。

在第三方面的一种可能的设计方式中，当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：在电子设备根据预设条件，确定播放界面的界面元素是否包括第二动态元素之前，获取播放界面的每个界面元素的视觉属性；视觉属性包括界面元素的尺寸；根据界面元素的尺寸，计算区域占比。

在第三方面的一种可能的设计方式中，预设条件还包括：第二动态元素位于播放界面的边缘位置；视觉属性还包括界面元素在播放界面中的起点坐标。

当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：在获取播放界面的每个界面元素的视觉属性之后，根据界面元素的尺寸和界面元素在播放界面中的起点坐标，判断第二动态元素是否位于播放界面的边缘位置。

在第三方面的一种可能的设计方式中，当该计算机指令被处理器执行时，使得电子设备还执行如下步骤：若电子设备响应于第j个周期信号绘制的第一画面包括第一动态元素的画面，添加第一标识，第一标识用于指示响应于第j个周期信号绘制了第一动态元素的画面；若电子设备响应于第j个周期信号绘制的第一画面不包括第一动态元素的画面，添加第二标识，第二标识用于指示响应于第j个周期信号未绘制第一动态元素的画面。其中，j为整数，j依次在{1,2,3,4……}中取值。

第四方面，本申请提供一种芯片系统，该芯片系统应用于电子设备；芯片系统包括一个或多个接口电路和一个或多个处理器；接口电路和处理器通过线路互联；接口电路用于从电子设备的存储器接收信号，并向处理器发送信号，信号包括存储器中存储的计算机指令。当处理器执行计算机指令时，电子设备执行如第一方面及其任一种可能的设计方式的方法。

第五方面，本申请提供一种计算机可读存储介质，该计算机可读存储介质包括计算机指令；当计算机指令在电子设备上运行时，使得电子设备执行如第一方面及其任一种可能的设计方式的方法。

第六方面，本申请提供一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行如第一方面及其任一种可能的设计方式的方法。

可以理解的，上述提供的第二方面、第三方面及其任一种可能的设计方式所述的电子设备，第四方面所述的芯片系统，第五方面所述的计算机可读存储介质，第六方面所述的计算机程序产品所能达到的有益效果，可参考第一方面及其任一种可能的设计方式中的有益效果，此处不再赘述。

附图说明

图1为本申请实施例提供的一种电子设备的硬件结构示意图；

图2为本申请实施例提供的一种短视频播放的界面示意图；

图3为本申请实施例提供的一种直播界面示意图；

图4为本申请实施例提供的一种电子设备响应于触摸操作显示界面的软件处理流程示意图；

图5为本申请实施例提供的一种电子设备响应于触摸操作显示播放界面的软件处理流程示意图；

图6为本申请实施例提供的一种采用常规技术的短视频播放界面的刷新流程图；

图7为本申请实施例提供的一种短视频播放界面的刷新流程图一；

图8为本申请实施例提供的一种短视频播放界面的刷新流程图二；

图9A为本申请实施例提供的一种播放界面的显示方法流程图一；

图9B为本申请实施例提供的一种播放界面的显示方法流程图二；

图9C为本申请实施例提供的一种播放界面的显示方法流程图三；

图9D为本申请实施例提供的一种播放界面的显示方法流程图四；

图10为本申请实施例提供的一种采用播放界面的显示方法的短视频播放界面的刷新流程图一；

图11为本申请实施例提供的一种电子设备响应第i个周期信号的处理流程图；

图12为本申请实施例提供的一种采用播放界面的显示方法的短视频播放界面的刷新流程图二；

图13为本申请实施例提供的采用两种方法更新播放界面产生的功耗对比图；

图14为本申请实施例提供的一种芯片系统的结构示意图。

具体实施方式

以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。

下面结合附图对本实施例的实施方式进行详细描述。

示例性的，本申请实施例提供的播放界面的显示方法可应用于手机、平板电脑、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、手持计算机、上网本、可穿戴电子设备、虚拟现实设备等电子设备，本申请实施例对此不做任何限制。

图1为本申请实施例提供的一种电子设备100的结构示意图。

如图1所示，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。

其中，传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。

可以理解的是，本实施例示意的结构并不构成对电子设备100的具体限定。在另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。

在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。

可以理解的是，本实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

充电管理模块140用于从充电器接收充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。

电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。

移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。

调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。

无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。

在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivision multiple access，CDMA)，宽带码分多址(wideband code division multipleaccess，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidounavigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellitesystem，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。

电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏194用于显示图像，视频等。该显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，发光二极管(light-emitting diode，LED)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。

其中，本申请实施例中的显示屏194如果集成了触摸传感器180K，则显示屏194可以称为触摸屏。该触摸传感器180K也可以称为“触控面板”。也就是说，显示屏194可以包括显示面板和触摸面板。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器180K检测到触摸操作后，可触发内核层的驱动(如TP驱动)周期性地扫描该触摸操作产生的触摸参数。然后，内核层的驱动将触摸参数传递给上层的相关模块，以便于相关模块确定触摸参数对应的触摸事件。

另外，显示屏194可以提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，而不是集成在显示屏194中。此时，触摸传感器180K与显示屏194所处的位置可以不同。本申请实施例中以显示屏是集成有触摸传感器的显示屏为例，对播放界面的显示方法的具体过程进行说明。

电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。ISP用于处理摄像头193反馈的数据。摄像头193用于捕获静态图像或视频。数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。

NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。例如，在本申请实施例中，处理器110可以通过执行存储在内部存储器121中的指令，内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。

电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。耳机接口170D用于连接有线耳机。

按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。

以下实施例中的方法均可以在具有上述硬件结构的电子设备100中实现。

通常，一个APP的某一个应用界面可以包括一个或多个界面元素。该界面元素分为静态元素和动态元素。其中，静态元素是指在该应用界面中保持不变的界面元素。动态元素是指处于播放状态下在该应用界面中更新变化的界面元素。动态元素可以包括：视频元素、动态点赞元素、动态文字显示元素、动态音乐播放元素。

其中，在应用界面中的区域占比较小的动态元素都可以称为小动画元素，例如，动态点赞元素和动态音乐播放元素都可以称为小动画元素。

具体地，一个应用界面的更新频率可以称为屏幕刷新率。一个动态元素在所属应用界面中的更新频率可以称为帧率。电子设备可以采用不同的帧率更新应用界面中不同的动态元素。如此，每帧更新的应用界面中更新的动态元素也不同。例如，电子设备更新视频元素的帧率可以是30赫兹(Hz)、60Hz。电子设备更新小动画元素的帧率可以是60Hz。

示例性地，以短视频APP中的播放界面为例。如图2所示，该播放界面包括多个静态元素和多个动态元素。该多个静态元素可以包括：直播选项、同城选项和关注选项等等。该直播选项用于触发跳转至直播界面。该同城选项用于触发显示与当前登陆用户属于同一个城市的其他用户发布的短视频。该关注选项用于触发关注在前台显示的短视频的发布者的账号。该多个动态元素包括：视频201、动态音乐播放元素202和动态歌曲信息的显示元素203。其中，视频201的帧率可以是30Hz。动态音乐播放元素202的帧率和动态歌曲信息的显示元素203的帧率都可以是60Hz。

示例性地，以直播APP中的播放界面为例。如图3所示，该播放界面包括多个静态元素和多个动态元素。该多个静态元素可以包括：关注选项、聊天选项和转发选项等等。该关注选项用于触发关注在前台显示的短视频的发布者的账号。该聊天选项用于触发输入信息并显示输入的信息。该转发选项用于触发向其他用户转发当前显示的直播视频。该多个动态元素包括：直播视频301、动态礼物显示元素302和动态对话显示元素303。其中，直播视频301的帧率可以是30Hz。动态礼物显示元素302的帧率和动态对话显示元素303的帧率都可以是60Hz。

请参考图4，其示出从“用户手指在显示屏输入触摸操作”到“显示屏显示该触摸操作对应的应用界面被人眼感知”过程中，电子设备的软件处理流程示意图。如图4所示，电子设备可以包括：触控面板(touch panel，TP)/TP驱动(Driver)41、Input框架(即InputFramework)42、UI框架(即UI Framework)43、Display框架(即Display Framework)44和硬件显示模块45。其中，Input框架可以称为输入框架，Display框架可以称为展示框架。

如图4所示，电子设备的软件处理流程可以包括以下步骤(1)-步骤(5)。步骤(1)：TP IC/TP驱动41中的TP采集用户手指对电子设备的TP的触摸操作后，TP驱动向Event Hub(事件注册中心)上报相应的触摸事件。步骤(2)：Input框架42的Input Reader(输入读取器线程)线程可以从Event Hub中读取触摸事件，然后向Input Dispatcher线程(输入调度器线程)发送该触摸事件；由Input Dispatcher线程向UI框架43中的UI线程(如DoFrame)上传该触摸事件。步骤(3)：UI框架43中的UI线程绘制该触摸事件对应的一个或多个画面；渲染线程(如DrawFrame)对一个或多个画面进行画面渲染，得到渲染后的画面(如，surface)。步骤(4)：Display框架44中的合成线程对渲染后的画面进行合成得到应用界面。步骤(5)：硬件显示模块45的液晶显示面板(Liquid Crystal Display，LCD)驱动可接收合成的应用界面，由LCD显示合成的应用界面。LCD显示应用界面，LCD显示的图像可被人眼感知。

以上述应用界面是短视频APP的播放界面为例，如图5所示，上述触摸操作可以是用户启动播放短视频的操作。上述UI线程用于绘制短视频APP的播放界面中界面元素的画面；再通过渲染线程对播放界面中所有界面元素的画面进行渲染，得到播放画面；合成线程对播放画面进行合成，得到播放界面。该UI线程可以称为短视频APP对应的UI线程；该渲染线程可以称为短视频APP对应的渲染线程。其次，电子设备在接收到该触摸操作后，可以周期性执行该UI线程和渲染线程，以用于合成新的播放界面。

其中，由于播放界面中的所有静态元素在播放界面的更新过程中保持不变；因此，电子设备响应于一次触摸事件，可以只在第一次执行该UI线程的过程中绘制播放界面中的所有静态元素的画面。然后，电子设备在第二次及其之后执行该UI线程的过程中可以不再重复绘制播放界面中的所有静态元素的画面，而是复制之前绘制的静态元素的画面。

另外，由于电子设备可以采用不同的帧率更新播放界面中不同的动态元素，因此，电子设备在每帧更新的播放界面中更新的动态元素也不同。这样的话，电子设备每次执行UI线程的过程中绘制的动态元素的画面也不同。具体的，电子设备在每次执行UI线程的过程中，可以绘制播放界面中一部分动态元素的画面，并复制之前绘制的另一部分动态元素的画面。

需要说明的是，UI框架除了包括与APP对应的上述UI线程和上述渲染线程，还可以包括状态栏对应的UI线程和渲染线程，和/或消息提示框对应的UI线程和渲染线程。在绘制渲染得到状态栏的画面和消息提示框的画面的情况下，合成线程对播放画面、状态栏的画面和消息提示框的画面进行合成得到播放界面。此时，该播放界面除了包括界面元素，还包括状态栏和消息提示框。本申请实施例中以合成线程对播放画面进行合成得到播放界面为例，对播放界面的显示方法的具体过程进行说明。

示例性地，如图6中的(a)所示，每间隔一个信号周期就会有一个周期信号(如，第1个周期信号，第2个周期信号)。该周期信号可以用于触发绘制一个或多个画面。该信号周期可以是电子设备的显示屏可采用的最大屏幕刷新率的倒数，例如，1/60Hz＝16.7毫秒(ms)。

电子设备响应于用户启动播放短视频的操作，UI框架可以在每一个周期信号到来的时刻，调用UI线程绘制播放界面中界面元素的画面。再将播放界面中所有界面元素的画面发送到图形处理器(Graphics Processing Unit，GPU)中。GPU调用渲染线程对播放界面中所有界面元素的画面进行渲染，得到渲染后的画面。然后，硬件合成器(HardwareComposer，HWC)可以调用合成线程对渲染后的画面进行合成，得到播放界面。最后，硬件显示模块可以在LCD显示该播放界面。

需要说明的是，在不同的系统或者架构中，周期信号的名称可能不同。例如，在一些系统或者架构中，上述周期信号的名称可能是垂直同步信号(VSYNC_APP)。但是，无论周期信号的名称是什么，只要是具备类似功能的信号，符合本申请实施例提供的方法的技术思路，都应涵盖在本申请的保护范围之内。

示例性的，播放界面可以包括界面元素1，界面元素2、…、以及界面元素N。N是大于2的正整数。假设界面元素1是视频1，界面元素2是小动画2，界面元素3至界面元素N都是静态元素。这里以电子设备更新视频1的帧率是30Hz，更新小动画2的帧率是60Hz(即)为例，说明电子设备在每个UI线程中更新不同的界面元素的具体过程。

如图6中的(b)所示，电子设备在t₁时刻，响应第1个周期信号，执行前台应用对应的UI线程；该UI线程包括Viewtree(视图树)。该UI线程包括：绘制视频1的画面11、绘制小动画2的画面21、...、以及绘制界面元素N的画面N1。也就是说，电子设备第一次绘制过程中绘制播放界面中所有界面元素的画面。然后，电子设备在t₂时刻，响应于第2个周期信号，执行该UI线程；该UI线程包括：复制视频1的画面11、绘制小动画2的画面22、...、以及复制界面元素N的画面N1。t₁时刻和t₂时刻的间隔时长等于一个信号周期。同理地，电子设备每间隔一个信号周期，依次在t₃时刻，响应于第3个周期信号，执行该UI线程；在t₄时刻，响应于第4个周期信号，执行该UI线程。

其中，响应于第3个周期信号所执行的UI线程包括：绘制视频1的画面12、绘制小动画2的画面23、...、以及复制界面元素N的画面N1。响应于第3个周期信号所执行的UI线程包括：复制视频1的画面12、绘制小动画2的画面24、...、以及复制界面元素N的画面N1。前台应用是电子设备的显示屏当前显示的界面对应的应用。

可以看出，电子设备按照更新视频1的帧率，每间隔两个信号周期，绘制一次视频1的画面。电子设备按照更新小动画2的帧率，每间隔一个信号周期，绘制一次小动画2的画面。

目前，相关技术为了降低电子设备的功耗，电子设备通常会按照一定的周期，丢弃一帧更新的播放界面(即降低屏幕刷新率)。如此，通过降低播放界面的刷新率，可以降低电子设备在显示播放界面的过程中产生的功耗。但是，由于所丢弃的一帧更新的播放界面可能包括某一个动态元素的更新后的画面，丢弃一帧更新的播放界面就导致该动态元素的更新后的画面未被显示。如果该动态元素在播放界面中的位置或区域占比等比较突出，表示该动态元素是用户的关注焦点。那么，该动态元素的更新后的画面未被显示，很可能导致该动态元素的播放出现卡顿现象。

示例性地，如图7所示，电子设备为了将屏幕刷新率从60Hz降低到30Hz，在2个上述信号周期(即时长为33.3ms的周期)内，随机丢弃一个播放画面，不显示。

示例性地，如图8所示，电子设备为了将屏幕刷新率从60Hz降低到30Hz，可以每间隔1个信号周期，丢弃一个播放画面，不显示。从而实现在2个信号周期(即时长为33.3ms的周期)内，丢弃一个播放画面。

可以理解的是，图7所示的相关方案和图8所示的相关方案，都是在绘制和渲染画面后丢弃生成的播放画面。从而不会生成显示包括该播放画面的播放界面。虽然避免了电子设备显示包括该播放画面的播放界面的功耗，但是，该播放画面的绘制和渲染的功耗仍旧存在，功耗仍然较大。其次，由于电子设备选择丢弃的某一个播放画面，没有考虑该播放画面所包括的更新的界面元素的画面，则该播放画面可能包括视频1的更新后的画面，例如，对UI线程3生成的画面进行渲染生成的播放画面。而视频1在播放界面中的区域占比接近100％，丢弃该播放画面导致视频1的更新后的画面未被显示，则导致该视频1的播放出现卡顿现象。

针对上述相关方案降低屏幕刷新率存在的功耗较大，以及界面中的动态元素的播放出现卡顿现象的问题，本申请实施例提出一种播放界面的显示方法，电子设备可以根据播放界面中的动态元素在播放界面中的区域占比等，确定出是用户的关注焦点的第一动态元素、以及不是用户的关注焦点的第二动态元素。然后，电子设备确定每次绘制过程中绘制了画面的动态元素(可以称为更新的动态元素)。如果该绘制过程更新的动态元素不包括第一动态元素，则更新的动态元素不是用户的关注焦点，可以不渲染画面，即该动态元素的更新后的画面未被显示。由于在该绘制过程之后没有执行渲染、合成和显示等多个环节，省去了渲染、合成和显示等多个环节产生的功耗，降低了电子设备的功耗。其次，虽然该动态元素的更新后的画面未被显示，由于更新的动态元素不是用户的关注焦点，用户发现该动态元素的播放发生卡顿的概率较低，即降低了该动态元素的播放出现卡顿现象的可能性。

本申请实施例提供的一种播放界面的显示方法可以用于电子设备显示前台应用的播放界面。该前台应用的播放界面的界面元素包括第一动态元素，第一动态元素具有第一帧率。如图9A所示，该方法可以包括S901-S902。

S901、电子设备确定播放界面的界面元素是否包括第二动态元素；其中，第二动态元素具有第二帧率；预设条件包括：第二动态元素在播放界面中的区域占比小于预设阈值，以及第二帧率大于第一帧率。

其中，第二动态元素满足预设条件。电子设备可以确定播放界面的界面元素是否包括第一动态元素和第二动态元素。

电子设备安装有具有视频播放功能的应用。电子设备可接收用户启动该应用的第一操作，再响应于该第一操作，在前台运行该应用。该应用为前台应用。然后，电子设备可接收用户启动播放视频的第二操作。电子设备响应于该第二操作，在每个周期信号到来的时候，执行绘制流程。然后，电子设备可以对该绘制流程得到的播放界面的所有界面元素的画面进行渲染，得到播放画面。电子设备再根据该播放画面，合成新的播放界面，并将新的播放界面存入缓存。电子设备的LCD驱动从该缓存中读取新的播放界面并显示。

其中，电子设备可以响应于该第二操作，还可以确定播放界面的界面元素是否包括第一动态元素和第二动态元素。具体地，电子设备可以判断播放界面的动态元素是否包括第一动态元素和第二动态元素。

其中，电子设备可以确定播放界面的界面元素包括一个第二动态元素或多个第二动态元素。电子设备对每个第二动态元素的处理过程相同。

在一些实施例中，第二动态元素在播放界面中的区域占比小于预设阈值(如，5％)，表示该第二动态元素占据播放界面较小的区域，则该第二动态元素对用户的吸引力较小。如此可知，用户在观看播放界面的过程中关注焦点通常不在第二动态元素上。

例如，如图2所示，播放界面中的动态音乐播放元素202和动态歌曲信息的显示元素203在播放界面中的区域占比都很小，对用户的吸引力较小。而播放界面中的视频201在播放界面中的区域占比很大，对用户的吸引力很大；因此，用户在观看播放界面的过程中关注焦点通常在视频201上，不在动态音乐播放元素202和动态歌曲信息的显示元素203上。其中，视频201是第一动态元素，动态音乐播放元素202和动态歌曲信息的显示元素203都是第二动态元素。

又例如，如图3所示，播放界面中的直播视频301在播放界面中的区域占比很大，动态对话显示元素303在播放界面中的区域占比较大，动态礼物显示元素302在播放界面中的区域占比很小。因此，用户在观看播放界面的过程中关注焦点通常在直播视频301和动态对话显示元素303上，不在动态礼物显示元素302上。其中，直播视频301和动态对话显示元素303都是第一动态元素，动态礼物显示元素302是第二动态元素。

其次，播放界面中的第二动态元素的第二帧率大于第一动态元素的第一帧率，电子设备可以降低该第二动态元素的第二帧率。由于关注焦点通常不在该第二动态元素上，电子设备降低该第二动态元素的第二帧率，用户发现该第二动态元素的播放发生卡顿的概率较低，即降低了播放界面的显示出现卡顿现象的概率。

在一些实施例中，预设条件还可以包括：第二动态元素所在区域的背景颜色还可以为透明，和/或，第二动态元素位于播放界面的边缘位置(如，上侧，左侧，右侧和左侧)。

可以理解的是，第二动态元素所在区域的背景颜色为透明，以及该第二动态元素位于播放界面的边缘位置，都表示该第二动态元素对用户的吸引力较小，则表示用户观看播放界面的过程中关注焦点不在该第二动态元素上的可能性更大。因此，电子设备对满足在播放界面中的区域占比小于预设阈值、所在区域的背景颜色为透明、以及位于播放界面的边缘位置中的至少一项的第二动态元素降低帧率，用户发现第二动态元素的播放发生卡顿的概率较低。

在一些实施例中，第一动态元素不满足预设条件。第一动态元素不满足预设条件可以是指不满足预设条件包括的所有条件，或者不满足预设条件中的至少一个条件。例如，第一动态元素在播放界面中的区域占比大于预设阈值。第一动态元素在播放界面中的区域占比大于预设阈值，表示该第一动态元素占据播放界面较大的区域，则该第一动态元素对用户的吸引力较大。如此可知，用户观看播放界面的过程中关注焦点通常在第一动态元素上。如果降低了第一动态元素的第一帧率，用户发现第一动态元素的播放发生卡顿的概率较高。因此，电子设备显示每个更新后的第一动态元素的画面。

示例性地，第一动态元素可以包括视频元素；第二动态元素可以属于小动画元素。

S902、当播放界面的界面元素包括第二动态元素时，电子设备以第一帧率显示前台应用的播放界面。

其中，电子设备以第一帧率显示前台应用的播放界面可以包括：显示根据响应于一个周期信号绘制的第一动态元素的画面生成的播放界面。也就是说，以第一帧率显示的前台应用的播放界面都是包括更新的第一动态元素的画面的播放界面。这样实现了以第一动态元素具有的第一帧率更新第一动态元素。

进一步地，电子设备响应于一个周期信号没有绘制第一动态元素的画面，则不会显示根据响应于该周期信号得到的画面生成的播放界面。由于第二动态元素的第二帧率大于第一动态元素的第一帧率；因此，响应于该周期信号没有绘制第一动态元素，可能绘制了第二动态元素的画面，但是不会显示响应于该周期信号绘制的第二动态元素的画面。如此，更新第二动态元素的第二帧率小于或等于第一帧率，降低了第二动态元素的第二帧率。

需要说明的是，这里的‘以第一帧率显示前台应用的播放界面’是指电子设备的屏幕刷新率被调整为与第一帧率相等。而第一帧率可以小于电子设备未调整的屏幕刷新率，也就是说，降低了电子设备的屏幕刷新率。该未调整的屏幕刷新率等于周期信号的信号周期的倒数。

在一些实施例中，如果播放界面的界面元素不包括第二动态元素，电子设备以未调整的屏幕刷新率(即一个周期信号的信号周期的倒数)显示前台应用的播放界面。

在一些实施例中，电子设备响应于第i个周期信号，绘制第一画面。然后，在播放界面的界面元素包括第一动态元素和第二动态元素的情况下，电子设备确定第一画面是否包括第一动态元素的画面。若第一画面不包括第一动态元素的画面，电子设备可以显示第i-1个周期信号所显示的播放界面。若第一画面包括第一动态元素的画面，电子设备可以显示包括第一画面的播放界面。

其中，i为整数，i依次在{2,3,4……}中取值。i也可以取值为1。在i取1的时候，电子设备响应于第1个周期信号，绘制第一画面，并且，第一画面包括播放界面的所有界面元素的画面。播放界面的所有界面元素还包括静态元素。

其中，电子设备如果响应于第i个周期信号得到的第一画面不包括第一动态元素的画面，显示第i-1个周期信号所显示的播放界面，表示电子设备没有显示根据响应于第i个周期信号得到的画面生成的播放界面。

进一步地，电子设备响应于第i个周期信号，除了绘制第一画面，还复制第二画面；第二画面包括静态元素的画面。若第一画面包括第一动态元素的画面，电子设备可以显示包括第一画面的播放界面还包括该第二画面。

在一些实施例中，电子设备响应于第i个周期信号，调用前台应用对应的UI线程执行第i个绘制流程。执行第i个绘制流程可以得到播放界面的所有界面元素的画面。其中，执行第i个绘制流程可以绘制一些界面元素的画面，复制响应于第i-1个周期信号绘制的另一些界面元素的画面。电子设备可以在第i个绘制流程绘制了第一动态元素的情况下，继续渲染第i个绘制流程得到的画面，得到播放画面；再基于播放画面，得到播放界面。电子设备可以在第i个绘制流程未绘制第一动态元素的情况下，不显示第i个绘制流程得到的画面。如图9B所示，该方法中的S901可以包括S910，S902可以包括S911-S914。

S910、电子设备根据预设条件，判断播放界面的界面元素是否包括第一动态元素和第二动态元素。

S911、响应于第i个周期信号，电子设备执行第i个绘制流程；第i个绘制流程包括绘制第一画面。

其中，第i个绘制流程还包括复制响应于第i-1个绘制流程得到的第二画面。第二画面包括静态元素的画面。静态元素的画面是响应于第1个绘制流程绘制得到的。

在一些实施例中，若第一画面不包括第一动态元素的画面，则第二画面包括第一动态元素的画面。若第一画面包括第一动态元素的画面，则第二画面不包括第一动态元素的画面。若第一画面不包括第二动态元素的画面，则第二画面包括第二动态元素的画面。若第一画面包括第二动态元素的画面，则第二画面不包括第二动态元素的画面。

在一些实施例中，第i个周期信号的信号周期的倒数大于第一动态元素的第一帧率。如此，电子设备可以响应于某些周期信号不绘制第一动态元素的画面，即第一画面不包括第一动态元素的画面。其次，第二动态元素的第二帧率又大于第一动态元素的第一帧率，表示电子设备响应于某个周期信号，即绘制第一动态元素的画面又绘制第二动态元素的画面，此时，第一画面包括第一动态元素的画面和第二动态元素的画面。

示例性地，第二动态元素的第二帧率可以等于第i个周期信号的信号周期的倒数。

示例性地，第一动态元素的第一帧率可以等于24Hz、30Hz或60Hz等。第二动态元素的第二帧率可以等于60Hz、90Hz或120Hz。第i个周期信号的信号周期可以等于1/60ms、1/90ms或1/120ms。

在一些实施例中，第二动态元素的第二帧率是第一动态元素的第一帧率的两倍。第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率，此时，第一画面包括第二动态元素的画面。

其中，第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率，表示电子设备在每个周期信号到来的时刻更新第二动态元素的画面。第二动态元素的第二帧率又是第一动态元素的第一帧率的两倍，表示电子设备每间隔一个周期信号更新一次第一动态元素的画面。

如此，在第二动态元素的第二帧率是第一动态元素的第一帧率的两倍。第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率的情况下，如果响应于第i-1个周期信号绘制了第一动态元素的画面，则电子设备响应于第i个周期信号，不绘制该第一动态元素的画面，只绘制第二动态元素的画面，还复制响应于第i-1个周期信号绘制的第一动态元素(即第一画面包括第二动态元素的画面，第二画面包括第一动态元素的画面)。如果响应于第i-1个周期信号没有绘制第一动态元素的画面，则电子设备响应于第i个周期信号，绘制该第一动态元素的画面和第二动态元素的画面(即第一画面包括第一动态元素的画面和第二动态元素的画面)。

在一些实施例中，第i个周期信号的信号周期的倒数等于第一动态元素的第一帧率的m倍；m为大于1的正整数。这种情况下，如果在第i个周期信号对应的第一周期内绘制了第一动态元素的画面，复制第一周期内绘制的第一动态元素的画面(即第二画面包括第一动态元素的画面)。如果第i个周期信号对应的第一周期内未绘制第一动态元素的画面，则电子设备响应于第i个周期信号绘制第一动态元素的画面(即第一画面包括第一动态元素的画面)。

其中，第一周期是指第一动态元素的第一帧率的倒数。第一周期是指第一动态元素的绘制周期。

示例性地，第i个周期信号的信号周期的倒数等于第一动态元素的第一帧率的m倍，电子设备可以每间隔m-2个周期信号更新第一动态元素的画面。

例如，m＝4，第i个周期信号的信号周期等于1/120ms，第一动态元素的第一帧率等于30Hz。第一动态元素的一个第一周期的时间范围是从第1个周期信号的到达到第4个周期信号的到达，下一个第一周期的时间范围是从第4个周期信号到第7个周期信号，再下一个第一周期的时间范围是从第7个周期信号到第10个周期信号。第一动态元素的每个第一周期内只绘制一次第一动态元素的画面

需要说明的是，第i个周期信号的信号周期的倒数可以不是第一动态元素的第一帧率的整数倍，此时，电子设备不是等间隔的更新第一动态元素的画面。

在一些实施例中，第i个周期信号的信号周期的倒数大于第二动态元素的第二帧率的时候，i取一部分数值的时候，响应于第i个周期信号绘制第二动态元素的画面。i取另一部分数值的时候，响应于第i个周期信号不包括绘制第二动态元素的画面。

S912、当播放界面的界面元素包括第一动态元素和第二动态元素时，电子设备判断第i个绘制流程是否绘制了第一动态元素的画面。

电子设备判断第i个绘制流程是否绘制了第一动态元素的画面，相当于判断第一画面是否包括第一动态元素的画面。若第i个绘制流程未绘制第一动态元素的画面，表示第一画面不包括第一动态元素的画面，电子设备可以执行S913。若第i个绘制流程绘制了第一动态元素的画面，表示第一画面包括第一动态元素的画面，电子设备可以继续渲染画面和合成播放界面，执行S914。

S913、电子设备显示第一播放界面；其中，第一播放界面为根据响应于目标周期信号绘制的第一动态元素的画面和静态元素的画面得到的播放界面。

电子设备确定第i个绘制流程未绘制第一动态元素的画面，可以不渲染画面(包括第一画面)，显示第一播放界面。其中，电子设备不渲染画面，没有生成新的播放界面，则电子设备显示响应于第i个周期信号之前的目标周期信号得到的播放界面(即第一播放界面)。第一播放界面是第i-1个周期信号所显示的播放界面。

其中，目标周期信号是第i个周期信号之前的、与第i个周期信号时间间隔最短的、且绘制了第一动态元素的画面的周期信号。

在一些实施例中，电子设备除了显示第一播放界面，还可以不渲染画面。

电子设备响应于第i个周期信号执行第i个绘制流程之后，可以不渲染画面。可以理解的是，由于第i个绘制流程不包括绘制第一动态元素，表示电子设备执行第i个绘制流程的时候没有更新第一动态元素的画面，可能更新了第二动态元素的画面。而根据上述分析得到的“关注焦点通常在第一动态元素上”因此，电子设备响应于第i个周期信号，执行第i个绘制流程之后，可以不继续渲染画面。如此，可以避免渲染、合成和显示等多个环节所产生的功耗，降低了电子设备的功耗。

示例性地，如果第一动态元素的第一帧率等于30Hz，信号周期的倒数等于1/90ms，则电子设备响应于第1个周期信号执行第1个绘制流程，响应于第2个周期信号执行第2个绘制流程，第2个绘制流程未绘制第一动态元素的画面；响应于第3个周期信号执行第3个绘制流程，第3个绘制流程未绘制第一动态元素的画面；响应于第4个周期信号执行第4个绘制流程，第4个绘制流程绘制了第一动态元素的画面；响应于第5个周期信号执行第5个绘制流程等等，第5个绘制流程未绘制第一动态元素的画面。

进一步地，第二动态元素的第二帧率等于60Hz，则电子设备响应于第1个周期信号，显示根据响应于第1个周期信号绘制的所有界面元素的画面得到的播放界面；电子设备响应于第2个周期信号显示的第一播放界面是响应于第1个周期信号得到的播放界面；电子设备响应于第3个周期信号显示的第一播放界面是响应于第1个周期信号得到的播放界面；电子设备响应于第4个周期信号显示第二播放界面，该第二播放界面是响应于第4个周期信号绘制的画面和静态元素的画面生成的；电子设备响应于第5个周期信号显示的第一播放界面是响应于第4个周期信号得到的第二播放界面。

S914、电子设备显示第二播放界面；其中，第二播放界面为根据响应于第i个周期信号绘制的画面和静态元素的画面得到的播放界面。

电子设备确定第i个绘制流程绘制了第一动态元素的画面，可以渲染第i个绘制流程得到的播放界面的所有界面元素的画面，得到播放画面。电子设备再根据播放画面，合成播放界面i(可以称为第二播放界面)，并将第二播放界面存入缓存。电子设备的LCD驱动从该缓存中读取第二播放界面并显示。

可以理解的是，由于第i个绘制流程包括绘制第一动态元素的画面，表示电子设备执行第i个绘制流程的时候更新了第一动态元素的画面。而根据上述分析得到的“用户观看播放界面的过程中关注焦点通常在第一动态元素上”，因此，电子设备响应于第i个周期信号，执行第i个绘制流程之后，继续渲染画面，生成第二播放界面。第二播放界面包括第一动态元素的更新后的画面，显示第二播放界面，即显示了第一动态元素的更新后的画面。保证用户流畅地观看第一动态元素的播放。

示例性地，以至少一个第二动态元素的第二帧率都是第一动态元素的第一帧率的两倍，第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率为例，说明电子设备响应于第i个周期信号的具体过程。如图9C所示，该方法中的S902可以不包括S912，包括S921。

S921、当播放界面的界面元素包括第一动态元素和第二动态元素时，电子设备判断响应于第i-1个周期信号是否绘制了第一动态元素的画面。

第二动态元素的第二帧率都是第一动态元素的第一帧率的两倍，并且，第i个周期信号的信号周期的倒数等于第二动态元素的第二帧率的时候，表示电子设备响应于每个周期信号，都更新第二动态元素的画面；每间隔一个周期信号，更新第一动态元素的画面。如此，电子设备可以判断响应于第i-1个周期信号是否绘制了第一动态元素的画面。

然后，如果响应于第i-1个周期信号绘制了第一动态元素的画面，则电子设备响应于第i个周期信号不绘制第一动态元素的画面，执行S913，此时S913中的目标周期信号是第i-1个周期信号。如果响应于第i-1个周期信号未绘制第一动态元素的画面，则电子设备响应于第i个周期信号绘制第一动态元素的画面，执行S914。

在一些实施例中，电子设备可以先获取播放界面的每个界面元素的视觉属性；然后，根据视觉属性，确定播放界面的界面元素是否包括第一动态元素和第二动态元素。

具体地，每个界面元素的视觉元素可以包括界面元素的尺寸。电子设备根据界面元素的尺寸，计算每个界面元素的区域占比。视觉属性还可以包括界面元素在播放界面中的起点坐标；电子设备还可以根据界面元素的尺寸和界面元素在播放界面中的起点坐标，判断第二动态元素是否位于播放界面的边缘位置。视觉属性还可以包括界面元素所在区域的背景颜色。

示例性地，电子设备响应于第1个周期信号执行第1个绘制流程，除了得到播放界面的所有界面元素的画面，还可以得到所有界面元素的视觉属性。那么，电子设备可以在执行第1个绘制流程之后，根据所有界面元素的视觉属性，确定播放界面的界面元素是否包括第一动态元素和第二动态元素。进而，电子设备在确定播放界面的界面元素包括第一动态元素和第二动态元素的情况下，判断响应于第i个周期信号执行的第i个绘制流程是否绘制第一动态元素的流程。

示例性地，如图9D所示，本申请实施例提供的一种播放界面的显示方法，该方法还包括S931，S901可以包括S932，S902包括S911-S914。

S931、响应于第1个周期信号，电子设备执行第1绘制流程；其中，第1绘制流程包括：绘制播放界面的所有界面元素的画面。

S932、电子设备根据预设条件和执行第1个绘制流程得到的播放界面的每个界面元素的视觉属性，确定播放界面的界面元素是否包括第一动态元素和第二动态元素。

示例性地，以第一动态元素是视频1，第二动态元素都是小动画元素，视频1的帧率是30Hz，小动画元素的帧率是60Hz为例，说明电子设备显示播放界面的具体过程。如图10所示，电子设备中的UI框架响应于第1个周期信号，调用前台应用对应的UI线程1，执行第1个绘制流程。第1个绘制流程包括绘制播放界面的所有界面元素的画面，例如，绘制视频1的画面11和绘制小动画2的画面21。UI框架向GPU发送第1个绘制流程得到的播放界面中所有界面元素的画面。GPU调用渲染线程对播放界面中所有界面元素的画面进行渲染，得到播放画面。然后，硬件合成器(Hardware Composer，HWC)可以调用合成线程对播放画面进行合成，得到播放界面。

然后，电子设备中的UI框架响应于第2个周期信号，调用该UI线程，执行第2个绘制流程。然后，UI框架判断第2个绘制流程是否绘制了视频1的画面。如果第2个绘制流程没有绘制视频1的画面，表示第2个绘制流程绘制的第一界面不包括第一动态元素的界面，UI框架不向GPU发送所有界面元素的画面，也不渲染画面。

再然后，电子设备中的UI框架响应于第3个周期信号，调用该UI线程，执行第3个绘制流程。然后，UI框架判断第3个绘制流程是否绘制了视频1的画面。如果第3个绘制流程绘制了视频1的画面，表示第3个绘制流程绘制的第一界面包括第一动态元素的界面，UI框架向GPU发送所有界面元素的画面。

同理地，电子设备依次响应于第4个周期信号、第5个周期信号、第6个周期信号等等。其中，响应于第4个周期信号调用该UI线程不绘制第一动态元素的界面，响应于第5个周期信号调用该UI线程绘制第一动态元素的界面，响应于第6个周期信号调用该UI线程不绘制第一动态元素的界面。

可以看出，电子设备只有在响应于同一个周期信号，同时绘制小动画1的画面和视频1的画面的情况下，将响应于该周期信号得到的所有界面元素的画面(包括绘制的视频1的画面)进行渲染合成，得到播放界面并显示。也就是说，小动画1和视频1是同时更新的。这样的话，小动画1的帧率被降低，降低后的小动画1的帧率等于视频1的帧率。

需要说明的是，电子设备在执行第1个绘制流程后可以不执行图10中的“判断是否绘制视频1的画面”的步骤，而直接发送界面元素的画面。

在一些实施例中，电子设备响应于一个周期信号执行第i个绘制流程后，记录第i个绘制流程绘制的界面元素。然后，电子设备根据绘制的界面元素，可以确定第i个绘制流程是否绘制了第一动态元素的画面，也可以确定显示第一界面元素还是第二界面元素。

具体地，电子设备响应于第j个周期信号绘制的第一画面包括第一动态元素的画面，可以添加第一标识。该第一标识用于指示响应于第j个周期信号绘制了第一动态元素的画面和第二动态元素的画面。电子设备响应于第j个周期信号绘制的第一画面不包括第一动态元素的画面，可以添加第二标识。该第二标识用于指示响应于第j个周期信号绘制了第二动态元素的画面，未绘制第一动态元素。其中，j为整数，j依次在{1,2,3,4……}中取值。

其中，电子设备绘制不同类型的界面元素，需要使用不同类型的元素类。例如，绘制视频使用的视频元素类，绘制文字使用的文字元素类。安卓系统中使用的视频元素类可以包括TextureView类和SurfaceView类。因此，电子设备可以根据使用的元素类确定绘制的界面元素。

在一些实施例中，电子设备可以执行任一个绘制流程后，除了确定绘制的界面元素，还可以确定前台应用是否为目标应用。该目标应用可用于表征需要降低功耗的应用。然后，电子设备可以在前台应用为目标应用的情况下，根据绘制的界面元素，确定显示第一界面元素还是第二界面元素。电子设备可以在前台应用不是目标应用的情况下，依次执行渲染流程、合成线程，显示合成后的播放界面。

示例性地，以第一动态元素是视频，以及第二动态元素都是小动画元素为例，说明电子设备响应第i个周期信号的具体过程。如图11所示，电子设备响应于第i个周期信号，执行第i个绘制流程(如，第2个绘制流程或第3个绘制流程)。然后，电子设备判断前台应用是否为目标应用。若前台应用为目标应用，电子设备可以判断第i个绘制流程是否使用视频元素类(如，TextureView类)。若第i个绘制流程使用视频元素类，添加第一标识，还可以确定第i个绘制流程绘制了第一动态元素的画面。若第i个绘制流程没有使用视频元素类，添加第二标识，还可以确定第i个绘制流程没有绘制第一动态元素的画面。电子设备在生成第一标识或者前台应用不是目标应用的情况下，渲染第i个绘制流程生成的播放界面中所有界面元素的画面，生成播放画面；再基于播放画面，合成播放界面i。电子设备在生成第二标识的情况下，不渲染画面。

需要说明的是，上述“判断前台应用是否为目标应用”的步骤是可选地，电子设备可以不执行该步骤。

示例性地，继续以第一动态元素是视频1，第二动态元素都是小动画元素，视频1的帧率是30Hz，小动画元素的帧率是60Hz为例，说明电子设备显示播放界面的具体过程。如图12所示，电子设备中的UI框架响应于第1个周期信号，调用前台应用对应的UI线程执行第1个绘制流程。然后，UI框架根据第1个绘制流程是否使用视频元素类，判断是否添加第一标识。第1个绘制流程使用视频元素类，UI框架添加第一标识，再向GPU发送第1个绘制流程得到的播放界面中所有界面元素的画面。GPU调用渲染线程对播放界面中所有界面元素的画面进行渲染，得到播放画面。然后，硬件合成器(Hardware Composer，HWC)可以调用合成线程对播放画面进行合成，得到播放界面。

然后，电子设备中的UI框架响应于第2个周期信号，调用该UI线程执行第2个绘制流程。然后，UI框架根据第2个绘制流程是否使用视频元素类，判断是否添加第一标识。该第2个绘制流程没有使用视频元素类，UI框架添加第二标识，也不向GPU发送所有界面元素的画面(即不渲染画面)，还能确定第2个绘制流程未绘制第一动态元素的画面。

再然后，电子设备中的UI框架响应于第3个周期信号，调用该UI线程执行第3个绘制流程。然后，UI框架根据第3个绘制流程是否使用视频元素类，判断是否添加第一标识。第3个绘制流程使用视频元素类，UI框架添加第一标识，向GPU发送所有界面元素的画面，还能确定第3个绘制流程绘制了第一动态元素的画面。

同理地，电子设备中的UI框架依次响应于第4个周期信号、第5个周期信号、第6个周期信号等等。

需要说明的是，电子设备在执行第1个绘制流程后可以不执行图12中的“判断是否添加第一标识”的步骤，而直接发送界面元素的画面。

示例性地，电子设备前台运行某一个具有视频播放功能的应用，该应用的播放界面包括上述第一动态元素和上述第二动态元素。电子设备采用如图6所示的常规技术更新显示该应用的播放界面。采用常规技术更新显示播放界面的过程中，电子设备的电流变化曲线如图13所示中的曲线1所示。电子设备采用本申请实施例提供的播放界面的显示方法，更新显示该应用的播放界面的过程中电流变化如图13中的曲线2所示。

可以看出，曲线1的电流都高于曲线2的电流。曲线1的电流平均值等于0.44615安(A)，即446.15毫安(mA)。曲线2的电流平均值等于381.89mA。如此可知，采用本申请实施例提供的播放界面的显示方法更新显示该应用的播放界面的电流值，小于采用常规技术更新显示该应用的播放界面的电流。在电子设备的电压不变的情况下，采用本申请实施例提供的播放界面的显示方法消耗更新显示该应用的播放界面产生的功耗，也小于常规技术更新显示该应用的播放界面产生的功耗。

本申请实施例还提供一种电子设备，该电子设备可以包括：存储器和一个或多个处理器。存储器和处理器耦合。该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令。当处理器执行计算机指令时，电子设备可执行上述方法实施例中电子设备执行的各个功能或者步骤。该电子设备的结构可以参考图1所示的电子设备100的结构。

本申请实施例还提供一种芯片系统，如图14所示，该芯片系统包括至少一个处理器1301和至少一个接口电路1302。处理器1301和接口电路1302可通过线路互联。例如，接口电路1302可用于从其它装置(例如电子设备的存储器)接收信号。又例如，接口电路1302可用于向其它装置(例如处理器1301或者电子设备的显示屏)发送信号。示例性的，接口电路1302可读取存储器中存储的指令，并将该指令发送给处理器1301。当所述指令被处理器1301执行时，可使得电子设备执行上述实施例中的各个步骤。当然，该芯片系统还可以包含其他分立器件，本申请实施例对此不作具体限定。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质包括计算机指令，当所述计算机指令在上述电子设备上运行时，使得该电子设备执行上述方法实施例中电子设备执行的各个功能或者步骤。

本申请实施例还提供一种计算机程序产品，当所述计算机程序产品在电子设备上运行时，使得所述电子设备执行上述方法实施例中电子设备执行的各个功能或者步骤。

通过以上实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个装置，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是一个物理单元或多个物理单元，即可以位于一个地方，或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read only memory，ROM)、随机存取存储器(randomaccess memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上内容，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (13)

1.一种播放界面的显示方法，其特征在于，所述方法包括：

响应于用户操作，电子设备启动目标应用；

响应于第i-1个周期信号，所述电子设备绘制目标应用的第一播放界面的界面元素，所述第一播放界面的界面元素包括第一动态元素和第二动态元素，所述第一动态元素具有第一更新频率，所述第二动态元素具有第二更新频率，所述周期信号的周期是所述第二更新频率的倒数，其中所述i依次在{2,3,4……}中取值；

所述电子设备确定所述第二动态元素是否满足预设条件，所述预设条件包括：所述第二动态元素在所述播放界面中的区域占比小于百分之五，以及所述第二更新频率是所述第一更新频率的m倍，m为大于1的正整数；

所述电子设备显示所述第一播放界面；

当第二动态元素满足预设条件时，响应于第i个周期信号，所述电子设备绘制目标应用的第二播放界面的界面元素；

所述电子设备确定所述第二播放界面的界面元素是否包括所述第一动态元素；

当所述第二播放界面的界面元素包括所述第一动态元素时，所述电子设备显示所述第二播放界面；

当所述第二播放界面的界面元素不包括所述第一动态元素时，所述电子设备显示所述第一播放界面，并且，所述电子设备不显示所述第二播放界面。

2.根据权利要求1所述的方法，其特征在于，当所述第二动态元素不满足预设条件时；

所述电子设备响应于第i个周期信号，所述电子设备绘制目标应用的第二播放界面的界面元素；

所述电子设备显示所述第二播放界面。

3.根据权利要求1所述的方法，其特征在于，所述预设条件还包括：

所述第二动态元素所在区域的背景颜色为透明。

4.根据权利要求1所述的方法，其特征在于，所述预设条件还包括：所述第二动态元素位于所述第一播放界面的边缘位置。

5.根据权利要求1所述的方法，其特征在于，所述电子设备绘制目标应用的第二播放界面的界面元素，还包括：

所述电子设备绘制第一画面，所述第一画面包括第一动态元素和第二动态元素的画面；

所述电子设备复制第二画面；所述第二画面包括静态元素的画面；

所述电子设备显示所述第二播放界面，还包括：

所述电子设备显示所述第二播放界面，所述第二播放界面包括所述第一画面和所述第二画面。

6.根据权利要求1所述的方法，其特征在于，所述第二动态元素的第二更新频率是所述第一动态元素的第一更新频率的两倍。

7.根据权利要求2所述的方法，其特征在于，所述显示所述第一播放界面，并且不显示所述第二播放界面，还包括：

所述电子设备不渲染所述第一播放界面和所述第二播放界面；

所述电子设备显示所述第一播放界面，并且，不显示所述第二播放界面。

8.根据权利要求1所述的方法，其特征在于，在所述电子设备确定所述第二动态元素是否满足所述预设条件之前，所述方法还包括：

所述电子设备获取所述第一播放界面的每个界面元素的视觉属性；所述视觉属性包括所述第一播放界面的界面元素的尺寸；

根据所述第一播放界面的界面元素的尺寸，计算所述区域占比。

9.根据权利要求8所述的方法，其特征在于，所述预设条件还包括：所述第二动态元素位于所述第一播放界面的边缘位置；所述视觉属性还包括所述第一播放界面的界面元素在第一播放界面中的起点坐标；

在所述获取所述第一播放界面的每个界面元素的视觉属性之后，所述方法还包括：

根据所述第一播放界面的界面元素的尺寸和所述第一播放界面元素在所述第一播放界面中的起点坐标，判断所述第二动态元素是否位于所述第一播放界面的边缘位置。

10.根据权利要求1所述的方法，其特征在于，所述方法还包括：

若所述第一播放界面的界面元素包括所述第一动态元素，添加第一标识，

所述电子设备响应于第i个周期信号绘制的所述第二播放界面包括所述第一动态元素的画面，添加第一标识，第一标识用于指示响应于所述第i个周期信号绘制了所述第一动态元素的画面；

若所述电子设备响应于第i个周期信号绘制的所述第二播放界面不包括所述第一动态元素的画面，添加第二标识，所述第二标识用于指示响应于所述第i个周期信号未绘制所述第一动态元素的画面。

11.一种电子设备，其特征在于，所述电子设备包括存储器和一个或多个处理器；所述存储器和所述处理器耦合；所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令；

当所述处理器执行所述计算机指令时，所述电子设备执行如权利要求1-10中任一项所述的方法。

12.一种芯片系统，其特征在于，所述芯片系统应用于电子设备；所述芯片系统包括一个或多个接口电路和一个或多个处理器；所述接口电路和所述处理器通过线路互联；所述接口电路用于从所述电子设备的存储器接收信号，并向所述处理器发送所述信号，所述信号包括所述存储器中存储的计算机指令；

当所述处理器执行所述计算机指令时，所述电子设备执行如权利要求1-10中任一项所述的方法。

13.一种计算机可读存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-10中任一项所述的方法。

Images