CN117435097A - 一种显示方法及电子设备 - Google Patents

Abstract

本申请实施例公开了一种显示方法及电子设备，涉及电子技术领域，能够优化电子设备显示多个应用程序图标的过程，从而提高用户的体验。具体方案为：电子设备接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素；响应于第一操作，电子设备在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心；电子设备根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素；电子设备基于第一间隔时间分别显示多个元素圈。

Description

一种显示方法及电子设备

技术领域

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

背景技术

目前，电子设备，如手机等的界面可以以宫格排列的方式同时显示多个元素(如多个应用程序图标)。例如，手机可以包括多个应用程序，手机的桌面可以包括多个应用程序图标，用户可以通过不同的应用程序图标打开不同的应用程序。

然而，在电子设备的界面上以宫格排列的方式通过同时显示多个元素时，该多个元素同时进入电子设备的界面。例如，在手机进入桌面，如通过解锁进入手机的桌面时，手机桌面包括多个应用程序图标同时进入手机的桌面，也就是说，手机的桌面是同时显示桌面包括的多个应用程序图标。这就导致电子设备显示多个应用程序图标的过程比较单一，用户的体验较差。

发明内容

本申请实施例提供一种显示方法及电子设备，在手机等电子设备进入桌面时，能够优化电子设备显示多个应用程序图标的过程，从而提高用户的体验。

第一方面，本申请实施例提供一种显示方法，应用于电子设备，该电子设备可以包括第一应用程序，该显示方法可以包括：电子设备接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素；响应于第一操作，电子设备在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心；电子设备根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素；电子设备基于第一间隔时间分别显示多个元素圈。

基于第一方面所述的显示方法，可以在电子设备显示第一界面包括多个元素时，电子设备可以将该多个元素划分为不同的元素圈，电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

结合第一方面，在一种可能的实现方式中，上述多个元素圈可以包括第一元素圈以及第二元素圈，上述第一元素圈可以包括至少一个第一元素，上述第二元素圈可以包括至少一个第二元素，上述电子设备基于第一间隔时间分别显示多个元素圈，可以包括：电子设备显示第一元素；在第一间隔时间之后，电子设备显示第二元素。

基于该可能的实现方式，在电子设备显示第一元素圈和第二元素圈时，电子设备可以同时显示第一元素圈对应的多个第一元素，在显示第一元素圈对应的多个第一元素之后，电子设备可以间隔第一间隔时间显示第二元素圈对应的多个第二元素，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

结合第一方面，在一种可能的实现方式中，上述电子设备显示第一元素，可以包括：电子设备采用第一放大倍数将第一元素放大，电子设备显示放大之后的第一元素；在第一间隔时间之后，电子设备显示第二元素，可以包括：电子设备采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大，电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。

基于该可能的实现方式，在电子设备同时显示第一元素圈对应的多个第一元素时，电子设备可以将第一元素放大显示，在放大显示第一元素圈对应的多个第一元素之后，电子设备可以间隔第一间隔时间显示放大之后的第二元素圈对应的多个第二元素，并将第一元素相应的放小显示，从而能够在电子设备显示第一界面包括的多个元素时，能够逐圈缩放显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

结合第一方面，在一种可能的实现方式中，在电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素之后，上述显示方法还可以包括：在第一间隔时间之后，电子设备采用第二放大倍数将第二元素放大，电子设备同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。

基于该可能的实现方式，在电子设备放大显示第二元素圈对应的多个第二元素之后，电子设备可以将第二元素放小显示，从而能够在电子设备显示第一界面包括的多个元素时，能够逐圈缩放显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

结合第一方面，在一种可能的实现方式中，第一元素圈的范围可以小于第二元素圈的范围。

基于该可能的实现方式，电子设备可以将第一界面包括多个元素划分为范围不同的元素圈，从而电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

结合第一方面，在一种可能的实现方式中，上述基准元素可以为矩形，上述电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：电子设备确定基准元素的长和宽；电子设备以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于N的整数。

基于该可能的实现方式，电子设备通过基准元素的长和宽以及基准点，可以将第一界面包括多个元素划分为范围不同的元素圈，从而电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

结合第一方面，在一种可能的实现方式中，上述第一元素可以为第一元素圈的范围内的元素，上述第二元素为第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。

基于该可能的实现方式，在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，电子设备可以确定第三元素为第一元素，即第三元素为第一元素圈对应的元素，从而可以将第一界面包括的多个元素划分为不同范围的元素圈。

结合第一方面，在一种可能的实现方式中，上述第一界面包括的元素可以为应用程序图标、图像或备忘录。

基于该可能的实现方式，在电子设备显示多个应用程序图标或者多个图像或者多个备忘录时，电子设备可以将该多个应用程序图标或者多个图像或者多个备忘录划分为不同的元素圈，电子设备可以同时显示同一个元素圈包括的应用程序图标、图像或者备忘录，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。

第二方面，本申请实施例提供一种显示装置，该显示装置可以应用于电子设备，用于实现上述第一方面中的方法。该显示装置的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块，例如，接收模块、确定模块和显示模块等。

其中，接收模块，可以用于接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素。

确定模块，可以用于响应于第一操作，在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心。

确定模块，还可以用于根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素。

显示模块，可以用于基于第一间隔时间分别显示多个元素圈。

结合第二方面，在一种可能的实现方式中，显示模块，还可以用于显示第一元素。

显示模块，还可以用于在第一间隔时间之后，显示第二元素。

结合第二方面，在一种可能的实现方式中，上述显示装置还可以包括放大模块。

放大模块，可以用于采用第一放大倍数将第一元素放大。

显示模块，可以用于显示放大之后的第一元素。

放大模块，还可以用于采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大。

显示模块，还可以用于同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。

结合第二方面，在一种可能的实现方式中，放大模块，还可以用于在第一间隔时间之后，采用第二放大倍数将第二元素放大。

显示模块，还可以用于同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。

结合第二方面，在一种可能的实现方式中，第一元素圈的范围小于第二元素圈的范围。

结合第二方面，在一种可能的实现方式中，确定模块，还可以用于确定第一元素的长和宽。

确定模块，还可以用于以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于N的整数。

结合第二方面，在一种可能的实现方式中，第一元素为第一元素圈的范围内的元素，第二元素为第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。

结合第二方面，在一种可能的实现方式中，第一界面包括的元素为应用程序图标、图像或备忘录。

第三方面，提供了一种显示设备，该显示设备具有实现上述第一方面所述的方法的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块。

第四方面，提供了一种显示设备，包括：处理器和存储器；该存储器用于存储计算机执行指令，当该显示设备运行时，该处理器执行该存储器存储的该计算机执行指令，以使该显示设备执行如上述第一方面中任一项所述的显示方法。

第五方面，提供了一种显示设备，包括：处理器；所述处理器用于与存储器耦合，并读取存储器中的指令之后，根据所述指令执行如上述第一方面中任一项所述的显示方法。

第六方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序指令。当计算机程序指令被电子设备执行时，使得电子设备实现如第一方面或第一方面的可能的实现方式中任一项所述的显示方法。

第七方面，本申请实施例提供一种计算机程序产品，包括计算机可读代码，当所述计算机可读代码在电子设备中运行时，使得电子设备实现如第一方面或第一方面的可能的实现方式中任一项所述的显示方法。

第八方面，提供了一种装置(例如，该装置可以是芯片系统)，该装置包括处理器，用于支持电子设备实现上述第一方面中所涉及的功能。在一种可能的设计中，该装置还包括存储器，该存储器，用于保存电子设备必要的程序指令和数据。该装置是芯片系统时，可以由芯片构成，也可以包含芯片和其他分立器件。

应当理解的是，上述第二方面至第八方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。

附图说明

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

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

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

图4为本申请实施例提供的一种显示方法的流程示意图一；

图5为本申请实施例提供的一种显示方法的流程示意图二；

图6为本申请实施例提供的电子设备的显示界面示意图一；

图7为本申请实施例提供的元素圈划分过程的流程示意图；

图8为本申请实施例提供的元素圈显示的过程示意图一；

图9为本申请实施例提供的元素圈显示的过程示意图二；

图10为本申请实施例提供的电子设备的显示界面示意图二；

图11为本申请实施例提供的电子设备的显示界面示意图三；

图12为本申请实施例提供的电子设备的显示界面示意图四；

图13为本申请实施例提供的一种显示装置的结构示意图。

具体实施方式

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

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

随着手机等电子设备的广泛普及，各大应用程序市场中的应用程序(application，App)数量也经历了爆炸性增长，安装在手机等电子设备上的应用程序也越来也多，且电子设备的功能也越来越完善。

