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

Abstract

本申请提供了一种显示方法及电子设备。该方法包括：电子设备可基于熄屏界面中的显示框的位置，在切换后的锁屏界面中，播放与显示框的位置对应的转场动画。从而提升熄屏界面切换到锁屏界面的转场动画的连贯性，以提高用户使用体验。

Description

显示方法及电子设备

技术领域

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

背景技术

目前，随着手机的应用功能越来越强大，手机可为用户提供转场动画，以提高用户使用手机时的视觉体验。但是，目前的转场动画的使用场景有限。

发明内容

为了解决上述技术问题，本申请提供一种显示方法及电子设备。在该方法中，电子设备可基于熄屏界面中的第一显示框在熄屏界面中的不同位置，在切换后的界面中显示相应的动画，以保证熄屏界面切换到其他界面时的动画效果的连续性，以提升用户使用 体验。

第一方面，本申请提供一种电子设备。该电子设备包括存储器和处理器；处理器与存储器耦合；存储器存储有程序指令，当程序指令由处理器执行时，使得电子设备执行 如下步骤：在电子设备的显示屏上显示熄屏界面，在熄屏界面的第一显示框中播放第一 转场动画的各图像帧，定格在第一转场动画的最后一个图像帧；第一显示框位于显示屏 的第一位置。响应于接收到的第一用户操作，将电子设备的显示屏的熄屏界面切换到锁 屏界面，锁屏界面包括第二显示框，第二显示框的尺寸与第一显示框的尺寸相同，并且， 第二显示框在显示屏上的位置与第一显示框在显示屏上的位置相同。将第二显示框逐渐 放大，向电子设备的显示屏的屏幕中心移动；其中，在第二显示框逐渐放大和向电子设 备的显示屏的屏幕中心移动的过程中，在第二显示框中播放第二转场动画；第二转场动 画为基于第一显示框在熄屏界面的第一位置确定的；在第二显示框中播放第二转场动画 的首个图像帧时，第二显示框中显示的首个图像帧时的图像与第一显示框中显示第一转 场动画的最后一个图像帧时的图像相同。这样，电子设备可基于第一显示框在熄屏界面 中的位置，在切换后的锁屏界面中播放与第一位置对应的转场动画，提高熄屏界面切换 到其他界面时的动画效果的连续性，以提升用户使用体验。

根据第一方面，当程序指令由处理器执行时，使得电子设备执行如下步骤：基于第一显示框在显示屏上的不同位置，生成多个转场动画；其中，多个转场动画中的每个转 场动画对应第一显示框在显示屏上的一个位置；第二转场动画包含于多个转场动画。这 样，电子设备可基于第一显示框在屏幕上的不同位置，以生成对应的转场动画。从而在 电子设备的显示屏从熄屏界面切换到锁屏界面时，可根据第一显示框在熄屏界面中的位 置，播放与该位置对应的动画。

根据第一方面，或者以上第一方面的任意一种实现方式，当程序指令由处理器执行 时，使得电子设备执行如下步骤：将多个转场动画进行拼接，生成第一视频片段；将第一视频片段与第二视频片段进行拼接，第二视频片段的首个图像帧与多个转场动画的每个转场动画的最后一个图像帧相同。这样，将多个动画与第二视频进行拼接，从而可通过 图像帧跳转的方式，在播放完第一视频片段中的指定转场动画时，可跳转到第二视频片 段进行播放。

根据第一方面，或者以上第一方面的任意一种实现方式，当程序指令由处理器执行 时，使得电子设备执行如下步骤：当第二显示框播放至第二转场动画的最后一帧，第二显示框放大至与锁屏界面的尺寸相同，在第二显示框中继续播放第二视频片段。这样， 可通过图像帧跳转的方式，实现转场动画的拼接，以应用于显示框在不同位置时的场景。

根据第一方面，或者以上第一方面的任意一种实现方式，当程序指令由处理器执行 时，使得电子设备执行如下步骤：获取用户在第一时刻的第一实时步数，第一实时步数为用户从设定的周期起始时刻至第一时刻之间的行走步数；确定第二视频片段中与第一实时步数对应的第一图像帧；在第二显示框中播放第二视频片段中的首个图像帧与第一图像帧之间的各图像帧。这样，可通过视频播放进度反馈用户的实时步数，并且，为电子 设备中所显示的视频赋予更强的功能属性。

根据第一方面，或者以上第一方面的任意一种实现方式，第二转场动画的首个图像 帧中包括前景图像和背景图像；第二显示框中显示的是首个图像帧中的前景图像；首个图像帧中的背景图像为黑色。这样，可通过对图像帧进行渲染，以生成对应的图像帧。以 使得显示框在显示图像帧时，显示框中的显示的图像是随着显示框逐渐变化的。

第二方面，本申请一种电子设备。该电子设备包括：存储器和处理器；处理器与存储 器耦合；存储器存储有程序指令，当程序指令由处理器执行时，使得电子设备执行如下步骤：在电子设备的显示屏上显示熄屏界面，在熄屏界面的第一显示框中播放第一转场 动画的各图像帧，定格在第一转场动画的最后一个图像帧；第一显示框位于显示屏的第 一位置；响应于接收到的第一用户操作，将电子设备的显示屏的熄屏界面切换到桌面， 桌面包括第二显示框，第二显示框的尺寸与第一显示框的尺寸相同，并且，第二显示框 在显示屏上的位置与第一显示框在显示屏上的位置相同；将第二显示框逐渐放大，向电 子设备的显示屏的屏幕中心移动；其中，在第二显示框逐渐放大和向电子设备的显示屏 的屏幕中心移动的过程中，在第二显示框中播放第二转场动画；第二转场动画为基于第 一显示框在熄屏界面的第一位置确定的；在第二显示框中播放第二转场动画的首个图像 帧时，第二显示框中显示的首个图像帧时的图像与第一显示框中显示第一转场动画的最 后一个图像帧时的图像相同。

根据第二方面，当程序指令由处理器执行时，使得电子设备执行如下步骤：基于第一显示框在显示屏上的不同位置，生成多个转场动画；其中，多个转场动画中的每个转 场动画对应第一显示框在显示屏上的一个位置；第二转场动画包含于多个转场动画。

