CN115344177A - 显示方法及电子设备 - Google Patents

Abstract

本申请提供了一种显示方法及电子设备。当电子设备从熄屏模式切换到锁屏模式时，电子设备可从熄屏界面显示的最后一个图像帧开始逐渐展开，并在逐渐展开的过程中，依次播放熄屏界面切换到锁屏界面时的转场动画。从而提升熄屏界面切换到锁屏界面时的流畅性，并丰富转场动画的应用场景，以提高用户使用体验。

Description

显示方法及电子设备

技术领域

本申请涉及终端设备领域，尤其涉及一种显示方法及电子设备。

背景技术

一镜到底转场动效，也可以称为转场动画，其可以理解为终端的不同模式之间切换时显示的动画效果，从而提高用户使用手机时的视觉体验。但是，目前的转场动画的使用场景有限。

发明内容

为了解决上述技术问题，本申请提供一种显示方法及电子设备。在该方法中，电子设备可提供熄屏界面切换为锁屏界面时的转场动画的显示方式，从而丰富电子设备的转场动画的应用场景，并提高用户使用体验。

第一方面，本申请提供一种电子设备。该电子设备包括存储器和处理器；处理器与存储器耦合；存储器存储有程序指令，当程序指令由处理器执行时，使得电子设备执行如下步骤：当电子设备的显示屏上显示第一界面，在第一界面的第一显示框中播放第一转场动画的各图像帧，定格在第一转场动画的最后一个图像帧；第一显示框的中心偏离电子设备的显示屏的屏幕中心。响应于接收到的第一用户操作，将电子设备的显示屏上的第一界面切换为第二界面；第二界面包括第二显示框，第二显示框的尺寸与第一显示框的尺寸相同，并且，第二显示框在显示屏上的位置与第一显示框在显示屏上的位置相同。将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动；其中，在第二显示框逐渐放大，和向电子设备的显示屏的屏幕中心移动的过程中，在第二显示框中播放第二转场动画的各图像帧；第二转场动画的首个图像帧与第一转场动画的最后一个图像帧相同。这样，电子设备在从熄屏模式切换到锁屏模式时，可从熄屏模式显示转场动画时的相同位置开始，以逐渐展开的方式显示锁屏模式的转场动画。其中，锁屏模式的转场动画的第一个图像帧即为熄屏模式的转场动画的最后一个帧。也就是说，从用户角度，其所观看到的锁屏模式的转场动画是与熄屏模式定格的最后一个图像帧衔接的。从而以转场动画的方式，有效提升熄屏模式切换到锁屏模式时的流畅性，以提高用户使用体验。

示例性的，电子设备进入锁屏模式之前，可先黑屏，然后再显示锁屏模式的锁屏界面。

示例性的，电子设备处于熄屏模式时，显示屏上还可包括文本信息，例如时间、日期等。

示例性的，电子设备进入锁屏模式后，熄屏模式中的文本信息消失。

示例性的，电子设备的第二显示框在播放锁屏模式的转场动画的过程中，电子设备的人第二显示框内可显示文本信息，例如时间、日期等。

示例性的，若第二显示框的起始位置即为屏幕中心，则第二显示框可保持位置不动，并逐渐放大。

示例性的，第一用户操作可选的为用户点击开机键。

示例性的，若第一用户操作为指纹解锁或人脸解锁等，电子设备可从熄屏模式切换到桌面模式。电子设备可依据与锁屏模式的转场动画相同的显示方式，播放桌面模式的转场动画。

根据第一方面，第一转场动画包括N个图像帧，N为大于1的整数；当程序指令由处理器执行时，使得电子设备执行如下步骤：按照设定的第一尺寸，对N个图像帧中的每个图像帧进行裁剪；按照设定的第二尺寸，调整裁剪后的每个图像帧的尺寸；在第一显示框中依次播放裁剪并调整尺寸后的每个图像帧，并且定格在第一转场动画中被裁剪并调整尺寸后的最后一个图像帧；其中，第一显示框的尺寸与第二尺寸相同。这样，本申请中的熄屏模式所播放的转场动画，实际上是将原图像帧进行裁剪和尺寸调整后的图像，从而可在降低熄屏模式的功耗的同时，能够丰富熄屏模式的显示效果。

根据第一方面，或者以上第一方面的任意一种实现方式，第二转场动画包括M个图像帧，M为大于1的整数；当程序指令由处理器执行时，使得电子设备执行如下步骤：将M个图像帧中的首个图像帧，按照第二尺寸进行调整；将调整后的首个图像帧叠加在第二显示框下；其中，第二显示框与调整后的首个图像帧叠加的部分的图像与被裁剪并调整尺寸后的最后一个图像帧的图像相同。这样，将锁屏模式的转场动画的首个图像帧按照第二尺寸进行调整，并置于显示屏的指定位置，从而可以使得第二显示框与首个图像帧叠加的部分，与熄屏模式显示的最后一个图像帧的图像是相同的。也就是说，从用户角度，其所观看到的锁屏模式的转场动画是从熄屏模式的最后一个图像开始展开的，从而有效提升熄屏模式到锁屏模式的转场动画的连贯性，以提高用户使用体验。

根据第一方面，或者以上第一方面的任意一种实现方式，当程序指令由处理器执行时，使得电子设备执行如下步骤：将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动的过程中，将调整后的首个图像帧逐渐放大，并向显示屏的中心移动；其中，第二显示框中显示的图像随着第二显示框与调整后的首个图像帧之间的重叠部分变换。这样，与第二显示框叠加的图像帧可逐渐放大并向屏幕中心移动，相应的，在第二显示框的尺寸与位置逐渐变化，以及与其叠加的图像帧的尺寸和位置逐渐变化的过程中，使得第二显示框与图像帧的叠加部分也逐渐变化，从而第二显示框所显示的图像也相应变化。

根据第一方面，或者以上第一方面的任意一种实现方式，当程序指令由处理器执行时，使得电子设备执行如下步骤：当调整后的首个图像帧播放完毕，调整后的首个图像帧放大到第三尺寸，并且移动到显示屏中的第一位置；将与第二显示框叠加的调整后的首个图像帧按照M个图像帧的顺序，切换为下一个图像帧；其中，下一个图像帧的尺寸为第三尺寸，并且下一个图像帧在显示屏中的第一位置；将下一个图像帧逐渐放大，并向显示屏的屏幕中心移动；其中，第二显示框中显示的图像随着第二显示框与下一个图像帧之间的重叠部分变换。这样，电子设备可按照M个图像帧的顺序，逐一切换与第二显示框叠加的图像帧。并且，图像帧逐一切换的过程中，仍然逐渐放大并向屏幕中心移动。

示例性的，在图像帧逐一切换，逐渐放大且移动的过程中，若图像帧的中心与屏幕中心重合，但是图像帧的至少一个边框在屏幕的边框之内，则图像帧保持位置不变，并继续切换且逐渐放大。

根据第一方面，或者以上第一方面的任意一种实现方式，当程序指令由处理器执行时，使得电子设备执行如下步骤：当第二显示框的中心与显示屏的中心重合，且第二显示框的至少一个边框在显示屏的边框之内，第二显示框停止移动，并继续放大，直至第二显示框的所有边框与显示屏的边框重叠或者在显示屏的边框之外。

示例性的，第二显示框的移动速度与图像帧的移动速度可以不相同。

示例性的，第二显示框的移动轨迹与图像帧的移动轨迹可以不相同。

示例性的，第二显示框的放大速率与图像帧的放大速率可以不相同。

根据第一方面，或者以上第一方面的任意一种实现方式，第一显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

根据第一方面，或者以上第一方面的任意一种实现方式，第二显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

根据第一方面，或者以上第一方面的任意一种实现方式，第一界面为熄屏界面，第二界面为锁屏界面。

根据第一方面，或者以上第一方面的任意一种实现方式，第一界面为熄屏界面，第二界面为桌面。

第二方面，本申请提供一种显示方法。方法包括：当电子设备的显示屏上显示第一界面，在第一界面的第一显示框中播放第一转场动画的各图像帧，定格在第一转场动画的最后一个图像帧；第一显示框的中心偏离电子设备的显示屏的屏幕中心；电子设备响应于接收到的第一用户操作，将电子设备的显示屏上的第一界面切换为第二界面；第二界面包括第二显示框，第二显示框的尺寸与第一显示框的尺寸相同，并且，第二显示框在显示屏上的位置与第一显示框在显示屏上的位置相同；电子设备将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动；其中，在第二显示框逐渐放大，和向电子设备的显示屏的屏幕中心移动的过程中，在第二显示框中播放第二转场动画的各图像帧；第二转场动画的首个图像帧与第一转场动画的最后一个图像帧相同。

根据第二方面，第一转场动画包括N个图像帧，N为大于1的整数；第一界面的第一显示框中播放第一转场动画的各图像帧，包括：按照设定的第一尺寸，对N个图像帧中的每个图像帧进行裁剪；按照设定的第二尺寸，调整裁剪后的每个图像帧的尺寸；在第一显示框中依次播放裁剪并调整尺寸后的每个图像帧，并且定格在第一转场动画中被裁剪并调整尺寸后的最后一个图像帧；其中，第一显示框的尺寸与第二尺寸相同。