电子设备的界面上可以同时显示多个元素，如应用程序图标、图像或者备忘录等。在电子设备的界面上同时显示多个元素时，电子设备可以以宫格排列的方式显示多个应用程序图标，如每个宫格可以对应一个应用程序的图标。例如，手机可以包括多个应用程序，手机的桌面可以包括多个应用程序图标，即多个元素。用户可以通过不同的应用程序图标打开不同的应用程序。在手机显示桌面包括的多个应用程序图标时，手机可以以宫格排列的方式显示多个应用程序图标，即每个宫格可以对应一个应用程序的图标。

又如，在手机打开图库应用程序时，手机的界面上可以同时显示图库应用程序包括的多个图像，即多个元素。在手机显示图库应用程序包括的多个图像时，手机可以以宫格排列的方式显示多个图像，即每个宫格可以对应一个图像。

再如，在手机打开备忘录应用程序时，手机的界面上可以同时显示备忘录应用程序包括的多个备忘录，即多个元素。在手机显示备忘录应用程序包括的多个备忘录时，手机可以以宫格排列的方式显示多个备忘录，即每个宫格可以对应一个备忘录。

在电子设备进入宫格排列的场景时，即电子设备的界面上以宫格排列的方式通过同时显示多个元素时，该多个元素同时进入电子设备的界面，即电子设备的界面同时显示该多个元素，也就是说，该多个元素整体进入电子设备的界面。例如，在手机进入桌面，如通过解锁进入手机的桌面时，手机桌面包括多个应用程序图标同时进入，即手机同时显示桌面包括的多个应用程序图标，也就是说，该多个应用程序图标整体进入手机的桌面。

又如，在手机打开图库应用程序时，图库应用程序包括多个图像同时进入，即手机同时显示图库应用程序包括的多个图像，也就是说，该多个图像整体进入图库应用程序对应的界面。

再如，在手机打开备忘录应用程序时，备忘录应用程序包括多个备忘录同时进入，即手机同时显示备忘录应用程序包括的备忘录，也就是说，该多个备忘录整体进入备忘录应用程序对应的界面。

电子设备进入宫格排列的场景，也可以称为电子设备的转场，即从一个场景切换到另一个场景，或者从一个显示界面切换到另一个显示界面。由于电子设备进入宫格排列的场景时，电子设备的界面同时显示宫格排列的场景对应的多个元素，这就导致缺少转场的动效,使得在电子设备进入宫格排列的场景时显得不够生动。

针对上述问题，本申请实施例提供一种显示方法，应用于电子设备，该方法可以在电子设备同时显示多个元素(如应用程序图标)时，电子设备可以将该多个元素划分为不同的元素圈。电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈可以不同时显示(即不同的元素圈之间可以间隔时间显示)，从而能够在电子设备同时显示多个元素时，逐圈显示该多个元素，增加了转场的动效,使得在电子设备进入宫格排列的场景，即同时显示该多个元素时显得更加生动，提高用户的体验。

下面对本申请实施例提供的显示方法进行描述。

本申请实施例提供的显示方法可以应用于电子设备。在一些实施例中，上述电子设备可以是手机、平板电脑、手持计算机，个人计算机(personal computer，PC)，蜂窝电话，个人数字助理(personal digital assistant，PDA)，可穿戴式设备等具有NFC功能的电子设备。本申请实施例在此对电子设备的具体形态不做限制。

示例地，以电子设备为手机为例，图1示出了本申请实施例提供的一种电子设备的结构示意图。

如图1所示，电子设备可以包括处理器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)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

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

处理器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)接口等。

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

天线1和天线2用于发射和接收电磁波信号。电子设备中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

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

无线通信模块160可以提供应用在电子设备上的包括无线局域网(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转为电磁波辐射出去。

在一些实施例中，电子设备的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备可以通过无线通信技术与网络以及其他设备通信。无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code divisionmultiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。

电子设备通过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)等。在一些实施例中，电子设备可以包括1个或N个显示屏194，N为大于1的正整数。

本申请实施例中，显示屏194可用于显示电子设备的界面。

电子设备可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。在一些实施例中，电子设备可以包括1个或N个摄像头193，N为大于1的正整数。

内部存储器121可以用于存储计算机可执行程序代码，可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备使用过程中所建立的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。

加速度传感器180E可按照一定频率，周期性地采集电子设备的加速度数据。比如，可采集电子设备在各个方向(一般为XYZ三轴方向)上的加速度大小。

当然，可以理解的，上述图1所示仅仅为电子设备的形态为手机时的示例性说明。若电子设备是平板电脑，手持计算机，PC，PDA，可穿戴式设备(如：智能手表、智能手环)等其他设备形态时，电子设备的结构中可以包括比图1中所示更少的结构，也可以包括比图1中所示更多的结构，在此不作限制。

可以理解的是，一般而言，电子设备功能的实现除了需要硬件的支持外，还需要软件的配合。

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

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

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

应用程序层可以包括一系列应用程序包。如图2所示，应用程序包可以包括相机，图库，日历，电话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。

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

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

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

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

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

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

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

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

运行时/>runtime包括核心库和虚拟机。/>运行时/>runtime负责/>系统的调度和管理。

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

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

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

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

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式。

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

二维图形引擎是二维绘图的绘图引擎。

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

由于电子设备的界面上可以同时显示多个元素，该元素可以为应用程序图标、图像或者备忘录等，电子设备的界面可以为电子设备包括的应用程序对应的界面，如电子设备的桌面应用程序对应的界面(即电子设备的桌面)，或者电子设备包括的图库应用程序对应的界面，或者电子设备包括的备忘录应用程序对应的界面。本申请实施例中以电子设备的界面为电子设备的桌面，电子设备显示的元素为应用程序图标为例进行示意说明。

在电子设备的界面为电子设备的桌面，电子设备显示的元素为应用程序图标时，为了实现在进入电子设备的桌面时，桌面包括的多个应用程序图标可以按照不同的元素圈，逐圈进入电子设备的桌面，即电子设备逐圈显示该多个应用程序图标，不仅需要除了需要如上述图1所示的硬件和图2所示的软件的支持外，还需要不同的功能模块的配合。

例如，结合图3所示，电子设备的应用程序层可以包括桌面应用程序，电子设备的应用程序框架层可以包括事件处理模块、锁屏模块以及视图动画模块等。

应用程序框架层包括的事件处理模块，可以用于接收用户的解锁操作，从而电子设备可以显示桌面应用程序包括的多个应用程序图标。

由于电子设备可以通过滑动解锁，也可以通过密码解锁、指纹解锁或者面部解锁(即面容解锁)，因此，事件处理模块可以包括滑动事件模块、密码输入模块、指纹识别模块以及面部识别模块。

在用户未在电子设备上设置锁屏密码时，滑动事件模块可以接收用户的解锁操作，如用户在锁屏界面上的滑动，如向上滑动的操作。在滑动事件模块接收到用户在锁屏界面上向上滑动时，滑动事件模块可以确定用户在锁屏界面上向上的滑动是否达到滑动阈值。在滑动事件模块确定用户在锁屏界面上向上的滑动达到滑动阈值的情况下，滑动事件模块可以确定接收到用户的解锁操作，即滑动事件模块可以触发解锁事件。在滑动事件模块触发解锁事件之后，滑动事件模块可以通知桌面，即滑动事件模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图(即view)并输入基准点位置。

在用户在电子设备上设置锁屏密码时，密码输入模块可以接收用户的解锁操作，如用户在锁屏界面上输入锁屏密码的操作。在密码输入模块接收到用户在锁屏界面上输入锁屏密码时，密码输入模块可以确定用户在锁屏界面上输入的锁屏密码是否为电子设备存储的正确密码。在密码输入模块确定用户在锁屏界面上输入的锁屏密码是电子设备存储的正确密码的情况下，即用户在锁屏界面上输入的锁屏密码匹配为电子设备存储的正确密码，密码输入模块可以确定接收到用户的解锁操作，即密码输入模块可以触发解锁事件。在密码输入模块触发解锁事件之后，密码输入模块可以通知桌面，即密码输入模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。

在用户在电子设备上设置指纹识别时，指纹识别模块可以接收用户的解锁操作，如用户在锁屏界面上输入指纹的操作。在指纹识别模块接收到用户在锁屏界面上输入指纹时，指纹识别模块可以确定用户在锁屏界面上输入的指纹是否为电子设备存储的正确指纹数据。在指纹识别模块确定用户在锁屏界面上输入的指纹是电子设备存储的正确指纹数据密码的情况下，即用户在锁屏界面上输入的锁屏密码匹配为电子设备存储的正确指纹数据，指纹识别模块可以确定接收到用户的解锁操作，即指纹识别模块可以触发解锁事件。在指纹识别模块触发解锁事件之后，指纹识别模块可以通知桌面，即指纹识别模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。