根据第二方面，或者以上第二方面的任意一种实现方式，当程序指令由处理器执行 时，使得电子设备执行如下步骤：将多个转场动画进行拼接，生成第一视频片段；将第一视频片段与第二视频片段进行拼接，第二视频片段的首个图像帧与多个转场动画的每个转场动画的最后一个图像帧相同。

根据第二方面，或者以上第二方面的任意一种实现方式，当程序指令由处理器执行 时，使得电子设备执行如下步骤：当第二显示框播放至第二转场动画的最后一帧，第二显示框放大至与桌面的尺寸相同，在第二显示框中继续播放第二视频片段。

根据第二方面，或者以上第二方面的任意一种实现方式，当程序指令由处理器执行 时，使得电子设备执行如下步骤：获取用户在第一时刻的第一实时步数，第一实时步数为用户从设定的周期起始时刻至第一时刻之间的行走步数；确定第二视频片段中与第一实时步数对应的第一图像帧；在第二显示框中播放第二视频片段中的首个图像帧与第一图像帧之间的各图像帧。

根据第二方面，或者以上第二方面的任意一种实现方式，第二转场动画的首个图像 帧中包括前景图像和背景图像；第二显示框中显示的是首个图像帧中的前景图像；首个图像帧中的背景图像为黑色。

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

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

根据第三方面，当电子设备的显示屏上显示熄屏界面之前，方法包括：基于第一显示框在显示屏上的不同位置，生成多个转场动画；其中，多个转场动画中的每个转场动 画对应第一显示框在显示屏上的一个位置；第二转场动画包含于多个转场动画。

根据第三方面，或者以上第三方面的任意一种实现方式，方法还包括：将多个转场动画进行拼接，生成第一视频片段；将第一视频片段与第二视频片段进行拼接，第二视 频片段的首个图像帧与多个转场动画的每个转场动画的最后一个图像帧相同。

根据第二方面，或者以上第二方面的任意一种实现方式，第二显示框中播放第二转 场动画，包括：当第二显示框播放至第二转场动画的最后一帧，第二显示框放大至与锁屏界面的尺寸相同，在第二显示框中继续播放第二视频片段。

根据第二方面，或者以上第二方面的任意一种实现方式，第二显示框中播放第二转 场动画，包括：获取用户在第一时刻的第一实时步数，第一实时步数为用户从设定的周期起始时刻至第一时刻之间的行走步数；确定第二视频片段中与第一实时步数对应的第一图像帧；在第二显示框中播放第二视频片段中的首个图像帧与第一图像帧之间的各图像帧。

根据第二方面，或者以上第二方面的任意一种实现方式，第二转场动画的首个图像 帧中包括前景图像和背景图像；第二显示框中显示的是首个图像帧中的前景图像；首个图像帧中的背景图像为黑色。

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

根据第四方面，当电子设备的显示屏上显示熄屏界面之前，还包括：基于第一显示框在显示屏上的不同位置，生成多个转场动画；其中，多个转场动画中的每个转场动画 对应第一显示框在显示屏上的一个位置；第二转场动画包含于多个转场动画。

根据第四方面，或者以上第四方面的任意一种实现方式，方法还包括：将多个转场动画进行拼接，生成第一视频片段；将第一视频片段与第二视频片段进行拼接，第二视 频片段的首个图像帧与多个转场动画的每个转场动画的最后一个图像帧相同。

根据第四方面，或者以上第四方面的任意一种实现方式，第二显示框中播放第二转 场动画，包括：当第二显示框播放至第二转场动画的最后一帧，第二显示框放大至与桌面的尺寸相同，在第二显示框中继续播放第二视频片段。

根据第四方面，或者以上第四方面的任意一种实现方式，第二显示框中播放第二转 场动画，包括：获取用户在第一时刻的第一实时步数，第一实时步数为用户从设定的周期起始时刻至第一时刻之间的行走步数；确定第二视频片段中与第一实时步数对应的第一图像帧；在第二显示框中播放第二视频片段中的首个图像帧与第一图像帧之间的各图像帧。

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

根据第五方面，方法包括：基于第一显示框在显示屏上的不同位置，生成多个转场动画；其中，多个转场动画中的每个转场动画对应第一显示框在显示屏上的一个位置； 第二转场动画包含于多个转场动画。

根据第五方面，或者以上第五方面的任意一种实现方式，方法还包括：将多个转场动画进行拼接，生成第一视频片段；将第一视频片段与第二视频片段进行拼接，第二视 频片段的首个图像帧与多个转场动画的每个转场动画的最后一个图像帧相同。

根据第五方面，或者以上第五方面的任意一种实现方式，方法还包括：当第二显示框播放至第二转场动画的最后一帧，第二显示框放大至与第二界面的尺寸相同，在第二 显示框中继续播放第二视频片段。

根据第五方面，或者以上第五方面的任意一种实现方式，方法还包括：获取用户在第一时刻的第一实时步数，第一实时步数为用户从设定的周期起始时刻至第一时刻之间的行走步数；基于预先设置的用户步数与第二视频片段中的图像帧的对应关系，确定与 第一实时步数对应的第一图像帧；在第二显示框中播放第二视频片段中的首个图像帧与 第一图像帧之间的各图像帧。

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

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

根据第五方面，或者以上第五方面的任意一种实现方式，第二转场动画的首个图像 帧中包括前景图像和背景图像；第二显示框中显示的时首个图像帧中的前景图像；首个图像帧中的背景图像为黑色。

第六方面，本申请还提供一种电子设备，该电子设备包括存储器和处理器。存储器中存储有程序指令，当程序指令由处理器执行时，使得电子设备实现第五方面以及第五 方面的任意一种实现方式所述的显示方法。

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

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

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

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

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

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

附图说明

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

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

图3为示例性示出的转场动画设置方式示意图；

图4a～图4b为示例性示出的图像帧与步数的对应关系示意图；

图5为示例性示出成长主题显示示意图

图6a～图6b为示例性示出的成长主题显示示意图；

图7a～图7g为示例性示出的成长主题的显示示意图；