根据第二方面，或者以上第二方面的任意一种实现方式，第二转场动画包括M个图像帧，M为大于1的整数；第一界面的第一显示框中播放第一转场动画的各图像帧，包括：将M个图像帧中的首个图像帧，按照第二尺寸进行调整；将调整后的首个图像帧叠加在第二显示框下；其中，第二显示框与调整后的首个图像帧叠加的部分的图像与被裁剪并调整尺寸后的最后一个图像帧的图像相同。

根据第二方面，或者以上第二方面的任意一种实现方式，电子设备将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动，包括：将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动的过程中，将调整后的首个图像帧逐渐放大，并向显示屏的中心移动；其中，第二显示框中显示的图像随着第二显示框与调整后的首个图像帧之间的重叠部分变换。

根据第二方面，或者以上第二方面的任意一种实现方式，电子设备将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动，包括：当调整后的首个图像帧播放完毕，调整后的首个图像帧放大到第三尺寸，并且移动到显示屏中的第一位置；将与第二显示框叠加的调整后的首个图像帧按照M个图像帧的顺序，切换为下一个图像帧；其中，下一个图像帧的尺寸为第三尺寸，并且下一个图像帧在显示屏中的第一位置；将下一个图像帧逐渐放大，并向显示屏的屏幕中心移动；其中，第二显示框中显示的图像随着第二显示框与下一个图像帧之间的重叠部分变换。

根据第二方面，或者以上第二方面的任意一种实现方式，电子设备将第二显示框逐渐放大，并向电子设备的显示屏的屏幕中心移动，包括：当第二显示框的中心与显示屏的中心重合，且第二显示框的至少一个边框在显示屏的边框之内，第二显示框停止移动，并继续放大，直至第二显示框的所有边框与显示屏的边框重叠或者在显示屏的边框之外。

根据第二方面，或者以上第二方面的任意一种实现方式，第一显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

根据第二方面，或者以上第二方面的任意一种实现方式，第二显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

根据第二方面，或者以上第二方面的任意一种实现方式，第一界面为熄屏界面，第二界面为锁屏界面。

根据第二方面，或者以上第二方面的任意一种实现方式，第一界面为熄屏界面，第二界面为桌面。

第二方面以及第二方面的任意一种实现方式分别与第一方面以及第一方面的任意一种实现方式相对应。第二方面以及第二方面的任意一种实现方式所对应的技术效果可参见上述第一方面以及第一方面的任意一种实现方式所对应的技术效果，此处不再赘述。

第三方面，本申请提供了一种计算机可读介质，用于存储计算机程序，该计算机程序包括用于执行第二方面或第二方面的任意可能的实现方式中的方法的指令。

第四方面，本申请提供了一种计算机程序，该计算机程序包括用于执行第二方面或第二方面的任意可能的实现方式中的方法的指令。

第五方面，本申请提供了一种芯片，该芯片包括处理电路、收发管脚。其中，该收发管脚、和该处理电路通过内部连接通路互相通信，该处理电路执行第二方面或第二方面的任一种可能的实现方式中的方法，以控制接收管脚接收信号，以控制发送管脚发送信号。

附图说明

图1为示例性示出的电子设备的硬件结构示意图；

图2为示例性示出的电子设备的软件结构示意图；

图3a～图3f为示例性示出的转场动画的显示方式；

图4为示例性示出的熄屏模式播放的图像帧的处理示意图；

图5a～图5d为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式；

图6a～图6d为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式；

图7a～图7b为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式；

图8a～图8b为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式；

图9a～图9c为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式；

图10a～图10b为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式；

图11为示例性示出的不同的应用场下的转场动画的显示方式；

图12a～图12e为示例性示出的熄屏模式到锁屏模式、锁屏模式到桌面模式的转场动画的显示方式；

图13a～图13d为示例性示出的熄屏模式到锁屏模式、锁屏模式到桌面模式的转场动画的显示方式；

图14a～图14b为示例性示出的熄屏模式到锁屏模式、锁屏模式到桌面模式的转场动画的显示方式；

图15为示例性示出的桌面模式到熄屏模式的转场动画的显示方式；

图16为示例性示出的桌面模式到熄屏模式的转场动画的显示方式；

图17为示例性示出的锁屏模式到熄屏模式的转场动画的显示方式；

图18为示例性示出的锁屏模式到熄屏模式的转场动画的显示方式；

图19为示例性示出的锁屏模式到熄屏模式的转场动画的显示方式；

图20为示例性示出的装置的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。

本申请实施例的说明书和权利要求书中的术语“第一”和“第二”等是用于区别不同的对象，而不是用于描述对象的特定顺序。例如，第一目标对象和第二目标对象等是用于区别不同的目标对象，而不是用于描述目标对象的特定顺序。

在本申请实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。

在本申请实施例的描述中，除非另有说明，“多个”的含义是指两个或两个以上。例如，多个处理单元是指两个或两个以上的处理单元；多个系统是指两个或两个以上的系统。

图1示出了电子设备100的结构示意图。应该理解的是，图1所示电子设备100仅是电子设备的一个范例，并且电子设备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等。

处理器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可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块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转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。

调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。

无线通信模块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通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。

电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。

摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。

视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。示例性的，在本申请实施例中，处理器110通过运行存储在内部存储器121的指令，可实现本申请实施例中的熄屏模式到锁屏模式、锁屏模式到桌面模式以及桌面模式或锁屏模式到熄屏模式的转场动画的显示方式。

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

音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。

压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。

指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。例如，在本申请实施例中，指纹传感器180H可采集用户触摸触摸屏时的指纹，并将采集到的指纹传输至处理器110。示例性的，处理器110可以基于指纹传感器180H输入的指纹信息，对电子设备100进行解锁。

触摸传感器180K，也称“触控面板”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。示例性的，在本申请实施例中，当电子设备100处于熄屏模式时，用户点击开机键。电子设备100可响应于接收到的用户点击开机键的操作，从熄屏模式进入锁屏模式。示例性的，当电子设备处于锁屏模式或桌面模式时，电子设备100若接收到用户点击开机键的操作，则电子设备100从锁屏模式或桌面模式进入熄屏模式。

示例性的，电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android系统为例，示例性说明电子设备100的软件结构。

图2是本申请实施例的电子设备100的软件结构框图。

电子设备100的分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。

应用程序层可以包括一系列应用程序包。

如图2所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息、壁纸等应用程序。示例性的，壁纸应用程序可实现本申请实施例中的壁纸或转场动画的显示方式。例如，壁纸应用程序可以提供用户界面，以使得用户更换壁纸或转场动画所显示的视频。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图2所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通，挂断等)。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。

Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。

2D图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。

可以理解的是，图2示出的系统框架层、系统库与运行时层包含的部件，并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。

示例性的，本申请实施例提供一种转场动画的显示方式，可使得转场动画的显示更加流畅，衔接更加紧密，以提升用户观感。为使本领域人员更好的理解本申请实施例中的转场动画的显示方式，下面对转场动画进行简单介绍。图3a～图3f为示例性示出的转场动画的显示方式。

请参照图3a，示例性的，转场动画(也可以称为转场动效、转场效果等)对应的视频片段301包括180个图像帧(也可以称为视频帧等)。需要说明的是，本申请实施例中所涉及的转场动画可以理解为不同模式间转换过程中所采用的动画效果。本申请实施例中的模式包括但不限于：熄屏模式、锁屏模式、桌面模式。例如，本申请下面的实施例中所涉及的熄屏模式的转场动画，可选地为桌面屏模式切换到熄屏模式时，电子设备的显示屏上所播放的动画效果。锁屏模式的转场动画，可选地为熄屏模式切换到锁屏模式时，电子设备的显示屏上所播放的动画效果。桌面模式的转场动画，可选地为锁屏模式切换到桌面模式时，电子设备的显示屏上所播放的动画效果。可选地，桌面模式也可以称为解锁模式，本申请不做限定。

示例性的，熄屏模式可选地为电子设备在接收到用户点击开机键后所进入的模式，电子设备熄屏，并且在熄灭的显示屏上显示熄屏模式的转场动画。

示例性的，锁屏模式可选地为电子设备的屏幕锁定。示例性的，在熄屏模式下，用户对手机进行触摸或按键等操作，可选地使得电子设备进入锁屏模式。示例性的，锁屏模式将屏幕锁定，需要用户进行解锁后才能进入桌面模式。示例性的，锁屏模式可提供一些不需要解锁即可使用的功能，例如拍照功能、小工具等。也就是说，锁屏模式下用户可对电子设备进行相应的操作，而在熄屏模式下，当用户触发电子设备，则电子设备将进入到锁屏模式。

示例性的，桌面模式即为电子设备解锁后的模式。示例性的，用户可在桌面模式下对电子设备进行操作，以使用电子设备提供的相应功能。例如，用户可使用聊天应用、视频应用等。