在用户在电子设备上设置面部识别时，面部识别模块可以接收用户的解锁操作，如用户在锁屏界面上扫描面部的操作。在面部识别模块接收到用户在锁屏界面上扫描面部的操作，面部识别模块可以接收到用户的面部数据。之后，面部识别模块可以确定接收到用户的面部数据是否为电子设备存储的正确面部数据。在面部识别模块确定接收到用户的面部数据是为电子设备存储的正确面部数据的情况下，即用户在锁屏界面上扫描的面部数据匹配为电子设备存储的正确面部数据，面部识别模块可以确定接收到用户的解锁操作，即面部识别模块可以触发解锁事件。在面部识别模块触发解锁事件之后，面部识别模块可以通知桌面，即面部识别模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。

应用程序框架层包括的锁屏模块，可以用于在事件处理模块(即滑动事件模块、密码输入模块、指纹识别模块以及面部识别模块)用于接收用户的解锁操作时，通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。

应用程序框架层包括的环形缩放动画模块，可以用于接收应用程序框架层包括的锁屏模块，并收集电子设备的桌面上的视图并输入基准点位置。电子设备的桌面上的视图，即电子设备的桌面上可以显示的元素，如应用程序图标、图像或者备忘录等。基准点位置，即电子设备在显示各个元素圈时，元素圈的中心点。需要说明的是，不同的元素圈的基准点位置可以相同。

应用程序框架层包括的环形缩放动画模块，还可以用于向桌面应用程序包括的解锁事件处理模块发送桌面上的视图以及基准点位置。

桌面应用程序可以包括用户界面(user interface，UI)以及逻辑(即逻辑模块)。用户界面UI是电子设备的操作系统和用户之间进行交互和信息交换的媒介，它实现电子设备的信息的内部形式与用户可以接受形式之间的转换。例如，用户界面UI可以包括应用程序图标、卡片、文件夹等内容。即电子设备的桌面可以显示应用程序图标、卡片、文件夹等内容。桌面应用程序的逻辑模块可以包括解锁事件处理模块、环形动画模块等。

桌面应用程序包括解锁事件处理模块，可以用于接收应用程序框架层包括的环形缩放动画模块发送的桌面上的视图以及基准点位置。

桌面应用程序包括解锁事件处理模块，还可以用于根据桌面上的视图以及基准点位置，找到最小视图，并对所有视图进行分圈。在解锁事件处理模块对所有视图进行分圈，即将桌面上的视图划分为不同的元素圈，不同的元素圈包括不同的元素(即应用程序图标)，也可以称为视图。

在解锁事件处理模块将桌面上的视图划分为不同的元素圈之后，解锁事件处理模块可以以固定间隔开始动画，即解锁事件处理模块可以给不同的元素圈分配固定间隔，即电子设备在显示多个元素圈时，每两个元素圈之间可以相隔固定间隔。

在解锁事件处理模块可以给不同的元素圈分配固定间隔之后，解锁事件处理模块可以通知桌面应用程序包括的视图动画模块，从而视图动画模块可以以固定间隔逐圈显示多个元素圈对应的元素。

桌面应用程序包括的视图动画模块，可以用于接收桌面应用程序包括解锁事件处理模块发送的多个元素圈，以及元素圈之间的固定间隔。在视图动画模块接收桌面应用程序包括解锁事件处理模块发送的多个元素圈，以及元素圈之间的固定间隔之后，视图动画模块可以以固定间隔逐圈显示多个元素圈对应的元素。

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

以下结合图4对本申请实施例提供的显示方法进行详细说明。图4为本申请实施例提供的一种显示方法的流程示意图。如图4所示，该显示方法可以包括下述S401-S405。

S401、电子设备接收用户触发电子设备显示第一界面的第一操作，第一界面包括多个元素。

第一界面可以为电子设备包括的第一应用程序对应的界面。第一应用程序可以电子设备的桌面应用程序，第一应用程序也可以为电子设备包括的图库应用程序或者备忘录应用程序等，本申请实施例对此并不进行限定。

第一界面可以包括多个元素。元素可以为应用程序图标、图像或者备忘录等。例如，在第一界面为电子设备的桌面应用程序时，第一界面包括的元素可以为电子设备包括的应用程序对应的图标(即应用程序图标)。在第一界面为电子设备的图库应用程序时，第一界面包括的元素可以为图库应用程序包括的图像。在第一界面为电子设备的备忘录应用程序时，第一界面包括的元素可以为备忘录应用程序包括的备忘录。

需要说明的是，第一界面包括的元素还可以为文件夹(如大文件夹或小文件夹)、卡片或者视频等电子设备可以显示的内容。本申请实施例中对此并不进行限定。

在一些示例中，第一界面包括的多个元素可以是相互独立的元素，即第一界面包括的每个元素都可以为一个运动单位，可以在第一界面上移动。例如，在第一界面为电子设备的桌面应用程序时，第一界面包括的元素为电子设备包括的应用程序对应的图标，每个应用程序图标即为独立元素，可以在电子设备的桌面上进行移动。即元素可以为电子设备在宫格排列显示的场景中，每个宫格对应的显示内容可以为一个元素。

在用户需要使用电子设备显示第一界面包括的多个元素时，用户可以触发电子设备显示第一界面，并显示第一界面包括的多个元素。即电子设备可以接收用户触发电子设备显示第一界面的第一操作。第一操作可以为打开第一应用程序的操作，第一操作也可以为对电子设备进行解锁的操作，第一操作还可以为返回第一应用程序主界面的操作，本申请实施例中对第一操作的具体类型并不进行限定。

例如，在第一界面为电子设备的桌面应用程序，第一界面包括的元素为电子设备包括的应用程序对应的图标(即应用程序图标)时，电子设备接收用户触发电子设备显示第一界面的第一操作，可以为用户对电子设备进行解锁的操作。也就是说，在电子设备锁屏的情况下，电子设备接收到用户解锁的操作后，从而电子设备可以显示桌面，并显示桌面包括的应用程序图标。

第一操作也可以为用户触发电子设备从其他界面返回电子设备的桌面的操作，如电子设备显示其他应用程序的界面时，电子设备接收到用户返回电子设备的桌面的操作(即第一操作)后，电子设备可以显示桌面，并显示桌面包括的应用程序图标。

需要说明的是，在第一操作为对电子设备进行解锁的操作时，由于电子设备可以通过滑动解锁，也可以通过密码解锁，还可以通过指纹解锁或者面容解锁，因此，第一操作可以具体为用户在锁屏界面上的滑动，如向上滑动的操作，或者，第一操作可以具体为用户在锁屏界面上输入锁屏密码的操作，或者，第一操作可以具体为用户在锁屏界面上输入指纹的操作，或者，第一操作可以具体为用户在锁屏界面上扫描面部的操作。本申请实施例中对此并不进行限定。

又如，在第一界面为电子设备的图库应用程序，第一界面包括的元素为图库应用程序包括的多个图像时，电子设备接收用户触发电子设备显示第一界面的第一操作，可以为用户打开图库应用程序的操作，如第一操作可以为用户对图库应用程序的触发操作。也就是说，在电子设备接收到用户打开图库应用程序的操作的情况下，电子设备可以显示图库应用程序包括的多个图像。

需要说明的是，在第一界面为电子设备的图库应用程序，第一界面包括的元素为图库应用程序包括的多个图像时，电子设备接收用户触发电子设备显示第一界面的第一操作，也可以为返回第一应用程序主界面的操作，即返回图库应用程序主界面的操作。例如，在用户打开图库应用程序之后，用户可以选择某一个图像进行查看，电子设备接收到用户选择某一个图像查看的操作之后，电子设备可以该图像对应的界面。之后，在电子设备接收到用户返回图库应用程序主界面的操作(即第一操作)，即电子设备可以显示图库应用程序包括的多个图像。

再如，在第一界面为电子设备的备忘录应用程序，第一界面包括的元素为备忘录应用程序包括的多个备忘录时，电子设备接收用户触发电子设备显示第一界面的第一操作，可以为用户打开备忘录应用程序的操作，如第一操作可以为用户对备忘录应用程序的触发操作。也就是说，在电子设备接收到用户打开备忘录应用程序的操作的情况下，电子设备可以显示备忘录应用程序包括的多个备忘录。

需要说明的是，在第一界面为电子设备的备忘录应用程序，第一界面包括的元素为备忘录应用程序包括的多个备忘录时，电子设备接收用户触发电子设备显示第一界面的第一操作，也可以为返回第一应用程序主界面的操作，即返回备忘录应用程序主界面的操作。例如，在用户打开备忘录应用程序之后，用户可以选择某一个备忘录进行查看，电子设备接收到用户选择某一个备忘录查看的操作之后，电子设备可以该备忘录对应的界面。之后，在电子设备接收到用户返回备忘录应用程序主界面的操作(即第一操作)，即电子设备可以显示备忘录应用程序包括的多个备忘录。