图8a～图8c为示例性示出的成长主题的显示示意图；

图9为示例性示出的视频片段的示意图；

图10a～图10d为示例性示出的成长主题的显示示意图；

图11a～图11b为示例性示出的熄屏模式到锁屏模式的转场动画的显示示意图；

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

图13a～图13b为示例性示出的熄屏模式到锁屏模式的转场动画的显示示意图；

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

具体实施方式

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

本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系， 例如，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的至少部分模块 被设置在同一个器件中。

电子设备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可以包括比图示 更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。

在本申请实施例中，手机的转场动画可与用户步数相关联，以通过转场动画反映用 户在预设周期(例如一天)内的步数。本申请实施例中，手机的转场动画(包括熄屏模式到锁屏模式的转场动画、锁屏模式到桌面模式的转场动画)可与用户步数相关联，以通 过转场动画反映用户在预设周期内的步数。需要说明的是，本申请实施例中仅以转场动 画与用户步数相关联的实施例进行说明。在其他实施例中，转场动画也可以与读书时长， 手机使用时长、消耗卡路里等其他数据结合，具体结合方式与转场动画和用户步数的结 合方式类似，本申请不再重复说明。

图3为示例性示出的转场动画设置方式示意图。请参照图3，示例性的，在桌面和壁纸设置界面301中，包括一个或多个控件，例如包括但不限于：主题控件302、熄屏显示 控件、壁纸控件等。用户可点击主题控件302。手机响应于接收到的用户操作，显示主题 设置界面。请参照图3的(2)，示例性的，主题设置界面303中包括一个或多个控件， 例如包括但不限于：冰川主题控件304、深海主题控件等。可选地，主题可以是系统自带 的，也可以是手机基于存储的视频生成的，本申请不做限定。

仍参照图3的(2)，示例性的，用户点击冰川主题控件304。手机响应于接收到的用户操作，显示冰川主题设置界面。请参照图3的(3)，示例性的，冰川主题设置界面305 包括但不限于：转场动画预览窗口306、提示信息307、提示信息308、调节控件309以 及确定控件310等。

示例性的，转场动画预览窗口306可用于预览各模式(包括熄屏模式、锁屏模式以及桌面模式)对应的转场动画。

示例性的，提示信息307可用于指示当前主题为冰川主题。还可用于指示冰川主题的大小(例如为6.26MB)。

示例性的，调节控件309用于设置目标步数。用户可通过移动调节控件309中的滑块设置目标步数。

示例性的，提示信息308用于指示当前设置的目标步数，并提示设置的目标步数与转场动画将跟随实时步数呈现动态变化。

请继续参照图3的(3)，示例性的，本申请实施例中，用户通过拖动调节控件309的滑块，将目标步数设置为4000步。手机响应于接收到的用户操作，提示信息308中指示 目标步数为4000步。示例性的，用户可点击确定控件710。手机响应于接收到的用户操 作，获取转场动画与步数之间的对应关系。

示例性的，本申请实施例中以锁屏模式的转场动画为例进行说明。在其他实施例中， 本申请实施例中的方案同样可适用于锁屏模式到桌面模式的转场动画，本申请中不再重 复说明。

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

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

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

示例性的，手机可基于接收到的用户操作，设置锁屏模式的转场动画与实时步数的 对应关系。

图4a～图4b为示例性示出的图像帧与步数的对应关系示意图。请参照图4a，示例性 的，视频片段包括多个图像帧，本实施例中以视频片段的帧率(即每秒包括的图像帧数量)为120fps，长度为5.5s为例进行说明。也就是说，视频片段总共包括660个图像帧。 需要说明的是，图4a中所示的图像帧为折叠显示后的图像帧，例如其中一个图像帧展开 后，可能包括60个图像帧。

示例性的，手机可基于用户设置的目标步数(例如4000步)，建立步数与图像帧之间的对应关系。

示例性的，如上文所述，目标步数可包括不同的档位，包括：4000步、6000步、8000步、10000步、12000步等，仍以视频片段包括660帧为例，手机可基于不同的目标步数， 设置每个图像帧与实时步数之间的对应关系。如表1所示：

表1

举例说明，当目标步数为4000步时，若用户的实时步数为0～800步，则锁屏界面所显示的为视频片段中的第1帧～第120帧。图像帧121对应的实时步数区间为801步～807步，也就是说，当用户的实时步数在801步至807步之间时，锁屏界面所显示的为视频 片段中的第1帧～第121帧。具体播放过程将在下面的实施例中说明。根据上述对应方 式，手机可针对每一个图像帧，获取对应的实时步数区间。示例性的，随着用户设置的目 标步数不同，在不同目标步数档位下，每个图像帧对应的步数区间也不相同，具体可参 照表1，此处不再逐一说明。

需要说明的是，如上文所述，图像帧可包括660帧。在本申请实施例中，图像帧1～图像帧600可用于与实时步数建立对应关系。图像帧601～图像帧660则可设置为奖励动画。即，当用户在预设周期(本申请中均以当天为例，下文中不再重复说明)内的步数达 到目标步数(例如4000步)，则视频片段可播放奖励动画。

图4b为示例性示出的实时步数与图像帧之间的对应关系。请参照图4b，示例性的，当用户的实时步数为800步之内，则对应的图像帧为第120帧。示例性的，当用户的实 时步数为2400步，则对应的图像帧为第360帧。示例性的，当用户的实时步数为3200 步，则对应的图像帧为第480帧。示例性的，当用户的实时步数为4000步，则对应的图 像帧为第600帧。

结合图4b，图5为示例性示出成长主题显示示意图。请参照图5，示例性的，手机 处于熄屏模式时，用户可点击开机键。手机响应于接收到的用户操作，进入锁屏模式。手 机的锁屏界面可播放锁屏模式对应的转场动画，也可以理解为是熄屏模式到锁屏模式的 转场动画。