需要说明的是，本申请实施例中的模式切换，例如包括：熄屏模式切换到锁屏模式、锁屏模式切换到桌面，或桌面(或锁屏模式)切换到熄屏模式可选地为界面的切换。例如，熄屏模式切换到锁屏模式可选地为手机的显示屏中显示的熄屏界面切换为锁屏界面。其中，本申请实施例中的各界面(包括熄屏界面、锁屏界面和桌面)为全屏显示的界面，也就是说，当显示屏从一个界面(例如熄屏界面)切换到另一个界面(例如锁屏界面)，即前一个界面(即熄屏界面)不显示，并在显示屏上全屏显示切换后的界面(即锁屏界面)。

进一步需要说明的是，本申请实施例中的转场动画所包括的图像帧数量仅为示意性举例，本申请不做限定。示例性的，当手机处于锁屏模式或桌面模式时，用户点击开机键。手机响应于接收到的操作，进入熄屏模式。

仍参照图3a，示例性的，手机的熄屏界面302中包括转场动画显示框303与时间控件等。其中，转场动画显示框303中显示的是视频片段301的第一图像帧。

示例性的，手机可在转场动画显示框303中依次播放视频片段301中的图像帧。请参照图3b，示例性的，手机预先设置熄屏模式的关键帧。关键帧可选地为在当前模式所播放的最后一个图像帧。举例说明，熄屏模式的关键帧为视频片段301中的图像帧304。示例性的，手机的转场动画显示框303依次播放视频片段301中的图像帧，直至播放到图像帧304。转场动画显示框303中显示的图像将停留在图像帧304。可以理解为，熄屏界面302中的转场动画显示框303的图片定格在图像帧304上，而其他控件(例如时间控件)正常运行。

需要说明的是，手机可对熄屏模式对应的转场动画中的图像帧进行相应处理，以使得各图像帧满足转场动画显示框303的尺寸需求。举例说明，请参照图4，示例性的，以图像帧304为例，手机对图像帧601进行灰度处理。手机将灰度处理按照设定的尺寸(例如为1440*800，本申请不做限定)，在灰度处理后的图像帧304中选取一个或多个主体部分。其中，每个主体部分的尺寸均为设定的尺寸。可选地，多个主体部分可部分重叠。终端可计算每个主体部分中各单一像素点的差异值。单一像素点的差异值即为该像素点与周围像素点之间的差异值。手机可获取主体部分的各像素点的差异值之和，即为该主体部分的差异值。手机可从图像帧304中，将差异值最大的主体部分进行裁剪。并且，按照特定比例(例如缩小50％)对剪裁后的主体部分进行尺寸调整，以得到调整后的主体部分。手机将尺寸调整后的主体部分添加特定形状蒙版。示例性的，特性形状蒙版可以是矩形蒙版、圆形蒙版、三角形蒙版等，本申请不做限定。处理后的图像帧，即为显示在转场动画显示框303中的图像。需要说明的是，本申请实施例中仅以特定形状蒙版为矩形蒙版为例进行说明。在其他实施例中，若处理过程中使用圆形蒙版，则转场动画显示框303的形状可以是圆形或者是三角形等，本申请不做限定。

仍参照图3b，示例性的，用户在熄屏界面302可通过触摸开机键或者是触摸屏幕等方式，使得手机进入锁屏模式。请参照图3c，示例性的，手机进入锁屏模式。手机的锁屏界面305中依次播放锁屏模式的转场动画的图像帧。示例性的，锁屏模式的转场动画的第一个图像帧可选地为熄屏模式的转场动画的最后一个图像帧，也就是熄屏模式的关键帧(例如图像帧304)。

示例性的，锁屏界面305中还可以包括一个或多个控件，例如包括时间控件、网络控件、电量控件等。示例性的，锁屏界面305中所示的一个或多个控件也可以是在锁屏模式的转场动画播放到任一帧的时候再显示。可选地，一个或多个控件可以是以飞入、淡入等方式显示，本申请不做限定。

请参照图3d，示例性的，与熄屏模式类似，锁屏界面303中所播放的转场动画播放至锁屏模式的关键帧，例如，图像帧306为锁屏模式的关键帧，相应的，锁屏界面303中所播放的转场动画播放至图像帧306后静止。也就是说，手机在被解锁之前，或重新进入熄屏模式之前，锁屏界面305中显示的图像始终为图像帧306。示例性的，用户可通过滑动解锁、指纹解锁等方式解锁。手机响应于接收到的用户操作，进入桌面模式(也可以称为解锁模式)。

请参照图3e，示例性的，手机进入桌面模式。桌面(也可以称为手机显示界面)307中依次播放桌面模式的转场动画的图像帧。示例性的，桌面模式的转场动画的第一个图像帧可选地为锁屏模式的转场动画的最后一个图像帧，也就是锁屏模式的关键帧(例如图像帧306)。

可选地，桌面模式的转场动画中的图像帧可以以平铺、拉伸等方式显示在桌面307中。示例性的，桌面307中还可以包括一个或多个控件，例如包括时间控件、网络控件、电量控件、应用图标控件等。示例性的，桌面307中所示的一个或多个控件也可以是在桌面模式的转场动画播放到任一帧的时候再显示。可选地，一个或多个控件可以是以飞入、淡入等方式显示，本申请不做限定。需要说明的是，本申请实施例中以锁屏模式解锁后进入桌面为例说明。在其他实施例中，手机也可以是进入手机屏幕关闭前显示的界面，例如可以是网页等。

请参照图3f，示例性的，桌面307中播放的转场动画播放至桌面模式的关键帧，例如，图像帧308。相应的，桌面307中所播放的转场动画播放至图像帧308后静止。

本申请实施例中提供一种熄屏模式到锁屏模式的转场动画的显示方式，可使得熄屏模式到锁屏模式的转场动画更加平滑，且连续性更好。图5a～图5d为示例性示出的一种熄屏模式到锁屏模式的转场动画的显示方式。请参照图5a的(1)，示例性的，手机进入熄屏模式后，熄屏模式的转场动画显示框502中播放熄屏模式的转场动画，并定格在熄屏模式的最后一帧(即熄屏模式的关键帧)，例如图3b中的图像帧304，其他描述可参照图3a～图3b，此处不再赘述。

示例性的，当手机接收到用户触发开机键等操作，手机进入锁屏模式。请参照图5a的(2)，示例性的，手机显示锁屏界面503。可选地，熄屏界面502中的时间控件等消失。手机在锁屏界面503开始播放转场动画。可选地，熄屏模式进入锁屏模式之前，可以黑屏，并在黑屏后，显示锁屏界面503。

仍参照图5a的(2)，示例性的，锁屏界面503中包括视野框504与图像示意框505。示例性的，视野框504的中心点在锁屏界面503中的位置，与图5a的(1)中的转场动画显示框502的中心点在熄屏界面501中的位置相同。其中，所述中心点是指视野框或转场动画显示框的几何中心(下文中相同，不再重复说明)。

可选地，本申请实施例中以视野框504为矩形框为例进行说明。在其他实施例中，视野框504也可以是其他形状，例如圆形、三角形等，本申请不做限定。

示例性的，在本申请实施例中，视野框504在锁屏界面503中的的尺寸与位置均与转场动画显示框502在熄屏界面501中的尺寸和位置相同。示例性的，在本申请实施例中，以视野框504的中心点与锁屏界面503的中心点在同一垂直线上，以及，转场动画显示框502的中心点与熄屏界面501的中心点在同一垂直线上为例进行说明。

在本申请实施例中，视野框504用于显示其叠加的图像示意框505中的部分。需要说明的是，视野框504之外的部分，可选地为黑屏。也就是说，从用户角度，锁屏界面503当前只有视野框504中显示有图像，锁屏界面503中处视野框504以外的其他部分，均是黑屏。

示例性的，图像示意框505中包括锁屏模式的转场动画的第一个图像帧，即为熄屏模式的最后一帧(即熄屏模式的关键帧)。也就是说，在本申请实施例中，熄屏模式转到锁屏模式的过程中，锁屏模式所显示的第一图像帧与熄屏模式的最后一帧是同一个图像帧，从而使得锁屏模式与熄屏模式之间的过渡更加连贯，提升用户体验。

示例性的，如上文所述，转场动画显示框502中所显示的图像是经过剪裁与尺寸调整的。相应的，图像示意框505所显示的图像尺寸是与尺寸调整后的图像的尺寸对应的。举例说明，如上文的图4所述，手机将主体部分按照预设的比例将主体部分缩小50％。则，在图5a的(2)中，图像示意框505中的图像的尺寸即为原图像(例如图3d中的图像帧304)缩小50％后得到的。上述尺寸仅为示意性举例，本申请不做限定。

示例性的，如上文所述，视野框504用于显示图像，为提高熄屏模式到锁屏模式的显示的连贯性。本申请实施例中视野框504中显示的图像与转场动画显示框502中显示的图像一致。示例性的，为使得视野框504中显示的图像与转场动画显示框502中显示的图像一致，视野框504叠加在图像示意框505的部分需要与转场动画显示框502中显示的图像一致。也就是说，叠加的部分即为图4中所述的主体部分经过尺寸调整后的部分。相应的，手机可按照上述规则，基于视野框504当前的位置，将图像示意框505叠加到视野框504之下，以使得视野框504与图像示意框505叠加的部分即为图4中所述的裁剪后的主体部分。