在一些示例中，在第一界面上同时显示多个元素时，电子设备可以以宫格排列的方式显示多个应用程序图标，如每个宫格可以对应一个应用程序的图标。例如，电子设备可以包括多个应用程序，电子设备的桌面可以包括多个应用程序图标，即多个元素。用户可以通过不同的应用程序图标打开不同的应用程序。在电子设备显示桌面包括的多个应用程序图标时，电子设备可以以宫格排列的方式显示多个应用程序图标，即每个宫格可以对应一个应用程序的图标。

例如，以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的滑动事件模块可以接收用户的解锁操作，即滑动事件模块可以接收用户在锁屏界面上向上滑动的操作。在滑动事件模块接收到用户在锁屏界面上向上滑动的操作时，滑动事件模块可以确定用户在锁屏界面上向上的滑动是否达到滑动阈值。在滑动事件模块确定用户在锁屏界面上向上的滑动达到滑动阈值的情况下，滑动事件模块可以确定接收到用户的解锁操作，即第一操作。

或者，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的密码输入模块可以接收用户的解锁操作，即密码输入模块可以接收用户在锁屏界面上输入锁屏密码的操作。在密码输入模块接收到用户在锁屏界面上输入锁屏密码时，密码输入模块可以确定用户在锁屏界面上输入的锁屏密码是否为电子设备存储的正确密码。在密码输入模块确定用户在锁屏界面上输入的锁屏密码是电子设备存储的正确密码的情况下，密码输入模块可以确定接收到用户的解锁操作，即第一操作。

或者，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的指纹识别模块可以接收用户的解锁操作，如指纹识别模块可以接收用户在锁屏界面上输入指纹的操作。在指纹识别模块接收到用户在锁屏界面上输入指纹时，指纹识别模块可以确定用户在锁屏界面上输入的指纹是否为电子设备存储的正确指纹数据。在指纹识别模块确定用户在锁屏界面上输入的指纹是电子设备存储的正确指纹数据密码的情况下，指纹识别输入模块可以确定接收到用户的解锁操作，即第一操作。

或者，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的面部识别模块可以接收用户的解锁操作，如面部识别模块可以接收用户在锁屏界面上扫描面部的操作。在面部识别模块接收到用户在锁屏界面上扫描面部的操作，面部识别模块可以接收到用户的面部数据。之后，面部识别模块可以确定接收到用户的面部数据是否为电子设备存储的正确面部数据。在面部识别模块确定接收到用户的面部数据是为电子设备存储的正确面部数据的情况下，面部识别模块可以确定接收到用户的解锁操作，即第一操作。

S402、响应于第一操作，电子设备在多个元素中确定基准元素，并确定基准点。

在电子设备接收到用户触发电子设备显示第一界面的第一操作的情况下，响应于第一操作，电子设备在多个元素中确定基准元素，并确定基准点，从而电子设备可以根据基准元素和基准点确定多个元素圈。

基准元素可以为多个元素中面积最小的元素。即电子设备在多个元素中确定基准元素，可以包括电子设备将多个元素中面积最小的元素，确定为基准元素。

在一些示例中，在电子设备接收到用户触发电子设备显示第一界面的第一操作之后，电子设备可以确认第一界面包括的每个元素，也可以称为收集第一界面包括的每个视图。在收集到第一界面包括的每个元素之后，电子设备可以获取到每个元素对应的数据，如电子设备可以通过桌面应用程序获取到每个元素对应的数据，从而电子设备可以根据每个元素对应的数据可以确定出每个元素对应的面积，从而可以根据每个元素对应的面积确定出面积最小的元素，即基准元素。

每个元素对应的数据，可以包括每个元素对应的长和宽，或者每个元素对应的半径。即在元素为矩形时，元素对应的数据可以为元素对应的长和宽，在元素为圆形时，元素对应的数据可以为元素对应的半径。

在一些示例中，电子设备确认第一界面包括的每个元素，即收集第一界面包括的每个视图之后，电子设备根据每个元素的类型，确定第一类型的元素，第一类型可以为在第一界面上能够独立移动的应用程序的图标，第一类型也可以为在第一界面上能够独立移动的图像或备忘录，本申请实施例对此并不进行限定。在确定出第一类型的元素之后，电子设备可以在多个第一类型的元素中确定出面积最小的元素，为基准元素。

例如，以第一界面为电子设备的桌面为例，结合图6中的(a)所示，电子设备的桌面可以包括背景图像、音乐应用程序、视频应用程序、天气应用程序、相机应用程序、通信录应用程序、通话应用程序以及信息应用程序。

如图6中的(b)所示，电子设备的桌面对应的视图可以包括视图0、视图1、视图2、视图3、视图4、视图6、视图7、视图8。视图0可以为与电子设备的桌面应用程序对应的视图，即视图0为桌面应用程序对应的最底层的视图。视图1可以为电子设备的桌面的背景图像对应的视图，即视图1可以用于显示桌面的背景图像。视图2可以为相机应用程序、通信录应用程序、通话应用程序以及信息应用程序这四个应用程序对应的视图，即视图2可以用于显示相机应用程序、通信录应用程序、通话应用程序以及信息应用程序这四个应用程序对应的应用程序图标。

视图3可以为音乐应用程序对应的视图，即视图3可以用于显示音乐应用程序的应用程序图标以及音乐应用程序的名称。视图3也可以为视频应用程序对应的视图，即视图3可以用于显示视频应用程序的应用程序图标以及视频应用程序的名称。视图4可以为与天气应用程序对应的视图，即视图4可以用于显示天气应用程序对应的内容。

视图6可以为音乐应用程序的应用程序图标对应的视图，即视图6可以用于显示音乐应用程序对应的应用程序图标。视图6也可以为视频应用程序的应用程序图标对应的视图，即视图6也可以用于显示视频应用程序对应的应用程序图标。

视图7可以为音乐应用程序的名称对应的视图，即视图7可以用于显示视频应用程序对应的名称。视图7也可以为视频应用程序的名称对应的视图，即视图7也可以用于显示视频应用程序对应的名称。

视图8可以为相机应用程序的应用程序图标对应的视图，即视图8可以用于显示相机应用程序对应的应用程序图标。视图8也可以为通讯录应用程序的应用程序图标对应的视图，即视图8也可以用于显示通讯录应用程序对应的应用程序图标。视图8也可以为通话应用程序的应用程序图标对应的视图，即视图8也可以用于显示通话应用程序对应的应用程序图标。视图8也可以为信息应用程序的应用程序图标对应的视图，即视图8也可以用于显示信息应用程序对应的应用程序图标。

如图6中的(c)所示，电子设备可以按照树状结构存储电子设备的桌面对应的视图，即树状结构的根节点可以为桌面的根节点，即视图0。根节点之后的节点可以为能够显示多个视图的视图，即视图1(视图1可以显示多个视图3和视图4)和视图2(视图2可以显示多个视图8)。视图1之后的节点即为视图3和视图4。视图3之后的节点即为视图6和视图7。视图2之后的节点即为视图8。

在电子设备接收到用户解锁的操作，即第一操作之后，响应于第一操作，电子设备可以通过电子设备存储的桌面视图对应的树状结构，收集第一界面包括的每个视图，以及每个视图对应的数据。根据如图6所示的树状结构，由于视图3、视图4以及视图8为电子设备的桌面上可以独立移动的视图，视图3、视图4以及视图8可以为第一类型的视图。也就是说，视图3、视图4以及视图8可以为第一类型的元素。

在确定出第一类型的元素，即视图3、视图4以及视图8之后，电子设备可以根据每个第一类型的元素对应的数据，确定出每个第一类型的元素对应的面积。电子设备将面积最小的第一类型的元素确定为基准元素，由于视图8的面积最小，电子设备可以确定视图8即为基准元素。

在电子设备在多个元素中确定基准元素之后，电子设备可以确定基准点。基准点可以用于确定元素圈，如基准点可以为电子设备确定的元素圈的中心点。也就是说，不同的元素圈的基准点可以相同。

在一些示例中，在电子设备在多个元素中确定基准元素之后，用户可以通过电子设备输入基准点，即输入基准点的位置。用户也可以预先在电子设备中设置基准点，如，电子设备可以预先设置基准点为电子设备的显示界面的中心点。本申请实施例中对基准点的位置以及基准点的确定方式并不进行限定。

需要说明的是，在电子设备接收到用户触发电子设备显示第一界面的第一操作之后，电子设备可以在多个元素中确定基准元素之后，电子设备确定基准点。电子设备也可以同时在多个元素中确定基准元素，以及确定基准点。电子设备还可以确定基准点之后，在多个元素中确定基准元素。本申请实施例中对电子设备在多个元素中确定基准元素以及电子设备确定基准点之间的先后顺序并不进行限定。

例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备在多个元素中确定基准元素，并确定基准点，可以包括：在电子设备，如电子设备的滑动事件模块确定接收到用户的解锁操作之后，滑动事件模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到滑动事件模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。