仍参照图5，示例性的，手机可获取用户的实时步数，以用户当前的实时步数为2400 步为例。手机可基于实时步数与图像帧的对应关系，确定2400步对应的图像帧为第360 帧(也可以称为图像帧360)。示例性的，手机进入锁屏模式，锁屏界面501中可依次播放第1帧至第360帧中的每个图像帧。需要说明的是，锁屏模式的转场动画是用于衔接 熄屏模式与锁屏模式的。举例说明，仍参照图5，示例性的，熄屏界面502中的转场动画 显示框503中显示的是图5中所示的图像帧中的第1帧的部分图像。需要说明的是，转 场动画显示框503中显示的第1帧的部分图像为，对第1帧进行裁剪以及尺寸调整后生 成的。手机进入锁屏模式，锁屏界面501中从第1帧开始播放。示例性的，锁屏界面501 中显示的第1帧～第20帧(仅为示意性举例，本申请不做限定)的方式可选地为将转场 动画显示框503中的图像帧(即第1帧)逐渐展开，并且，在展开的过程中，转场动画 显示框503中依次播放第2帧～第20帧，从而实现熄屏模式到锁屏模式的动画衔接效果。 需要说明的是，在转场动画显示框503展开过程中，锁屏界面501中除转场动画显示框 503的部分均为黑屏。

示例性的，转场动画显示框503完全展开后，锁屏界面501中显示的图像帧的尺寸与锁屏界面501相同，即图像占满整个锁屏界面501。示例性的，锁屏界面501可继续播 放第21帧～第360帧(即与实时步数对应的关键帧)，也可以理解为与实时步数对应的视 频片段(或动画片段)。示例性的，锁屏界面501在播放实时步数对应的视频片段的过程 中，锁屏界面501上可显示时间控件、网络控件、电量控件等控件。

仍参照图5，示例性的，用户可通过滑动解锁、指纹解锁、人脸解锁等方式解锁。手机响应于接收到的用户操作，进入桌面模式。一个示例中，桌面模式的转场动画可以是 将锁屏模式显示的最后一帧，即实时步数对应的关键帧(例如第360帧)添加放大效果。 例如将第360帧放大110％，持续0.5s后，恢复至第360帧原图大小。另一个示例中，桌 面模式的转场动画可以是从锁屏模式显示的最后一帧开始，继续播放0.5s长度(即60个 图像帧)的动画(例如为第360帧至第420帧)。

示例性的，在本申请实施例中，在锁屏界面播放的转场动画的结束前，若手机接收到用户操作，指示手机进入桌面、或启动小工具、或者进行充电等操作，转场动画的剩余 视频片段可在其他界面上继续播放。举例说明，请参照图6a，示例性的，假设手机获取 到的用户的实时步数已超过目标步数(例如4000步)，相应的，锁屏界面的转场动画对 应的视频片段为第1帧至第660帧(也可以是压缩后的视频片段，概念可参照上文，此 处不再赘述)。示例性的，手机在熄屏模式下，接收到用户点击开关键的操作。手机响应 于接收到的用户操作，进入锁屏模式。示例性的，手机黑屏后，显示锁屏界面601。锁屏 界面601中播放第1帧～第20帧的展开动画(具体细节可参照上文)。示例性的，锁屏界 面601中继续播放第21帧之后的每个图像帧，并且锁屏界面601中的一个或多个控件 (例如时间控件、网络控件等)可以以飞入的方式显现。当锁屏界面601播放第360帧 时，用户从锁屏界面601底部向上滑动。手机响应于接收到的用户操作，在锁屏界面601 上显示小工具602，同时，锁屏界面601上的时间控件、网络控件等消失。以及，锁屏界 面601继续播放第360帧之后的每个图像帧，直至播放至第660帧。示例性的，当小工 具602使用完成，或者是用户手动取消小工具602，锁屏界面601显示的图像可保持在第 660帧，并且显示时间控件、网络控件等控件。

再举例说明，请参照图6b，示例性的，假设锁屏模式需要播放的转场动画仍为第1帧至第660帧。示例性的，手机在熄屏模式下，接收到用户点击开关键的操作。手机响 应于接收到的用户操作，进入锁屏模式。示例性的，手机黑屏后，显示锁屏界面601。锁 屏界面601中播放第1帧～第20帧的展开动画(具体细节可参照上文)。示例性的，锁屏 界面601中继续播放第21帧之后的每个图像帧，并且锁屏界面601中的一个或多个控件 (例如时间控件、网络控件等)可以以飞入的方式显现。当锁屏界面601播放第360帧 时，用户对手机进行滑动解锁。手机响应于接收到的用户操作，进入桌面模式。可选地， 锁屏模式的转场动画的剩余视频片段，即第361帧至第660帧可以以锁屏模式到桌面模 式的转场动画的形式播放，也可以是以动态壁纸的形式播放。本申请不做限定。例如，若 剩余视频片段是以转场动画的形式播放，则剩余视频片段可以以逐渐展开、飞入、淡入 等方式在桌面603上显示。若剩余视频片段是以动态壁纸的形式播放，则桌面603上直 接播放第361帧至第660帧。可选地，桌面603上的一个或多个控件(例如应用图标控 件等)可以以飞入、淡入的方式显示，本申请不做限定。

在一种可能的实现方式中，手机可响应于用户操作，将与用户步数绑定的锁屏模式 的转场动画替换为其它静态图片。示例性的，手机可在桌面播放与实时步数对应的视频片段。若手机响应于用户操作，将与用户步数绑定的桌面模式的转场动画替换为其它静 态图片。示例性的，手机可在锁屏界面显示实时步数对应的关键帧。

可选地，在本申请实施例中，手机在播放与实时步数对应的转场动画的同时，可在当前界面(可以是锁屏界面也可以是桌面)的指定区域(例如屏幕左下角)显示用户的实 时步数。

