WO2024131306A1 - 显示方法、装置、电子设备以及存储介质 - Google Patents

Abstract

本申请公开了一种显示方法、装置、电子设备以及存储介质，涉及电子设备技术领域。该方法应用于电子设备，该电子设备包括显示屏，该显示屏具有开孔，该方法包括：显示当前界面，响应于目标界面元素的移动事件，以开孔对应的显示屏上的区域作为目标界面元素的移动出口或者移动入口，使目标界面元素在当前界面中移动显示。本申请通过显示屏中的开孔配合界面元素的移出和移入，可以给显示屏中的开孔赋予新的用途，提升用户的使用体验。

Description

显示方法、装置、电子设备以及存储介质

相关申请的交叉引用

本申请要求于2022年12月22日提交的申请号为CN202211659031.9的中国申请的优先权，其在此出于所有目的通过引用将其全部内容并入本文。

技术领域

本申请涉及电子设备技术领域，更具体地，涉及一种显示方法、装置、电子设备以及存储介质。

背景技术

随着科学技术的发展，电子设备的使用越来越广泛，功能越来越多，已经成为人们日常生活中的必备之一。同时，用户对全面屏有追求，但是由于前置摄像头等感光器件的存在，使得显示屏不得不留出一个开孔区域用于支持这些器件功能的实现。

发明内容

鉴于上述问题，本申请提出了一种显示方法、装置、电子设备以及存储介质，以解决上述问题。

第一方面，本申请实施例提供了一种显示方法，应用于电子设备，所述电子设备包括显示屏，所述显示屏具有开孔，所述方法包括：显示当前界面；响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。

第二方面，本申请实施例提供了一种显示装置，应用于电子设备，所述电子设备包括显示屏，所述显示屏具有开孔，所述装置包括：当前界面显示模块，用于显示当前界面；界面元素移动模块，用于响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。

第三方面，本申请实施例提供了一种电子设备，包括显示屏、存储器和处理器，所述显示屏和所述存储器耦接到所述处理器，所述存储器存储指令，当所述指令由所述处理器执行时所述处理器执行上述方法。

第四方面，本申请实施例提供了一种计算机可读取存储介质，所述计算机可读取存储介质中存储有程序代码，所述程序代码可被处理器调用执行上述方法。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1示出了本申请实施例提供的电子设备的第一种结构示意图；

图2示出了本申请实施例提供的电子设备的第二种结构示意图；

图3示出了本申请实施例提供的电子设备的第三种结构示意图；

图4示出了本申请实施例提供的电子设备的第四种结构示意图；

图5示出了本申请实施例提供的电子设备的第五种结构示意图；

图6示出了本申请一实施例提供的显示方法的流程示意图；

图7示出了本申请实施例提供的目标界面元素的第一种移动显示示意图；

图8示出了本申请实施例提供的目标界面元素的第二种移动显示示意图；

图9示出了本申请实施例提供的目标界面元素的第三种移动显示示意图；

图10示出了本申请实施例提供的目标界面元素在当前界面显示的示意图；

图11示出了本申请一实施例提供的显示方法的流程示意图；

图12示出了本申请的图11所示的显示方法的步骤S230的流程示意图；

图13示出了本申请一实施例提供的显示方法的流程示意图；

图14示出了本申请实施例提供的电子设备的第一种界面示意图；

图15示出了本申请实施例提供的电子设备的第二种界面示意图；

图16示出了本申请一实施例提供的显示方法的流程示意图；

图17示出了本申请实施例提供的显示方法的逻辑示意图；

图18示出了本申请一实施例提供的显示装置的模块框图；

图19示出了本申请实施例用于执行根据本申请实施例的显示方法的电子设备的框图；

图20示出了本申请实施例的用于保存或者携带实现根据本申请实施例的显示方法的程序代码的存储单元。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

显示屏通常在手机、平板电脑等电子设备中所起到的作用为显示文本、图片、图标或者视频等内容。通常电子设备包括前面板、后盖以及边框。前面板包括上额区、中部屏幕区和下部按键区。通常，上额区设置有听筒出音孔以及前置摄像头等感光器件，中部屏幕区设置有显示屏，下部按键区设置有一到三个物理按键。而随着技术的发展，下部按键区被逐渐取消，原本设置在下部按键区的物理按键由显示屏中的虚拟按键替代。

而上额区所设置的听筒出音孔以及前置摄像头等感光器件对于手机的功能支持较为重要，不易轻易的取消，所以将显示屏的可显示区域拓展到覆盖上额区具有较大的难度。在经过一系列研究后，发明人发现可以在显示屏设置开孔，将上额区设置的感光器件设置到开孔内的方式来实现将原本的上额区扩展为显示屏的可显示区域，以增大可显示区域的面积，其中，可以理解的，可显示区域为能够点亮并显示的区域。

示例性的，该开孔可以设置在显示屏的一个或多个边缘上，也可以设置在显示屏的非边缘区域上，该孔的形状可以是半圆形、直角矩形、圆角矩形、圆形、规则多边形或不规则多变形等。示意性的，请参阅图1，该开孔140可以是在显示屏130的非边缘区域位置设置圆形缺口，所述圆形缺口形成的孔所空出的位置用于容纳投影组件、摄像头、接近光传感器、听筒、距离传感器、环境光亮度传感器、温度传感器、压力传感器中的至少一种前面板部件作为感光器件。或者，上述感光器件可以设置在显示屏的下方，位置与开孔140对应；例如，前置摄像头设置在显示屏的下方，在显示屏的厚度方向上与开孔140对应设置，如此环境光可以通过该开孔进入前置摄像头中，以支持前置摄像头感光成像。请参阅图2，该开孔140可以是在显示屏130的一个边缘位置设置半圆形缺口，所述半圆形缺口形成的孔所空出的位置用于容纳投影组件、摄像头、接近光传感器、听筒、距离传感器、环境光亮度传感器、温度传感器、压力传感器中的至少一种前面板部件作为感光器件。或者，上述感光器件可以设置在显示屏的下方，位置与开孔140对应；例如，前置摄像头设置在显示屏的下方，在显示屏的厚度方向上与开孔140对应设置，如此环境光可以通过该开孔进入前置摄像头中，以支持前置摄像头感光成像。请参阅图3，该开孔140可以是在显示屏130的非边缘区域位置设置半圆形缺口，所述半圆形缺口形成的孔所空出的位置用于容纳投影组件、摄像头、接近光传感器、听筒、距离传感器、环境光亮度传感器、温度传感器、压力传感器中的至少一种前面板部件作为感光器件。或者，上述感光器件可以设置在显示屏的下方，位置与开孔140对应；例如，前置摄像头设置在显示屏的下方，在显示屏的厚度方向上与开孔140对应设置，如此环境光可以通过该开孔进入前置摄像头中，以支持前置摄像头感光成像。