或者，在电子设备，如电子设备的密码输入模块确定接收到用户的解锁操作之后，密码输入模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到密码输入模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。

或者，在电子设备，如电子设备的指纹识别模块确定接收到用户的解锁操作之后，指纹识别模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到指纹识别模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。

或者，在电子设备，如电子设备的面部识别模块确定接收到用户的解锁操作之后，面部识别模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到面部识别模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。

S403、电子设备根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素。

在电子设备在多个元素中确定基准元素，并确定基准点之后，电子设备可以根据基准元素以及基准点，确定多个元素圈。每个元素圈可以包括多个元素，即每个元素圈包括至少一个元素。每个元素圈包括的多个元素可以整体进入电子设备的界面，即第一界面可以同时显示一个元素圈包括的多个元素，不同的元素圈之间基于间隔时间显示。

在一些示例中，多个元素圈可以包括第一元素圈以及第二元素圈，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素第一元素为第一元素圈的范围内的元素。

元素圈可以为矩形，元素圈也可以为圆形，元素圈还可以为其他形状，本申请实施例对此并不进行限定。例如，在元素圈为矩形时，元素圈的范围，即元素圈的大小由该元素圈的长和宽决定。在元素圈为圆形时，元素圈的范围，即元素圈的大小由该元素圈的半径决定。本申请实施例中以元素圈为矩形，即元素圈的大小由该元素圈的长和宽决定为例进行示意说明。

在一些示例中，在元素圈为矩形时，电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：电子设备先确定出基准元素的长和宽。之后，电子设备可以根据基准元素的长和宽，分别确定出每个元素圈的长和宽。之后，电子设备可以以基准点为中心，以每个元素圈的长和宽，确定每个元素圈，即确定每个元素圈的范围。在每个元素圈的范围确定之后，每个元素圈的范围之内的元素即为该元素圈包括的多个元素。

需要说明的是，每个元素只能属于一个元素圈，即在一个元素在多个元素圈的范围内时，该元素属于范围小的元素圈。也就是说，已经参与划分元素圈的元素，不再参与后续元素圈的划分。

在一些示例中，在一个元素圈的范围包括一个元素的部分范围时，该元素属于该元素圈。也就是说，当一个元素跨圈时，即一个元素部分在一个元素圈内，部分在另一个元素圈内，该元素属于范围较小的元素圈，即优先响应小圈。也就是说，多个元素圈可以包括第一元素圈以及第二元素圈，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素第一元素为第一元素圈的范围内的元素，第二元素为所述第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。

在一些示例中，在元素圈为矩形时，电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：电子设备确定基准元素的长和宽；之后，电子设备以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于所述N的整数。

也就是说，在元素圈为矩形时，电子设备根据基准元素以及基准点，确定多个元素圈，可以先根据基准元素的长和宽确定出范围较小的元素圈，再根据基准元素的长和宽依次确定出范围较大的元素圈，直到第一界面包括的所有元素均被划分到不同的元素圈。也就是说，元素圈的长可以为基准元素的长的N倍，元素圈的宽可以为基准元素的长的N倍。N可以根据具体情况设定。

例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标，元素圈为矩形为例，在电子设备接收到用户解锁的操作之后，如图7所示，电子设备可以确定桌面包括多个元素，即桌面包括的多个应用程序图标，如应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04、应用程序图标05、应用程序图标06、应用程序图标07、应用程序图标08、应用程序图标09以及应用程序图标10。

在电子设备确定桌面包括的多个应用程序图标之后，电子设备可以根据该多个应用程序图标对应的数据，在多个应用程序图标中确定面积最小的应用程序图标为第一应用程序图标(即基准元素)，同时电子设备可以确定基准点为电子设备的桌面的中心。如图7所示，电子设备确定基准点为电子设备的桌面的中心O，第一应用程序图标为桌面包括的应用程序图标01。电子设备可以通过应用程序图标01对应的数据，确定应用程序图标01对应的长为X，宽为Y。

之后，电子设备可以根据基准元素以及基准点确定第一元素圈，即范围最小的元素圈，即元素圈1。电子设备可以以基准点O为中心，以两倍的X作为元素圈1的长，且以两倍的Y作为元素圈1的宽，从而确定出元素圈1的范围。如图7所示，元素圈1的范围包括应用程序图标01的部分、应用程序图标02的部分以及应用程序图标03的部分，电子设备可以确定应用程序图标01、应用程序图标02以及应用程序图标03为元素圈1包括的元素。

之后，电子设备可以根据基准元素以及基准点确定第二元素圈，即元素圈2，第二元素圈的范围大于第一元素圈的范围。电子设备可以以基准点O为中心，以四倍的X作为元素圈2的长，且以四倍的Y作为元素圈2的宽，从而确定出元素圈2的范围。如图7所示，元素圈2的范围包括应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04的部分、应用程序图标05的部分、应用程序图标06的部分以及应用程序图标07的部分。由于应用程序图标01、应用程序图标02以及应用程序图标03为已经被划分为元素圈1包括的元素，因此应用程序图标01、应用程序图标02以及应用程序图标03不再划分为元素圈2包括的元素。电子设备可以确定应用程序图标04、应用程序图标05、应用程序图标06以及应用程序图标07为元素圈2包括的元素。

之后，电子设备可以根据基准元素以及基准点确定第三元素圈，即元素圈3，第三元素圈的范围大于第二元素圈的范围。电子设备可以以基准点O为中心，以六倍的X作为元素圈3的长，且以六倍的Y作为元素圈3的宽，从而确定出元素圈3的范围。如图7所示，元素圈3的范围包括应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04的部分、应用程序图标05、应用程序图标06、应用程序图标07的部分、应用程序图标08的部分、应用程序图标09的部分以及应用程序图标10的部分。由于应用程序图标01、应用程序图标02以及应用程序图标03为已经被划分为元素圈1包括的元素，应用程序图标04、应用程序图标05、应用程序图标06以及应用程序图标07已经被划分为元素圈2包括的元素，因此，应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04、应用程序图标05、应用程序图标06以及应用程序图标07不再划分为元素圈3包括的元素。电子设备可以确定应用程序图标08、应用程序图标09以及应用程序图标10为元素圈3包括的元素。

由于元素圈1、元素圈2以及元素圈3包括的元素，即应用程序图标，已经包括了桌面包括的所有的应用程序图标，即电子设备可以根据基准元素以及基准点，可以确定3个元素圈，即元素圈1、元素圈2以及元素圈3。

例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：在电子设备，如电子设备的桌面应用程序包括的桌面解锁事件模块接收到电子设备的应用程序框架层包括的环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。桌面解锁事件模块根据最小的视图以及基准点对桌面所有的视图分圈，即桌面解锁事件模块根据基准元素以及基准点，确定多个元素圈。

S404、电子设备确定元素圈之间的显示间隔。

在电子设备确定出多个元素圈之后，电子设备可以确定元素圈之间的显示间隔，从而电子设备可以按照显示间隔依次显示每个元素圈，从而能够达到逐圈显示元素圈的效果，增加了转场的动效,使得在电子设备进入宫格排列的场景，即同时显示该多个元素时显得更加生动，提高用户的体验。

在一些示例中，用户也可以预先在电子设备中设置显示间隔，从而电子设备在确定出多个元素圈之后，可以根据预先设置的显示间隔依次显示每个元素圈。例如，用户也可以预先在电子设备中设置显示间隔为30毫秒，也可以为50毫秒。也就是说，电子设备在确定出多个元素圈之后，电子设备可以按照30毫秒的显示间隔依次显示每个元素圈，电子设备也可以按照50毫秒的显示间隔依次显示每个元素圈。

需要说明的是，在电子设备根据基准元素以及基准点，确定多个元素圈之后，电子设备可以确定元素圈之间的显示间隔。电子设备也可以在根据基准元素以及基准点，确定多个元素圈的同时，确定元素圈之间的显示间隔。电子设备可以先确定元素圈之间的显示间隔，再根据基准元素以及基准点，确定多个元素圈。本申请实施例中对电子设备确定元素圈以及电子设备确定元素圈之间的显示间隔之间的先后顺序并不进行限定。本申请实施例中是以在电子设备根据基准元素以及基准点，确定多个元素圈之后，电子设备再确定元素圈之间的显示间隔为例进行示意说明。

需要说明的是，多个元素圈之间的显示间隔可以相同，也可以不同，本申请实施例中对此并不进行限定。

例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备确定元素圈之间的显示间隔，可以包括：在电子设备，如电子设备的桌面应用程序包括的桌面解锁事件模块根据基准元素以及基准点，确定多个元素圈。之后，桌面解锁事件模块可以以固定间隔开始动画，即桌面解锁事件模块可以确定元素圈之间的显示间隔。

S405、电子设备按照显示间隔依次显示每个元素圈。