在一种可能的实现方式中，如图7a所示，熄屏模式下，转场动画显示框702以及时间控件等可在熄屏界面701中的任意位置，例如，可以在熄屏界面701的上部、中部、 下部以及左下角、右下角等，本申请不做限定。如上文所述，熄屏模式到锁屏模式的转场 动画的动画效果可以是：转场动画显示框702在播放转场动画的图像帧的同时逐渐展开。 示例性的，如上文所述，在本申请实施例中，实时步数对应的视频片段至少包括第1帧 至第120帧，即在800步之内均会播放第1帧至第120帧，具体描述可参照图4b。示例 性的，请参照图7b，示例性的，第1～第120帧可作为转场动画显示框702展开时所播放 的画面，也就是说，当锁屏界面701播放到第120帧时，转场动画显示框702完全展开 至锁屏界面701大小，即转场动画显示框702当前显示的是第120帧，且第120帧的图 像占满整个锁屏界面701。相应的，锁屏界面701可继续播放与实时步数对应的其它图像 帧。也就是说，如图7b所示，视频片段可以看作为是熄屏模式到锁屏模式的转场动画， 即熄屏模式展开时所播放的图像帧(例如为第1帧至第120帧，可根据实际需求设置， 本申请不做限定)，以及，对应于实时步数的转场动画(例如第121帧至第660帧)两部 分组成。

举例说明的，请参照图7c，示例性的，熄屏模式下，熄屏界面701包括转场动画显示框702以及时间控件等。转场动画显示框702中显示的图像为第1帧对应的图像。可 选地，熄屏模式也可以对应转场动画，例如，在第1帧之前可包括对应于熄屏模式的转 场动画(图中未示出)。手机处于桌面模式或者锁屏模式时，响应于接收到的用户点击开 机键的操作，进入熄屏模式。熄屏界面的转场动画显示框702可播放熄屏模式的转场动 画，并定格在图7c所示的第1帧。用户点击开机键。手机响应于接收到的用户操作，进 入锁屏模式。请参照图7d，锁屏界面703中的转场动画显示框702播放的是第1帧的图 像中的部分图像。转场动画显示框702逐渐放大，并依次播放图像帧。如图7e所示，以 转场动画显示框702播放至第60帧的图像为例。示例性的，转场动画显示框702放大并 移动至图7e所示的位置，并且，转场动画显示框702中显示的是第60帧。

示例性的，转场动画显示框702继续放大并移动，以及依次播放图像帧。如图7f所示，示例性的，锁屏界面703全屏显示熄屏模式到锁屏模式的转场动画的最后一帧(例 如第120帧)。示例性的，时间控件、网络控件以及电量控件等控件可在锁屏界面703播 放动画的过程中，或者是在显示最后一帧时，以飞入、淡入等任意方式显现。示例性的， 若实时步数大于800步(例如为3200步)，锁屏界面703可继续播放转场动画的图像帧。 请参照图7g，示例性的，锁屏界面703播放至3200步对应的图像帧，即第480帧，并定 格在第480帧。也就是说，在本申请实施例中，锁屏模式下的转场动画显示框在展开过 程中，其所显示的第一帧，即为转场动画显示框在熄屏模式时所显示的熄屏模式的转场 动画的最后一帧，锁屏模式下的转场动画显示框在展开过程中所显示的最后一帧，即为 实时步数对应的转场动画的第一帧。如上文中的7a所示，转场动画显示框可以在熄屏模 式的不同位置显示，为保证转场动画显示框在不同位置时，熄屏模式到锁屏模式的转场 动画的连贯性，本申请实施例中可基于转场动画显示框在预设的多个位置(可根据实际 需求设置，本申请不做限定)中的每个位置，生成对应的熄屏模式到锁屏模式的转场动 画。

如图8a～图8c为示例性示出的基于多个位置生成对应的转场动画的示意图。需要说 明的是，图8a～图8c所示的转场动画显示框的位置仅为示意性举例，在其他实施例中，对于转场动画显示框的其它位置生成对应的转场动画的方式类似，本申请不再重复说明。

请参照图11a，示例性的，以转场动画显示框802在熄屏界面801中的位置如图8a的(1)中所示。手机基于转场动画显示框802在熄屏界面801中的位置，生成熄屏模式 到锁屏模式的转场动画A。举例说明，如图8a的(1)所示，手机进入锁屏模式，锁屏界 面803中的转场动画显示框802所显示的图像，即为熄屏模式到锁屏模式的转场动画A 的第1帧。需要说明的是，锁屏界面803中的图像仅为示意性举例，实际上锁屏界面803 中只显示转场动画显示框802与锁屏界面803的图像中的重叠部分，转场动画显示框802 以外的部分均为黑屏。与上文类似，熄屏模式到锁屏模式的转场动画A是折叠显示的， 实际上可选地包括120个图像帧。请参照图8a的(2)，示例性的，转场动画显示框802 展开并移动到图8a的(3)所示的位置时，其显示的图像为与第80帧重叠的部分。请参 照图8a的(4)，示例性的，转场动画显示框802完全展开后，其显示的图像为与第120 帧重叠的部分。

请参照图8b，示例性的，以转场动画显示框802在熄屏界面801中的位置如图8b的(1)中所示。手机基于转场动画显示框802在熄屏界面801中的位置，生成熄屏模式到 锁屏模式的转场动画B。需要说明的是，手机可通过渲染等方式，生成对应的图像帧。本 申请实施例中仅为更好的说明不同位置生成的图像帧之间的区别，实际上，如图8b中的 熄屏模式到锁屏模式的转场动画B的图像帧中的空白部分，可以是通过渲染的方式生成 的天空对应的图像。举例说明，如图8b的(1)所示，手机进入锁屏模式，锁屏界面803 中的转场动画显示框802所显示的图像，即为熄屏模式到锁屏模式的转场动画B的第1 帧。请参照图8a的(2)，示例性的，转场动画显示框802展开并移动到图8b的(3)所 示的位置时，其显示的图像为与第80帧重叠的部分。请参照图8b的(4)，示例性的， 转场动画显示框802完全展开后，其显示的图像为与第120帧重叠的部分。未描述部分 可参照图8a，此处不再赘述。

请参照图8c，示例性的，以转场动画显示框802在熄屏界面801中的位置如图8b的(1)中所示。手机基于转场动画显示框802在熄屏界面801中的位置，生成熄屏模式到 锁屏模式的转场动画C。举例说明，如图8c的(1)所示，手机进入锁屏模式，锁屏界面 803中的转场动画显示框802所显示的图像，即为熄屏模式到锁屏模式的转场动画C的 第1帧。请参照图8c的(2)，示例性的，转场动画显示框802展开并移动到图8b的(3) 所示的位置时，其显示的图像为与第80帧重叠的部分。请参照图8c的(4)，示例性的， 转场动画显示框802完全展开后，其显示的图像为与第120帧重叠的部分。未描述部分 可参照图8a，此处不再赘述。