示例性的，在本申请实施例中，视野框504与图像示意框505逐渐放大，并在放大的过程中，向锁屏界面503的中心移动。需要说明的是，本申请实施例中以视野框504和图像示意框505等比放大，且向锁屏界面503的中心移动的速度相同，而移动轨迹不相同为例进行说明。在其他实施例中，视野框504与图像示意框505放大的比例可以不相同，和/或，视野框504向锁屏界面503的中心的移动速度与图像示意框505向锁屏界面503的中心的移动速度可以不相同，和/或，视野框504向锁屏界面503的中心的移动轨迹与图像示意框505的移动轨迹可以不相同。本申请不做限定。

需要说明的是，本申请实施例中，图像示意框505中的图像的尺寸是与图像示意框505一致的。也就是说，在图像示意框505的尺寸与位置变化的过程中，图像示意框505中的图像的尺寸始终与图像示意框的尺寸保持一致。

进一步需要说明的是，本申请实施例中的图像示意框505仅为说明图像与视野框的叠加方式与显示方式，图像示意框505不会显示在锁屏界面503中。当然，图像示意框505超出锁屏界面503的部分也仅为更好的说明图像示意框505的尺寸和位置。下文中不再重复说明。也就是说，从用户角度，用户从锁屏界面503中看到的只有视野框504中显示的图像，锁屏界面503的其他部分均为黑屏。

示例性的，如上文所述，在图5a的(1)中，视野框504的中心与锁屏界面503的中心是在同一垂直线上的，而图像示意框505的中心与锁屏界面503的中心不在同一垂直线。示例性的，视野框504向锁屏界面503的中心移动时，只需要垂直向下移动即可。而图像示意框505向锁屏界面503的中心移动时，则需要向左下方移动，以接近锁屏界面503的中心。以及，如上文所述，视野框504与锁屏界面示意框505是等比放大的。按照上述放大以及移动方式，图像示意框505与视野框504放大并移动后的位置如图5b的(1)所示。请参照图5b的(1)，示例性的，视野框504叠加在图像示意框505的部分，即为视野框504当前显示的图像。需要说明的是，锁屏界面示意框505中除视野框504之外的部分仍为黑屏。

需要说明的是，在本申请实施例中，如图3c所示，熄屏模式到锁屏模式的转场动画包括锁屏模式的第一帧(例如图像帧304)与锁屏模式的最后一帧(例如图像帧306)之间的多个图像帧。例如可以包括60个图像帧。需要说明的是，图3a～图3e中所示的视频片段301所包含的图像帧仅为折叠后的图像帧。例如，图像帧304展开后可选地包括20个图像帧(仅为示意性举例，本申请不做限定)。相应的，为实现熄屏模式到锁屏模式的动画效果，锁屏模式按照图5a～图5d逐渐显示图像的过程中，锁屏界面503中仍然在依次播放视频片段301中的图像帧。也就是说，图像示意框505中的图像是随着视频片段中的图像帧变化的。

举例说明，以图像帧304展开后包括图像帧1、图像帧2……图像帧20为例。图5a的(2)中，图像示意框505中包括的图像为图像帧1，相应的，视野框504显示的即为叠加在图像帧1的部分。如上文所述，图像示意框505与视野框504逐渐放大并移动，同时，图像示意框505中依次包括图像帧306展开后的图像帧。当图像示意框505与视野框504放大并移动后，如图图5b的(1)中所示，此时，图像示意框505中包括的图像为图像帧5，相应的，视野框504显示的即为叠加在图像帧5的部分。图像示意框505与视野框504继续放大并移动，且放大及移动后如图5b的(2)所示。请参照图5b的(2)，示例性的，图像示意框505中包括的图像为图像帧13，相应的，视野框504显示的即为叠加在图像帧13的部分。可以理解为，视野框504在逐渐变大且移动的过程中，其中所显示的图像也是动态变化的。例如，视频片段中的跳舞小人，在图5a的(2)中，视野框504正在向下翻转，随着视野框504逐渐放大并移动，并且依次播放图像帧，视野框504中显示的跳舞小人继续在向下翻转。下文中类似，不再重复说明。

示例性的，图像示意框505在放大并移动的过程中，若图像示意框505的每一个边框都在锁屏界面503的边框上或者在边框之外，则图像示意框505停止放大。需要说明的是，在本申请实施例中，图像示意框505的边框在锁屏界面503的边框上仅为示意性说明边框之间的位置关系。实际上，在图像示意框505放大并移动的过程中，电子设备可获取图像示意框505的每个边框与锁屏界面503对应的边框之间的距离。其中，对应的边框是指与图像示意框505平行且最近的边框，例如，图像示意框505的左边框与锁屏界面503的左边框和右边框平行，且与左边框距离最近，则左边框即为与图像示意框505的左边框对应的边框。当图像示意框505的边框与对应的边框之间的距离为0，即图像示意框505余对应的边框之间重叠，即为本申请实施例中所述的图像示意框505的边框在对应的边框之上。下文中类似，不再重复说明。

如图5b的(3)所示，图像示意框505的四个边框都在锁屏界面503的边框上，则图像示意框505停止放大。需要说明的是，在本申请实施例中是以图像显示框505停止放大的同时，图像示意框505的中心刚好与锁屏界面503的中心重合为例进行说明的。在其他实施例中，若图像示意框505的四个边框均在锁屏界面503的边框上或者边框之外，但是其中心仍然未与锁屏界面503的中心重合，则图像示意框505继续放大，并继续向锁屏界面503的中心移动，直至移动到锁屏界面503的中心后，停止放大。可选地，若图像示意框505的中心与锁屏界面503的中心重合后，图像示意框505中的至少一个边框在锁屏界面503的边框内，则图像示意框505停止移动，并继续放大，直至每个边框都在锁屏界面503的边框上或者边框之外。

示例性的，在本申请实施例中，若视野框504的四个边框在锁屏界面503的边框上或者边框外，则视野框504停止移动且停止放大。若视野框504的中心与锁屏界面503的中心重叠后，视野框504的至少一个边框在锁屏界面503之内，视野框504的中心保持不动，并继续放大。举例说明，仍参照图5b的(3)，示例性的，图像示意框505停止放大以及停止移动，视野框504的中心与锁屏界面503的中心重合，并且视野框504的左右边框在锁屏界面503的左右边框上，而视野框504的上下边框仍处于锁屏界面503的边框内。也就是说，视野框504的上边框与锁屏界面505的上边框之间的部分，以及，视野框504的下边框与锁屏界面505的下边框之间的部分仍然是黑屏。相应的，视野框504需要继续放大，直至四个边框均在锁屏界面503的边框之上或边框之外。请参照图5c的(1)，示例性的，视野框504的中心保持不动，并继续放大，同时，图像示意框505中的图像仍然按照图像帧的顺序变换，并且图像示意框505的位置与尺寸保持不变。示例性的，请参照图5c的(2)，视野框504的上边框在锁屏界面503的上边框之上，视野框504的下边框在锁屏界面503的下边框之上，且视野框504的左右边框在锁屏界面503的左右边框外，视野框504停止放大。这时，锁屏界面503中显示的即为视野框504与图像示意框505中的图像叠加的部分，即为图像示意框505中的全部图像。

请参照图5d，示例性的，视野框504停止放大后，锁屏界面503中可显示一个或多个其他控件，例如时间控件、网络控件、电量控件等。需要说明的是，若图5d中的锁屏界面503中所显示的图像是锁屏模式的关键帧(例如图3d中的图像帧306)，则锁屏界面503显示的画面定格在该图像帧。示例性的，若图5d中的锁屏界面503中所显示的图像是锁屏模式的关键帧之前的帧，则锁屏界面503继续播放后续的图像帧，直至播放至锁屏模式的关键帧。

图5a～图5c所示的转场动画显示方式中，原图像帧的比例是与锁屏界面的比例相同的，即，当图像示意框505的中心与锁屏界面503的中心重合时，刚好图像示意框505(即原图像帧)的四个边框位于锁屏界面503的边框之上说明的。下面以图6a～图6c说明，当原图像帧的比例与锁屏界面的比例不相同时，转场动画的显示方式。请参照图6a，示例性的，图6a的(1)所示的熄屏界面601可参照图5a的(1)中的相关描述，此处不再赘述。示例性的，手机响应于接收到的用户操作，进入锁屏模式。锁屏界面如图6a的(2)所示，锁屏界面603包括视野框604、图像示意框605，具体描述可参照图5a的(2)，此处不再赘述。需要说明的是，图像示意框605的图像与图像示意框505的图像比例不相同。

示例性的，图6b的(1)与图5b的(1)类似，用于示意性示出图像示意框605与视野框604的尺寸放大与移动方式，具体描述可参照图5b的(1)，此处不再赘述。