在电子设备确定多个元素圈以及元素圈之间的显示间隔之后，电子设备可以基于元素圈之间的显示间隔(本申请实施例中可以称为第一间隔时间)分别显示每个元素圈，即分别显示每个元素圈对应的元素。在一些示例中，电子设备按照显示间隔依次显示每个元素圈，即电子设备可以按照一定的顺序显示每个元素圈。需要说明的是，电子设备也可以按照元素圈之间的显示间隔分别显示每个元素圈，而不需要按照一定的顺序显示每个元素圈。

在一些示例中，在电子设备可以按照元素圈之间的显示间隔依次显示每个元素圈时，电子设备可以按元素圈范围的大小，由小到大依次显示每个元素圈，如先显示范围较小的元素圈，再显示范围较大的元素圈。范围较小的元素圈，即包括的元素较少的元素圈，范围较大的元素圈，即包括的元素较多的元素圈。

也就是说，电子设备确定的多个元素圈可以包括第一元素圈以及第二元素圈，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素，电子设备基于第一间隔时间分别显示多个元素圈，即电子设备按照显示间隔依次显示每个元素圈，可以包括：电子设备显示第一元素，即电子设备同时显示第一元素圈对应的多个第一元素；电子设备显示第一元素，且在第一间隔时间之后，电子设备可以同时显示第二元素圈对应的多个第二元素。

例如，以电子设备确定第一界面包括3个元素圈，元素圈为矩形为例，即元素圈1、元素圈2以及元素圈3，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)。元素圈1包括可以四个元素，元素圈2可以包括12个元素，元素圈3可以包括8个元素。

在电子设备确定第一界面包括3个元素圈之后，如图8中的(a)所示，电子设备可以先显示元素圈1包括的4个元素。在电子设备显示元素圈1包括的4个元素之后，如图8中的(b)所示，电子设备可以间隔显示间隔之后，再显示元素圈2包括的12个元素。在电子设备显示元素圈1包括的4个元素以及元素圈2包括的12个元素之后，如图8中的(c)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的8个元素。

在另一些示例中，在电子设备按元素圈范围的大小依次显示每个元素圈时，电子设备可以将每个元素圈包括的元素进行放大显示，之后再将放大之后的元素恢复到正常大小进行显示，从而能够达到逐圈环形延时缩放显示多个元素圈包括的多个元素的效果。

也就是说，在电子设备确定元素圈包括第一元素圈和第二元素圈之后，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素，电子设备显示第一元素圈包括的多个第一元素，即电子设备显示第一元素，可以包括：电子设备可以采用第一放大倍数将第一元素放大，电子设备显示放大之后的第一元素。

电子设备显示第二元素圈包括的多个第二元素，即电子设备显示第二元素可以包括：在第一间隔时间之后，电子设备可以采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大，电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。

在电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的所述第一元素之后，在第一间隔时间之后，电子设备还可以采用第二放大倍数将第二元素放大，电子设备同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。

例如，在电子设备确定的多个元素圈包括第一元素圈和第二元素圈时，第一元素圈和第二元素圈分别包括多个元素，第一元素圈的范围小于第二元素圈的范围。电子设备按照显示间隔依次显示每个元素圈，可以包括：电子设备先显示第一元素圈包括的多个元素。在电子设备显示第一元素圈包括的多个元素(即第一元素)时，电子设备可以将第一元素圈包括的多个元素放大A倍进行显示。A可以为大于或等于1的整数，例如，A可以为3。

在电子设备将第一元素圈包括的多个元素放大A倍进行显示时，电子设备可以在显示间隔之后显示第二元素圈包括的多个元素。在电子设备显示第二元素圈包括的多个元素时，电子设备可以将第二元素圈包括的多个元素放大B倍进行显示。B可以为大于或等于1的整数，例如，B可以为3。即A和B可以相同，也可以不同。

在电子设备将第二元素圈包括的多个元素放大B倍进行显示时，电子设备可以将第一元素圈包括的多个元素放大1倍进行显示，即将第一元素圈包括的多个元素按照正常大小显示。或者，在电子设备将第二元素圈包括的多个元素放大B倍进行显示时，电子设备可以将第一元素圈包括的多个元素放大C倍进行显示，C可以为大于的整数，且C小于B。例如，在B为3时，C可以为2。

在电子设备显示第二元素圈包括的多个元素之后，电子设备在显示间隔之后，将第一元素圈和第二元素圈包括的元素均按正常大小显示，即电子设备可以在间隔显示间隔之后，将第一元素圈和第二元素圈包括的元素均放大1倍进行显示。

例如，以电子设备确定第一界面包括4个元素圈为例，即元素圈1、元素圈2、元素圈3以及元素圈4，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)，元素圈3的范围小于元素圈4的范围(即元素圈3的长小于元素圈4的长，元素圈3的宽小于元素圈4的宽)。元素圈1包括可以四个元素，元素圈2可以包括12个元素，元素圈3可以包括4个元素，元素圈4可以包括8个元素。

在电子设备确定第一界面包括4个元素圈之后，如图9中的(a)所示，电子设备可以先显示元素圈1包括的4个元素。在电子设备显示元素圈1包括的4个元素时，电子设备可以将元素圈1包括的4个元素放大3倍，进行显示。

需要说明的是，如图9中的(a)所示，在电子设备对元素圈1包括的4个元素进行放大显示时，若电子设备的界面还可以显示元素圈2包括的元素时，电子设备的界面还可以将元素圈2包括的12个元素放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈2包括的12个元素完全显示时，电子设备可以显示放大之后的元素圈2包括的12个元素的部分。

在电子设备显示元素圈1包括的4个元素之后，如图9中的(b)所示，电子设备可以间隔显示间隔之后，再显示元素圈2包括的12个元素。在电子设备显示元素圈2包括的12个元素时，电子设备可以将元素圈2包括的12个元素放大3倍，进行显示。同时，电子设备可以将元素圈1包括的4个元素按正常大小进行显示，即将元素圈1包括的4个元素放大1倍进行显示。或者，在电子设备将元素圈2包括的12个元素放大3倍时，电子设备也可以将元素圈1包括的4个元素放大2倍进行显示。

需要说明的是，如图9中的(b)所示，在电子设备对元素圈2包括的12个元素进行放大显示时，若电子设备的界面还可以显示元素圈3包括的元素时，电子设备的界面还可以将元素圈3包括的4个元素放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈3包括的4个元素完全显示时，电子设备可以显示放大之后的元素圈3包括的4个元素的部分。

在电子设备显示元素圈2包括的12个元素之后，如图9中的(c)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的4个元素。在电子设备显示元素圈3包括的4个元素时，电子设备可以将元素圈3包括的4个元素放大3倍，进行显示。同时，电子设备可以将元素圈2包括的12个元素按正常大小进行显示，即将元素圈2包括的12个元素放大1倍进行显示。或者，在电子设备将元素圈3包括的4个元素放大3倍时，电子设备也可以将元素圈2包括的12个元素放大2倍进行显示,同时将电子设备也可以将元素圈1包括的4个元素放大1倍进行显示。

需要说明的是，在电子设备对元素圈3包括的4个元素进行放大显示时，若电子设备的界面还可以显示元素圈4包括的元素时，电子设备的界面还可以将元素圈4包括的8个元素放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈4包括的8个元素完全显示时，电子设备可以显示放大之后的元素圈4包括的8个元素的部分。

在电子设备显示元素圈3包括的4个元素之后，如图9中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈4包括的8个元素。在电子设备显示元素圈4包括的8个元素时，电子设备可以将元素圈4包括的8个元素放大3倍，进行显示。同时，电子设备可以将元素圈3包括的4个元素按正常大小进行显示，即将元素圈3包括的4个元素放大1倍进行显示。或者，在电子设备将元素圈4包括的8个元素放大3倍时，电子设备也可以将元素圈3包括的4个元素放大2倍进行显示,同时将电子设备也可以将元素圈2包括的12个元素以及元素圈1包括的4个元素放大1倍进行显示。

在电子设备显示元素圈4包括的8个元素之后，如图9中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4包括的元素均按正常大小显示，即电子设备可以在间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4均放大1倍进行显示。

例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备按照显示间隔依次显示每个元素圈，可以包括：在电子设备，如电子设备的桌面应用程序包括的桌面解锁事件模块根据基准元素以及基准点，确定多个元素圈之后，桌面解锁事件模块可以通知电子设备的桌面应用程序包括的视图动画模块播放视图动画。即在视图动画模块接收到桌面解锁事件模块发送的通知(该通知可以包括电子设备确定的多个元素圈以及显示间隔)之后，视图动画模块可以按照显示间隔依次显示每个元素圈。

本申请的方案，可以在电子设备同时显示多个元素时，电子设备可以将该多个元素划分为不同的元素圈。电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈可以不同时显示，从而能够在电子设备同时显示多个元素时，依次显示每个元素圈包括的多个元素，即逐圈显示该多个元素，增加了转场的动效,使得在电子设备进入宫格排列的场景，即同时显示该多个元素时显得更加生动，提高用户的体验。