示例性的，本申请实施例中，手机可将基于不同位置生成的多个转场动画(例如包括熄屏模式到锁屏模式的转场动画A～B)与图7b中所示的对应实时步数的转场动画进 行拼接，如图9所示。请参照图9，示例性的，视频片段中包括熄屏模式到锁屏模式的转 场动画A(第1帧至第120帧)，熄屏模式到锁屏模式的转场动画B(第121帧至第240 帧)，熄屏模式到锁屏模式的转场动画C(第241帧至第360帧)，以及对应实时步数的 转场动画(第361帧至第900帧)。需要说明的是，手机可基于新生成的拼接转场动画， 确定对应实时步数的转场动画中的每一帧与实时步数的对应关系。具体细节可参照图4b 的相关描述，此处不再赘述。

示例性的，手机可记录转场动画显示框在熄屏界面中的不同位置，与拼接后的视频 片段中熄屏模式到锁屏模式的转场动画的对应关系。例如，转场动画显示框的位置如图8a的(1)所示时，记录为位置1，对应的熄屏模式到锁屏模式的转场动画为第1帧至第 120帧。转场动画显示框的位置如图8b的(1)所示时，记录为位置2，对应的熄屏模式 到锁屏模式的转场动画为第121帧至第240帧。转场动画显示框的位置如图8c的(1) 所示时，记录为位置3，对应的熄屏模式到锁屏模式的转场动画为第241帧至第360帧。

举例说明，请参照图10a，示例性的，熄屏模式下，转场动画显示框1002在熄屏界面1001的位置如图10a所示，即，转场动画显示框1002位于熄屏界面1001的中间位 置。手机响应于接收到的用户点击开机键的操作，进入锁屏模式。手机可确定对应的位 置为位置2，并基于记录的位置与转场动画的对应关系，确定对应的转场动画为熄屏模式 到锁屏模式的转场动画B(即第121帧至第240帧)。

仍参照图10a，示例性的，锁屏界面1003从第121帧开始，依次播放熄屏模式到锁屏模式的转场动画B中的图像帧。具体播放方式可参照上文，此处不再赘述。

请参照图10b，示例性的，锁屏界面1003中的转场动画播放至第240帧。可选地， 锁屏界面1003显示时间控件、网络控件等控件。假设手机获取到的用户实时步数为3200 步，手机可确定对应的关键帧为840帧(对应于图4b中的第480帧)。示例性的，锁屏 界面1003将跳转到第361帧继续播放转场动画。请参照图10c，锁屏界面1003跳转到第 361帧开始播放，直至播放至实时步数对应的关键帧，即第480帧，如图10d所示。

需要说明的是，上文中仅以熄屏模式到锁屏模式的转场动画生成及显示方式为例进 行说明。在其他实施例中，上述方式同样可应用于熄屏模式到桌面模式的转场动画。举例说明，当手机处于熄屏模式时，用户可通过指纹解锁、人脸解锁等方式，使得手机从熄 屏模式直接进入到桌面模式。示例性的，手机响应于接收到的用户操作，可从熄屏模式 进入到桌面模式。示例性的，手机的桌面可播放熄屏模式到桌面模式的转场动画，其显 示方式可参照图10a～图10b，具体细节可参照上文，此处不再赘述。

图11a～图11b为示例性示出的另一种熄屏模式到锁屏模式的转场动画的显示方式。 请参照图11a，示例性的，熄屏模式的转场动画可以是将熄屏模式的转场动画所对应的图 像帧进行尺寸调整后所得。也就是说，在该实施例中，无需对原图像帧进行裁剪，而只是将其尺寸缩小为设定的尺寸，例如缩小50％，本申请不做限定。针对该种显示方式，示 例性的，手机可生成图11b所示的视频片段。请参照图11b，示例性的，手机基于原视频 片段(如图7b中所示)的第1帧，生成具有设定的时长(例如0.5s)的视频片段，即图 11b中的第1帧至第60帧。示例性的，如图11b所示，第1帧至第60帧的图像是相同 的，均是基于原视频片段的第1帧生成的。图12为示例性示出的基于图11b所示的视频 片段的锁屏模式的转场动画显示方式。请参照图12的(1)，示例性的，熄屏界面1201中 包括转场动画显示框1202，位置如图12的(1)所示。示例性的，转场动画显示框中包 括的图像帧的尺寸与转场动画显示框的尺寸相同。并且，如上文所述，转场动画显示框 中的图像帧是原图像帧缩小后所得。需要说明的是，图12的(1)仅为示意性举例，对 于转场动画显示框在熄屏界面1201的其他位置时，其实现方式与图12类似，本申请不 再重复说明。示例性的，手机进入锁屏模式，转场动画显示框1201可逐渐放大并移动。 在转场动画显示框1201逐渐放大并移动的过程中，转场动画显示框1201依次播放图12 中所示的图像帧。示例性的，如图12的(2)所示，示例性的，转场动画显示框1201移 动放大并移动到该位置上，其中显示的图像帧的尺寸与位置同样随着转场动画显示框放 大并移动，直至完全放大至显示屏大小，且移动到显示屏中心，如图12的(3)和图12 的(4)所示。也就是说，在该示例中，在熄屏模式切换到锁屏模式中，转场动画展开的 方式是通过逐渐调整原图像帧在锁屏界面1203中的大小与位置，以实现画面的逐渐展开。