其中，该开孔除了可以开设于显示屏的中间区域之外，还可以开设于显示屏的边缘区域，示例性的，请参阅图4，该开孔140可以是在显示屏130的左侧边缘区域位置设置圆形缺口，所述圆形缺口形成的孔所空出的位置用于容纳投影组件、摄像头、接近光传感器、听筒、距离传感器、环境光亮度传感器、温度传感器、压力传感器中的至少一种前面板部件作为功感光器件。或者，上述感光器件可以设置在显示屏的下方，位置与开孔140对应；例如，前置摄像头设置在显示屏的下方，在显示屏的厚度方向上与开孔140对应设置，如此环境光可以通过该开孔进入前置摄像头中，以支持前置摄像头感光成像。请参阅图5，该开孔140可以是在显示屏130的右侧边缘区域位置设置圆形缺口，所述圆形缺口形成的孔所空出的位置用于容纳投影组件、摄像头、接近光传感器、听筒、距离传感器、环境光亮度传感器、温度传感器、压力传感器中的至少一种前面板部件作为感光器件。或者，上述感光器件可以设置在显示屏的下方，位置与开孔140对应；例如，前置摄像头设置在显示屏的下方，在显示屏的厚度方向上与开孔140对应设置，如此环境光可以通过该开孔进入前置摄像头中，以支持前置摄像头感光成像。

但是，发明人经过研究发现，针对上述结构的电子设备，由于前置摄像头等感光器件的存在，使得显示屏不得不留出一个开孔区域用于支持这些器件功能的实现，造成显示面积的占用，影响显示效果，带来不好的用户体。因此，针对上述问题，发明人提出了本申请实施例提供的显示方法、装置、电子设备以及存储介质，通过显示屏中的开孔配合界面元素的移出和移入，可以给显示屏中的开孔赋予新的用途，提升用户对于电子设备的使用体验。其中，具体的显示方法在后续的实施例中进行详细的说明。

请参阅图6，图6示出了本申请一实施例提供的显示方法的流程示意图。该显示方法用于通过显示屏中的开孔配合界面元素的移出和移入，可以给显示屏中的开孔赋予新的用途，提升用户的使用体验。在具体的实施例中，该显示方法应用于如图18所示的显示装置200以及配置有显示装置200的电子设备100(图19)。下面将以电子设备为例，说明本实施例的具体流程，当然，可以理解的， 本实施例所应用的电子设备可以包括智能手机、平板电脑、穿戴式电子设备等，在此不做限定。下面将针对图6所示的流程进行详细的阐述，在本实施例中，该电子设备包括显示屏，该显示屏具有开孔，所述显示方法具体可以包括以下步骤：

步骤S110：显示当前界面。

在本实施例中，电子设备可以显示当前界面。

在一些实施方式中，电子设备可以响应于界面显示指令显示当前界面。可选地，电子设备可以在接收到目标语音信息时，确定接收到界面显示指令并显示当前界面；可以在检测到作用于电子设备的目标实体按键的触控操作时，确定接收到界面显示指令并显示当前界面；可以在检测到作用于电子设备的目标虚拟按键的触控操作时，确定接收到界面显示指令并显示当前界面；可以在检测到作用于电子设备的目标晃动操作(如抬起操作)时，确定接收到界面显示指令并显示当前界面；可以在检测到作用于电子设备的显示屏的目标滑动操作时，确定接收到界面显示指令并显示当前界面；可以在检测到电子设备所处的环境满足预设环境条件(如当前时间达到预设时间、当前地点位于预设地点、当前温度达到预设温度等)时，确定接收到界面显示指令并显示当前界面等；以及其他此处未能一一穷举的界面显示指令，在此不做限定。

在一些实施方式中，电子设备所显示的当前界面可以包括***桌面、负一屏界面、锁屏界面、聊天界面、视频播放界面、浏览器界面、相册界面等，在此不做限定。

步骤S120：响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。

在本实施例中，界面元素可以为可在界面中显示的元素，例如，界面元素可以为可在界面中显示的图像、可以为可在界面中显示的图像中部分元素、可在界面中显示的文本、可在界面中显示的字符、可在界面中显示的视频、可在界面中显示的数字等，在此不做限定。可选的，当界面元素为可在界面中显示的图像中的部分元素时，则该界面元素可以包括飞机图像、车辆图像、动物图像、景点图像等，在此不做限定。当界面元素为可在界面中显示的视频中的部分元素时，则若该视频为包含飞机飞行的视频时，则界面元素为视频中的飞机，若该视频为包含车辆行驶的视频时，则界面元素为视频中的车辆，若该视频为包含动物奔跑的视频时，则界面元素为视频中的动物等，在此不做限定。

在本实施例中，在显示当前界面的过程中，可以监测是否触发目标界面元素的移动事件。其中，若监测到触发目标界面元素的移动事件，则可以以该开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，使目标界面元素在当前界面中移动显示。其中，若未监测到触发目标界面元素的移动事件，则可以保持监测是否触发目标界面元素的移动事件。

在一些实施方式中，使目标界面元素在当前界面中移动显示可以包括：使目标界面元素从开孔对应的显示屏上的区域中移出(如靠近开孔区域出现)后在当前界面中始终移动显示；使目标界面元素在当前界面中移动直到移动至开孔对应的显示屏上的区域中(如靠近开孔区域消失)；使目标界面元素从开孔对应的显示屏上的区域中移出后移动到当前界面的目标显示位置静态显示，其中，该目标显示位置可以为当前界面中的任意位置；或者，使目标界面元素从当前界面的目标显示位置移动至开孔对应的显示屏上的区域中。

作为一种方式，以开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，使目标界面元素在当前界面中移动显示可以包括：以开孔对应的显示屏上的区域作为目标界面元素的移动出口，使目标界面元素在当前界面中移动显示。可选的，以开孔对应的显示屏上的区域作为目标界面元素的移动出口，使目标界面元素从开孔对应的显示屏上的区域中移出，并在移出后以第一预设移动轨迹移动到当前界面的目标显示位置进行显示。例如，假设目标界面元素为“飞机图像”，则可以以开孔对应的显示屏上的区域作为“飞机图像”的移动出口，使“飞机图像”从开孔对应的显示屏上的区域中移出，并在移出后以第一预设移动轨迹移动到当前界面的目标显示位置进行显示。