为了便于理解，下面以电子设备的第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，并结合图10对本申请的方案进行示意说明。

在电子设备接收到用户用于显示电子设备的桌面的解锁操作之后，电子设备可以在桌面包括的多个应用程序图标中确定面积最小的应用程序图标，以及划分元素圈的基准点。电子设备根据面积最小的应用程序图标以及基准点，确定多个元素圈，每个元素圈包括至少一个应用程序图标。

例如，以电子设备确定桌面包括4个元素圈为例，即元素圈1、元素圈2、元素圈3以及元素圈4，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)，元素圈3的范围小于元素圈4的范围(即元素圈3的长小于元素圈4的长，元素圈3的宽小于元素圈4的宽)。元素圈1包括可以四个元素，元素圈2可以包括12个元素，元素圈3可以包括4个元素，元素圈4可以包括8个元素。

在电子设备确定桌面包括4个元素圈之后，如图10中的(a)所示，电子设备可以先显示元素圈1包括的4个元素，即电子邮件应用程序对应的图标、音乐1应用程序对应的图标、运动健康应用程序对应的图标以及天气应用程序对应的图标。在电子设备显示元素圈1包括的4个元素(即应用程序图标)时，电子设备可以将元素圈1包括的4个元素放大3倍，进行显示。

需要说明的是，如图10中的(a)所示，在电子设备对元素圈1包括的4个应用程序图标进行放大显示时，若电子设备的界面还可以显示元素圈2包括的应用程序图标时，电子设备的界面还可以将元素圈2包括的12个应用程序图标放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈2包括的12个应用程序图标完全显示时，电子设备可以显示放大之后的元素圈2包括的12个应用程序图标的部分。

在电子设备显示元素圈1包括的4个应用程序图标之后，如图10中的(b)所示，电子设备可以间隔显示间隔(如50毫秒)之后，再显示元素圈2包括的12个应用程序图标。在电子设备显示元素圈2包括的12个应用程序图标时，电子设备可以将元素圈2包括的12个应用程序图标放大3倍，进行显示。同时，电子设备可以将元素圈1包括的4个应用程序图标按正常大小进行显示。或者，在电子设备将元素圈2包括的12个应用程序图标放大3倍时，电子设备也可以将元素圈1包括的4个应用程序图标放大2倍进行显示。

在电子设备显示元素圈2包括的12个应用程序图标之后，如图10中的(c)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的4个应用程序图标。在电子设备显示元素圈3包括的4个应用程序图标时，电子设备可以将元素圈3包括的4个元素放大3倍，进行显示。同时，电子设备可以将元素圈2包括的12个应用程序图标按正常大小进行显示。或者，在电子设备将元素圈3包括的4个应用程序图标放大3倍时，电子设备也可以将元素圈2包括的12个应用程序图标放大2倍进行显示,同时将电子设备也可以将元素圈1包括的4个应用程序图标放大1倍进行显示。

在电子设备显示元素圈3包括的4个应用程序图标之后，如图10中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈4包括的8个应用程序图标。在电子设备显示元素圈4包括的8个应用程序图标时，电子设备可以将元素圈4包括的8个应用程序图标放大3倍，进行显示。同时，电子设备可以将元素圈3包括的4个应用程序图标按正常大小进行显示。或者，在电子设备将元素圈4包括的8个应用程序图标放大3倍时，电子设备也可以将元素圈3包括的4个应用程序图标放大2倍进行显示,同时将电子设备也可以将元素圈2包括的12个应用程序图标以及元素圈1包括的4个应用程序图标放大1倍进行显示。

在电子设备显示元素圈4包括的8个应用程序图标之后，如图10中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4包括的应用程序图标均按正常大小显示。

为了便于理解，下面以电子设备的第一界面为电子设备的图库应用程序对应的界面，第一界面包括的多个元素为多个图像为例，并结合图11对本申请的方案进行示意说明。

在用户打开图库应用程序之后，用户可以选择某一个图像进行查看，电子设备接收到用户选择某一个图像查看的操作之后，电子设备可以显示该图像对应的界面。之后，在电子设备接收到用户返回图库应用程序主界面的操作(即第一操作)，即电子设备可以显示图库应用程序包括的多个图像。如图11中的(a)所示，在用户可以选择某一个图像进行查看时，电子设备可以接收到用户返回图库应用程序主界面的操作。

在电子设备接收到用户返回图库应用程序主界面的操作之后，电子设备可以在图库应用程序主界面包括的多个图像中确定面积最小的图像，以及划分元素圈的基准点。电子设备根据面积最小的图像以及基准点，确定多个元素圈，每个元素圈包括至少一个图像。

例如，以电子设备确定图库应用程序主界面包括3个元素圈为例，即元素圈1、元素圈2以及元素圈3，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)。元素圈1包括可以3个元素，元素圈2可以包括6个元素，元素圈3可以包括3个元素。

在电子设备确定桌面包括3个元素圈之后，如图11中的(b)所示，电子设备可以先显示元素圈1包括的3个图像。在电子设备显示元素圈1包括的3个图像时，电子设备可以将元素圈1包括的3个图像放大6倍，即相对于电子设备显示图库应用程序主界面时，最小的图像的大小放大6倍，进行显示。

在电子设备显示元素圈1包括的3个图像之后，如图11中的(c)所示，电子设备可以间隔显示间隔(如50毫秒)之后，再显示元素圈2包括的6个图像。在电子设备显示元素圈2包括的6个图像时，电子设备可以将元素圈2包括的6个图像放大3倍，进行显示。同时，电子设备可以将元素圈1包括的3个图像放大3倍进行显示。

在电子设备显示元素圈2包括的6个图像之后，如图11中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的3个图像。在电子设备显示元素圈3包括的3个图像时，电子设备可以将元素圈3包括的3个图像放大2倍，进行显示。同时，电子设备可以将元素圈2包括的6个图像以及元素圈1包括的3个图像放大两倍进行显示。

在电子设备显示元素圈3包括的3个图像之后，如图11中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4包括的图像均按正常大小显示，即相对于电子设备显示图库应用程序主界面时，最小的图像的大小放大1倍，进行显示。

为了便于理解，下面以电子设备的第一界面为电子设备的备忘录应用程序对应的界面，第一界面包括的多个元素为多个备忘录为例，并结合图12对本申请的方案进行示意说明。

在用户打开备忘录应用程序之后，用户可以选择某一个备忘录进行查看，电子设备接收到用户选择某一个备忘录查看的操作之后，电子设备可以显示该备忘录对应的界面。之后，在电子设备接收到用户返回备忘录应用程序主界面的操作(即第一操作)，即电子设备可以显示备忘录应用程序包括的多个备忘录。如图12中的(a)所示，在用户可以选择某一个备忘录(如备忘录1)进行查看时，电子设备可以接收到用户返回备忘录应用程序主界面的操作。

在电子设备接收到用户返回备忘录应用程序主界面的操作之后，电子设备可以在备忘录应用程序主界面包括的多个备忘录中确定面积最小的备忘录，以及划分元素圈的基准点。电子设备根据面积最小的备忘录像以及基准点，确定多个元素圈，每个元素圈包括至少一个备忘录。

例如，以电子设备确定备忘录应用程序主界面包括3个元素圈为例，即元素圈1、元素圈2以及元素圈3，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)。元素圈1包括可以6个元素(即备忘录1、备忘录2、备忘录3、备忘录4、备忘录5以及备忘录6)，元素圈2可以包括2个元素(即备忘录7以及备忘录8)，元素圈3可以包括2个元素(即备忘录9以及备忘录10)。

在电子设备确定桌面包括3个元素圈之后，如图12中的(b)所示，电子设备可以先显示元素圈1包括的6个备忘录。在电子设备显示元素圈1包括的6个备忘录时，电子设备可以将元素圈1包括的6个备忘录放大3倍，即相对于电子设备显示备忘录应用程序主界面时，最小的备忘录的大小放大3倍，进行显示。

在电子设备显示元素圈1包括的6个备忘录之后，如图12中的(c)所示，电子设备可以间隔显示间隔(如50毫秒)之后，再显示元素圈2包括的2个备忘录。在电子设备显示元素圈2包括的6个备忘录时，电子设备可以将元素圈2包括的2个备忘录放大3倍，进行显示。同时，电子设备可以将元素圈1包括的6个备忘录放大3倍进行显示。

在电子设备显示元素圈2包括的2个备忘录之后，如图12中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的3个备忘录。在电子设备显示元素圈3包括的2个备忘录时，电子设备可以将元素圈3包括的2个备忘录放大2倍，进行显示。同时，电子设备可以将元素圈2包括的2个备忘录以及元素圈1包括的6个备忘录放大两倍进行显示。