请参照图6b的(2)，示例性的，图像示意框605与视野框604放大并移动的过程中，在本实施例中，图像示意框605的左右边框在锁屏界面603的左右边框上，而图像示意框605的上下边框仍然在视屏界面603的上下边框内，则，图像示意框605继续向中心移动，并且仍然按照比例放大。其中，视野框604仍然按照自己的放大与移动方式进行，与图像示意框605的放大与移动之间互不干扰。

请参照图6b的(3)所示，示例性的，图像示意框605的中心与锁屏界面603的中心重叠时，图像示意框605的上下边框在锁屏界面603的上下边框上，并且，图像示意框605的左右边框在锁屏界面603的左右边框外。相应的，如图6b的(3)所示，图像示意框605中的部分图像(例如跳舞小人的左边的脚的部分图像与右边的脚的部分图像)是位于锁屏界面603之外的，这部分图像不会显示在锁屏界面603之内。视野框604的描述可参照图5b的(3)，此处不再赘述。

请参照图6c的(1)，示例性的，图像示意框605不再移动且尺寸不再变化的情况下，视野框604的中心保持不变且继续放大。需要说明的是，如图6c的(1)所示，视野框604的左右边框在锁屏界面603的左右边框之外，但是，锁屏界面603中显示的画面仅为视野框603与图像示意框605中的图像的重叠部分中，在锁屏界面603内的部分。也就是说，跳舞小人的右边的脚的部分图像与左边的脚的部分图像即使是在视野框604之内，也不会显示在锁屏界面603中。

请参照图6c的(2)，示例性的，视野框604的左右边框在锁屏界面603的左右边框之外，且视野框604的上下边框在锁屏界面603的上下边框之上，视野框603停止放大。此时，锁屏界面603中显示的是视野框604与图像示意框605中的图像的重叠部分中在锁屏界面603内的部分。需要说明的是，如上文所述，图像示意框605在移动和放大的过程中，其中的图像是随着视频片段的图像帧变化的。因此，由于跳舞小人向下翻转，则跳舞小人在图6c的(2)中，其左边的脚的部分图像是在锁屏界面603之外的，右边的脚的图像在锁屏界面603之内。

请参照图6d，示例性的，锁屏界面603中可继续播放视频片段301中的图像帧，直至锁屏模式的关键帧，同时，锁屏界面603显示一个或多个其它控件。具体描述可参照图5d，此处不再赘述。需要说明的是，由于图像帧与锁屏界面的比例不相同，在锁屏界面603中播放的图像帧可能始终存在部分画面是在锁屏界面603之外的。

图7a～图7b为示例性示出的另一种熄屏模式到锁屏模式的转场动画的显示方式。请参照图7a的(1)，熄屏界面701包括转场动画显示框702以及其他控件，具体描述可参照图5a中的描述，此处不再赘述。请参照图7a的(2)，示例性的，与图5a中的(2)不同，在图7a的(2)中的，图像示意框705的中心、视野框704的中心以及锁屏界面703的中心是在同一垂直线上的。可选地，图像示意框705的中心可以与视野框704的中心重叠。也就是说，在后面的尺寸放大和移动的过程中，图像示意框705与视野框704可以同时垂直向锁屏界面703的中心移动。示例性的，由于图像示意框705在图7a的(2)的位置与图像示意框505在图5a的(2)中的位置不同，视野框704中所显示的图像与视野框504所显示的图像也不相同。如图7a的(2)所示，视野框704位于图像示意框705的中部，其显示的图像即为与图像示意框705中的图像中的重叠部分，例如是跳舞小人的下半身。

示例性的，图像示意框705与视野框704在尺寸放大的同时，垂直向锁屏界面703的中心移动，如图7b中的(1)所示。请参照图7b中的(1)，示例性的，图像示意框705与视野框704同时向下移动，并且等比例放大。视野框704显示与图相框705中的图像重叠的部分。其他描述以及图7b的(2)的具体描述可参照图5b的相关描述，此处不再赘述。示例性的，请参照图7b的(3)，与图5b的(3)相同，图像示意框705的四个边框在锁屏界面703上，图像示意框705保持位置与尺寸不变。示例性的，视野框704的左右边框在锁屏界面703上，而上下边框仍然在锁屏界面703内，相应的，视野框704可继续放大，具体细节可参照图5b的(3)的相关内容，此处不再赘述。

图8a～图8b为示例性示出的另一种熄屏模式到锁屏模式的转场动画的显示方式。请参照图8a的(1)，示例性的，熄屏界面801中包括转场动画显示框802以及其他控件(例如时间控件)。在本申请实施例中，手机处于熄屏模式时，一个示例中，转场动画显示框802以及时间控件可在熄屏界面801的指定位置显示，并且保持不变，指定位置可以是锁屏界面801中的任意位置，例如可以是图5a的(1)中所示的位置，也可以是图8a的(1)中所示的位置。另一个示例中，转场动画显示框802以及时间控件可依次在熄屏界面801的不同位置上显示。例如，在当前时刻，转场动画显示框802以及时间控件的位置可以如图5a中的(1)所示，在下一时刻，转场动画显示框802以及时间控件的位置可以如图8a中的(1)所示，本申请不做限定。

仍参照图8a的(1)，示例性的，本申请实施例中以转场动画显示框802以及时间控件的位置在熄屏界面801的左下方为例进行说明，转场动画显示框802以及时间控件在熄屏界面801时，锁屏模式的转场动画的显示可参照图8a～图8b，本申请不再重复说明。

示例性的，手机响应于接收到的用户操作(例如点击开机键)，进入锁屏模式。请参照图8a的(2)，示例性的，锁屏界面803中包括视野框804以及图像示意框805。示例性的，视野框804在锁屏界面803中的尺寸与位置与转场动画显示框802在熄屏界面801中的尺寸和位置相同。相应的，图像示意框805可基于视野框804当前显示的位置，显示在锁屏界面803的对应的位置上。以使得视野框804与图像示意框805中的图像的重叠部分与转场动画显示框802中显示的图像相同。其他描述可参照图5a的(2)的相关内容，此处不再赘述。

示例性的，图像示意框804逐渐放大，并且从锁屏界面803的左下角向锁屏界面803的中心移动。同时，视野框804逐渐放大，并且从锁屏界面803的左下角向锁屏界面803的中心移动。请参照图8b的(1)，图像示意框804与视野框804放大并移动到图8b的(1)所示的位置。视野框804中显示与图像示意框805中的图像重叠的部分。示例性的，图像示意框805与视野框804继续放大，并向锁屏界面803的中心移动，如图8b的(2)和8b的(3)所示，未描述部分可参照图5b～图5d，此处不再赘述。

图9a～图9c为示例性示出的又一种熄屏模式到锁屏模式的转场动画的显示方式。示例性的，请参照图9a的(1)，熄屏界面901中包括转场动画显示框902以及时间控件等。其他描述可参照图5a的(1)，此处不再赘述。

示例性的，手机响应于接收到的用户操作，进入锁屏模式。请参照图9a的(2)，锁屏界面903中包括但不限于视野框904以及图像示意框905。视野框904的描述可参照上文中图5a的相关描述，此处不再赘述。示例性的，在本实施例中，以视频片段的图像帧均为横屏图像为例。示例性的，横屏图像的宽度与高度的比例可以为16:9，该比例仅为示意性距离，本申请不做限定。

示例性的，与图5a的(2)类似，图像示意框905中的图像即为原始的横屏图像帧按照预设的比例(例如50％)缩小后所得，具体实现可参照上文，此处不再赘述。示例性的，图像示意框905基于视野框904的位置，显示在锁屏界面903的相应位置上，以使得视野框904中显示的图像与转场动画显示框902中的图像相同。

示例性的，图像示意框904逐渐放大，并且，图像示意框904逐渐向锁屏界面903的中心移动。同时，视野框904逐渐放大，并且视野框904逐渐向锁屏界面903的中心移动。

请参照图9b的(1)，图像示意框904与视野框904放大并移动到图9b的(1)所示的位置。视野框904中显示与图像示意框905中的图像重叠的部分。示例性的，图像示意框905与视野框904继续放大，并向锁屏界面903的中心移动，如图8b的(2)所示，未描述部分可参照图5b的(2)的相关描述，此处不再赘述。

请参照图9b的(3)，示例性的，图像示意框904在放大与移动的过程中，由于其宽度与高度的比例为16:9，因此，当图像示意框904的上下边框在锁屏界面903的上下边框之上时，图像示意框904的左右边框已在锁屏界面903之外。相应的，图像示意框904中的图像有部分图像处于锁屏界面903的界面之外。因此，即使此时视野框904的左右边框已超出锁屏界面903的边框，锁屏界面903中显示的图像仍然未视野框904中处于锁屏界面903内的部分。其它为描述部分可参照图5b的(3)，此处不再赘述。

请参照图9c的(1)，示例性的，图像示意框905的尺寸和位置保持不变，视野框904的中心点保持不变，且继续放大，直至视野框904的上下边框触碰到锁屏界面903的边框。请参照图9c的(2)，示例性的，锁屏界面903可继续播放锁屏模式的转场动画中的图像帧，并且，锁屏界面903显示一个或多个其它控件，例如时间控件、网络控件、电量控件等。示例性的，由于图像帧的比例与锁屏界面903的比例不同，锁屏界面903中显示的图像仅为图像帧中的部分图像。