作为又一种方式，以开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，使目标界面元素在当前界面中移动显示可以包括：以开孔对应的显示屏上的区域作为目标界面元素的移动入口，使目标界面元素在当前界面中移动显示。可选的，以开孔对应的显示屏上的区域作为目标界面元素的移动入口，使目标界面元素从当前界面的目标显示位置以第二预设移动轨迹向开孔对应的显示屏上的区域移动，并在移动到开孔对应的显示屏上的区域时消失。例如，假设目标界面元素为“飞机图像”，则可以以开孔对应的显示屏上的区域作为“飞机图像”的移动入口，使“飞机图像”从当前界面的目标显示位置以第二预设移动轨迹向开孔对应的显示屏上的区域移动，并在移动到开孔对应的显示屏上的区域位置时消失。

作为再一种方式，以所述开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，使目标界面元素在当前界面中移动显示可以包括：以开孔对应的显示屏上的区域作为目标界面元素 的移动入口以及移动出口，使目标界面元素在当前界面中移动显示。可选的，以开孔对应的显示屏上的区域作为目标界面元素的移动出口和移动入口，使目标界面元素从开孔对应的显示屏上的区域中移出，并在移出后以第一预设移动轨迹移动到当前界面的目标显示位置，然后，使目标界面元素从当前界面的目标显示位置以第二预设移动轨迹向开孔对应的显示屏上的区域移动，并在移动到开孔对应的显示屏上的区域时消失。例如，假设目标界面元素为“飞机图像”，则可以以开孔对应的显示屏上的区域作为“飞机图像”的移动出口和移动入口，使“飞机图像”从开孔对应的显示屏上的区域中移出，并在移出后以第一预设移动轨迹移动到当前界面的目标显示位置，然后，控制“飞机图像”从当前界面的目标显示位置以第二预设移动轨迹向开孔对应的显示屏上的区域移动，并在移动到开孔对应的显示屏上的区域时消失。

请参阅图7，图7示出了本申请实施例提供的目标界面元素的第一种移动显示示意图。如图7所示，该电子设备的开孔A1位于显示屏的顶部中间区域，目标界面元素B可以从开孔A1对应的显示屏上的区域移出，并在当前界面中移动至目标显示位置C处静态显示，或者，目标界面元素可以从目标显示位置C除移动至开孔A1对应的显示屏上的区域中。

请参阅图8，图8示出了本申请实施例提供的目标界面元素的第二种移动显示示意图。如图8所示，该电子设备的开孔A2位于显示屏的顶部左边区域，目标界面元素B可以从开孔A2对应的显示屏上的区域移出，并在当前界面中移动至目标显示位置C处静态显示，或者，目标界面元素可以从目标显示位置C除移动至开孔A2对应的显示屏上的区域中。

请参阅图9，图9示出了本申请实施例提供的目标界面元素的第二种移动显示示意图。如图9所示，该电子设备的开孔A3位于显示屏的顶部右边区域，目标界面元素B可以从开孔A3对应的显示屏上的区域移出，并在当前界面中移动至目标显示位置C处静态显示，或者，目标界面元素可以从目标显示位置C除移动至开孔A3对应的显示屏上的区域中。

请参阅图10，图10示出了本申请实施例提供的目标界面元素在当前界面显示的示意图。如图10所示，当前界面中可以显示有航班卡片D(该航班卡片可以显示在目标显示位置)上，航班卡片上显示有飞机(目标界面元素B)。

在一些实施方式中，在显示当前界面的过程中，可以监测是否触发目标界面元素的移动事件。其中，若监测到触发目标界面元素的移动事件，则可以响应于目标界面元素的移动事件，在开孔的预设周边区域显示预设动画。其中，该预设动画可以包括粒子、光晕等，在此不做限定。可选的，在目标界面元素以开孔对应的显示屏上的区域作为移出出口时和以开孔对应的显示屏上的区域作为移入入口时，在开孔的预设周边区域显示的预设动画可以相同，也可以不相同，在此不做限定。

本申请一实施例提供的显示方法，显示当前界面，响应于目标界面元素的移动事件，以电子设备的显示屏的开孔对应的显示屏上的区域作为目标界面元素的移动出口或者移动入口，使目标界面元素在当前界面中移动显示，从而通过显示屏中的开孔配合界面元素的移出和移入，可以给显示屏中的开孔赋予新的用途，提升用户的使用体验。

请参阅图11，图11示出了本申请一实施例提供的显示方法的流程示意图。该方法应用于上述电子设备，该电子设备包括显示屏，该显示屏具有开孔。下面将针对图11所示的流程进行详细的阐述，所述显示方法具体可以包括以下步骤：

步骤S210：显示当前界面。

其中，步骤S210的具体描述请参阅步骤S110，在此不再赘述。

步骤S220：响应于所述目标界面元素的移动事件。

步骤S230：以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，基于所述目标界面元素的元素类型控制所述目标界面元素在所述当前界面中移动显示，所述元素类型包括静态类型或者动态类型。

在本实施例中，在显示当前界面的过程中，可以监测是否触发目标界面元素的移动事件，其中，若监测到触发目标界面元素的移动事件，则可以获取该目标界面元素的元素类型。可选的，该目标界面元素的元素类型可以包括静态类型或者动态类型。

作为一种方式，若目标界面元素的元素类型为静态类型，则该目标界面元素可以包括图像、文本、字符等，且该目标界面元素的格式可以为2D格式、3D格式等，在此不做限定。可选的，若该目标界面元素的格式为2D格式，则该目标界面元素的格式可以为JPG格式、可以为FNG格式等，若该目标界面元素的格式为3D格式，则该目标界面元素的格式可以为OBJ格式、可以为GLTF格式等，在此不做限定。

作为又一种方式，若目标界面元素的元素类型为动态类型，则该目标界面元素可以包括在视频中，且该目标界面元素的格式可以为MP4格式、WMV格式、RMVB格式、MOV格式等，在此不做限定。

在一些实施方式中，在确定目标界面元素的情况下，则可以获取该目标界面元素的格式，以及基于该 目标界面元素的格式，获取该目标界面元素的元素类型。可选的，若确定该目标界面元素的格式为JPG格式，则可以确定该目标界面元素的元素类型为静态类型；若确定该目标界面元素的格式为MP4格式，则可以确定该目标界面元素的元素类型为动态类型。

在一些实施方式中，在确定目标界面元素的情况下，则可以获取该目标界面元素的标识，以及基于该目标界面元素的标识，获取该目标界面元素的元素类型。可选的，电子设备可以预先设置有第一标识、第二标识以及界面元素与第一标识和第二标识之间的关系，其中，该第一标识用于表征静态类型，该第二标识用于表征动态类型，基于此，在确定目标界面元素的情况下，可以检测该目标界面元素所对应的标识，若确定该目标界面元素对应的标识为第一标识，则可以确定该目标界面元素的元素类型为静态类型；若确定该目标界面元素对应的标识为第二标识，则可以确定该目标界面元素的元素类型为动态类型。