图13a～图13b为示例性示出的另一种熄屏模式到锁屏模式的转场动画的显示方式。 示例性的，手机可基于原视频片段(例如图7b所示)的第1帧，生成针对于转场动画显示框在熄屏界面的不同位置上的转场动画。图13a为示例性示出转场动画显示框1302在 熄屏界面1301的左下角时，对应生成的转场动画的示意图。请参照图13a，示例性的， 为实现转场动画显示框1302所显示的图像逐渐展开的效果，手机可按照图像在锁屏界面 1303中逐渐展开和移动的方式，生成对应的转场动画。如图13a的(1)所示，转场动画 显示框1302位于熄屏界面1301的左下角，为实现手机进入锁屏模式后，锁屏模式显示 的第一帧画面与熄屏界面是连贯的，手机生成的熄屏模式到锁屏模式的转场动画的第1 帧中包括原视频片段的第1帧的图像缩小后的图像，并且，缩小后的图像的位置在图像 帧中的位置是与转场动画显示框1302在熄屏界面1301中的位置对应的。在本实施例中， 以缩小后的图像称为前景部分，图像帧的其它部分(例如图中各图像帧的空白部分)称 为背景部分。

仍参照图13a的(1)，示例性的，锁屏界面1303中的显示熄屏模式到锁屏模式的转场动画的第1帧。其中，第1帧在锁屏界面1303的尺寸与锁屏界面1303的尺寸相同， 从而使得第1帧的前景部分与转场动画显示框1302在熄屏界面1301中的尺寸和位置是 对应的。

为使得锁屏界面所显示的图像逐渐放大并向屏幕中心移动。手机生成的图像帧中的 前景部分在图像帧中逐渐变大且向图像帧的中心移动。相应的，如图13a的(2)～(4) 所示，手机处于锁屏模式时，其锁屏界面1303在依次播放熄屏模式到锁屏模式的转场动 画的各图像帧，从而使得锁屏界面1303中所播放的图像帧中的前景部分呈逐渐放大且向 中心移动的趋势。可选地，熄屏模式到锁屏模式的转场动画的图像帧中的空白处可以是 黑色的，也可以是逐个图像帧中的空白区域呈渐变趋势，从黑色到灰色进行填充。

请参照图13b，示例性的，基于图13a所示的转场动画的生成方式，手机基于转场动画显示框在熄屏界面的不同位置，生成对应的熄屏模式到锁屏模式的转场动画，例如图13b中的熄屏模式到锁屏模式的转场动画A、熄屏模式到锁屏模式的转场动画B、熄屏模 式到锁屏模式的转场动画C，并将生成的多个转场动画与原视频图像帧进行拼接。其中， 180帧至第840帧为对应实时步数的转场动画。基于图13b的视频片段的转场动画的播 放方式可参照图10a～图10d，此处不再赘述。