需要说明的是，对于图像比例与锁屏界面的比例不相同的图像帧，为使其图像中的重要部分，例如人像、物体等图像能够全部显示在锁屏界面中。手机可通过图像识别、剪裁与尺寸调整等图像处理方式，以获取包括图像中的重要部分在内，且与锁屏界面的比例相同的图像帧，并应用于转场动画中。

图10a～图10b为示例性示出的又一种熄屏模式到锁屏模式的转场动画的显示方式。请参照图10a的(1)，示例性的，熄屏界面1001包括转场动画显示框1002以及时间控件等。手机响应于接收到的用户操作，进入锁屏模式。请参照图10a的(2)，示例性的，本实施例中的转场动画的显示方式模拟眨眼过程，熄屏界面1001中的视野框1002可加一层椭圆形(也可以是其他形状，本申请不做限定)的边缘模糊的遮罩，该遮罩纵向压缩，直至消失，如图10a的(3)所示。同时，熄屏界面1001中的其他控件(例如时间控件)也逐渐消失。

请参照图10b的(1)，示例性的，手机显示锁屏界面1003，锁屏界面1003中包括图像示意框1004。示例性的，上文所述的遮罩可从图像示意框1004中的中部展开，以逐渐显示图像示意框1004中的图像。与上文相同，图像示意框1004中按照视频片段中的图像帧的顺序显示。需要说明的是，虚线部分仅为说明跳舞小人在图像示意框1004中的位置，遮罩外的部分实际上是不显示的。请参照图10b的(2)，示例性的，遮罩继续展开，以显示图像示意框1004中的图像的其它部分，直至遮罩展开至锁屏界面1003大小，即，图像示意框1004在锁屏界面1003中的部分全部显示。请参照图10b的(3)，示例性的，锁屏界面1003中可选地继续播放转场动画的其它图像帧，并且，显示其它控件，例如时间控件、网络控件、电量控件等。

图11～图13b为示例性示出的不同的应用场下的转场动画的显示方式。请参照图11的(1)，示例性的，在该场景中，手机处于熄屏模式，熄屏界面1101中包括转场动画显示框1102以及其它控件(例如时间控件)，转场动画显示框1102中依次播放视频片段中的图像帧，直至播放至熄屏模式的关键帧，例如图像帧1103。示例性的，用户可通过触摸熄屏界面1101，以触发指纹解锁。手机响应于接收到的用户操作，解锁手机，并从熄屏模式直接进入桌面模式。

请参照图11中的(2)，示例性的，手机略过锁屏模式，直接从熄屏模式进入桌面模式。可选地，手机进入桌面模式之前，可先黑屏，然后再进入桌面模式，下文中相同，不再重复说明。示例性的，桌面1104显示转场动画。由于手机略过锁屏模式，因此，桌面1104中所显示的转场动画的第一图像帧为熄屏模式的最后一帧，即熄屏模式的关键帧(例如图像帧1103)。示例性的，桌面1104中显示图像帧1103的方式可参照上文图5a～图5d、图6a～图6d、图7a～图7b、图8a～图8b、图9a～图9c、图10a～图10b中的任一显示方式。示例性的，桌面1104依次播放视频片段中的图像帧，直至最后一帧，例如图像帧1105。可选地，桌面1104中的其它控件，例如应用图标控件、网络控件、电量控件等，可以在桌面1104播放转场动画的过程中逐渐显现，也可以在桌面1104的转场动画定格在最后一帧(例如图像帧1105)时显现，本申请不做限定。

图12a～图12e为示例性示出的熄屏模式到锁屏模式、锁屏模式到桌面模式的转场动画的显示方式。请参照图12a，示例性的，熄屏界面1201中包括转场动画显示框1202以及其它控件，示例性的，转场动画显示框1202定格在图像帧1203，具体描述可参照上文，此处不再赘述。示例性的，用户可点击开机键。手机响应于接收到的用户操作，进入锁屏模式。

请参照图12b，示例性的，锁屏界面1204中显示熄屏模式的最后一帧(例如图像帧1203)。示例性的，锁屏界面1204显示图像帧的方式可参照上文图5a～图5d、图6a～图6d、图7a～图7b、图8a～图8b、图9a～图9c、图10a～图10b中的任一显示方式。示例性的，锁屏界面1204依次播放视频片段的图像帧。请参照图12c，示例性的，锁屏界面1204播放至锁屏模式的关键帧(例如为图像帧1205)并定格在关键帧。用户可通过滑动解锁、指纹解锁、人脸解锁等方式对手机进行解锁。示例性的，手机响应于接收到的用户操作，进入桌面模式。请参照图12d，桌面1206中从锁屏模式的关键帧(例如图像帧1105)开始，依次播放视频片段中的图像帧，直至桌面模式的关键帧，例如图12e中的图像帧1107。

图13a～图13d为示例性示出的熄屏模式到锁屏模式、锁屏模式到桌面模式的转场动画的显示方式。请参照图13a的(1)，熄屏界面1301中包括转场动画显示框1302及其它控件。转场动画显示框1302显示熄屏模式的关键帧，例如图像帧1303。未描述部分可参照上文，此处不再赘述。

示例性的，用户点击开机键。手机响应于接收到的用户操作，进入锁屏模式。请参照图13a的(2)，锁屏界面1304中显示熄屏模式的最后一帧(例如图像帧1303)。示例性的，锁屏界面1304显示图像帧的方式可参照上文图5a～图5d、图6a～图6d、图7a～图7b、图8a～图8b、图9a～图9c、图10a～图10b中的任一显示方式。示例性的，锁屏界面1304依次播放视频片段的图像帧。

请参照图13b的(1)，示例性的，锁屏界面1304中的转场动画播放至锁屏模式的关键帧(例如图像帧1306)之前的任一帧，例如播放至图像帧1305时，用户通过滑动解锁、指纹解锁、人脸解锁、密码解锁等方式解锁手机。手机响应于接收到的用户操作，进入桌面模式。也就是说，在锁屏模式的转场动画还未播放完之前，锁屏模式的转场动画被打断，进入桌面模式。请参照图13b的(2)，示例性的，桌面1307继续从图像帧1305开始，依次播放视频片段的图像帧直至播放至桌面模式的关键帧，其它未描述部分可参照上文，此处不再赘述。

需要说明的是，如上文所述，锁屏界面播放的转场动画实际上是以逐渐展开的方式播放的，如图5a～10所示。在本申请实施例中，逐渐展开的方式可包括两种，第一种为锁屏模式的转场动画在逐渐展开的过程中，依次播放转场动画中的图像帧，在没被打断之前，锁屏模式的转场动画展开至全屏的时候，也就是说，视野框展开至于锁屏界面的尺寸相同时，视野框中播放的图像帧刚好是锁屏模式的转场动画的最后一个图像帧。第二种逐渐展开的方式是：锁屏模式的转场动画中的一部分图像帧可应用于逐渐展开过程，另一部分图像帧则在视野框展开全屏时，以全屏的方式播放。举例说明，锁屏模式的转场动画包括180个帧，当视野框展开至全屏时，视野框中显示的图像帧为180个图像帧中的第90个图像帧，则从第91个图像帧开始，锁屏模式将以全屏的方式显示第91帧至第180帧之间的图像帧。

基于上文所述的两种展开方式，一个示例中，图13b所示的打断续播的方式可以理解为是在锁屏模式全屏播放转场动画时被打断，则手机进入桌面模式后，可继续以全屏播放的方式，播放转场动画的剩余图像帧以及桌面的转场动画的图像帧。另一个示例中，图13b所示的打断续播的方式可以理解为是在锁屏模式的转场动画逐渐展开的过程中被打断。为更好的说明该打断续播场景，下面以具体示例举例说明，请参照图13c，示例性的，锁屏模式的转场动画的关键帧为图像帧1306。当锁屏界面1304中的视野框逐渐展开至如图13c的(1)所示时，视野框中所显示的是图像帧1305的部分图像。用户可通过滑动解锁、人脸解锁等方式解锁手机。示例性的，手机响应于接收到的用户操作，进入桌面模式。请参照图13c的(2)，示例性的，手机显示桌面1307。桌面1307中将续播图像帧1305以及后续的图像帧。示例性的，由于视野框在逐渐展开时被打断，因此，视野框将继续在桌面1307中逐渐展开并向屏幕中心移动，以及视野框中从图像帧1305继续播放剩余的图像帧。例如，当视野框在桌面1307中展开至全屏时，视野框中显示图像帧1306，也就是原锁屏模式的关键帧。桌面1307中可继续全屏播放桌面模式的转场动画，即图像帧1306至最后一个图像帧。