在本实施例中，在获得目标界面元素的元素类型的情况下，则可以以该开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，基于该元素类型控制该目标界面元素在该当前界面中移动显示。

在一些实施方式中，电子设备可以预先设置有第一移动显示方式和第二移动显示方式，且第一移动显示方式与第二移动显示方式不同，其中，静态类型与第一移动显示方式建立有对应关系，动态类型与第二移动显示方式建立有对应关系。基于此，在获得目标界面元素的元素类型的情况下，若确定该目标界面元素的元素类型为静态类型，则可以以该开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，基于该第一移动显示方式控制该目标界面元素在该当前界面中移动显示；若确定该目标界面元素的元素类型为动态类型，则可以以该开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，基于该第二移动显示方式控制该目标界面元素在该当前界面中移动显示。

请参阅图12，图12示出了本申请的图11所示的显示方法的步骤S230的流程示意图。下面将针对图12所示的流程进行详细的阐述，所述方法具体可以包括以下步骤：

步骤S231：若所述目标界面元素的元素类型为所述静态类型，则使所述目标界面元素以预设目标移动轨迹和所述预设目标动效在所述当前界面中移动显示。

在一些实施方式中，若确定该元素类型为静态类型，则可以在目标界面元素中加载预设目标移动轨迹和预设目标动效，以使得该目标界面元素以该预设目标移动轨迹和预设目标动效在该当前界面中移动显示。

作为一种可实施的方式，电子设备可以预先设置并存储有预设目标移动轨迹和预设目标动效，其中，该预设目标移动轨迹和预设目标动效可以用于作为静态类型的界面元素在当前界面的移动辅助。因此，在确定目标界面元素的元素类型为静态类型的情况下，则可以将预先设置的预设目标移动轨迹和预设目标动效加载在目标界面元素中，从而可以使得目标界面元素以该预设目标移动轨迹和预设目标动效在当前界面移动显示。

可以理解的，由于电子设备可以预先设置并存储有预设目标移动轨迹和预设目标动效，因此，界面元素的提供者/开发者可以只提供或设计界面元素，即，该预设目标移动轨迹和预设目标动效可以直接供界面元素的提供者/开发者使用，可以提升界面素材的制作效率以及降低界面素材的制作成本。

在一些实施方式中，预设目标移动轨迹可以包括目标曲线轨迹、目标折线轨迹、目标直线轨迹、目标S线轨迹等，在此不做限定。

在一些实施方式中，预设目标动效可以包括预设缩放比例，在目标界面元素中加载预设目标移动轨迹和预设目标动效，以使目标界面元素以预设目标移动轨迹和预设目标动效在当前界面中移动显示可以包括：使目标界面元素在当前界面中以预设目标移动轨迹和预设缩放比例移动显示。可选的，预设缩放比例可以包括预设放大比例或者预设缩小比例，且该预设缩放比例可以保持固定，或者，也可以动态改变等，在此不做限定。其中，基于该预设缩放比例的加载，该目标界面元素在当前界面移动显示时，在不同的位置可以对应不同的显示大小，或者，在不同的位置也可以对应相同的显示大小，在此不做限定。

作为一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动出口移出，则可以使该目标界面元素在当前界面以该预设目标移动轨迹和预设放大比例逐渐放大的形式移动显示。也就是说，目标界面元素在从开孔对应的显示屏上的区域移出并以预设目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的显示大小逐渐增大，即，该目标界面元素的显示大小在从开孔对应的显示屏上的区域中移出时最小，在移动到目标显示位置(终点位置)时最大。

作为又一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动出口移出，则可以使该目标界面元素在当前界面的预设目标移动轨迹上以预设放大比例逐渐放大到第一预设大小后，保持以该第一预设大小在预设目标移动轨迹上移动显示。也就是说，目标界面元素在从开孔对应的显示屏上的区域移出并以预设目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的显示大小会逐渐增大至第一预设大小，之后，便保持该第一预设大小继续在该预设目标移动轨迹上移动显示直到移动到目标显示位置(终点位置)。

作为再一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动入口移入，则可以使目标界面元素在当前界面中以预设目标移动轨迹和预设缩小比例逐渐缩小的形式移动显示。也就是说，目标界 面元素在以目标移动轨迹从目标显示位置(起点)移动到开孔对应的显示屏上的区域中的过程中，该目标界面元素对应的显示大小逐渐减小，即，该目标界面元素的显示大小在目标显示位置时最大，在移动到开孔对应的显示屏上的区域内时最小。

作为另一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动入口移入，则可以使该目标界面元素在当前界面的预设目标移动轨迹上以预设缩小比例逐渐缩小到第二预设大小后，保持以该第二预设大小在预设目标移动轨迹上移动显示。也就是说，目标界面元素在从目标显示位置(起点位置)以预设目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的显示大小会逐渐减小至第二预设大小，之后，便保持该第二预设大小继续在该目标移动轨迹上移动显示直到移动到开孔对应的显示屏上的区域中。

在一些实施方式中，目标动效可以包括预设透明度，在目标界面元素中加载预设目标移动轨迹和目标动效，以使目标界面元素以预设目标移动轨迹和预设目标动效在当前界面中移动显示可以包括：使目标界面元素在当前界面中以预设目标移动轨迹和预设透明度移动显示。可以理解的是，通过设置目标界面元素以预设透明度在当前界面移动显示，可以使得目标界面元素在移动的过程中，降低处于其下层的其他界面信息的遮挡，提升界面的显示效果。可选的，在目标界面元素移动显示的过程中，该预设透明度可以保持固定，或者，也可以动态改变等，在此不做限定。其中，基于该预设透明度的加载，该目标界面元素在当前界面移动显示时，在不同的位置可以对应不同的显示透明度，或者，在不同的位置也可以对应相同的透明度，在此不做限定。

作为一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动出口移出，则可以使该目标界面元素在当前界面以该预设目标移动轨迹和预设透明度移动显示。也就是说，目标界面元素在从开孔对应的显示屏上的区域移出并以目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的透明度可以保持不变，即，该目标界面元素的透明度从开孔对应的显示屏上的区域中移出至移动到目标显示位置(终点位置)时均保持不变。

作为又一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动出口移出，则可以控制该目标界面元素在当前界面以预设目标移动轨迹和预设透明度逐渐减小的形式移动显示。也就是说，目标界面元素在从开孔对应的显示屏上的区域移出并以预设目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的透明度逐渐减小，即，该目标界面元素的透明度在开孔对应的显示屏上的区域中移出时最大，在移动到目标显示位置(终点位置)时最小。

作为再一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动入口移入，则可以控制该目标界面元素在当前界面以该预设目标移动轨迹和预设透明度移动显示。也就是说，目标界面元素在从目标显示位置(起点位置)以预设目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的透明度可以保持不变，即，该目标界面元素的透明度从目标显示位置(起点位置)移动到开孔对应的显示屏上的区域中的过程中均保持不变。