需要说明的是，本申请实施例中均以锁屏界面或桌面的转场动画与用户的实时步数 结合为例进行说明。在其他实施例中，锁屏界面或桌面的转场动画可具有固定长度。例如，请参照图7b，示例性的，视频片段中的第1帧～第180帧可选地为锁屏模式的转场动 画。也就是说，当手机从熄屏模式到锁屏模式时，锁屏界面将播放第1帧～第180帧中的 各图像帧，并定格在第180帧。示例性的，视频片段中的第180帧～第660帧可以为桌面 模式的转场动画。例如，当手机从锁屏模式到桌面模式时，桌面将播放第180帧～第660 帧中的各图像帧，并定格在第660帧。示例性的，当手机从熄屏模式到桌面模式(例如 用户通过指纹识别，使得手机从熄屏模式可直接进入桌面模式)，桌面可播放第1帧～第 660帧的各图像帧。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以 存储在一个可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单 片机，芯片等)或处理器(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 (26)

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

存储器和处理器；

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

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

在所述电子设备的显示屏上显示熄屏界面，在所述熄屏界面的第一显示框中播放第一转场动画的各图像帧，定格在所述第一转场动画的最后一个图像帧；所述第一显示框位于所述显示屏的第一位置；

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

将所述第二显示框逐渐放大，向所述电子设备的显示屏的屏幕中心移动；其中，在所述第二显示框逐渐放大和向所述电子设备的显示屏的屏幕中心移动的过程中，在所述第二显示框中播放第二转场动画；所述第二转场动画为基于所述第一显示框在所述熄屏界面的第一位置确定的；所述第二显示框中播放所述第二转场动画的首个图像帧时，所述第二显示框中显示的所述首个图像帧的图像与所述第一显示框中显示所述第一转场动画的最后一个图像帧时的图像相同。

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

基于所述第一显示框在所述显示屏上的不同位置，生成多个转场动画；其中，所述多个转场动画中的每个转场动画对应所述第一显示框在所述显示屏上的一个位置；所述第二转场动画包含于所述多个转场动画。

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

将所述多个转场动画进行拼接，生成第一视频片段；

将所述第一视频片段与第二视频片段进行拼接，所述第二视频片段的首个图像帧与所述多个转场动画的每个转场动画的最后一个图像帧相同。

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

当所述第二显示框播放至所述第二转场动画的最后一帧，所述第二显示框放大至与所述锁屏界面的尺寸相同，在所述第二显示框中继续播放所述第二视频片段。

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

获取用户在第一时刻的第一实时步数，所述第一实时步数为所述用户从设定的周期起始时刻至所述第一时刻之间的行走步数；

确定所述第二视频片段中与所述第一实时步数对应的第一图像帧；

在所述第二显示框中播放所述第二视频片段中的首个图像帧与所述第一图像帧之间的各图像帧。

6.根据权利要求1所述的电子设备，其特征在于，所述第二转场动画的首个图像帧中包括前景图像和背景图像；所述第二显示框中显示的是所述首个图像帧中的前景图像；所述首个图像帧中的背景图像为黑色。

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

存储器和处理器；

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

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

在所述电子设备的显示屏上显示熄屏界面，在所述熄屏界面的第一显示框中播放第一转场动画的各图像帧，定格在所述第一转场动画的最后一个图像帧；所述第一显示框位于所述显示屏的第一位置；

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

将所述第二显示框逐渐放大，向所述电子设备的显示屏的屏幕中心移动；其中，在所述第二显示框逐渐放大和向所述电子设备的显示屏的屏幕中心移动的过程中，在所述第二显示框中播放第二转场动画；所述第二转场动画为基于所述第一显示框在所述熄屏界面的第一位置确定的；所述第二显示框中播放所述第二转场动画的首个图像帧时，所述第二显示框中显示的所述首个图像帧的图像与所述第一显示框中显示所述第一转场动画的最后一个图像帧时的图像相同。

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

基于所述第一显示框在所述显示屏上的不同位置，生成多个转场动画；其中，所述多个转场动画中的每个转场动画对应所述第一显示框在所述显示屏上的一个位置；所述第二转场动画包含于所述多个转场动画。

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

将所述多个转场动画进行拼接，生成第一视频片段；

将所述第一视频片段与第二视频片段进行拼接，所述第二视频片段的首个图像帧与所述多个转场动画的每个转场动画的最后一个图像帧相同。

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

当所述第二显示框播放至所述第二转场动画的最后一帧，所述第二显示框放大至与所述桌面的尺寸相同，在所述第二显示框中继续播放所述第二视频片段。

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

获取用户在第一时刻的第一实时步数，所述第一实时步数为所述用户从设定的周期起始时刻至所述第一时刻之间的行走步数；

确定所述第二视频片段中与所述第一实时步数对应的第一图像帧；

在所述第二显示框中播放所述第二视频片段中的首个图像帧与所述第一图像帧之间的各图像帧。

12.根据权利要求7所述的电子设备，其特征在于，所述第二转场动画的首个图像帧中包括前景图像和背景图像；所述第二显示框中显示的是所述首个图像帧中的前景图像；所述首个图像帧中的背景图像为黑色。

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

电子设备在显示屏上显示熄屏界面，在所述熄屏界面的第一显示框中播放第一转场动画的各图像帧，定格在所述第一转场动画的最后一个图像帧；所述第一显示框位于所述显示屏的第一位置；

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

所述电子设备将所述第二显示框逐渐放大，向所述电子设备的显示屏的屏幕中心移动；其中，在所述第二显示框逐渐放大和向所述电子设备的显示屏的屏幕中心移动的过程中，在所述第二显示框中播放第二转场动画；所述第二转场动画为基于所述第一显示框在所述熄屏界面的第一位置确定的；所述第二显示框中播放所述第二转场动画的首个图像帧时，所述第二显示框中显示的所述首个图像帧时的图像与所述第一显示框中显示所述第一转场动画的最后一个图像帧时的图像相同。

14.根据权利要求13所述的方法，其特征在于，当电子设备的显示屏上显示熄屏界面之前，所述方法包括：

基于所述第一显示框在所述显示屏上的不同位置，生成多个转场动画；其中，所述多个转场动画中的每个转场动画对应所述第一显示框在所述显示屏上的一个位置；所述第二转场动画包含于所述多个转场动画。

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

将所述多个转场动画进行拼接，生成第一视频片段；

将所述第一视频片段与第二视频片段进行拼接，所述第二视频片段的首个图像帧与所述多个转场动画的每个转场动画的最后一个图像帧相同。

16.根据权利要求15所述的方法，其特征在于，所述第二显示框中播放第二转场动画，包括：

当所述第二显示框播放至所述第二转场动画的最后一帧，所述第二显示框放大至与所述锁屏界面的尺寸相同，在所述第二显示框中继续播放所述第二视频片段。

17.根据权利要求16所述的方法，其特征在于，所述第二显示框中播放第二转场动画，包括：

获取用户在第一时刻的第一实时步数，所述第一实时步数为所述用户从设定的周期起始时刻至所述第一时刻之间的行走步数；

确定所述第二视频片段中与所述第一实时步数对应的第一图像帧；

在所述第二显示框中播放所述第二视频片段中的首个图像帧与所述第一图像帧之间的各图像帧。

18.根据权利要求13所述的方法，其特征在于，所述第二转场动画的首个图像帧中包括前景图像和背景图像；所述第二显示框中显示的是所述首个图像帧中的前景图像；所述首个图像帧中的背景图像为黑色。

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

电子设备在显示屏上显示熄屏界面，在所述熄屏界面的第一显示框中播放第一转场动画的各图像帧，定格在所述第一转场动画的最后一个图像帧；所述第一显示框位于所述显示屏的第一位置；

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

所述电子设备将所述第二显示框逐渐放大，向所述电子设备的显示屏的屏幕中心移动；其中，在所述第二显示框逐渐放大和向所述电子设备的显示屏的屏幕中心移动的过程中，在所述第二显示框中播放第二转场动画；所述第二转场动画为基于所述第一显示框在所述熄屏界面的第一位置确定的；所述第二显示框中播放所述第二转场动画的首个图像帧时，所述第二显示框中显示的所述首个图像帧时的图像与所述第一显示框中显示所述第一转场动画的最后一个图像帧时的图像相同。

20.根据权利要求19所述的方法，其特征在于，当电子设备的显示屏上显示熄屏界面之前，还包括：

基于所述第一显示框在所述显示屏上的不同位置，生成多个转场动画；其中，所述多个转场动画中的每个转场动画对应所述第一显示框在所述显示屏上的一个位置；所述第二转场动画包含于所述多个转场动画。

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

将所述多个转场动画进行拼接，生成第一视频片段；

将所述第一视频片段与第二视频片段进行拼接，所述第二视频片段的首个图像帧与所述多个转场动画的每个转场动画的最后一个图像帧相同。

22.根据权利要求21所述的方法，其特征在于，所述第二显示框中播放第二转场动画，包括：

当所述第二显示框播放至所述第二转场动画的最后一帧，所述第二显示框放大至与所述桌面的尺寸相同，在所述第二显示框中继续播放所述第二视频片段。

23.根据权利要求22所述的方法，其特征在于，所述第二显示框中播放第二转场动画，包括：

获取用户在第一时刻的第一实时步数，所述第一实时步数为所述用户从设定的周期起始时刻至所述第一时刻之间的行走步数；

确定所述第二视频片段中与所述第一实时步数对应的第一图像帧；

在所述第二显示框中播放所述第二视频片段中的首个图像帧与所述第一图像帧之间的各图像帧。

24.根据权利要求19所述的方法，其特征在于，所述第二转场动画的首个图像帧中包括前景图像和背景图像；所述第二显示框中显示的是所述首个图像帧中的前景图像；所述首个图像帧中的背景图像为黑色。

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

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

Images