请参照图13d，示例性的，在熄屏界面1301中的转场动画显示框1302播放熄屏模式的转场动画的过程中，用户可点击开机键。也就是说，图13d所示的场景为熄屏模式的转场动画打断续播的场景。手机响应于接收到的用户操作，进入桌面模式。请参照图13d的(2)，示例性的，锁屏界面1304中将从熄屏模式的转场动画被打断时的图像帧，例如图像帧1308继续熄屏模式的转场动画剩余的图像帧，以及锁屏模式的转场动画的图像帧。锁屏界面1304显示图像帧的方式可参照上文图5a～图5d、图6a～图6d、图7a～图7b、图8a～图8b、图9a～图9c、图10a～图10b中的任一显示方式。

图14a～图14b为示例性示出的熄屏模式到锁屏模式、锁屏模式到桌面模式的转场动画的显示方式。请参照图14a的(1)，示例性的，熄屏界面1402中的转场动画显示框1402显示熄屏模式的关键帧，例如图像帧1403。未描述部分可按照上文，此处不再赘述。示例性的，用户点击开机键。手机响应于接收到的用户操作，进入锁屏模式。请参照图14a的(2)，示例性的，在该场景中，用户可通过预先将锁屏模式的转场动画设置为静态壁纸。锁屏界面1404显示用户预先设置的静态壁纸。可选地，锁屏界面1404显示静态壁纸的方式同样可应用上文图5a～图5d、图6a～图6d、图7a～图7b、图8a～图8b、图9a～图9c、图10a～图10b中的任一显示方式。示例性的，用户通过滑动解锁、指纹解锁、人脸解锁等方式解锁手机。手机响应于接收到的用户操作，进入桌面模式。请参照图14b，示例性的，桌面1405可选地从熄屏模式的关键帧(例如图像帧1403)开始依次播放图像帧，直至桌面模式的关键帧。可选地，桌面1405中显示图像帧1403的方式可参照上文图5a～图5d、图6a～图6d、图7a～图7b、图8a～图8b、图9a～图9c、图10a～图10b中的任一显示方式。其它未描述部分可参照上文，此处不再赘述。需要说明的是，在其他实施例中，手机可响应于接收到的用户操作，将熄屏模式的转场动画设置为静态壁纸，也可以是将桌面模式的转场动画设置为静态壁纸，本申请不做限定。

图15为示例性示出的桌面模式到熄屏模式的转场动画的显示方式。请参照图15的(1)，示例性的，桌面1501显示桌面模式的转场动画的最后一帧(即桌面模式的关键帧)，例如图像帧1502。用户可点击开机键。手机响应于接收到的用户操作，进入熄屏模式。请参照图15的(2)，示例性的，熄屏界面1503中包括转场动画显示框1504，具体描述可参照上文，此处不再赘述。示例性的，转场动画显示框1504从图像帧1502开始，倒着向前依次播放各图像帧，直至播放至视频片段的首个图像帧。请参照图15的(3)，示例性的，转场动画显示框1504中播放的转场动画从桌面模式的关键帧倒序播放至图像帧1505，接着，转场动画显示框1504从图像帧1505开始，依次播放各图像帧，直至播放到熄屏模式的关键帧。其他描述可参照上文，此处不再赘述。可选地，转场动画显示框1504播放至图像帧1505后，可以先黑屏，再继续播放熄屏模式的转场动画。

图16为示例性示出的桌面模式到熄屏模式的转场动画的显示方式。请参照图16的(1)，示例性的，桌面1501显示桌面模式的转场动画的最后一帧(即桌面模式的关键帧)，例如图像帧1502。若在设定的时长(例如10s，可根据用户需求设置，本申请不做限定)在未接收到用户操作，手机进入熄屏模式。可选地，桌面1501中显示的画面可逐渐熄灭，直至黑屏。请参照图16的(2)，示例性的，息屏界面1603中的转场动画显示框1604从熄屏模式的转场动画的首个图像帧(例如图像帧1605)开始，依次播放熄屏模式的转场动画的各图像帧，直至熄屏模式的关键帧。

图17为示例性示出的锁屏模式到熄屏模式的转场动画的显示方式。请参照图17的(1)，示例性的，锁屏界面1701显示锁屏模式的的转场动画的最后一帧(即锁屏模式的关键帧)，例如图像帧1702。用户可点击开机键。手机响应于接收到的用户操作，进入熄屏模式。请参照图17的(2)，示例性的，熄屏界面1703中包括转场动画显示框1704，具体描述可参照上文，此处不再赘述。示例性的，转场动画显示框1704从图像帧1702开始，倒着向前依次播放各图像帧，直至播放至视频片段的首个图像帧。请参照图17的(3)，示例性的，转场动画显示框1704中播放的转场动画从锁屏模式的关键帧倒序播放至图像帧1705，接着，转场动画显示框1704从图像帧1705开始，依次播放各图像帧，直至播放到熄屏模式的关键帧。其他描述可参照上文，此处不再赘述。可选地，转场动画显示框1704播放至图像帧1705后，可以先黑屏，再继续播放熄屏模式的转场动画。

图18为示例性示出的锁屏模式到熄屏模式的转场动画的显示方式。请参照图18的(1)，示例性的，锁屏界面1801显示锁屏模式的转场动画的最后一帧(即锁屏模式的关键帧)，例如图像帧1802。若在设定的时长(例如10s，可根据用户需求设置，本申请不做限定)在未接收到用户操作，手机进入熄屏模式。可选地，锁屏界面1801中显示的画面可逐渐熄灭，直至黑屏。请参照图18的(2)，示例性的，熄屏界面1803中的转场动画显示框1804从熄屏模式的转场动画的首个图像帧(例如图像帧16805)开始，依次播放熄屏模式的转场动画的各图像帧，直至熄屏模式的关键帧。

在一种可能的实现方式中，若锁屏模式的转场动画播放过程中，用户点击开机键，即锁屏模式的转场动画被打断。手机响应于接收到的用户操作，进入熄屏模式。示例性的，熄屏界面中的转场动画显示框将从锁屏模式被打断时所显示的图像帧开始，倒着向前播放至视频片段的首个图像帧，再从首个图像帧开始播放熄屏模式的转场动画。需要说明的是，如上文所述，锁屏模式的转场动画被打断时，锁屏界面所播放的转场动画可能是以全屏的方式显示，也可能是在逐渐展开的方式显示。示例性的，图19为示例性示出的锁屏界面播放的转场动画在逐渐展开过程中被打断的场景。请参照图19，示例性的，锁屏界面1901中的视野框逐渐展开的过程中，手机接收到用户点击开机键的操作。示例性的，锁屏界面1901当前播放的时图像帧1902的部分图像帧，而锁屏模式的关键帧为图像帧1903。示例性的，手机响应于接收到的用户操作，进入熄屏模式。示例性的，熄屏界面1904中的转场动画显示框1905中从图像帧1902开始，倒序播放至视频片段的首个图像帧，然后再从首个图像帧开始，依次播放熄屏模式的转场动画的图像帧。未描述部分可参照上文，此处不再赘述。

在另一种可能的实现方式中，若桌面模式的转场动画播放过程中，用户点击开机键，即桌面模式的转场动画被打断。手机响应于接收到的用户操作，进入熄屏模式。示例性的，熄屏界面中的转场动画显示框将从桌面模式被打断时所显示的图像帧开始，倒着向前播放至视频片段的首个图像帧，再从首个图像帧开始播放熄屏模式的转场动画。

可以理解的是，电子设备为了实现上述功能，其包含了执行各个功能相应的硬件和/或软件模块。结合本文中所公开的实施例描述的各示例的算法步骤，本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。本领域技术人员可以结合实施例对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

一个示例中，图20示出了本申请实施例的一种装置2000的示意性框图装置2000可包括：处理器2001和收发器/收发管脚2002，可选地，还包括存储器2003。

装置2000的各个组件通过总线2004耦合在一起，其中总线2004除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图中将各种总线都称为总线2004。

可选地，存储器2003可以用于前述方法实施例中的指令。该处理器2001可用于执行存储器2003中的指令，并控制接收管脚接收信号，以及控制发送管脚发送信号。

装置2000可以是上述方法实施例中的电子设备或电子设备的芯片。

其中，上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应功能模块的功能描述，在此不再赘述。

本实施例还提供一种计算机存储介质，该计算机存储介质中存储有计算机指令，当该计算机指令在电子设备上运行时，使得电子设备执行上述相关方法步骤实现上述实施例中的显示方法。

本实施例还提供了一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得计算机执行上述相关步骤，以实现上述实施例中的显示方法。

另外，本申请的实施例还提供一种装置，这个装置具体可以是芯片，组件或模块，该装置可包括相连的处理器和存储器；其中，存储器用于存储计算机执行指令，当装置运行时，处理器可执行存储器存储的计算机执行指令，以使芯片执行上述各方法实施例中的显示方法。

其中，本实施例提供的电子设备、计算机存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。

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

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

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

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

本申请各个实施例的任意内容，以及同一实施例的任意内容，均可以自由组合。对上述内容的任意组合均在本申请的范围之内。

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

上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