作为另一种方式，若目标界面元素以该开孔对应的显示屏上的区域作为移动入口移入，则可以控制该目标界面元素在当前界面以预设目标移动轨迹和预设透明度逐渐增大的形式移动显示。也就是说，目标界面元素在从目标显示位置(起点位置)开始移动并以预设目标移动轨迹在当前界面移动显示的过程中，该目标界面元素对应的透明度逐渐增大，即，该目标界面元素的透明度子目标显示位置时最大，在移动到开孔对应的显示屏上的区域中时最小。

步骤S232：若所述元素类型为所述动态类型，则播放包含所述目标界面元素的视频，以使所述目标界面元素在所述当前界面中移动显示。

在一些实施方式中，若确定该元素类型为动态类型，则可以直接在当前界面播放包含该目标界面元素的视频，以使得该目标界面元素在该当前界面中移动显示。可以理解的是，在目标界面元素的元素类型为动态类型时，表征该目标界面元素的提供者/开发者在设计该目标界面元素时，已经设计确定该目标界面元素对应的动效和移动轨迹，因此，电子设备可以通过直接播放包含该目标界面元素的视频的方式，便可以实现目标界面元素在当前界面中移动显示。

作为一种可实施的方式，目标界面元素的元素类型为动态类型且该目标界面元素的数量为一个(即提供者/开发者仅提供一个目标界面元素)时，若目标界面元素以开孔对应的显示屏上的区域作为移动出口移出，则可以以正序的方式播放包含该目标界面元素的视频；若目标界面元素以开孔作对应的显示屏上的区域为移动入口移入，则以倒序的方式播放包含该目标界面元素的视频。

作为又一种可实施的方式，目标界面元素的元素类型为动态类型且该目标界面元素的数量为两个，即包含第一目标界面元素的视频和包含第二目标界面元素的视频，其中，包含第二目标界面元素的视频为包含第一目标界面元素的视频的倒序(即提供者/开发者提供第一目标界面元素和第二目标界面元素)时，若目标界面元素以开孔对应的显示屏上的区域作为移动出口移出，则可以播放包含第一目标界面元素的视频，若目标界面元素以开孔对应的显示屏上的区域作为移动入口移入，则可以播放包含第二目标界面元素的视 频。

本申请一实施例提供的显示方法，显示当前界面，响应于目标界面元素的移动事件，以开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，基于该目标界面元素的元素类型控制目标界面元素在当前界面中移动显示，其中，该元素类型可以包括静态类型或者动态类型。相较于图6所示的显示方法，本实施例还根据目标界面元素的元素类型控制目标界面元素在当前界面中移动显示，从而可以实现不同元素类型的适配，提升适配的多样性。

请参阅图13，图13示出了本申请一实施例提供的显示方法的流程示意图。该方法应用于上述电子设备，该电子设备包括显示屏，该显示屏具有开孔。下面将针对图13所示的流程进行详细的阐述，所述显示方法具体可以包括以下步骤：

步骤S310：显示当前界面。

其中，步骤S310的具体描述请参阅步骤S110，在此不再赘述。

步骤S320：若所述目标界面元素对应的目标通知消息在所述当前界面中出现，则确定触发所述目标界面元素的示出事件。

其中，通知消息(如卡片)是指应用程序中的内容载体，如天气通知消息、航班通知消息等。于本实施例中，目标界面元素在当前界面中的载体为目标通知消息，例如，若该目标界面元素为飞机，则该目标通知消息可以为航班通知消息；该目标界面元素为太阳，则该目标通知消息可以为天气通知消息等，在此不做限定。

在本实施例中，在显示当前界面的过程中，可以检测该目标界面元素对应的目标通知消息是否在当前界面中出现，其中，若检测到目标界面元素对应的目标通知消息在当前界面中出现，则可以确定触发目标界面元素的示出事件，若未检测到目标界面元素对应的目标通知消息在当前界面中出现，则可以确定未触发目标界面元素的示出事件。

步骤S330：响应于所述目标界面元素的示出事件，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中。

在本实施例中，在确定触发目标界面元素的示出事件的情况下，则可以响应于该目标界面元素的示出事件，使该目标界面元素从开孔对应的显示屏上的区域中移出至当前界面中。可选的，使目标界面元素从开孔对应的显示屏上的区域中移出，并使目标界面元素以目标移动轨迹移动至当前界面的目标显示位置静态显示。

例如，若电子设备在显示当前界面的过程中，接收到航班信息提醒，则可以在当前界面出现航班通知消息，即确定触发飞机的示出事件，则可以使飞机从孔对应的显示屏上的区域中飞出至航班通知消息中。

请参阅图14和图15，图14示出了本申请实施例提供的电子设备的第一种界面示意图，图15示出了本申请实施例提供的电子设备的第二种界面示意图。如图14所示，电子设备的当前界面可以刚出现航班通知消息D(目标通知消息)时，该航班通知消息D上还未显示有飞机B(目标界面元素)，此时，可以控制飞机B从开孔对应的显示屏上的区域中移出，并最终移动至航班通知消息D中显示，如图15所示。

在一些实施方式中，可以基于当前界面对应的应用类型，使目标界面元素从开孔对应的显示屏上的区域中移出至当前界面中，其中，该应用类型包括***应用或者非***应用。

可以理解的，电子设备所显示的界面一般都是由具体的应用程序来生成的，而在不同的场景中，生成界面的应用程序不同。例如，桌面、负一屏的界面、锁屏界面由***应用生成，而文本类的界面通常由文本类应用(非***应用)生成，视频类的界面通常由视频类的应用(非***应用)生成。

在一些实施方式中，可以获取当前界面对应的应用类型。即，可以获取当前界面对应的应用类型为***应用还是为非***应用。例如，若当前界面为桌面，则可以确定当前界面对应的应用类型为***应用；若当前界面为文本类的界面，则可以确定当前界面对应的应用类型为非***应用。

在一些实施方式中，电子设备可以预先设置有第三移动显示方式和第四移动显示方法，且第三移动显示方式和第四移动显示方式不同，其中，***应用与第三移动显示方式建立有对应关系，非***应用与第四移动显示方式建立有对应关系。基于此，在获得当前界面对应的应用类型的情况下，若确定该当前界面的应用类型为***应用，则可以基于第三移动显示方式控制目标界面元素从开孔对应的显示屏上的区域中移出至当前界面中；若确定该当前界面的应用类型为非***应用，则可以基于第四移动显示方式控制目标界面元素从开孔对应的显示屏上的区域中移出至当前界面中。