在电子设备显示元素圈3包括的2个备忘录之后，如图12中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2以及元素圈3包括的备忘录均按正常大小显示，即相对于电子设备显示备忘录应用程序主界面时，最小的备忘录的大小放大1倍，进行显示。

对应于前述实施例中的方法，本申请实施例还提供一种显示装置。该显示装置可以应用于电子设备，用于实现前述实施例中的方法。该显示装置的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块。

例如，图13示出了一种显示装置1300的结构示意图，如图13所示，该显示装置1300可以包括：接收模块1301、确定模块1302和显示模块1303等。

其中，接收模块1301，可以用于接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素。

确定模块1302，可以用于响应于第一操作，在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心。

确定模块1302，还可以用于根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素。

显示模块1303，可以用于基于第一间隔时间分别显示多个元素圈。

在一种可能的实现方式中，显示模块1303，还可以用于显示第一元素。

显示模块1303，还可以用于在第一间隔时间之后，显示第二元素。

在一种可能的实现方式中，上述显示装置1300还可以包括放大模块1304。

放大模块1304，可以用于采用第一放大倍数将第一元素放大。

显示模块1303，可以用于显示放大之后的第一元素。

放大模块1304，还可以用于采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大。

显示模块1303，还可以用于同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。

在一种可能的实现方式中，放大模块1304，还可以用于在第一间隔时间之后，采用第二放大倍数将第二元素放大。

显示模块1303，还可以用于同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。

在一种可能的实现方式中，第一元素圈的范围小于第二元素圈的范围。

在一种可能的实现方式中，确定模块1302，还可以用于确定基准元素的长和宽。

确定模块1302，还可以用于以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于N的整数。

在一种可能的实现方式中，第一元素为第一元素圈的范围内的元素，第二元素为第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。

在一种可能的实现方式中，第一界面包括的元素为应用程序图标、图像或备忘录。

应理解以上装置中单元或模块(以下均称为单元)的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且装置中的单元可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分单元以软件通过处理元件调用的形式实现，部分单元以硬件的形式实现。

例如，各个单元可以为单独设立的处理元件，也可以集成在装置的某一个芯片中实现，此外，也可以以程序的形式存储于存储器中，由装置的某一个处理元件调用并执行该单元的功能。此外这些单元全部或部分可以集成在一起，也可以独立实现。这里所述的处理元件又可以称为处理器，可以是一种具有信号的处理能力的集成电路。在实现过程中，上述方法的各步骤或以上各个单元可以通过处理器元件中的硬件的集成逻辑电路实现或者以软件通过处理元件调用的形式实现。

在一个例子中，以上装置中的单元可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个ASIC，或，一个或多个DSP，或，一个或者多个FPGA，或这些集成电路形式中至少两种的组合。

再如，当装置中的单元可以通过处理元件调度程序的形式实现时，该处理元件可以是通用处理器，例如CPU或其它可以调用程序的处理器。再如，这些单元可以集成在一起，以片上系统SOC的形式实现。

在一种实现中，以上装置实现以上方法中各个对应步骤的单元可以通过处理元件调度程序的形式实现。例如，该装置可以包括处理元件和存储元件，处理元件调用存储元件存储的程序，以执行以上方法实施例所述的方法。存储元件可以为与处理元件处于同一芯片上的存储元件，即片内存储元件。

在另一种实现中，用于执行以上方法的程序可以在与处理元件处于不同芯片上的存储元件，即片外存储元件。此时，处理元件从片外存储元件调用或加载程序于片内存储元件上，以调用并执行以上方法实施例所述的方法。

例如，本申请实施例还可以提供一种装置，如：电子设备，可以包括：处理器，用于存储该处理器可执行指令的存储器。该处理器被配置为执行上述指令时，使得该电子设备实现如前述实施例所述的显示方法。该存储器可以位于该电子设备之内，也可以位于该电子设备之外。且该处理器包括一个或多个。

在又一种实现中，该装置实现以上方法中各个步骤的单元可以是被配置成一个或多个处理元件，这些处理元件可以设置于对应上述的电子设备上，这里的处理元件可以为集成电路，例如：一个或多个ASIC，或，一个或多个DSP，或，一个或者多个FPGA，或者这些类集成电路的组合。这些集成电路可以集成在一起，构成芯片。

例如，本申请实施例还提供一种芯片，该芯片可以应用于上述电子设备。芯片包括一个或多个接口电路和一个或多个处理器；接口电路和处理器通过线路互联；处理器通过接口电路从电子设备的存储器接收并执行计算机指令，以实现以上方法实施例中所述的方法。

本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序指令。当计算机程序指令被电子设备执行时，使得电子设备可以实现如上述的显示方法。

本申请实施例还提供一种计算机程序产品，包括如上述电子设备运行的计算机指令，当计算机指令在电子设备中运行时，使得电子设备实可以现如上述的显示方法。通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。

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

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

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

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

例如，本申请实施例还可以提供一种计算机可读存储介质，其上存储有计算机程序指令。当计算机程序指令被电子设备执行时，使得电子设备实现如前述方法实施例中所述的显示方法。

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

Claims (10)

1.一种显示方法，其特征在于，应用于电子设备，所述电子设备包括第一应用程序，所述方法包括：

所述电子设备接收用户触发所述电子设备显示第一界面的第一操作，所述第一界面为所述第一应用程序对应的界面，所述第一界面包括多个元素；

响应于所述第一操作，所述电子设备在所述多个元素中确定基准元素以及基准点；所述基准元素为所述多个元素中面积最小的元素，所述基准点为所述电子设备建立的元素圈的中心；

所述电子设备根据所述基准元素以及所述基准点，确定多个元素圈，每个所述元素圈包括至少一个元素；

所述电子设备基于第一间隔时间分别显示所述多个元素圈。

2.根据权利要求1所述的方法，其特征在于，所述多个元素圈包括第一元素圈以及第二元素圈，所述第一元素圈包括至少一个第一元素，所述第二元素圈包括至少一个第二元素，所述电子设备基于第一间隔时间分别显示所述多个元素圈，包括：

所述电子设备显示所述第一元素；

在所述第一间隔时间之后，所述电子设备显示所述第二元素。

3.根据权利要求2所述的方法，其特征在于，所述电子设备显示所述第一元素，包括：

所述电子设备采用第一放大倍数将所述第一元素放大，所述电子设备显示放大之后的所述第一元素；

在所述第一间隔时间之后，所述电子设备显示所述第二元素，包括：

所述电子设备采用所述第一放大倍数将所述第二元素放大，采用第二放大倍数将所述第一元素放大，所述电子设备同时显示放大所述第一放大倍数之后的所述第二元素，以及放大所述第二放大倍数之后的所述第一元素，所述第一放大倍数大于所述第二放大倍数。

4.根据权利要求3所述的方法，其特征在于，在所述电子设备同时显示放大所述第一放大倍数之后的所述第二元素，以及放大所述第二放大倍数之后的所述第一元素之后，所述方法还包括：

在所述第一间隔时间之后，所述电子设备采用所述第二放大倍数将所述第二元素放大，所述电子设备同时显示放大所述第二放大倍数之后的所述第二元素，以及放大所述第二放大倍数之后的所述第一元素。

5.根据权利要求2所述的方法，其特征在于，所述第一元素圈的范围小于所述第二元素圈的范围。

6.根据权利要求5所述的方法，其特征在于，所述第一元素为矩形，所述电子设备根据所述基准元素以及所述基准点，确定多个元素圈，包括：

所述电子设备确定所述基准元素的长和宽；

所述电子设备以所述基准点为中心，基于所述基准元素的长和宽，确定所述第一元素圈和所述第二元素圈；其中，所述第一元素圈的长为所述基准元素的长的N倍，所述第一元素圈的宽为所述基准元素的宽的N倍，所述N为大于或等于1的整数；所述第二元素圈的长为所述基准元素的长的M倍，所述第二元素圈的宽为所述基准元素的宽的M倍，所述M为大于所述N的整数。

7.根据权利要求5所述的方法，其特征在于，所述第一元素为所述第一元素圈的范围内的元素，所述第二元素为所述第二元素圈的范围内的元素；

在第三元素同时为所述第一元素圈的范围内的元素以及所述第二元素圈的范围内的元素的情况下，所述第三元素为所述第一元素，所述第三元素为所述第一界面包括的任一个元素。

8.根据权利要求1所述的方法，其特征在于，所述第一界面包括的元素为应用程序图标、图像或备忘录。

9.一种电子设备，其特征在于，所述电子设备包括处理器，用于存储所述处理器可执行指令的存储器；所述处理器被配置为执行所述指令时，使得所述电子设备实现如权利要求1至8中任一项所述的方法。

10.一种计算机可读存储介质，其上存储有计算机程序指令；其特征在于，

当所述计算机程序指令被电子设备执行时，使得电子设备实现如权利要求1至8中任一项所述的方法。