结合本申请实施例公开内容所描述的方法或者算法的步骤可以硬件的方式来实现，也可以是由处理器执行软件指令的方式来实现。软件指令可以由相应的软件模块组成，软件模块可以被存放于随机存取存储器(Random Access Memory，RAM)、闪存、只读存储器(Read Only Memory，ROM)、可擦除可编程只读存储器(Erasable Programmable ROM，EPROM)、电可擦可编程只读存储器(Electrically EPROM，EEPROM)、寄存器、硬盘、移动硬盘、只读光盘(CD-ROM)或者本领域熟知的任何其它形式的存储介质中。一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。当然，存储介质也可以是处理器的组成部分。处理器和存储介质可以位于ASIC中。

本领域技术人员应该可以意识到，在上述一个或多个示例中，本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。

上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (21)

1.一种电子设备，其特征在于，包括：

存储器和处理器；

所述处理器与所述存储器耦合；

所述存储器存储有程序指令，当所述程序指令由所述处理器执行时，使得所述电子设备执行如下步骤：

当所述电子设备的显示屏上显示第一界面，在所述第一界面的第一显示框中播放所述第一转场动画的各图像帧，定格在所述第一转场动画的最后一个图像帧；所述第一显示框的中心偏离所述电子设备的显示屏的屏幕中心；

响应于接收到的第一用户操作，将所述电子设备的显示屏上的所述第一界面切换为第二界面；所述第二界面包括第二显示框，所述第二显示框的尺寸与所述第一显示框的尺寸相同，并且，所述第二显示框在所述显示屏上的位置与所述第一显示框在所述显示屏上的位置相同；

将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动；其中，在所述第二显示框逐渐放大，和向所述电子设备的显示屏的屏幕中心移动的过程中，在所述第二显示框中播放第二转场动画的各图像帧；所述第二转场动画的首个图像帧与所述第一转场动画的最后一个图像帧相同。

2.根据权利要求1所述的电子设备，其特征在于，所述第一转场动画包括N个图像帧，N为大于1的整数；当所述程序指令由所述处理器执行时，使得所述电子设备执行如下步骤：

按照设定的第一尺寸，对所述N个图像帧中的每个图像帧进行裁剪；

按照设定的第二尺寸，调整裁剪后的每个图像帧的尺寸；

在所述第一显示框中依次播放裁剪并调整尺寸后的每个图像帧，并且定格在所述第一转场动画中被裁剪并调整尺寸后的最后一个图像帧；其中，所述第一显示框的尺寸与所述第二尺寸相同。

3.根据权利要求2所述的电子设备，其特征在于，所述第二转场动画包括M个图像帧，M为大于1的整数；当所述程序指令由所述处理器执行时，使得所述电子设备执行如下步骤：

将所述M个图像帧中的首个图像帧，按照所述第二尺寸进行调整；

将调整后的首个图像帧叠加在所述第二显示框下；其中，所述第二显示框与所述调整后的首个图像帧叠加的部分的图像与所述被裁剪并调整尺寸后的最后一个图像帧的图像相同。

4.根据权利要求3所述的电子设备，其特征在于，当所述程序指令由所述处理器执行时，使得所述电子设备执行如下步骤：

将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动的过程中，将所述调整后的首个图像帧逐渐放大，并向所述显示屏的中心移动；其中，所述第二显示框中显示的图像随着所述第二显示框与所述调整后的首个图像帧之间的重叠部分变换。

5.根据权利要求4所述的电子设备，其特征在于，当所述程序指令由所述处理器执行时，使得所述电子设备执行如下步骤：

当所述调整后的首个图像帧播放完毕，所述调整后的首个图像帧放大到第三尺寸，并且移动到所述显示屏中的第一位置；

将与所述第二显示框叠加的所述调整后的首个图像帧按照所述M个图像帧的顺序，切换为下一个图像帧；其中，所述下一个图像帧的尺寸为所述第三尺寸，并且所述下一个图像帧在所述显示屏中的所述第一位置；

将所述下一个图像帧逐渐放大，并向所述显示屏的屏幕中心移动；其中，所述第二显示框中显示的图像随着所述第二显示框与所述下一个图像帧之间的重叠部分变换。

6.根据权利要求1至5任一项所述的电子设备，其特征在于，当所述程序指令由所述处理器执行时，使得所述电子设备执行如下步骤：

当所述第二显示框的中心与所述显示屏的中心重合，且所述第二显示框的至少一个边框在所述显示屏的边框之内，所述第二显示框停止移动，并继续放大，直至所述第二显示框的所有边框与所述显示屏的边框重叠或者在所述显示屏的边框之外。

7.根据权利要求1至6任一项所述的电子设备，其特征在于，所述第一显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

8.根据权利要求1至7任一项所述的电子设备，其特征在于，所述第二显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

9.根据权利要求1至8任一项所述的电子设备，其特征在于，所述第一界面为熄屏界面，所述第二界面为锁屏界面。

10.根据权利要求1至8任一项所述的电子设备，其特征在于，所述第一界面为熄屏界面，所述第二界面为桌面。

11.一种显示方法，其特征在于，包括：

当电子设备的显示屏上显示第一界面，在所述第一界面的第一显示框中播放所述第一转场动画的各图像帧，定格在所述第一转场动画的最后一个图像帧；所述第一显示框的中心偏离所述电子设备的显示屏的屏幕中心；

所述电子设备响应于接收到的第一用户操作，将所述电子设备的显示屏上的所述第一界面切换为第二界面；所述第二界面包括第二显示框，所述第二显示框的尺寸与所述第一显示框的尺寸相同，并且，所述第二显示框在所述显示屏上的位置与所述第一显示框在所述显示屏上的位置相同；

所述电子设备将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动；其中，在所述第二显示框逐渐放大，和向所述电子设备的显示屏的屏幕中心移动的过程中，在所述第二显示框中播放第二转场动画的各图像帧；所述第二转场动画的首个图像帧与所述第一转场动画的最后一个图像帧相同。

12.根据权利要求11所述的方法，其特征在于，所述第一转场动画包括N个图像帧，N为大于1的整数；所述第一界面的第一显示框中播放所述第一转场动画的各图像帧，包括：

按照设定的第一尺寸，对所述N个图像帧中的每个图像帧进行裁剪；

按照设定的第二尺寸，调整裁剪后的每个图像帧的尺寸；

在所述第一显示框中依次播放裁剪并调整尺寸后的每个图像帧，并且定格在所述第一转场动画中被裁剪并调整尺寸后的最后一个图像帧；其中，所述第一显示框的尺寸与所述第二尺寸相同。

13.根据权利要求12所述的方法，其特征在于，所述第二转场动画包括M个图像帧，M为大于1的整数；所述第一界面的第一显示框中播放所述第一转场动画的各图像帧，包括：

将所述M个图像帧中的首个图像帧，按照所述第二尺寸进行调整；

将调整后的首个图像帧叠加在所述第二显示框下；其中，所述第二显示框与所述调整后的首个图像帧叠加的部分的图像与所述被裁剪并调整尺寸后的最后一个图像帧的图像相同。

14.根据权利要求13所述的方法，其特征在于，所述电子设备将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动，包括：

将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动的过程中，将所述调整后的首个图像帧逐渐放大，并向所述显示屏的中心移动；其中，所述第二显示框中显示的图像随着所述第二显示框与所述调整后的首个图像帧之间的重叠部分变换。

15.根据权利要求14所述的方法，其特征在于，所述电子设备将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动，包括：

当所述调整后的首个图像帧播放完毕，所述调整后的首个图像帧放大到第三尺寸，并且移动到所述显示屏中的第一位置；

将与所述第二显示框叠加的所述调整后的首个图像帧按照所述M个图像帧的顺序，切换为下一个图像帧；其中，所述下一个图像帧的尺寸为所述第三尺寸，并且所述下一个图像帧在所述显示屏中的所述第一位置；

将所述下一个图像帧逐渐放大，并向所述显示屏的屏幕中心移动；其中，所述第二显示框中显示的图像随着所述第二显示框与所述下一个图像帧之间的重叠部分变换。

16.根据权利要求11至15任一项所述的方法，其特征在于，所述电子设备将所述第二显示框逐渐放大，并向所述电子设备的显示屏的屏幕中心移动，包括：

当所述第二显示框的中心与所述显示屏的中心重合，且所述第二显示框的至少一个边框在所述显示屏的边框之内，所述第二显示框停止移动，并继续放大，直至所述第二显示框的所有边框与所述显示屏的边框重叠或者在所述显示屏的边框之外。

17.根据权利要求11至16任一项所述的电子设备，其特征在于，所述第一显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

18.根据权利要求11至17任一项所述的电子设备，其特征在于，所述第二显示框的形状为矩形、圆形、三角形、椭圆形、或者具有不规则形状。

19.根据权利要求11至18任一项所述的电子设备，其特征在于，所述第一界面为熄屏界面，所述第二界面为锁屏界面。

20.根据权利要求11至18任一项所述的电子设备，其特征在于，所述第一界面为熄屏界面，所述第二界面为桌面。

21.一种计算机可读存储介质，包括计算机程序，其特征在于，当所述计算机程序在电子设备上运行时，使得所述电子设备执行如权利要求11-20中任意一项所述的显示方法。

Images