在一些实施方式中，若确定该应用类型为***应用，表征该当前界面中一般有与该目标界面元素适配的目标通知消息，则可以使目标界面元素从该开孔对应的显示屏上的区域中移出至当前界面中的目标通知消息中。例如，若该当前界面为桌面、负一屏界面或者锁屏界面时，则可以使该目标界面元素从开孔对应的显示屏上的区域中移出至当前界面中的目标通知消息中。

作为一种可实施的方式，若确定该应用类型为***应用，则可以使目标界面元素从开孔对应的显示屏上的区域中移出，并以目标移动轨迹移动至当前界面中的目标通知消息中。

在一些实施方式中，若确定该应用类型为非***应用，表征该当前界面中一般没有与该目标界面元素适配的目标通知消息(即，确定该当前界面中没有目标通知消息，或者，其存在的目标通知消息与目标界面元素不适配)，则可以在当前界面创建与该目标界面元素适配的顶层窗口，并使目标界面元素从该开孔对应的显示屏上的区域中移出至顶层窗口中。例如，若该当前界面为视频类界面、聊天类界面时，则可以在当前界面创建顶层窗口，并使该目标界面元素从开孔对应的显示屏上的区域中移出至顶层窗口中。

作为一种可实施的方式，若确定该应用类型为非***应用，则可以在当前界面创建顶层窗口，并使该目标界面元素从开孔对应的显示屏上的区域中移出，以目标移动轨迹移动至顶层窗口中。

步骤S340：若所述目标界面元素对应的目标通知消息在所述当前界面中消失，则确定触发所述目标界面元素的隐入事件。

在本实施例中，在显示当前界面并在当前界面显示目标界面元素对应的目标通知消息的过程中，可以检测该目标界面元素对应的目标通知消息是否在当前界面中消失，其中，若检测到目标界面元素对应的目标通知消息在当前界面中消失，则可以确定触发目标界面元素的隐入事件，若未检测到目标界面元素对应的目标通知消息在当前界面中消失，则可以确定未触发目标界面元素的隐入事件。

在一些实施方式中，若电子设备在显示当前界面并在当前界面显示目标界面元素对应的目标通知消息的过程中，检测到针对该目标通知消息的删除操作或者打开操作等时，则可以确定触发目标界面元素的隐入事件

步骤S350：响应于所述目标界面元素的隐入事件，控制所述目标界面元素从所述当前界面中移入所述开孔对应的显示屏上的区域中。

在本实施例中，在确定触发目标界面元素的隐入事件的情况下，则可以响应于该目标界面元素的隐入事件，控制该目标界面元素从当前界面中移入开孔对应的显示屏上的区域中。可选的，控制目标界面元素从当前界面中的目标显示位置以目标移动轨迹移动至开孔对应的显示屏上的区域中。

例如，当前界面显示有航班通知消息，且航班卡片上显示有飞机，若检测到针对该航班通知消息的删除操作或者打开操作，则可以确定触发飞机的隐入事件，则可以控制飞机从航班通知消息飞回开孔对应的显示屏上的区域中。

本申请一实施例提供的显示方法，显示当前界面，目标界面元素对应的目标通知消息在当前界面中出现，则确定触发目标界面元素的示出事件，响应于目标界面元素的示出事件，使目标界面元素从开孔对应的显示屏上的区域中移出至当前界面中，若目标界面元素对应的目标通知消息在当前界面中消失，则确定触发目标界面元素的隐入事件，响应于目标界面元素的隐入事件，使目标界面元素从当前界面中移入开孔对应的显示屏上的区域中。相较于图6所示的显示方法，本实施例还控制目标界面元素移出开孔对应的显示屏上的区域或者控制目标界面元素移入开孔对应的显示屏上的区域中，可以提升用户的视觉体验。

请参阅图16，图16示出了本申请一实施例提供的显示方法的流程示意图。该方法应用于上述电子设备，该电子设备包括显示屏，该显示屏具有开孔。下面将针对图16所示的流程进行详细的阐述，所述显示方法具体可以包括以下步骤：

步骤S410：显示当前界面。

其中，步骤S410的具体描述请参阅步骤S110，在此不再赘述。

步骤S420：响应于所述目标界面元素的移动事件，获取所述开孔的位置。

在本实施例中，在显示当前界面的过程中，可以监测是否触发目标界面元素的移动事件。其中，若监测到触发目标界面元素的移动事件，则可以获取开孔的位置。

在一些实施方式中，开孔在电子设备的位置可以固定不变，因此，可以预先获取并存储开孔的位置，那么，在监测到触发目标界面元素的移动事件时，则可以直接从电子设备的本地获取该开孔的位置。或者，开孔在电子设备的位置可以动态变化，因此，可以在监测到触发目标界面元素的移动事件时，对开孔的位置进行检测，以获得该开孔的位置。

在一些实施方式中，可以以电子设备建立目标坐标系，例如，以电子设备的中心为坐标原点，以电子设备相互垂直的两边分别作为横轴和纵轴建立目标坐标系，或者，以电子设备的角点为坐标原点，以电子互相垂直的两边分别作为横轴和纵轴建立目标坐标系。基于此，可以获取开孔在该目标坐标系下的坐标信息，基于该坐标信息，可以确定该开孔的位置。

在一些实施方式中，获取开孔的位置可以包括：获取开孔对应的显示屏上的位置作为开孔的位置。即，可以获取开孔对应的显示屏上的位置在目标坐标系中下的坐标信息，基于该坐标信息确定开孔对应的显示屏上的位置作为开孔的位置。

步骤S430：基于所述开孔的位置以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。

在本实施例中，在获得该开孔的位置的情况下，则可以基于该开孔的位置，以该开孔对应的显 示屏上的区域作为目标界面元素的移动出口或者移动入口，使目标界面元素在当前界面中移动显示。

在一些实施方式中，电子设备还可以获取目标界面元素在当前界面的目标显示位置(如目标通知消息所在的位置)，则在获得该开孔的位置和该目标显示位置的情况下，可以基于该开孔的位置和目标显示位置，以该开孔作为目标界面元素的移动出口或者移动入口，使目标界面元素在开孔的位置和目标显示位置之间移动显示。

本申请一实施例提供的显示方法，显示当前界面，响应于目标界面元素的移动事件，获取开孔的位置，基于开孔的位置以开孔对应的显示屏上的区域作为目标界面元素的移动出口或移动入口，使目标界面元素在当前界面中移动显示。相较于图6所示的显示方法，本实施例还获取开孔的位置，并基于开孔的位置进行目标界面元素的移动显示，可以提升界面元素的移动显示的准确性。

请参阅图17，图17示出了本申请实施例提供的显示方法的逻辑示意图。如图17所示，在一些实施方式中，电子设备的技术架构可以分为卡片应用(card app)、***应用(system app)以及***框架三个部分(android framework)。其中，卡片应用包括界面渲染模块和逻辑执行模块，该界面渲染模块用于负责卡片代码中前台界面的渲染，该逻辑执行模块用于负责卡片代码中后台逻辑的执行。其中，***应用可以包括负一屏应用、桌面应用以及锁屏应用。其中，***框架可以包括窗口管理模块、硬件驱动模块以及预设动效库，该窗口管理模块用于管理***的可见窗口，该硬件驱动模块用于管理***的硬件驱动，提供软件接口获取信息及操作硬件，该预设动效库用于存储预置在***中丰富的动效。

基于此，可以在卡片出现或消失时，通过界面渲染模块判断当前卡片所处环境，其存在两种判断结果，即卡片在***应用上，或者，卡片在普通应用(非***应用)上。当卡片在***应用上时，界面渲染模块通知***应用进行处理。当卡片在普通应用上时，界面渲染模块通知窗口管理模块处理。***应用在接收到通知后，获取开孔的位置，如果接入的是静态素材，则在***应用内加载对应的动效，如果接入的是动态(视频)素材，则在***应用内播放视频。窗口管理模块在接收到通知后，获取开孔的位置，并创建一个顶层窗口，如果接入的是静态素材，则在新的顶层窗口上加载对应的动效，如果接入的是动态(视频)素材，则在新的顶层窗口上播放视频。

请参阅图18，图18示出了本申请一实施例提供的显示装置的模块框图。该显示装置200应用于上述电子设备，该电子设备包括显示屏，该显示屏具有开孔。下面将针对图18所示的框图进行阐述，所述显示装置200包括：当前界面显示模块210和界面元素移动模块220，其中：

当前界面显示模块210，用于显示当前界面。

界面元素移动模块220，用于响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。

进一步地，所述界面元素移动模块220包括：移动事件响应子模块和第一界面元素移动子模块，其中：

移动事件响应子模块，用于响应于所述目标界面元素的移动事件。

第一界面元素移动子模块，用于以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，基于所述目标界面元素的元素类型控制所述目标界面元素在所述当前界面中移动显示，所述元素类型包括静态类型或者动态类型。

进一步地，所述第一界面元素移动子模块包括：目标动效加载单元和目标界面元素播放单元，其中：

目标动效加载单元，用于若所述目标界面元素的元素类型为所述静态类型，则使所述目标界面元素以预设目标移动轨迹和预设目标动效在所述当前界面中移动显示。

进一步地，所述目标动效加载单元包括：第一控制子单元、第二控制子单元以及第三控制子单元，其中：

第一控制子单元，用于使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设缩放比例移动显示。

进一步地，所述第一控制子单元包括：放大子子单元和缩小子子单元，其中：

放大子子单元，用于若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动出口移出，则使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设放大比例逐渐放大的形式移动显示。

缩小子子单元，用于若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动入口移入，则使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设缩小比例逐渐缩小的形式移动显示。

第二控制子单元，用于使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设透明度移动显示。

目标界面元素播放单元，用于若所述元素类型为所述动态类型，则播放包含所述目标界面元素的视频，以使所述目标界面元素在所述当前界面中移动显示。

进一步地，所述目标界面元素播放单元包括：正序播放子单元和倒序播放子单元，其中：

正序播放子单元，用于若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动出口移出，则以正序的方式播放包含所述目标界面元素的视频。

倒序播放子单元，用于若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动入口移入，则以倒序的方式播放包含所述目标界面元素的视频。

进一步地，所述界面元素移动模块220包括：界面元素移出子模块和界面元素移入子模块，其中：

界面元素移出子模块，用于响应于所述目标界面元素的示出事件，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中。

进一步地，所述界面元素移出子模块包括：界面元素移出单元，其中：

界面元素移出单元，用于基于所述当前界面对应的应用类型，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中，所述应用类型包括***类型或者非***应用。

进一步地，所述目标界面元素在当前界面中对应有目标通知消息，所述界面元素移出单元包括：第一界面元素移出子单元和第二界面元素移出子单元，其中：

第一界面元素移出子单元，用于若所述当前界面对应的应用类型为所述***应用，则使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中的所述目标通知消息中。

第二界面元素移出子单元，用于若所述应用类型为所述非***应用，则在所述当前界面创建顶层窗口，并使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述顶层窗口中。

界面元素移入子模块，用于响应于所述目标界面元素的隐入事件，使所述目标界面元素从所述当前界面中移入所述开孔对应的显示屏上的区域中。

进一步地，所述界面元素移动模块220包括：示出事件触发子模块和隐入事件触发子模块，其中：

显示事件触发子模块，用于若所述目标界面元素对应的目标通知消息在所述当前界面中出现，则确定触发所述目标界面元素的示出事件。

隐藏事件触发子模块，用于若所述目标界面元素对应的目标通知消息在所述当前界面中消失，则确定触发所述目标界面元素的引入事件。

进一步地，所述界面元素移动模块220包括：位置获取子模块和第二界面元素移动子模块，其中：

位置获取子模块，用于响应于所述目标界面元素的移动事件，获取所述开孔的位置。

第二界面元素移动子模块，基于所述开孔的位置以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。

进一步地，所述显示装置200还包括：预设动画显示模块，其中：

预设动画显示模块，用于响应于目标界面元素的移动事件，在所述开孔的预设周边区域显示预设动画。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置和模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，模块相互之间的耦合可以是电性，机械或其它形式的耦合。

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

请参阅图19，其示出了本申请实施例提供的一种电子设备100的结构框图。该电子设备100可以是智能手机、平板电脑、电子书等能够运行应用程序的电子设备。本申请中的电子设备100可以包括一个或多个如下部件：处理器110、存储器120、显示屏130以及一个或多个应用程序，其中一个或多个应用程序可以被存储在存储器120中并被配置为由一个或多个处理器110执行，一个或多个程序配置用于执行如前述方法实施例所描述的方法。

其中，处理器110可以包括一个或者多个处理核。处理器110利用各种接口和线路连接整个电子设备100内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在存储器120内的数据，执行电子设备100的各种功能和处理数据。可选地，处理器110可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(Central Processing Unit，CPU)、图形处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作***、用户界面和应用程序等；GPU用于负责待显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块通信芯片进行实现。

存储器120可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作***的指令、用于实现功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以存储电子设备100在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。

显示屏130用于显示由用户输入的信息、提供给用户的信息以及所述电子设备100的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、数字、视频和其任意组合来构成，在一个实例中，该显示屏130可以为液晶显示器(Liquid Crystal Display，LCD)，也可以为有机发光二极管(Organic Light-Emitting Diode，OLED)，在此不做限定。

请参阅图20，其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读介质300中存储有程序代码，所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。

计算机可读存储介质300可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地，计算机可读存储介质300包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质300具有执行上述方法中的任何方法步骤的程序代码310的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码310可以例如以适当形式进行压缩。

综上所述，本申请实施例提供的显示方法、装置、电子设备以及存储介质，显示当前界面，响应于目标界面元素的移动事件，以电子设备的显示屏的开孔作为目标界面元素的移动出口或者移动入口，控制目标界面元素在当前界面中移动显示，从而通过显示屏中的开孔配合界面元素的移出和移入，可以给显示屏中的开孔赋予新的用途，提升用户的使用体验。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (20)

1. 一种显示方法，其特征在于，应用于电子设备，所述电子设备包括显示屏，所述显示屏具有开孔，所述方法包括：

   显示当前界面；

   响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。
2. 根据权利要求1所述的方法，其特征在于，所述响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示，包括：

   响应于所述目标界面元素的移动事件；

   以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，基于所述目标界面元素的元素类型控制所述目标界面元素在所述当前界面中移动显示；

   所述元素类型包括静态类型或者动态类型。
3. 根据权利要求2所述的方法，其特征在于，所述基于所述目标界面元素的元素类型控制所述目标界面元素在所述当前界面中移动显示，包括：

   若所述目标界面元素的元素类型为所述静态类型，则使所述目标界面元素以预设目标移动轨迹和预设目标动效在所述当前界面中移动显示；或者

   若所述元素类型为所述动态类型，则播放包含所述目标界面元素的视频，以使所述目标界面元素在所述当前界面中移动显示。
4. 根据权利要求3所述的方法，其特征在于，所述使所述目标界面元素以预设目标移动轨迹和预设目标动效在所述当前界面中移动显示，包括：

   使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设缩放比例移动显示；和/或

   使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设透明度移动显示。
5. 根据权利要求4所述的方法，其特征在于，所述使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设缩放比例移动显示，包括：

   若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动出口移出，则使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设放大比例逐渐放大的形式移动显示；或者

   若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动入口移入，则使所述目标界面元素在所述当前界面中以所述预设目标移动轨迹和预设缩小比例逐渐缩小的形式移动显示。
6. 根据权利要求3所述的方法，其特征在于，所述播放包含所述目标界面元素的视频，包括：

   若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动出口移出，则以正序的方式播放包含所述目标界面元素的视频；或者

   若所述目标界面元素以所述开孔对应的显示屏上的区域作为移动入口移入，则以倒序的方式播放包含所述目标界面元素的视频。
7. 根据权利要求2所述的方法，其特征在于，所述方法还包括：

   获取所述目标界面元素的标识；

   基于所述目标界面元素的标识，获取所述目标界面元素的元素类型。
8. 根据权利要求1所述的方法，其特征在于，所述方法还包括：

   响应于目标界面元素的移动事件，在所述开孔的预设周边区域显示预设动画。
9. 根据权利要求1所述的方法，其特征在于，所述响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示，包括：

   响应于所述目标界面元素的示出事件，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中；或者

   响应于所述目标界面元素的隐入事件，使所述目标界面元素从所述当前界面中移入所述开孔对应的显示屏上的区域中。
10. 根据权利要求9所述的方法，其特征在于，所述方法还包括：

    若所述目标界面元素对应的目标通知信息在所述当前界面中出现，则确定触发所述目标界面元素的示出事件；或者

    若所述目标界面元素对应的目标通知信息在所述当前界面中消失，则确定触发所述目标界面元素的隐入事件。
11. 根据权利要求9所述的方法，其特征在于，所述使所述目标界面元素从所述开孔对应的显示屏上 的区域中移出至所述当前界面中，包括：

    基于所述当前界面对应的应用类型，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中；

    所述应用类型包括***应用或者非***应用。
12. 根据权利要求11所述的方法，其特征在于，所述目标界面元素在所述当前界面中对应有目标通知消息，所述基于所述当前界面对应的应用类型，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中，包括：

    若所述当前界面对应的应用类型为所述***应用，则使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述当前界面中的所述目标通知消息中；

    若所述当前界面对应的应用类型为所述非***应用，则在所述当前界面创建顶层窗口，并使所述目标界面元素从所述开孔对应的显示屏上的区域中移出至所述顶层窗口中。
13. 根据权利要求1-12任一项所述的方法，其特征在于，所述响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示，包括：

    响应于所述目标界面元素的移动事件，获取所述开孔的位置；

    基于所述开孔的位置以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。
14. 根据权利要求13所述的方法，其特征在于，所述获取所述开孔的位置，包括：

    获取所述开孔对应的显示屏上的位置，作为所述开孔的位置。
15. 根据权利要求13所述的方法，其特征在于，所述基于所述开孔的位置以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示，包括：

    获取所述目标界面元素子啊所述当前界面的目标显示位置，其中，所述目标显示位置为所述当前界面中的任意位置；

    基于所述开孔的位置和所述目标显示位置，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述开孔的位置和所述目标显示位置之间移动显示。
16. 根据权利要求1-12任一项所述的方法，其特征在于，所述电子设备还包括感光器件，所述开孔与所述感光器件位置对应。
17. 根据权利要求1-12任一项所述的方法，其特征在于，所述响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示，包括：

    响应于所述目标界面元素的移动事件，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出后在所述当前界面中始终移动显示；或者

    响应于所述目标界面元素的移动事件，使所述目标界面元素在所述当前界面中移动直到移动至所述开孔对应的显示屏上的区域中；或者

    响应于所述目标界面元素的移动事件，使所述目标界面元素从所述开孔对应的显示屏上的区域中移出后移动到所述当前界面的目标显示位置静态显示，其中，所述目标显示位置为所述当前界面中的任意位置；或者

    响应于所述目标界面元素的移动事件，使所述目标界面元素从所述当前界面的所述目标显示位置移动至所述开孔对应的显示屏上的区域中。
18. 一种显示装置，其特征在于，应用于电子设备，所述电子设备包括显示屏，所述显示屏具有开孔，所述装置包括：

    当前界面显示模块，用于显示当前界面；

    界面元素移动模块，用于响应于目标界面元素的移动事件，以所述开孔对应的显示屏上的区域作为所述目标界面元素的移动出口或移动入口，使所述目标界面元素在所述当前界面中移动显示。
19. 一种电子设备，其特征在于，包括显示屏、存储器和处理器，所述显示屏和所述存储器耦接到所述处理器，所述存储器存储指令，当所述指令由所述处理器执行时所述处理器执行如权利要求1-17任一项所述的方法。
20. 一种计算机可读取存储介质，其特征在于，所述计算机可读取存储介质中存储有程序代码，所述程序代码可被处理器调用执行如权利要求1-17任一项所述的方法。