CN112987987A - 一种应用图标的显示方法及电子设备 - Google Patents

一种应用图标的显示方法及电子设备 Download PDF

Info

Publication number
CN112987987A
CN112987987A CN201911284477.6A CN201911284477A CN112987987A CN 112987987 A CN112987987 A CN 112987987A CN 201911284477 A CN201911284477 A CN 201911284477A CN 112987987 A CN112987987 A CN 112987987A
Authority
CN
China
Prior art keywords
icon
application
layer
icons
foreground
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201911284477.6A
Other languages
English (en)
Inventor
宋朗
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN201911284477.6A priority Critical patent/CN112987987A/zh
Priority to CN202011003517.8A priority patent/CN112256165B/zh
Priority to EP20900518.0A priority patent/EP4057120A4/en
Priority to JP2022534667A priority patent/JP7480931B2/ja
Priority to BR112022011307A priority patent/BR112022011307A2/pt
Priority to PCT/CN2020/133663 priority patent/WO2021115194A1/zh
Publication of CN112987987A publication Critical patent/CN112987987A/zh
Priority to US17/837,994 priority patent/US11762529B2/en
Priority to US18/330,200 priority patent/US20230315256A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种应用图标的显示方法及电子设备，涉及终端技术领域，可向用户指引当前被操作的应用图标所在的具体位置，使得应用图标呈现出的显示效果能够增强对用户的引导性。该方法包括：显示桌面的第一屏幕页面，第一屏幕页面中包括N个应用的应用图标；接收用户对第一屏幕页面上的第一应用图标的打开操作，第一应用图标为该N个应用的应用图标中的一个；响应于该打开操作，按照第一显示方式显示第一层应用图标，其中，第一层应用图标位于第一应用图标周围并且与第一应用图标相邻，该N个应用的应用图标包括第一层应用图标，第一显示方式是指第一层应用图标朝向第一应用图标移动；显示与第一应用图标对应的第一应用的应用界面。

Description

一种应用图标的显示方法及电子设备
技术领域
本申请涉及终端技术领域，尤其涉及一种应用图标的显示方法及电子设备。
背景技术
手机等电子设备中通常安装有一个或多个应用，用户通过操作这些应用可实现丰富的应用功能。一般，应用的应用图标作为进入应用的入口，可显示在手机的桌面、负一屏、上拉菜单或下拉菜单等界面中。
为了使用户在使用手机时获得更好的人机交互体验，手机可使用特定的显示方式显示当前与用户交互的应用图标。例如，当用户点击桌面中的某个应用图标时，手机可将该应用图标的颜色加深，并将该应用图标的大小缩小，从而提示用户当前正在操作的图标为该应用图标。
但是，在用户操作该应用图标时，用户手指可能会对该应用图标产生遮挡，因此，手机即使使用特定的显示方式显示该应用图标，也无法较好的向用户指引当前被操作的应用图标的具体位置，对用户产生的提示效果不明显。
发明内容
本申请提供一种应用图标的显示方法及电子设备，可通过周边图标的变化，向用户指引当前被操作的应用图标所在的位置，从而增强对用户的指引性。
为达到上述目的，本申请采用如下技术方案：
第一方面，本申请提供一种应用图标的显示方法，包括：显示桌面的第一屏幕页面，第一屏幕页面中包括N(N为大于等于2的整数)个应用的应用图标；接收用户在第一屏幕页面上对第一应用图标的打开操作(例如点击第一应用图标)，第一应用图标为上述N个应用的应用图标中的一个；进而，响应于上述打开操作，电子设备可按照第一显示方式显示第一层应用图标，第一层应用图标位于第一应用图标周围并且与第一应用图标相邻，第一显示方式是指：第一层应用图标朝向第一应用图标移动，从而模拟出第一应用图标周围的应用图标被第一应用图标吸引的视觉效果；在按照第一显示方式显示第一层应用图标之后，可显示与第一应用图标对应的第一应用的应用界面，即打开第一应用。
也就是说，当用户对桌面中的某一应用图标输入打开操作时，电子设备可显示出该应用图标周围的应用图标向本次被操作的应用图标吸引和靠近的显示效果，从而通过周边图标的变化，引导用户快速查找到本次操作的应用图标在桌面中的具体位置，从而增强对用户的指引性。
在一种可能的实现方式中，第一层应用图标包括第一前景层图标和第一背景层图标，第一前景层图标位于第一背景层图标上；其中，第一层应用图标朝向第一应用图标移动，具体包括：第一前景层图标相对于第一背景层图标朝向第一应用图标移动。例如，当第一背景层图标固定时，可移动第一前景层图标向第一应用图标移动。又例如，当第一前景层图标固定时，可移动第一背景层图标远离第一应用图标移动。又例如，第一背景层图标和第一前景层图标可一起向第一应用图标移动，但第一前景层图标的移动速度大于第一背景层图标的移动速度。
在一种可能的实现方式中，在第一前景层图标相对于第一背景层图标朝向第一应用图标移动时，还可以压缩第一前景层图标。
在一种可能的实现方式中，在第一前景层图标相对于第一背景层图标朝向第一应用图标移动时，还可以压缩第一背景层图标。当第一背景层图标和第一前景层图标均压缩时，第一背景层图标的压缩比例可等于或小于第一前景层图标的压缩比例。
这样一来，当用户打开桌面中的第一应用图标时，桌面上可呈现出第一应用图标周围的应用图标均朝向第一应用图标进行移动或压缩的视觉效果，从而将桌面模拟成为一张有弹性的网，第一应用图标周围的图标会受到弹力的拉扯向第一应用图标靠近和吸引，进而引导和提示用户当前对第一应用图标执行了打开操作。
或者，在上述第一显示方式中，电子设备也可以移动第一应用图标周围的应用图标，使第一应用图标周围的应用图标靠近第一应用图标，此时，应用图标中的前景层图标和背景层图标不会发生相对移动。
在一种可能的实现方式中，上述N个应用的应用图标还包括第二层应用图标，第二层应用图标与上述第一层应用图标相邻，第二层应用图标包括第二前景层图标和第二背景层图标，第二前景层图标位于第二背景层图标上；那么，响应于上述打开操作，电子设备还可以将第二前景层图标相对于所述第二背景层图标朝向第一应用图标移动，其中，第二前景层图标相对于所述第二背景层图标朝向第一应用图标移动的距离，小于第一前景层图标相对于第一背景层图标朝向第一应用图标移动的距离。
在一种可能的实现方式中，在将第二前景层图标相对于所述第二背景层图标朝向第一应用图标移动时，还可以压缩第二前景层图标，其中，第二前景层图标被压缩的比例小于第一前景层图标被压缩的比例。
也就是说，在打开应用的场景下，可以根据第一应用图标与其周围应用图标之间的距离大小，对不同的应用图标呈现不同程度的压缩和移动效果。
在一种可能的实现方式中，在按照第一显示方式显示第一层应用图标之后，且在显示第一应用的应用界面之前，还包括：复位第一前景层图标的位置，使得第一应用图标恢复至桌面中默认的位置和尺寸。
在一种可能的实现方式中，上述N个应用的应用图标中的每个均包括前景层图标和背景层图标；那么，在电子设备显示第一应用的应用界面之后，还包括：重新显示第一屏幕页面；接收用户对重新显示的第一屏幕页面上的滑动操作；响应于该滑动操作，电子设备可按照第二显示方式显示上述N个应用的应用图标，第二显示方式是指：前景层图标相对于背景层图标沿滑动操作的方向移动；或者，在前景层图标相对于背景层图标沿滑动操作的方向移动时，压缩前景层图标；在按照上述第二显示方式显示N个应用的应用图标之后，电子设备可显示第二屏幕页面，第二屏幕页面与第一屏幕页面相邻。
也就是说，电子设备在响应用户的滑动操作对桌面进行翻页时，可模拟出桌面中的各个应用图标朝翻页时的滑动方向进行移动或压缩的视觉效果，从而将翻页时的滑动操作与桌面中应用图标的显示方式相关联，在桌面中提示用户本次翻页的具体指向。
在一种可能的实现方式中，上述N个应用的应用图标包括第一列图标和第二列图标，且第一列图标位于第二列图标的右侧；当上述滑动操作的方向为向右时，第一列图标的前景层图标移动的距离大于第二列图标的前景层图标移动的距离，或者，第一列图标的前景层图标移动的距离大于第二列图标的前景层图标移动的距离，且第一列图标的前景层图标被压缩的比例大于第二列图标的前景层图标被压缩的比例；或者，当上述滑动操作的方向为向左时，第一列图标的前景层图标移动的距离小于第二列图标的前景层图标移动的距离，或者，第一列图标的前景层图标移动的距离小于第二列图标的前景层图标移动的距离，且第一列图标的前景层图标被压缩的比例小于第二列图标的前景层图标被压缩的比例。也就是说，当桌面中的应用图标越靠近上述滑动方向时，应用图标进行移动或压缩程度越大。
在一种可能的实现方式中，电子设备也可以根据应用图标在桌面中移动的位置，依次按照上述第二显示方式显示桌面中的每一列应用图标。例如，当上述滑动方向为向右时，如果检测到第一列图标移动至桌面右侧边缘，则电子设备可按照第二显示方式显示第一列图标；如果检测到第二列图标移动至桌面右侧边缘，则电子设备可按照第二显示方式显示第二列图标。
在一种可能的实现方式中，电子设备在显示桌面的第二屏幕页面时，也可以按照上述第二显示方式显示第二屏幕页面中的一个或多个应用图标。
在一种可能的实现方式中，在接收用户在第一屏幕页面上对第一应用图标的打开操作之后，在显示第一应用的应用界面之前，还包括：缩小第一应用图标的尺寸，或加深第一应用图标的颜色。也就是说，电子设备在响应用户对第一应用图标的打开操作按照第一显示方式显示第一应用图标周围的应用图标时，可联动的按照一定的显示方式显示本次被操作的第一应用图标。
第二方面，本申请提供一种应用图标的显示方法，包括：显示第一应用的应用界面；接收用户对第一应用的返回操作(例如点击应用界面中的返回按钮)；响应于该返回操作，电子设备可从显示上述应用界面切换为显示桌面的第一屏幕页面的部分或全部，第一屏幕页面包括第一应用的第一应用图标；在上述切换过程中(或在上述切换过程之后)，电子设备可按照第一显示方式显示第一屏幕页面中第一应用图标周围的第一层应用图标，此时，第一显示方式是指第一层应用图标朝向远离第一应用图标的方向移动。
这样，当用户退出某一应用至桌面时，电子设备可显示出对应的应用图标周围的应用图标向本次被操作的应用图标远离的显示效果，从而通过周边图标的变化，引导用户快速查找到本次操作的应用图标在桌面中的具体位置，从而增强对用户的指引性。
在一种可能的实现方式中，第一层应用图标包括第一前景层图标和第一背景层图标，第一前景层图标位于第一背景层图标上；其中，第一层应用图标远离第一应用图标移动，具体包括：第一前景层图标相对于第一背景层图标朝远离第一应用图标的方向移动。其中，第一前景层图标相对于第一背景层图标朝远离第一应用图标的方向移动的实现方式，与上述第一方面中打开应用时第一前景层图标相对于第一背景层图标朝靠近第一应用图标的方向移动的实现方式相同。
在一种可能的实现方式中，在第一前景层图标相对于第一背景层图标朝远离第一应用图标的方向移动时，还可以压缩第一前景层图标。
在一种可能的实现方式中，在第一前景层图标相对于第一背景层图标朝远离第一应用图标的方向移动时，还可以压缩第一背景层图标。
这样，在第一应用退出时，可在桌面中呈现出第一应用图标周围的应用图标均远离第一应用图标的视觉效果，模拟出第一应用图标返回时其周围的应用图标被返回的第一应用图标推开的显示效果。
在一种可能的实现方式中，第一屏幕页面中还包括第二层应用图标，第二层应用图标与第一层应用图标相邻，第二层应用图标包括第二前景层图标和第二背景层图标，第二前景层图标位于第二背景层图标上；上述方法还包括：将第二前景层图标相对于第二背景层图标朝远离第一应用图标的方向移动，其中，第二前景层图标相对于第二背景层图标朝远离第一应用图标的方向移动的距离，小于第一前景层图标相对于第一背景层图标朝远离第一应用图标的方向移动的距离。
在一种可能的实现方式中，在将第二前景层图标相对于第二背景层图标朝远离第一应用图标的方向移动时，还可以压缩第二前景层图标，其中，第二前景层图标被压缩的比例小于第一前景层图标被压缩的比例。
也就是说，在退出应用的场景下，可以根据第一应用图标与其周围应用图标之间的距离大小，对不同的应用图标呈现不同程度的压缩和移动效果。
在一种可能的实现方式中，在按照第一显示方式显示第一层应用图标之后，还包括：复位第一前景层图标的位置，使得第一应用图标恢复至桌面中默认的位置和尺寸。
第三方面，本申请提供一种应用图标的显示方法，包括：显示触摸屏的锁屏界面；接收用户对锁屏界面的滑动操作；响应于该滑动操作，电子设备从显示锁屏界面切换为显示桌面的第一屏幕页面的部分或全部，第一屏幕页面中包括N(N为大于1的整数)个应用的应用图标，每个应用图标均包括前景层图标和背景层图标；在上述切换过程中(或在上述切换过程之后)，电子设备可按照第一显示方式显示上述N个应用的应用图标，第一显示方式是指：前景层图标相对于背景层图标沿该滑动操作的方向移动；或者，在前景层图标相对于背景层图标沿该滑动操作的方向移动时，压缩前景层图标。当然，在前景层图标相对于背景层图标沿该滑动操作的方向移动时，也可压缩背景层图标。
这样一来，用户通过滑动操作解锁屏幕后，桌面中的每个应用图标均可联动的呈现出移动或压缩的视觉效果，将用户在锁屏界面输入的滑动解锁操作与桌面中应用图标的显示效果相关联，使得应用图标呈现出的显示效果更加真实。
与打开应用的场景和退出应用的场景类似的，电子设备可以根据滑动解锁时的滑动方向，对不同的应用图标呈现不同程度的压缩和移动效果。
第四方面，本申请提供一种应用图标的显示方法，包括：接收用户在触摸屏的解锁位置输入的指纹；若该指纹通过验证，则按照第一显示方式显示桌面的第一屏幕页面，第一屏幕页面中包括N个应用的应用图标，每个应用图标均包括前景层图标和背景层图标；其中，第一显示方式是指：前景层图标相对于背景层图标沿远离解锁位置的方向移动；或者，在前景层图标相对于背景层图标沿远离解锁位置的方向移动时，压缩前景层图标。当然，在前景层图标相对于背景层图标沿该滑动操作的方向移动时，也可压缩背景层图标。
与打开应用的场景和退出应用的场景类似的，电子设备可以根据指纹解锁时应用图标与解锁位置之间的距离，对不同的应用图标呈现不同程度的压缩和移动效果。
第五方面，本申请提供一种应用图标的显示方法，包括：在桌面中显示第一应用图标和第二应用图标；接收用户拖动第一应用图标向第二应用图标移动的拖动操作；响应于该拖动操作，在第二应用图标向第一应用图标靠近的过程中，可将第二应用图标的前景层图标相对于背景层图标沿指向第一应用图标的方向移动；在第二应用图标远离第一应用图标的过程中，也可将第二应用图标的前景层图标相对于背景层图标沿指向第一应用图标的方向移动。
这样，用户拖动第一应用图标的过程中，电子设备可呈现出第二应用图标受到用户拖动的第一应用图标的拉扯向第一应用图标的视觉效果。
类似的，在相对移动前景层图标和背景层图标的同时，还可以压缩前景层图标和/或背景层图标，更加真实准确的还原第二应用图标朝向第一应用图标移动的视觉效果，本申请实施例对此不做任何限制。
第六方面，本申请提供一种应用图标的显示方法，包括：在桌面中显示第一应用图标；接收用户删除第一应用图标的删除操作；响应于该删除操作，电子设备可按照第一删除效果显示第一应用图标的前景层图标，并且，可按照第二删除效果显示第一应用图标的背景层图标。
例如，第一删除效果可以为：在第一预设时间内逐渐将前景层图标缩小为0，并将前景层图标旋转第一角度。第二删除效果可以为：在第二预设时间内逐渐将背景层图标缩小为0，并将背景层图标旋转第二角度。这样，在删除第一应用图标时可以呈现出其前景层图标和背景层图标分别被删除的视觉效果。
在一种可能的实现方式中，电子设备在显示上述第一删除效果和第二删除效果之间可设置一定的时延。例如，当电子设备按照第一删除效果开始显示第一应用图标的前景层图标时，可启动预设的定时器，当该定时器超时时，可按照第二删除效果开始显示第一应用图标的背景层图标。这样，在删除第一应用图标时可以呈现出前景层图标和背景层图标依次被删除的视觉效果。
第七方面，本申请提供一种应用图标的显示方法，包括：在桌面中显示第一应用的第一应用图标；当接收到来自第一应用的新消息后，在第一应用图标上显示角标，该角标用于提示当前未读消息的数目；在显示上述角标的过程中(或在显示上述角标之后)，电子设备可按照第一新消息效果显示第一应用图标的前景层图标，并且，可按照第二新消息效果显示第一应用图标的背景层图标。
例如，第一新消息效果可以为：在第一预设时间内按照第一放大比例放大前景层图标，进而还原前景层图标。第二新消息效果可以为：在第二预设时间内按照第二放大比例放大背景层图标，进而还原背景层图标。这样，在第一应用接收到新消息时，其第一应用图标时可以呈现出前景层图标和背景层图标错层移动的效果，从而引起用户注意，提示用户接收到新消息。
在一种可能的实现方式中，电子设备在显示上述第一新消息效果和第二新消息效果之间可设置一定的时延。例如，当电子设备按照第一新消息效果开始显示第一应用图标的前景层图标时，可启动预设的定时器，当该定时器超时时，可按照第二新消息效果开始显示第一应用图标的背景层图标。
第八方面，本申请提供一种电子设备，包括：触摸屏、指纹器件、一个或多个处理器、一个或多个存储器、以及一个或多个计算机程序；其中，处理器与触摸屏、指纹器件以及存储器均耦合，上述一个或多个计算机程序被存储在存储器中，当电子设备运行时，该处理器执行该存储器存储的一个或多个计算机程序，以使电子设备执行上述任一方面所述的应用图标的显示方法。
第九方面，本申请提供一种计算机可读存储介质，包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行上述任一方面所述的应用图标的显示方法。
第十方面，本申请提供一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行上述任一方面所述的应用图标的显示方法。
可以理解地，上述提供的第八方面所述的电子设备、第九方面所述的计算机可读存储介质，以及第十方面所述的计算机程序产品均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
附图说明
图1为本申请实施例提供的一种电子设备的结构示意图一；
图2为本申请实施例提供的一种电子设备中操作系统的架构示意图；
图3为本申请实施例提供的一种应用图标的显示方法的应用场景示意图一；
图4为本申请实施例提供的一种应用图标的示意图；
图5为本申请实施例提供的一种应用图标移动或压缩的示意图；
图6为本申请实施例提供的一种应用图标的显示方法的应用场景示意图二；
图7为本申请实施例提供的一种应用图标的显示方法的应用场景示意图三；
图8为本申请实施例提供的一种应用图标的显示方法的应用场景示意图四；
图9为本申请实施例提供的一种应用图标的显示方法的应用场景示意图五；
图10为本申请实施例提供的一种应用图标的显示方法的应用场景示意图六；
图11A为本申请实施例提供的一种应用图标的显示方法的应用场景示意图七；
图11B为本申请实施例提供的一种应用图标的显示方法的应用场景示意图八；
图12A为本申请实施例提供的一种应用图标的显示方法的应用场景示意图九；
图12B为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十；
图13为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十一；
图14为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十二；
图15为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十三；
图16为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十四；
图17为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十五；
图18为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十六；
图19为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十七；
图20为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十八；
图21为本申请实施例提供的一种应用图标的显示方法的应用场景示意图十九；
图22为本申请实施例提供的一种应用图标的显示方法的应用场景示意图二十；
图23为本申请实施例提供的一种应用图标的显示方法的应用场景示意图二十一；
图24为本申请实施例提供的一种应用图标的显示方法的应用场景示意图二十二；
图25为本申请实施例提供的一种应用图标的显示方法的应用场景示意图二十三；
图26为本申请实施例提供的一种电子设备的结构示意图二。
具体实施方式
下面将结合附图对本实施例的实施方式进行详细描述。
本申请实施例提供的一种应用图标的显示方法可应用于手机、平板电脑、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、手持计算机、上网本、个人数字助理(personal digital assistant，PDA)、可穿戴电子设备、车载设备、虚拟现实设备等电子设备中，本申请实施例对此不做任何限制。
示例性的，图1示出了电子设备100的结构示意图。
电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180等。
可以理解的是，本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器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)接口等。
电子设备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的至少部分模块被设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivision multiple access，CDMA)，宽带码分多址(wideband code division multipleaccess，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidounavigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellitesystem，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(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以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。
摄像头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)等。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐，或收听免提通话。
受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。
麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中，电子设备100可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备100还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。
传感器模块180中可以包括触摸传感器，指纹器件，压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，环境光传感器，骨传导传感器等。
以触摸传感器举例，触摸传感器可采集用户在其上或附近的触摸事件(比如用户使用手指、触控笔等任何适合的物体在触摸传感器表面上的操作)，并将采集到的触摸信息发送给其他器件，例如处理器110。示例性的，触摸传感器可采用电阻式、电容式、红外线以及表面声波等多种方式实现。触摸传感器可与显示屏194集成为电子设备100的触摸屏，或者，触摸传感器与显示屏194可作为两个独立的部件来实现电子设备100的输入和输出功能。
当然，电子设备100还可以包括充电管理模块、电源管理模块、电池、按键、指示器以及1个或多个SIM卡接口等，本申请实施例对此不做任何限制。
上述电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android系统为例，示例性说明电子设备100的软件结构。
图2是本申请实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。
1、应用程序层
应用程序层可以包括一系列应用程序。
如图2所示，上述应用程序可以包括通话，联系人，相机，图库，日历，地图，导航，蓝牙，音乐，视频，短信息等应用(application，APP)。
仍如图2所示，应用程序层中还包括launcher(启动器，也可称为桌面或主屏幕)等Android核心应用。一般，Android系统启动后launcher可作为核心应用常驻在Android系统中运行。
Launcher可用于显示和管理应用程序层中安装的其他App。如图3所示，应用的应用图标301一般显示在launcher 302中，由launcher 302统一管理。如果检测到用户向launcher 302中的应用图标301执行点击、长按、或拖动等操作时，launcher 302可响应用户的操作，触发相应的应用执行对应的操作指令。例如，如果检测到用户在launcher 302中点击联系人APP的应用图标301，则launcher 302可生成联系人APP的启动消息，通过调用应用程序框架层中的相关服务启动联系人APP的应用进程，最终屏幕显示联系人APP的界面。Launcher 302可以包括多个屏幕页面，图3中仅示出了一个屏幕页面。
Launcher 302在显示每个应用的应用图标时可获取该应用提供的图标资源。以联系人APP举例，联系人APP的安装包中可提供联系人APP的图标资源。如图4所示，联系人APP的图标资源401包括背景层图标402以及前景层图标403，前景层图标403一般位于背景层图标402的上层，前景层图标403的尺寸一般小于背景层图标402的尺寸。各个应用厂商可按照Android系统要求的大小和格式在应用安装包中携带应用图标的图标资源。
那么，在launcher 302中显示联系人APP的应用图标时，launcher 302可从联系人APP的安装包中获取到联系人APP的图标资源401(即背景层图标402以及前景层图标403)。进而，仍如图4所示，进一步的，为了保持launcher 302上显示的应用图标的大小统一，launcher 302还可使用预设的蒙版404(也可称为遮罩或轮廓)对背景层图标402进行剪裁，使背景层图标402的形状和大小与蒙版404的形状和大小相同。进而，launcher 302可在剪裁后的背景层图标402上叠加前景层图标403，最终形成联系人APP的应用图标405。对于待显示的每个应用图标，launcher 302均可按照上述方法使用蒙版404制作出形状和大小相同的应用图标。这样，launcher 302可将这些大小和形状统一的应用图标整齐的排列在launcher 302中，提高launcher 302中应用图标的美观性。此外，在launcher 302上显示的应用图标，也可以包括前景层和背景层两层，不包括蒙版层。
2、应用程序框架层
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
示例性的，应用程序框架层中可以包括通知管理器，活动管理器，窗口管理器，内容提供器，视图系统，电话管理器等。
其中，视图系统(view)可用于构建应用程序的显示界面。每个显示界面可以由一个或多个控件组成。一般而言，控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、微件(Widget)等界面元素。
上述通知管理器可使应用程序可以在状态栏中显示通知信息，可用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
上述活动管理器可用于管理每个应用的生命周期。应用通常以activity的形式运行在操作系统中。活动管理器可以调度应用的activity进程管理每个应用的生命周期。窗口管理器用于管理窗口程序。
上述窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
上述内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
上述电话管理器用于提供手机的通信功能。例如通话状态的管理(包括接通，挂断等)。上述资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
3、Android runtime和系统库
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绘图的绘图引擎。
4、内核层
内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动等，本申请实施例对此不做任何限制。
在本申请实施例中，以上述launcher 302中显示的每个应用图标均包括三个图层为例，该三个图层包括蒙版层中的蒙版、背景层中的背景层图标以及前景层中的前景层图标。一般，蒙版层中的蒙版为固定不变的，那么，launcher 302通过改变背景层或前景层中的至少一个图层，可在显示应用图标时实现错层的显示效果。例如，launcher 302在显示上述联系人APP的应用图标405时，可添加一个前景层图标403在背景层图标402上左右晃动200ms的显示效果，增加应用图标405显示时的空间感。
在一些实施例中，仍以上述联系人APP的应用图标405举例，launcher 302在显示应用图标405时可以通过移动应用图标405，模拟出应用图标405发生移动或压缩的显示效果，从而呈现出应用图标405被吸引或被推开的视觉效果。在本发明所有实施例中，“移动应用图标”的具体方式可以是整体移动和/或相对移动。在整体移动的方式中，可将应用图标作为一个整体进行移动和/或压缩，此时应用图标的各图层之间没有相对移动和压缩。在相对移动的方式中，可以将应用图标的一个或多个图层进行相对的移动和/或压缩(例如：仅对应用图标的前景层图标进行移动和/或压缩，或者仅对应用图标的背景层图标进行移动和/或压缩)。以下给出一些例子予以具体说明。
以用户正常观看应用图标405的水平方向为x轴、竖直方向为y轴、垂直于应用图标405所在平面的方向为z轴举例，当应用图标405没有发生移动时，如图5中的(a)所示，在z轴方向上，背景层图标402位于蒙版404(蒙版404未示出)之上，前景层图标403位于背景层图标402之上。此时，前景层图标403在x轴上的投影为D1，背景层图标402在x轴上的投影为L1。当应用图标405沿y轴逆时针翻转一定角度α时，如图5中的(b)所示，前景层图标403在x轴上的投影长度从D1压缩为D2(D2＜D1)，背景层图标402在x轴上的投影长度从L1压缩为L2(L2＜L1)，并且，前景层图标403相对于背景层图标402在x轴上移动了距离a。
那么，为了模拟出应用图标405沿y轴逆时针发生移动或压缩的显示效果，launcher 302可让前景层图标403相对于背景层图标402沿x轴正方向移动，从而呈现出应用图标405发生移动或压缩的显示效果。例如，当背景层图标402固定时，launcher 302可沿x轴正方向移动前景层图标403。又例如，当前景层图标403固定时，launcher 302可沿x轴负方向移动背景层图标402。又例如，背景层图标402和前景层图标403可一起沿x轴正方向移动，但前景层图标403的移动速度大于背景层图标402的移动速度。
进一步地，为了模拟出应用图标405沿y轴逆时针发生移动或压缩的显示效果，在前景层图标403相对于背景层图标402沿x轴正方向移动的同时，launcher 302还可以沿x轴方向压缩前景层图标403，从而呈现出应用图标405发生移动或压缩的显示效果。
当然，在前景层图标403相对于背景层图标402沿x轴正方向移动的同时，launcher302还可以沿x轴方向压缩背景层图标402，从而呈现出应用图标405发生移动或压缩的显示效果，本申请实施例中对模拟应用图标移动或压缩时其前景层图标和背景层图标的移动或压缩方式不做任何限制。
示例性的，如图6所示，在显示联系人APP的应用图标405时，launcher 302可沿x轴方向逐渐压缩背景层图标402和前景层图标403，并且，可同时沿x轴正方向逐渐移动前景层图标403。这样，launcher 302通过二维图层的变化可实现应用图标405进行移动或压缩的显示效果。当然，launcher 302也可以通过执行预设的3D渲染算法向应用图标405添加移动或压缩的显示效果。
后续，仍如图6所示，launcher 302显示出本次应用图标405进行移动或压缩的显示效果后，可按照本次移动或压缩的逆操作播放应用图标405的复位效果，使得移动或压缩后的应用图标405复位为没有发生移动或压缩的应用图标405。
上述实施例中是以应用图标405沿y轴逆时针发生移动或压缩举例说明的，可以理解的是，launcher 302也可以按照上述类似的方法模拟出应用图标405沿y轴顺时针、沿x轴逆时针或沿x轴顺时针发生移动或压缩的显示效果，从而呈现出应用图标405向某一方向被推开或被吸引的视觉效果，本申请实施例对此不做任何限制。
在一些实施例中，应用图标405被移动或压缩，launcher 302可以模拟应用图标405发生三维翻转的效果，此时还可以对其前景层图标403增加阴影效果。例如，当应用图标405进行三维翻转的角度越大，即前景层图标403在背景层图标402上移动的距离越大时，launcher 302向前景层图标403增加的阴影的模糊程度和投射距离越高，从而增加应用图标405移动或压缩时的立体效果。
在本申请实施例中，launcher 302在不同应用场景(例如翻页场景、解锁场景、打开或关闭应用等场景)中显示应用图标时，均可使用上述方法基于应用图标中的前景层图标和背景层图模拟出该应用图标移动或压缩的显示效果，从而强化应用图标的立体显示效果，引导用户在桌面中快速定位被操作的应用图标，增强对用户产生的引导性和趣味性。
需要说明的是，后续实施例中均以应用图标中包括前景层图标和背景层图标举例说明，可以理解的是，应用厂商在应用安装包中提供的图标资源还可以包括除前景层和背景层之外更多图层的图标。launcher 302在向这类包含多图层的应用图标添加移动或压缩的显示效果时均可参考本实施例中提供的相关方法。
并且，在使用除Android系统外的其他操作系统显示应用的应用图标时，也可以不使用蒙版对应用厂商提供的多层的图标进行剪裁，而是直接将获取到的图标资源中多个图层的图标按照一定顺序叠加后显示在显示界面中，本申请实施例对此不做任何限制。
以下将以手机作为上述电子设备100举例，结合附图详细阐述本申请实施例提供的一种应用图标的显示方法。
在一些实施例中，当用户在手机的launcher中打开某一应用时，手机可使用上述移动或压缩的显示效果显示launcher中的应用图标。应用图标通过移动或压缩的显示效果可更加有指向性的向用户提示本次打开的应用在launcher中的具体位置。
示例性的，如图7所示，手机的launcher 701中包括3*4个应用图标，此外，用户也可以更改launcher 701中应用图标的布局，例如，将4列的图标布局修改为5列的图标布局等。以直角坐标系的x轴与launcher 701的较短边平行，直角坐标系的y轴与launcher 701的较长边平行举例，手机可以获取到每个应用图标在launcher 701中的具体位置。例如，联系人APP的应用图标702位于launcher 701中的第2行第2列。那么，当检测到用户点击联系人APP的应用图标702时，说明用户需要打开联系人APP。当然，用户也可以通过悬浮手势或语音指令打开launcher 701中与应用图标702对应的联系人APP。
那么，当检测到用户对应用图标702输入打开操作(例如点击应用图标702)时，手机可按照预设的显示方式显示被点击的应用图标702(即被操作图标)，同时，手机可按照第一显示方式显示应用图标702周围的应用图标。其中，第一显示方式是指：被操作图标(例如应用图标702)周围的一个或多个应用图标朝指向应用图标702的方向移动。
对于本次被点击的应用图标702，仍如图7所示，手机可通过缩放、修改应用图标702的透明度、或颜色等预设的显示方式显示应用图标702。例如，手机可将应用图标702的大小缩小为90％，并加深应用图标702的颜色，以提示用户选中了launcher 701中的应用图标702。但是，由于用户点击应用图标702时用户手指对应用图标702产生了遮挡，因此，手机只向应用图标702添加预设的显示方式不能较好的对用户产生提示效果。
对此，在本申请实施例中，手机在按照预设的显示方式显示应用图标702的同时，还可以联动的按照第一显示方式显示应用图标702周围的应用图标，从而模拟出应用图标702周围的应用图标被应用图标702吸引的视觉效果，提示用户本次操作的应用图标为应用图标702。
其中，应用图标702周围的应用图标可以包括与应用图标702相邻的第一层应用图标。示例性的，如图7所示，第一层应用图标可包括与应用图标702在x轴正方向、x轴负方向、y轴正方向以及y轴负方向上分别相邻的应用图标，即位于应用图标702上、下、左、右的4个应用图标。也就是说，应用图标702的第一层应用图标分别为相机APP的应用图标703、设置APP的应用图标704、微信APP的应用图标705以及淘宝APP的应用图标706。
或者，如图8所示，应用图标702周围的第一层应用图标除了包括位于应用图标702上、下、左、右的4个应用图标外，还可以包括位于应用图标702左上角、左下角、右上角以及右下角的4个应用图标。此时，应用图标702的第一层应用图标还可以包括应用图标801、应用图标802、应用图标803以及应用图标804，这些应用图标均位于应用图标702的外围且与应用图标702相邻。
当检测到用户点击应用图标702时，手机可按照第一显示方式显示应用图标702周围的第一层应用图标，使得第一层应用图标中的每个应用图标均可朝向应用图标702靠近。仍如图7所示，以位于应用图标702左侧的应用图标705举例，应用图标705包括前景层图标705a和背景层图标705b。检测到用户点击应用图标702时，手机可以将前景层图标705a相对于背景层图标705b沿指向应用图标702的方向(即x轴正方向)移动。从而呈现出应用图标705朝向应用图标702靠近的显示效果，或者说呈现出应用图标705被应用图标702吸引的显示效果。
可选的，在前景层图标705a相对于背景层图标705b朝向应用图标702移动的同时，手机还可以压缩前景层图标705a和/或背景层图标705b，本申请实施例对此不做任何限制。
示例性的，手机可设置上述第一显示方式的显示时长为200ms。检测到用户点击应用图标702后，手机可在200ms内按照第一显示方式显示应用图标702周围的应用图标。例如，在这200ms内，手机可将前景层图标705a沿x轴正方向逐渐移动距离a，呈现出应用图标705朝向应用图标702进行移动或压缩的显示效果。或者，在沿x轴正方向移动前景层图标705a的同时，手机还可以沿x轴正方向将前景层图标705a逐渐压缩20％。或者，手机还可以沿同一方向(即x轴正方向)将应用图标705的背景层图标705b也逐渐压缩20％，使得应用图标705朝向应用图标702靠近的显示效果更为逼真。
另外，手机在移动前景层图标705a的同时，还可以向前景层图标705a添加阴影效果，使得应用图标705朝向应用图标702靠近的显示效果更为逼真。
类似的，对于应用图标702周围的第一层应用图标中的其他应用图标(例如，应用图标703、应用图标704以及应用图标706)，仍如图7所示，手机均可在检测到用户点击应用图标702后，按照上述第一显示方式显示对应的应用图标，从而模拟出应用图标702周围的第一层应用图标中每一个应用图朝向应用图标702靠近的显示效果。
这样一来，当用户点击应用图标702时，launcher 701中可呈现出应用图标702周围的应用图标均朝向应用图标702靠近的视觉效果，从而将launcher 701模拟成为一张有弹性的网，当用户点击launcher 701中的应用图标702时，应用图标702周围的图标会受到弹力的拉扯向应用图标702靠近和吸引，进而引导和提示用户当前对应用图标702执行了点击操作。
在另一些实施例中，仍如图8所示，应用图标702周围的第一层应用图标除了包括应用图标703、应用图标704、应用图标705以及应用图标706之外，还可以包括应用图标801、应用图标802、应用图标803以及应用图标804。
那么，与手机按照第一显示方式显示应用图标705类似的，检测到用户点击launcher 701中的应用图标702后，手机也可以按照上述第一显示方式显示应用图标801、应用图标802、应用图标803以及应用图标804，呈现出应用图标702外围的第一层应用图标均向应用图标702如靠近的视觉效果。
示例性的，如图8所示，手机按照上述第一显示方式显示应用图标801时，可沿应用图标801指向应用图标702的方向(即x轴正方向逆时针旋转45°的方向)使应用图标801的前景层图标和背景层图标相对移动。
或者，如图9中的(a)所示，手机按照上述第一显示方式显示应用图标801时，由于应用图标801在y轴方向上位于应用图标702的上方，因此，手机可将y轴正方向作为应用图标801指向应用图标702的方向，进而，手机可沿y轴正方向使应用图标801的前景层图标和背景层图标相对移动。类似的，手机也可根据应用图标802、应用图标803以及应用图标804在y轴方向上分别与应用图标702的位置关系，将y轴正方向(或y轴负方向)确定为指向应用图标702的方向，进而按照上述第一显示方式显示应用图标的前景层图标和背景层图标，实现朝向应用图标702比如靠近的视觉效果。
或者，如图9中的(b)所示，手机在显示应用图标801的第一显示方式时，由于应用图标801在x轴方向上位于应用图标702的左侧，因此，手机可将x轴正方向作为应用图标801指向应用图标702的方向，进而，手机可沿x轴正方向使应用图标801的前景层图标和背景层图标相对移动。类似的，手机也可根据应用图标802、应用图标803以及应用图标804在x轴方向上分别与应用图标702的位置关系，将x轴正方向(或x轴负方向)确定为指向应用图标702的方向，进而按照上述第一显示方式显示应用图标的前景层图标和背景层图标，实现朝向应用图标702比如靠近的视觉效果。
在另一些实施例中，当用户点击launcher 701中的应用图标702时，手机除了在显示应用图标702外围的第一层应用图标时可按照上述第一显示方式显示，手机还可以在显示应用图标702外围的第二层应用图标或第三层应用图标等应用图标时也按照上述第一显示方式进行显示。
示例性的，应用图标702外围的第二层应用图标是指与应用图标702外围的第一层应用图标相邻的一个或多个应用图标。如图10所示，应用图标702外围的第二层应用图标包括：应用图标1001、应用图标1002以及应用图标1003。类似的，应用图标702外围的第三层应用图标是指与应用图标702外围的第二层应用图标相邻的一个或多个应用图标(图10中未示出)。
那么，当用户点击launcher 701中的应用图标702时，手机还可以按照上述第一显示方式显示应用图标1001、应用图标1002以及应用图标1003。以应用图标1002举例，手机可将应用图标1002的前景层图标相对于背景层图标沿指向应用图标702的方向移动，或者，在应用图标1002的前景层图标相对于背景层图标移动的同时，手机可压缩应用图标1002的前景层图标，从而呈现出应用图标1002朝向应用图标702靠近的视觉效果。
进一步的，手机在按照第一显示方式显示被操作图标(例如应用图标702)周围的应用图标时，可以根据应用图标702与其周围应用图标之间的距离大小，对不同的应用图标呈现不同程度的压缩和移动效果，从而实现不同程度的移动或压缩效果。一般，距离被操作图标越近的图标，在第一显示方式中被压缩的程度越大，移动的距离也越多。
例如，由于应用图标702外围的第二层应用图标相对于其第一层应用图标距离应用图标702较远，因此，可设置应用图标702外围的第二层应用图标在第一显示方式中向应用图标702移动的距离，小于应用图标702外围的第一层应用图标在第一显示方式中向应用图标702移动的距离。例如，手机在显示应用图标705(即应用图标702外围的第一层应用图标)时，对应用图标705的前景层图标压缩了20％，且将应用图标705的前景层图标相对背景层图标移动了距离a。那么，在显示应用图标1002(即应用图标702外围的第二层应用图标)时，可对应用图标1002的前景层图标压缩10％，且将应用图标1002的前景层图标相对背景层图标移动距离a/2，使得应用图标1002朝向应用图标702靠近时的幅度小于应用图标705朝向应用图标702靠近时的幅度，从而更加逼真的呈现出用户点击应用图标702时周围图标由近及远被拉扯的视觉效果。
当然，在用户点击launcher 701中的应用图标702时，手机还可以按照上述第一显示方式对应用图标702外围的第三层应用图标、第四层应用图标等周围的应用图标显示具有移动或压缩效果的第一显示方式，本申请实施例对此不做任何限制。
在另一些实施例中，在上述第一显示方式中，手机除了可以通过改变被操作图标周围的应用图标的前景层图标和背景层图标，模拟出向被操作图标靠近的显示效果，手机还可以以应用图标为单位移动被操作图标周围的应用图标，模拟出向被操作图标靠近的显示效果。
例如，如图11A所示，在用户点击launcher 701中的应用图标702(即被操作图标)时，手机可将应用图标702周围的第一层应用图标(例如，应用图标703、应用图标704、应用图标705以及应用图标706)沿指向应用图标702的方向进行移动。当然，手机也可将应用图标702周围的第二层应用图标沿指向应用图标702的方向进行移动，从而呈现出应用图标702周围的应用图标靠近应用图标702的显示效果，引导用户快速定位出本次操作的应用图标为应用图标702。以应用图标705为例，手机可沿x轴正方向移动应用图标705，此时，应用图标705中的前景层图标和背景层图标不会发生相对移动，而是整个应用图标705靠近了被操作的应用图标702。
需要说明的是，本申请实施例对被操作图标(例如应用图标702)周围的应用图标的个数不做任何限制。例如，仍如图10所示，当用户点击launcher 701中的应用图标1003时，由于应用图标1003位于launcher 701的右下角，因此位于应用图标1003外围的第一层应用图标仅包括应用图标1002、应用图标706以及应用图标804这三个应用图标。
另外，如果手机在按照上述第一显示方式进行显示的过程中检测到用户手指离开应用图标702，或者，当上述第一显示方式结束时，如图11B所示，手机可对应用图标702周围的应用图显示与上述第一显示方式对应的复位效果。仍以应用图标705举例，检测到用户手指离开应用图标702后，手机可沿应用图标705远离应用图标702的方向(即x轴负方向)复位应用图标705的前景层图标，使得应用图标705恢复至launcher 701中默认的位置和尺寸(即用户点击应用图标702前的位置和尺寸)。
可以看出，当用户在手机的launcher中操作(比如点击)某一应用图标时，手机可按照第一显示方式对该被操作图标周围的应用图标进行显示，呈现出周围应用图标朝向被操作的应用图标靠近或拉伸的视觉效果，从而提示用户当前launcher中被点击的应用图标是哪个。
在一些实施例中，当手机从某一应用的显示界面返回至launcher时，手机将在launcher中显示该应用的应用图标。此时，手机可以对该应用的应用图标进行缩放处理，进一步的，手机也可使用上述移动或压缩的显示效果显示该应用图标周围的应用图标，从而更加有指向性的向用户提示本次退出的应用图标在launcher中的具体位置。
示例性的，如图12A所示，当手机中的联系人APP返回至launcher 701时，手机可从联系人APP的应用界面切换为launcher 701，launcher 701中包含联系人APP的应用图标。例如，检测到用户在联系人APP的应用界面中点击返回按钮后，手机可逐渐缩小联系人APP的应用界面同时逐渐显示出launcher 701，最终将联系人APP的应用界面缩小至其对应应用图标702在launcher 701中的位置(即launcher 701中的第2行第2列)后消失。
在本申请实施例中，在从联系人APP的应用界面切换为launcher 701的过程中，或者，在显示出launcher 701之后，手机还可以按照第二显示方式显示联系人APP的应用图标702周围的应用图标。其中，第二显示方式是指：被操作图标(例如应用图标702)周围的一个或多个应用图标朝远离应用图标702的方向移动，从而模拟出应用图标702周围的应用图标被应用图标702推开的视觉效果，提示用户本次操作的应用图标为应用图标702。
其中，在第二显示方式中被操作图标(即应用图标702)周围应用图标的划分方式，可与上述实施例中第一显示方式中被操作图标周围应用图标的划分方式相同，故此处不再赘述。
示例性的，如图12B所示，应用图标702周围的第一层应用图标可以包括应用图标703、应用图标704、应用图标705以及应用图标706。或者，上述第一层应用图标还可以包括应用图标801、应用图标802、应用图标803以及应用图标804。或者，应用图标702周围的第二层应用图标可以包括应用图标1001、应用图标1002以及应用图标1003，即应用图标702外围的第二层应用图标。
在应用图标702返回launcher 701的过程中，手机可按照第二显示方式显示应用图标702周围的第一层应用图标，使得第一层应用图标中的每个应用图标均远离应用图标702。仍以应用图标705举例，当应用图标702返回至launcher 701时，手机可以将应用图标705的前景层图标相对于背景层图标沿应用图标705远离应用图标702的方向(即x轴负方向)移动，呈现出应用图标705被返回至launcher 701的应用图标702推开的显示效果。
可选的，在应用图标705的前景层图标相对于背景层图标沿x轴负方向移动的同时，手机还可以压缩应用图标705的前景层图标和/或背景层图标，本申请实施例对此不做任何限制。
类似的，对于应用图标702周围的每一个应用图标，手机均可按照上述第二显示方式进行显示，从而在launcher 701中呈现出应用图标702周围的应用图标均远离应用图标702的视觉效果，模拟出应用图标702返回至launcher 701时其周围的应用图标被返回的应用图标702推开的显示效果。
与上述第一显示方式类似的，手机在按照第二显示方式显示被操作图标(例如应用图标702)周围的应用图标时，可以根据被操作图标(例如应用图标702)与其周围应用图标之间的距离大小，对不同的应用图标呈现不同程度的压缩和移动效果，从而实现不同程度的移动或压缩效果。一般，距离被操作图标越近的图标，在第二显示方式中被压缩的程度越大，移动的距离也越多。
例如，手机可设置应用图标702外围的第二层应用图标在第二显示方式中远离应用图标702的移动距离，小于应用图标702外围的第一层应用图标在第二显示方式中远离应用图标702的移动距离，从而更加逼真的呈现出应用图标702返回时周围图标由近及远被推开的视觉效果。
另外，当手机按照上述第二显示方式显示了应用图标702周围的应用图标后，可自动显示与上述第二显示方式对应的复位效果。如图13所示，仍以应用图标705举例，手机按照上述第二显示方式显示应用图标705被应用图标702推开的显示效果后，可自动沿指向应用图标702的方向(即x轴正方向)复位应用图标705的前景层图标，使得应用图标705恢复至launcher 701中默认的位置和尺寸。这样，当应用图标702返回至launcher 701时，应用图标702周围的应用图标可呈现出先被应用图标702推开而后恢复原位的视觉效果，从而引导用户快速找打本次被操作的应用图标为launcher 701中的应用图标702。
在另一些实施例中，与上述实施例中图11A所示的第一显示方式类似的，在上述第二显示方式中，手机除了可以通过改变被操作图标周围的应用图标的前景层图标和背景层图标，模拟出远离被操作图标的显示效果，手机还可以以应用图标为单位移动被操作图标周围的应用图标，模拟出向被操作图标靠近的显示效果，此时应用图标中的前景层图标和背景层图标不会发生相对移动。
在一些实施例中，当用户解锁手机后，手机也可以显示出launcher中的各个应用图标。此时，手机也可使用上述移动或压缩的显示效果显示launcher中的应用图标，将launcher中各个应用图标的显示效果与用户输入的解锁操作进行关联。
在一些实现方式中，用户可通过向锁屏界面中输入预设的滑动操作解锁手机屏幕，进入手机的launcher。如图14中的(a)所示，手机可响应用户在锁屏界面1401中输入的上滑操作解锁手机屏幕，即本次解锁操作为上滑操作。当手机屏幕解锁后，手机可从显示锁屏界面1401切换为显示launcher 701以及launcher 701中的各个应用图标。
如图14中的(b)所示，手机可响应上述上滑操作显示launcher 701中的一个屏幕页面，该屏幕页面中包括一个或多个应用图标。在本申请实施例中，手机可按照第三显示方式显示该屏幕页面中的各个应用图标。其中，第三显示方式是指：launcher中应用图标的前景层图标相对于背景层图标朝向本次解锁时的滑动方向移动，从而模拟出launcher中的应用图标朝解锁时的滑动方向移动或压缩的视觉效果。
以launcher 701中的应用图标702举例，检测到用户输入上滑操作解锁手机屏幕后，手机在显示launcher 701的过程中，或者在显示出launcher 701之后，可按照第三显示方式沿上述上滑操作的滑动方向(即y轴负方向)将应用图标702的前景层图标相对于背景层图标进行移动。
可选的，在应用图标702的前景层图标相对于背景层图标沿y轴负方向移动的同时，手机还可以压缩应用图标702的前景层图标或背景层图标，本申请实施例对此不作任何限制。
类似的，除了上述应用图标702外，手机可响应上述上滑操作按照第三显示方式显示launcher 701中的每个应用图标。这样一来，用户通过上滑操作解锁屏幕后，launcher701中的每个应用图标均可联动的呈现出向上移动或压缩的视觉效果，将用户在锁屏界面输入的向上滑动的解锁操作与launcher 701中应用图标的显示效果相关联，使得应用图标呈现出的显示效果更加真实。
另外，当手机按照第三显示方式显示了launcher 701中的每个应用图标后，可自动对每个应用图显示与上述第三显示方式对应的复位效果，使launcher 701中的各个应用图标恢复至默认的位置和尺寸。
在一些实施例中，手机还可以响应上述上滑操作，按照第三显示方式依次显示launcher 701中的每一行应用图标。例如，如图15中的(a)所示，手机响应上述上滑操作显示launcher 701时，可先按照第三显示方式显示launcher 701中第3行的应用图标1501，使得第3行的应用图标1501呈现出朝向上述滑动方向移动或压缩的视觉效果。
进而，在间隔一定时间(例如100ms)后，如图15中的(b)所示，手机可按照第三显示方式显示launcher 701中第2行的应用图标1502，使得第2行的应用图标1502呈现出朝向上述滑动方向移动或压缩的视觉效果。
同样，从手机按照第三显示方式显示launcher 701中第2行的应用图标1502开始，在间隔一定时间(例如100ms)后，如图15中的(c)所示，手机可继续按照第三显示方式显示launcher 701中第1行的应用图标1503，使得第1行的应用图标1503呈现出朝向上述滑动方向移动或压缩的视觉效果。
需要说明的是，上述实施例中是以上滑操作为解锁操作举例说明的，可以理解的是，当解锁操作为其他方向的滑动操作(例如下滑操作，或向左滑动的操作等)时，手机也可以按照上述第三显示方式，将launcher 701中应用图标的前景层图标相对于背景层图标朝向解锁操作中的具体滑动方向进行移动，呈现出应用图标朝向滑动方向移动或压缩的视觉效果，本申请实施例对此不做任何限制。
在另一些实现方式中，用户可通过向手机屏幕中输入正确的指纹以解锁手机屏幕，进入手机的launcher。以具有屏下指纹功能的手机举例，如图16中的(a)所示，可在手机触摸屏预设的解锁位置1601下方设置指纹器件。该指纹采集器件可以将采集到的指纹发送给手机的处理器，以便处理器对采集到的指纹进行处理(例如指纹验证等)。该指纹器件的主要部件可以包括指纹传感器，指纹传感器可以采用任何类型的感测技术，包括但不限于光学式、电容式、压电式或超声波传感技术等。手机通过上述指纹器件可检测到用户在锁屏界面1401的解锁位置1601是否输入正确的指纹，如果用户输入正确的指纹(即指纹验证通过)，则手机可解锁手机屏幕。当手机屏幕解锁后，手机可显示出launcher 701中的一个屏幕页面以及该屏幕页面中的各个应用图标。
如图16中的(b)所示，当用户在上述解锁位置1601输入指纹被验证通过后，手机可按照第四显示方式显示launcher 701中的各个应用图标。其中，第四显示方式是指：launcher中应用图标的前景层图标相对于背景层图标朝向远离解锁位置1601的方向移动，从而模拟出launcher中的应用图标远离解锁位置1601移动或压缩的视觉效果。
可选的，在应用图标的前景层图标相对于背景层图标朝向远离解锁位置1601的方向移动同时，手机还可以压缩应用图标的前景层图标或背景层图标，本申请实施例对此不作任何限制。
以解锁位置1601为手机屏幕底部的中心点举例，检测到用户在解锁位置1601输入正确的指纹后，仍如图16中的(b)所示，手机在显示应用图标702时，可沿解锁位置1601指向应用图标702的方向移动应用图标702的前景层图标，呈现出应用图标702远离上述解锁位置1601移动或压缩的显示效果。类似的，手机在显示launcher 701中的每个应用图标时均可按照上述第四显示方式进行显示。
仍以图16中(b)所示的解锁位置1601举例，launcher 701中应用图标远离解锁位置1601的方向可以是指以解锁位置1601为中心向四周辐射的方向，或者，也可以是指沿y轴方向(或x轴方向)远离解锁位置1601的方向。
这样一来，用户在解锁位置1601输入指纹解锁手机屏幕后，launcher 701中可呈现出各个应用图标均远离解锁位置1601移动或压缩的视觉效果，模拟出launcher 701中的应用图标被用户在解锁位置1601按压后推开的显示效果。
与上述实施例类似的，手机还可以根据应用图标与解锁位置1601之间的距离大小，对不同的应用图标呈现不同程度的压缩和移动效果，从而实现不同程度的移动或压缩效果。一般，距离解锁位置1601越近的图标，在第四显示方式中被压缩的程度越大，移动的距离也越多，从而更加逼真的呈现出launcher 701中各个位置的应用图标被用户在解锁位置1601按压后推开的显示效果。
另外，手机在显示launcher 701中的各个应用图标时，还可以改变应用图标的透明度、颜色或大小等参数，本申请实施例对此不做任何限制。例如，手机解锁屏幕后，可通过修改应用图标的透明度逐行显示launcher 701中的应用图标。
在一些实施例中，当用户向launcher中输入翻页操作(例如滑动操作)时，手机可响应该翻页操作切换launcher中的不同屏幕页面，此时，不同屏幕页面中应用图标的位置也随之移动。与上述实施例类似的，手机也可使用上述移动或压缩的显示效果显示launcher中的应用图标，将launcher中各个应用图标的显示效果与用户输入的翻页操作进行关联。
示例性的，如图17所示，手机检测到用户在launcher的第一屏幕页面1701中输入向右滑动的翻页操作时，手机可按照该翻页操作的滑动方向或滑动距离向右移动第一屏幕页面1701中的各个应用图标。例如，当用户手指每向右滑动10个像素单位时，手机可同步将launcher 701中的各个应用图标向右移动10个像素单位。同时，手机可逐渐显示出与第一屏幕页面1701相邻的第二屏幕页面1702。
在本申请实施例中，手机在响应上述翻页操作移动launcher中应用图标的同时，仍如图17所示，手机还可以按照第五显示方式显示launcher中的应用图标。其中，第五显示方式是指：launcher中应用图标的前景层图标相对于背景层图标朝本次翻页操作的滑动方向移动，从而模拟出launcher中的各个应用图标朝翻页操作的滑动方向移动或压缩的视觉效果。
可选的，在应用图标的前景层图标相对于背景层图标朝向翻页操作的滑动方向移动同时，手机还可以压缩应用图标的前景层图标或背景层图标，本申请实施例对此不作任何限制。
以图17所示的应用图标702举例，手机在响应用户输入的翻页操作向右移动第一屏幕页面1701中的应用图标702时，手机还可将应用图标702的前景层图标相对于背景层图标朝向上述翻页操作的滑动方向(即x轴正方向)进行移动。
类似的，除了应用图标702外，手机响应上述翻页操作可按照上述第五显示方式显示第一屏幕页面1701中的每个应用图标。这样一来，用户输入向右滑动的翻页操作后，第一屏幕页面1701中的每个应用图标均可联动的呈现出向右移动或压缩的视觉效果，模拟出应用图标向右移动时可以看到该应用图标左侧面的三维立体效果。
进一步地，手机在按照上述第五显示方式显示第一屏幕页面1701中的每个应用图标时，同样可以按照上述第五显示方式显示第二屏幕页面1702中的每个应用图标。当然，手机也可以不按照上述第五显示方式显示第二屏幕页面1702中的应用图标，本申请实施例对此不做任何限制。
与上述实施例类似的，以用户输入向右滑动的翻页操作举例，手机可以根据应用图标与launcher右侧边界之间的距离大小，在第五显示方式中对不同的应用图标呈现不同程度的压缩和移动效果，从而实现不同程度的移动或压缩效果。一般，距离launcher右侧边界越近的图标，在第五显示方式中被压缩的程度越大，移动的距离也越多，从而更加逼真的呈现出翻页时应用图标被拉扯而产生移动或压缩的显示效果。
在另一些实施例中，仍以用户输入向右滑动的翻页操作举例，手机也可以根据应用图标在launcher中移动的位置依次按照第五显示方式显示各个应用图标。
如图18中的(a)所示，当手机将第一屏幕页面1701中的第1列应用图标1801移动至launcher右侧的边界时，手机可按照第五显示方式显示第1列应用图标1801，使得第1列应用图标1801呈现出朝向翻页方向(即向右)移动或压缩的视觉效果。当手机将第一屏幕页面1701中的第2列应用图标1802移动至launcher右侧的边界时，如图18中的(b)所示，手机可按照第五显示方式显示第2列应用图标1802，使得第2列应用图标1802呈现出朝向翻页方向(即向右)移动或压缩的视觉效果。类似的，当手机将launche中的第3列应用图标1803移动至launcher右侧的边界时，如图18中的(c)所示，手机可按照第五显示方式显示第3列应用图标1803，使得第3列应用图标1803呈现出朝向翻页方向(即向右)移动或压缩的视觉效果。
当然，如果用户输入向左滑动的翻页操作，则手机可按照上述第五显示方式在launcher中呈现出应用图标向左移动或压缩的视觉效果，模拟出应用图标向左移动时可以看到该应用图标右侧面的三维立体效果。
在另一些实施例中，手机在响应上述翻页操作移动应用图标的同时，手机还可以对launcher中应用图标的前景层图标和背景层图标进行错层位移，实现应用图标发生错层的显示效果。
示例性的，如图19中的(a)所示，以launcher中第一屏幕页面1701内的应用图标706举例，应用图标706包括位于底层的蒙版(图中未示出)、位于蒙版上的背景层图标706a以及位于背景层图标706a上的前景层图标706b。当检测到用户手指每向右滑动10个像素单位时，手机可同步将应用图标706的蒙版向右移动10个像素单位，同时，手机可将应用图标706的背景层图标706a向右移动12个像素单位，并将应用图标706的前景层图标706b向右移动14个像素单位。对于第一屏幕页面1701中每个应用图标，手机均可按照上述方法实现应用图标分层相对运动的错层效果。可选的，对于第二屏幕页面1702中每个应用图标，手机也可按照上述方法实现应用图标分层相对运动的错层效果。这样一来，用户向launcher输入翻页操作时，各个应用图标可呈现出上层图标相对于下层图标快速移动的视觉效果。
或者，如图19中的(b)所示，仍以launcher中第一屏幕页面1701内的应用图标706举例，当检测到用户手指每向右滑动10个像素单位时，手机可同步将应用图标706的蒙版向右移动10个像素单位，同时，手机可将应用图标706的背景层图标706a向右移动8个像素单位，并将应用图标706的前景层图标706b向右移动6个像素单位。对于第一屏幕页面1701中每个应用图标，手机均可按照上述方法实现应用图标分层相对运动的错层效果。可选的，对于第二屏幕页面1702中每个应用图标，手机也可按照上述方法实现应用图标分层相对运动的错层效果。这样一来，用户向launcher输入翻页操作时，各个应用图标可呈现出上层图标迟滞于下层图标进行移动的视觉效果。
需要说明的是，手机在显示launcher时可一并在launcher中显示预设的dock栏，dock栏中也可以设置一个或多个应用图标。那么，手机在按照上述实施例中的各种显示方式显示launcher中的应用图标时，可保留dock栏中应用图标原本的显示方式。也就是说，手机可以不使用本申请提供的应用图标的显示方法显示dock栏中应用图标，本申请实施例对此不做任何限制。
在一些实施例中，当用户在launcher中拖动某一应用图标移动时，该应用图标周围的应用图标也会发生相关联的移动。此时，手机也可使用上述移动或压缩的显示效果显示该应用图标周围的应用图标，从而有指向性的向用户提示本次拖动的应用图标对周围其他应用图标产生的影响。
示例性的，如图20中的(a)所示，手机检测到用户对launcher 701中的应用图标702输入长按操作后，可对被操作的应用图标702显示点击图标的显示效果。例如，手机可将应用图标702的大小缩小为90％，并加深应用图标702的颜色，以提示用户选中了launcher701中的应用图标702。
后续，如图20中的(b)所示，如果检测到用户拖动应用图标702朝向launcher 701中的应用图标703移动，则手机可按照第六显示方式显示应用图标703。其中，第六显示方式是指：应用图标(例如应用图标703)朝被拖动的应用图标(例如应用图标702)的方向移动或压缩。
例如，仍如图20中的(b)所示，检测到用户拖动应用图标702朝向launcher 701中的应用图标703移动时，手机可以将应用图标703的前景层图标相对于背景层图标沿应用图标703指向应用图标702的方向(即x轴正方向)移动。或者，在应用图标703的前景层图标相对于背景层图标移动的同时，压缩应用图标703的前景层图标。
可以看出，应用图标702向应用图标703移动时，用户手指拖动的应用图标702可拉扯应用图标702周围的应用图标703呈现出向应用图标702移动或压缩的视觉效果。这样，手机可将用户拖动应用图标的拖动操作与launcher 701中应用图标的显示效果相关联。
进一步地，如图21中的(a)所示，当用户将应用图标702拖动至应用图标703所在的位置时，应用图标703可移动至应用图标702原本所在的位置。这一过程中，手机也可按照第六显示方式显示应用图标703，使应用图标703呈现出朝向应用图标702移动或压缩的视觉效果。例如，当应用图标703向远离应用图标702的方向移动时，手机可以沿应用图标703指向应用图标702的方向(即x轴正方向)，移动应用图标703的前景层图标，呈现出应用图标703受到用户拖动的应用图标702的拉扯向应用图标702移动或压缩的视觉效果。
另外，当手机按照上述第六显示方式显示了应用图标703后，可自动对应用图标703显示与第六显示方式对应的复位效果。此时，如图21中的(b)所示，应用图标703移动至应用图标702原本所在的位置后，应用图标703经上述复位效果可恢复为launcher 701默认的显示状态。
在一些实施例中，用户拖动上述应用图标702移动时，如果检测到用户手指离开应用图标702，手机需要将应用图标702返回至launcher 701中。此时，手机可按照上述实施例中第二显示方式的相关描述，按照第二显示方式显示应用图标702周围的应用图标，模拟出应用图标702周围的应用图标被返回的应用图标702推开的显示效果，从而提示用户当前被拖动的应用图标702返回至launcher 701中。
在一些实施例中，当用户在launcher中删除某一应用图标时，由于该应用图标中包括前景层图标和背景层图标，那么，手机可分别对应用图标中的前景层图标和背景层图标显示预设的删除效果，使得应用图标被删除时可呈现出错层移动的视觉效果。
示例性的，如图22所示，淘宝APP的应用图标706包括前景层图标706a和背景层图标706b。当手机进入卸载应用的模式时，手机可在应用图标706上显示删除角标2201。如果检测到用户点击该删除角标2201，说明用户需要在launcher 701中删除应用图标706。
此时，手机可按照第一删除效果显示应用图标706的前景层图标706a，并且，手机可按照第二删除效果显示应用图标706的背景层图标706b。第一删除效果与第二删除效果可以相同或不同。
例如，如图23所示，第一删除效果可以为：在500ms内逐渐将前景层图标706a缩小为0，并将前景层图标706a旋转60°。第二删除效果可以为：在500ms内逐渐将背景层图标706b缩小为0，并将背景层图标706b旋转80°。这样，在删除应用图标706时手机可以呈现出前景层图标706a和背景层图标706b分别被删除的视觉效果。
在一些实施例中，手机在显示上述第一删除效果和第二删除效果时还可以设置一定的时延。例如，检测到用户点击上述删除角标2201后，手机可先对前景层图标706a显示第一删除效果，当第一删除效果播放至第100ms时，手机再开始对背景层图标706b显示第二删除效果。这样，在删除应用图标706时手机可以呈现出前景层图标706a和背景层图标706b依次被删除的视觉效果。
当然，如果应用图标706中还包括其他图层的图标(例如蒙版层的蒙版)，则手机在删除应用图标706时也可按照上述方法对不同图层中的图标分别添加删除效果，使得应用图标被删除时可呈现出错层移动的视觉效果。
在一些实施例中，当某一应用接收到新消息时，手机可在launcher中该应用的应用图标上显示相应的角标，用于提示当前未读消息的数目。此时，手机可分别对应用图标中的前景层图标和背景层图标显示预设的新消息效果，使得应用在接收到新消息时其应用图标可呈现出错层移动的视觉效果。
示例性的，如图24所示，微信APP的应用图标705包括前景层图标705a和背景层图标705b。应用图标705上的角标2401可用于指示当前未读微信消息的数目。当微信APP接收到一条新的微信消息时，手机需要将角标2401的取值从1修改为2。
此时，手机可按照第一新消息效果显示应用图标705的前景层图标705a，并且，手机可按照第二新消息效果显示应用图标705的背景层图标705b。第一新消息效果与第二新消息效果可以相同或不同。
例如，如图25所示，第一新消息效果可以为：在0-200ms内逐渐将前景层图标705a放大120％，在200-500ms内逐渐将前景层图标705a缩小至100％。第二新消息效果可以为：在0-200ms内逐渐将背景层图标705b放大110％，在200-500ms内逐渐将背景层图标705b缩小至100％。这样，当应用图标705的角标发生变化时，手机可通过分别对前景层图标706a和背景层图标706b添加新消息效果呈现出应用图标705错层移动的效果，从而引起用户注意，提示用户接收到新消息。
在一些实施例中，手机在显示上述第一新消息效果和第二新消息效果时还可以设置一定的时延。例如，检测到微信APP接收到新消息后，手机可先对前景层图标706a显示第一新消息效果，当第一新消息效果播放至第100ms时，手机再开始对背景层图标706b显示第二新消息效果。
当然，如果应用图标705中还包括其他图层的图标(例如蒙版层的蒙版)，则手机在显示应用图标706接收到新消息时也可按照上述方法对不同图层中的图标分别添加新消息效果，使得应用接收到新消息时其应用图标可呈现出错层移动的视觉效果。
本申请实施例公开了一种电子设备，包括处理器，以及与处理器相连的存储器、输入设备和输出设备。其中，输入设备和输出设备可集成为一个设备，例如，可将触摸传感器(touch sensor or touch panel)作为输入设备，将显示屏(display)作为输出设备，并将触摸传感器和显示屏集成为触摸屏(touch screen)。
如图26所示，上述电子设备可以包括：触摸屏2601，所述触摸屏2601包括触摸传感器2606和显示屏2607；一个或多个处理器2602；存储器2603；一个或多个应用程序(未示出)；以及一个或多个计算机程序2604，上述各器件可以通过一个或多个通信总线2605连接。可选的，上述电子设备还可以包括指纹器件2608，指纹器件2608可位于触摸屏2601的下方，可用于采集用户在触摸屏2601的解锁位置输入的指纹。
其中，上述一个或多个计算机程序2604被存储在上述存储器2603中并被配置为被该一个或多个处理器2602执行，该一个或多个计算机程序2604包括指令，上述指令可以用于执行上述实施例中的各个步骤。其中，上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应实体器件的功能描述，在此不再赘述。
示例性的，上述处理器2602具体可以为图1所示的处理器110，上述存储器2603具体可以为图1所示的内部存储器121，上述显示屏2607具体可以为图1所示的显示屏194，上述触摸传感器2606具体可以为图1所示的传感器模块180中的触摸传感器，上述指纹器件2608具体可以为图1所示的传感器模块180中的指纹器件，本申请实施例对此不做任何限制。
通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何在本申请实施例揭露的技术范围内的变化或替换，都应涵盖在本申请实施例的保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (31)

1.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储器；
其中，所述存储器中存储有指令，当所述指令被所述电子设备执行时，所述电子设备执行以下步骤：
显示桌面的第一屏幕页面，所述第一屏幕页面中包括N个应用的应用图标，N为大于等于2的整数；
接收用户对所述第一屏幕页面上的第一应用图标的打开操作，所述第一应用图标为所述N个应用的应用图标中的一个；
响应于所述打开操作，按照第一显示方式显示第一层应用图标，其中，所述第一层应用图标位于所述第一应用图标周围并且与所述第一应用图标相邻，所述N个应用的应用图标包括所述第一层应用图标，所述第一显示方式是指所述第一层应用图标朝向所述第一应用图标移动；
在按照所述第一显示方式显示所述第一层应用图标之后，显示与所述第一应用图标对应的第一应用的应用界面。
2.根据权利要求1所述的电子设备，其特征在于，所述第一层应用图标包括第一前景层图标和第一背景层图标，所述第一前景层图标位于所述第一背景层图标上；
其中，所述第一层应用图标朝向所述第一应用图标移动，具体包括：
所述第一前景层图标朝向所述第一应用图标移动。
3.根据权利要求2所述的电子设备，其特征在于，在所述第一前景层图标朝向所述第一应用图标移动时，所述电子设备还执行以下步骤：
压缩所述第一前景层图标。
4.根据权利要求3所述的电子设备，其特征在于，所述N个应用的应用图标还包括第二层应用图标，其中，所述第一层应用图标位于所述第一应用图标和所述第二层应用图标之间，所述第二层应用图标包括第二前景层图标和第二背景层图标，所述第二前景层图标位于所述第二背景层图标上；所述电子设备还执行以下步骤：
将所述第二前景层图标朝向所述第一应用图标移动，其中，所述第二前景层图标朝向所述第一应用图标移动的距离，小于所述第一前景层图标朝向所述第一应用图标移动的距离。
5.根据权利要求4所述的电子设备，其特征在于，在将所述第二前景层图标朝向所述第一应用图标移动时，所述电子设备还执行以下步骤：
压缩所述第二前景层图标，其中，所述第二前景层图标被压缩的比例小于所述第一前景层图标被压缩的比例。
6.根据权利要求1-5中任一项所述的电子设备，其特征在于，所述N个应用的应用图标中的每个均包括前景层图标和背景层图标；
在显示所述第一应用的应用界面之后，所述电子设备还用于执行以下步骤：
重新显示所述第一屏幕页面；
接收用户对所述重新显示的第一屏幕页面的滑动操作；
响应于所述滑动操作，按照第二显示方式显示所述N个应用的应用图标，所述第二显示方式是指：所述前景层图标沿所述滑动操作的方向移动；或者，在所述前景层图标沿所述滑动操作的方向移动时，压缩所述前景层图标；
在按照所述第二显示方式显示所述N个应用的应用图标之后，显示第二屏幕页面，所述第二屏幕页面与所述第一屏幕页面相邻。
7.根据权利要求6所述的电子设备，其特征在于，所述N个应用的应用图标包括第一列图标和第二列图标，且所述第一列图标位于所述第二列图标的右侧；
当所述滑动操作的方向为向右时，所述第一列图标的前景层图标移动的距离大于所述第二列图标的前景层图标移动的距离，或者，所述第一列图标的前景层图标移动的距离大于所述第二列图标的前景层图标移动的距离，且所述第一列图标的前景层图标被压缩的比例大于所述第二列图标的前景层图标被压缩的比例；或者，
当所述滑动操作的方向为向左时，所述第一列图标的前景层图标移动的距离小于所述第二列图标的前景层图标移动的距离，或者，所述第一列图标的前景层图标移动的距离小于所述第二列图标的前景层图标移动的距离，且所述第一列图标的前景层图标被压缩的比例小于所述第二列图标的前景层图标被压缩的比例。
8.根据权利要求1-7中任一项所述的电子设备，其特征在于，在接收所述打开操作之后，在显示所述第一应用的应用界面之前，所述电子设备还执行以下步骤：
缩小所述第一应用图标的尺寸，或加深所述第一应用图标的颜色。
9.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储器；
其中，所述存储器中存储有指令，当所述指令被所述电子设备执行时，所述电子设备执行以下步骤：
显示第一应用的应用界面；
接收用户对所述第一应用的返回操作；
响应于所述返回操作，从显示所述应用界面切换为显示桌面的第一屏幕页面的部分或全部，所述第一屏幕页面包括所述第一应用的第一应用图标；
按照第一显示方式显示所述第一屏幕页面中的第一层应用图标，其中，所述第一层应用图标位于所述第一应用图标周围并且与所述第一应用图标相邻，所述第一显示方式是指所述第一层应用图标朝向远离所述第一应用图标的方向移动。
10.根据权利要求9所述的电子设备，其特征在于，所述第一层应用图标包括第一前景层图标和第一背景层图标，所述第一前景层图标位于所述第一背景层图标上；
其中，所述第一层应用图标远离所述第一应用图标移动，具体包括：
所述第一前景层图标朝远离所述第一应用图标的方向移动。
11.根据权利要求10所述的电子设备，其特征在于，在所述第一前景层图标朝远离所述第一应用图标的方向移动时，所述电子设备还执行以下步骤：
压缩所述第一前景层图标。
12.根据权利要求11所述的电子设备，其特征在于，所述第一屏幕页面中还包括第二层应用图标，其中，所述第一层应用图标位于所述第一应用图标和所述第二层应用图标之间，所述第二层应用图标包括第二前景层图标和第二背景层图标，所述第二前景层图标位于所述第二背景层图标上；所述电子设备还执行以下步骤：
将所述第二前景层图标朝远离所述第一应用图标的方向移动，其中，所述第二前景层图标朝远离所述第一应用图标的方向移动的距离，小于所述第一前景层图标朝远离所述第一应用图标的方向移动的距离。
13.根据权利要求12所述的电子设备，其特征在于，在将所述第二前景层图标朝远离所述第一应用图标的方向移动时，所述电子设备还执行以下步骤：
压缩所述第二前景层图标，其中，所述第二前景层图标被压缩的比例小于所述第一前景层图标被压缩的比例。
14.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储器；
其中，所述存储器中存储有指令，当所述指令被所述电子设备执行时，所述电子设备执行以下步骤：
显示锁屏界面；
接收用户对所述锁屏界面的滑动操作；
响应于所述滑动操作，从显示所述锁屏界面切换为显示桌面的第一屏幕页面的部分或全部，所述第一屏幕页面中包括N个应用的应用图标，每个应用图标均包括前景层图标和背景层图标，所述前景层图标位于所述背景层图标上，N为大于1的整数；
按照第一显示方式显示所述N个应用的应用图标，所述第一显示方式是指：所述前景层图标沿所述滑动操作的方向移动；或者，在所述前景层图标沿所述滑动操作的方向移动时，压缩所述前景层图标。
15.一种电子设备，其特征在于，包括：
触摸屏，其中，所述触摸屏包括触摸传感器和显示屏；
指纹器件，所述指纹器件位于所述触摸屏下方；
一个或多个处理器；
存储器；
其中，所述存储器中存储有指令，当所述指令被所述电子设备执行时，所述电子设备执行以下步骤：
接收用户在所述触摸屏显示的解锁位置输入的指纹；
若所述指纹通过验证，则按照第一显示方式显示桌面的第一屏幕页面，所述第一屏幕页面中包括N个应用的应用图标，每个应用图标均包括前景层图标和背景层图标，所述前景层图标位于所述背景层图标上，N为大于1的整数；
其中，所述第一显示方式是指所述前景层图标沿远离所述解锁位置的方向移动；或者，在所述前景层图标沿远离所述解锁位置的方向移动时，压缩所述前景层图标。
16.一种应用图标的显示方法，其特征在于，包括：
显示桌面的第一屏幕页面，所述第一屏幕页面中包括N个应用的应用图标，N为大于等于2的整数；
接收用户对所述第一屏幕页面上的第一应用图标的打开操作，所述第一应用图标为所述N个应用的应用图标中的一个；
响应于所述打开操作，按照第一显示方式显示第一层应用图标，其中，所述第一层应用图标位于所述第一应用图标周围并且与所述第一应用图标相邻，所述N个应用的应用图标包括所述第一层应用图标，所述第一显示方式是指所述第一层应用图标朝向所述第一应用图标移动；
在按照所述第一显示方式显示所述第一层应用图标之后，显示与所述第一应用图标对应的第一应用的应用界面。
17.根据权利要求16所述的方法，其特征在于，所述第一层应用图标包括第一前景层图标和第一背景层图标，所述第一前景层图标位于所述第一背景层图标上；
其中，所述第一层应用图标朝向所述第一应用图标移动，具体包括：
所述第一前景层图标朝向所述第一应用图标移动。
18.根据权利要求17所述的方法，其特征在于，在所述第一前景层图标朝向所述第一应用图标移动时，所述方法还包括：
压缩所述第一前景层图标。
19.根据权利要求18所述的方法，其特征在于，所述N个应用的应用图标还包括第二层应用图标，其中，所述第一层应用图标位于所述第一应用图标和所述第二层应用图标之间，所述第二层应用图标包括第二前景层图标和第二背景层图标，所述第二前景层图标位于所述第二背景层图标上；
在所述第一前景层图标朝向所述第一应用图标移动时，所述方法还包括：
将所述第二前景层图标朝向所述第一应用图标移动，其中，所述第二前景层图标朝向所述第一应用图标移动的距离，小于所述第一前景层图标朝向所述第一应用图标移动的距离。
20.根据权利要求19所述的方法，其特征在于，在将所述第二前景层图标朝向所述第一应用图标移动时，所述方法还包括：
压缩所述第二前景层图标，其中，所述第二前景层图标被压缩的比例小于所述第一前景层图标被压缩的比例。
21.根据权利要求16-20中任一项所述的方法，其特征在于，所述N个应用的应用图标中的每个均包括前景层图标和背景层图标，所述前景层图标位于所述背景层图标上；
在显示所述第一应用的应用界面之后，所述方法还包括：
重新显示所述第一屏幕页面；
接收用户对所述重新显示的第一屏幕页面的滑动操作；
响应于所述滑动操作，按照第二显示方式显示所述N个应用的应用图标，所述第二显示方式是指：所述前景层图标沿所述滑动操作的方向移动；或者，在所述前景层图标沿所述滑动操作的方向移动时，压缩所述前景层图标；
在按照所述第二显示方式显示所述N个应用的应用图标之后，显示第二屏幕页面，所述第二屏幕页面与所述第一屏幕页面相邻。
22.根据权利要求21所述的方法，其特征在于，所述N个应用的应用图标包括第一列图标和第二列图标，且所述第一列图标位于所述第二列图标的右侧；
当所述滑动操作的方向为向右时，所述第一列图标的前景层图标移动的距离大于所述第二列图标的前景层图标移动的距离，或者，所述第一列图标的前景层图标移动的距离大于所述第二列图标的前景层图标移动的距离，且所述第一列图标的前景层图标被压缩的比例大于所述第二列图标的前景层图标被压缩的比例；或者，
当所述滑动操作的方向为向左时，所述第一列图标的前景层图标移动的距离小于所述第二列图标的前景层图标移动的距离，或者，所述第一列图标的前景层图标移动的距离小于所述第二列图标的前景层图标移动的距离，且所述第一列图标的前景层图标被压缩的比例小于所述第二列图标的前景层图标被压缩的比例。
23.根据权利要求16-22中任一项所述的方法，其特征在于，在接收所述打开操作之后，在显示所述第一应用的应用界面之前，所述方法还包括：
缩小所述第一应用图标的尺寸，或加深所述第一应用图标的颜色。
24.一种应用图标的显示方法，其特征在于，包括：
显示第一应用的应用界面；
接收用户对所述第一应用的返回操作；
响应于所述返回操作，从显示所述应用界面切换为显示桌面的第一屏幕页面的部分或全部，所述第一屏幕页面包括所述第一应用的第一应用图标；
按照第一显示方式显示所述第一屏幕页面中的第一层应用图标，其中，所述第一层应用图标位于所述第一应用图标周围并且与所述第一应用图标相邻，所述第一显示方式是指所述第一层应用图标朝向远离所述第一应用图标的方向移动。
25.根据权利要求24所述的方法，其特征在于，所述第一层应用图标包括第一前景层图标和第一背景层图标，所述第一前景层图标位于所述第一背景层图标上；
其中，所述第一层应用图标远离所述第一应用图标移动，具体包括：
所述第一前景层图标朝远离所述第一应用图标的方向移动。
26.根据权利要求25所述的方法，其特征在于，在所述第一前景层图标朝远离所述第一应用图标的方向移动时，所述方法还包括：
压缩所述第一前景层图标。
27.根据权利要求26所述的方法，其特征在于，所述第一屏幕页面中还包括第二层应用图标，其中，所述第一层应用图标位于所述第一应用图标和所述第二层应用图标之间，所述第二层应用图标包括第二前景层图标和第二背景层图标，所述第二前景层图标位于所述第二背景层图标上；所述方法还包括：
将所述第二前景层图标朝远离所述第一应用图标的方向移动，其中，所述第二前景层图标朝远离所述第一应用图标的方向移动的距离，小于所述第一前景层图标朝远离所述第一应用图标的方向移动的距离。
28.根据权利要求27所述的方法，其特征在于，在将所述第二前景层图标朝远离所述第一应用图标的方向移动时，所述方法还包括：
压缩所述第二前景层图标，其中，所述第二前景层图标被压缩的比例小于所述第一前景层图标被压缩的比例。
29.一种应用图标的显示方法，其特征在于，包括：
显示锁屏界面；
接收用户对所述锁屏界面输入的滑动操作；
响应于所述滑动操作，从显示所述锁屏界面切换为显示桌面的第一屏幕页面的部分或全部，所述第一屏幕页面中包括N个应用的应用图标，每个应用图标均包括前景层图标和背景层图标，所述前景层图标位于所述背景层图标上，N为大于1的整数；
按照第一显示方式显示所述N个应用的应用图标，所述第一显示方式是指：所述前景层图标沿所述滑动操作的方向移动；或者，在所述前景层图标沿所述滑动操作的方向移动时，压缩所述前景层图标。
30.一种应用图标的显示方法，其特征在于，包括：
接收用户在触摸屏中显示的解锁位置输入的指纹；
若所述指纹通过验证，则按照第一显示方式显示桌面的第一屏幕页面，所述第一屏幕页面中包括N个应用的应用图标，每个应用图标均包括前景层图标和背景层图标，所述前景层图标位于所述背景层图标上，N为大于1的整数；
其中，所述第一显示方式是指所述前景层图标沿远离所述解锁位置的方向移动；或者，在所述前景层图标沿远离所述解锁位置的方向移动时，压缩所述前景层图标。
31.一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，其特征在于，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求16-23、权利要求24-28、权利要求29或权利要求30中任一项所述的应用图标的显示方法。
CN201911284477.6A 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备 Pending CN112987987A (zh)

Priority Applications (8)

Application Number Priority Date Filing Date Title
CN201911284477.6A CN112987987A (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备
CN202011003517.8A CN112256165B (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备
EP20900518.0A EP4057120A4 (en) 2019-12-13 2020-12-03 APPLICATION ICON DISPLAY METHOD AND ELECTRONIC DEVICE
JP2022534667A JP7480931B2 (ja) 2019-12-13 2020-12-03 アプリケーションアイコンを表示する方法および電子デバイス
BR112022011307A BR112022011307A2 (pt) 2019-12-13 2020-12-03 Método e dispositivo eletrônico para exibir ícone de aplicativo
PCT/CN2020/133663 WO2021115194A1 (zh) 2019-12-13 2020-12-03 一种应用图标的显示方法及电子设备
US17/837,994 US11762529B2 (en) 2019-12-13 2022-06-10 Method for displaying application icon and electronic device
US18/330,200 US20230315256A1 (en) 2019-12-13 2023-06-06 Method for displaying application icon and electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911284477.6A CN112987987A (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备

Related Child Applications (1)

Application Number Title Priority Date Filing Date
CN202011003517.8A Division CN112256165B (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备

Publications (1)

Publication Number Publication Date
CN112987987A true CN112987987A (zh) 2021-06-18

Family

ID=74232819

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202011003517.8A Active CN112256165B (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备
CN201911284477.6A Pending CN112987987A (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202011003517.8A Active CN112256165B (zh) 2019-12-13 2019-12-13 一种应用图标的显示方法及电子设备

Country Status (6)

Country Link
US (2) US11762529B2 (zh)
EP (1) EP4057120A4 (zh)
JP (1) JP7480931B2 (zh)
CN (2) CN112256165B (zh)
BR (1) BR112022011307A2 (zh)
WO (1) WO2021115194A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022222830A1 (zh) * 2021-04-20 2022-10-27 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品
WO2022222931A1 (zh) * 2021-04-20 2022-10-27 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品
CN118377404A (zh) * 2024-03-21 2024-07-23 华为技术有限公司 显示方法、图形界面及相关装置

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112256165B (zh) * 2019-12-13 2022-05-10 华为技术有限公司 一种应用图标的显示方法及电子设备
CN112799558A (zh) * 2021-02-01 2021-05-14 联想(北京)有限公司 信息处理方法、装置及电子设备和存储介质
CN113094134B (zh) * 2021-04-06 2022-10-18 中科美络科技股份有限公司 一种适于老人使用的软件交互界面的显示方法及装置
CN115220620A (zh) * 2021-04-20 2022-10-21 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品
CN113552987B (zh) * 2021-04-20 2022-09-16 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品
US11726644B2 (en) * 2021-06-21 2023-08-15 Microsoft Technology Licensing, Llc Providing visual feedback during touch-based operations on user interface elements
CN114625463B (zh) * 2022-03-09 2024-08-06 惠州Tcl移动通信有限公司 窗口显示方法、装置、移动终端以及存储介质
CN116048361B (zh) * 2022-06-24 2024-04-12 荣耀终端有限公司 交互方法、可读存储介质和电子设备
CN114866641B (zh) * 2022-07-07 2022-11-11 荣耀终端有限公司 一种图标处理方法、终端设备及存储介质

Family Cites Families (48)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH06119393A (ja) * 1992-08-20 1994-04-28 Ricoh Co Ltd 電子ファイル装置
US7434177B1 (en) * 1999-12-20 2008-10-07 Apple Inc. User interface for providing consolidation and access
JP2002261918A (ja) * 2001-03-02 2002-09-13 Hitachi Ltd 携帯電話機
US6816176B2 (en) 2001-07-05 2004-11-09 International Business Machines Corporation Temporarily moving adjacent or overlapping icons away from specific icons being approached by an on-screen pointer on user interactive display interfaces
SG176315A1 (en) * 2003-12-01 2011-12-29 Research In Motion Ltd Previewing a new event on a small screen device
US20090122018A1 (en) * 2007-11-12 2009-05-14 Leonid Vymenets User Interface for Touchscreen Device
US20090289917A1 (en) * 2008-03-20 2009-11-26 Saunders Samuel F Dynamic visual feature coordination in an electronic hand held device
KR101537706B1 (ko) * 2009-04-16 2015-07-20 엘지전자 주식회사 이동 단말기 및 그 제어 방법
KR20110014040A (ko) * 2009-08-04 2011-02-10 엘지전자 주식회사 이동 단말기 및 그의 아이콘 충돌 제어방법
CN102147697A (zh) * 2010-02-08 2011-08-10 晨星软件研发(深圳)有限公司 影像效果显示方法及电子装置
WO2011105876A2 (ko) 2010-02-26 2011-09-01 (주)Lg화학 편광판
US10788976B2 (en) * 2010-04-07 2020-09-29 Apple Inc. Device, method, and graphical user interface for managing folders with multiple pages
KR101688942B1 (ko) 2010-09-03 2016-12-22 엘지전자 주식회사 다중 디스플레이에 기반한 사용자 인터페이스 제공 방법 및 이를 이용하는 이동 단말기
KR101740439B1 (ko) * 2010-12-23 2017-05-26 엘지전자 주식회사 이동 단말기 및 그 제어방법
JP5722642B2 (ja) * 2011-01-24 2015-05-27 京セラ株式会社 携帯端末装置
JP2012208633A (ja) * 2011-03-29 2012-10-25 Ntt Docomo Inc 情報端末、表示制御方法及び表示制御プログラム
US9910559B2 (en) 2011-04-15 2018-03-06 Sharp Kabushiki Kaisha Menu screen display control method and display control device for exchanging icons of a menu based on user instruction
US20130132906A1 (en) * 2011-06-29 2013-05-23 Nokia Corporation Icon interaction apparatus and associated methods
US20130227476A1 (en) * 2012-02-24 2013-08-29 Nokia Corporation Method, apparatus and computer program product for management of information on a graphic user interface
BR112014025516A2 (pt) * 2012-04-20 2017-08-08 Sony Corp aparelho e método de processamento de informação, e, programa.
JP2013235344A (ja) 2012-05-07 2013-11-21 Sony Computer Entertainment Inc 入力装置、入力制御方法、及び入力制御プログラム
US9256349B2 (en) * 2012-05-09 2016-02-09 Microsoft Technology Licensing, Llc User-resizable icons
CN102929479A (zh) * 2012-09-27 2013-02-13 东莞宇龙通信科技有限公司 应用图标的显示方法及通信终端
US9760244B2 (en) * 2012-11-30 2017-09-12 Empire Technology Development Llc Application equivalence map for synchronized positioning of application icons across device platforms
KR101822463B1 (ko) 2013-01-21 2018-01-26 삼성전자주식회사 복수 개의 아이콘들을 화면상에 배치하는 장치 및 이의 운용 방법
WO2014157885A1 (en) * 2013-03-27 2014-10-02 Samsung Electronics Co., Ltd. Method and device for providing menu interface
JP5950282B2 (ja) * 2013-05-13 2016-07-13 インターナショナル・ビジネス・マシーンズ・コーポレーションＩｎｔｅｒｎａｔｉｏｎａｌ Ｂｕｓｉｎｅｓｓ Ｍａｃｈｉｎｅｓ Ｃｏｒｐｏｒａｔｉｏｎ ユーザインターフェースを生成する装置及び方法
TWI545471B (zh) * 2013-09-03 2016-08-11 蘋果公司 用於使用者介面物件操縱之電腦實施方法、非暫時性電腦可讀儲存媒體及電子器件
US9720564B1 (en) * 2014-01-17 2017-08-01 Beats Music, Llc Systems and methods for determining user preferences using a graphical user interface
CN104142792B (zh) * 2014-04-18 2016-10-26 腾讯科技（深圳）有限公司 一种应用界面切换方法及装置
KR102264808B1 (ko) * 2014-06-23 2021-06-14 삼성전자주식회사 지문 처리 방법 및 그 전자 장치
US9426193B2 (en) * 2014-10-14 2016-08-23 GravityNav, Inc. Multi-dimensional data visualization, navigation, and menu systems
US10955992B2 (en) * 2015-01-22 2021-03-23 NetSuite Inc. System and methods for implementing visual interface for use in sorting and organizing records
US9652125B2 (en) * 2015-06-18 2017-05-16 Apple Inc. Device, method, and graphical user interface for navigating media content
CN106325649B (zh) * 2015-06-19 2020-02-07 深圳超多维科技有限公司 3d动态显示的方法及移动终端
CN106325650B (zh) * 2015-06-19 2019-12-10 深圳超多维科技有限公司 基于人机交互的3d动态显示方法及移动终端
KR20170051950A (ko) * 2015-11-03 2017-05-12 삼성전자주식회사 전자 장치, 전자 장치의 디스플레이 제어 방법
US20190095068A1 (en) * 2016-04-19 2019-03-28 Maxell, Ltd. Portable terminal device
CN105871398A (zh) * 2016-05-31 2016-08-17 努比亚技术有限公司 一种信息展示方法及移动终端
RU2638725C1 (ru) 2016-08-15 2017-12-15 Общество с ограниченной ответственностью "ПИРФ" (ООО "ПИРФ") Способ и система управления устройством с помощью радиального графического интерфейса пользователя
CN112738408B (zh) * 2016-11-07 2022-09-16 斯纳普公司 图像修改器的选择性识别和排序
WO2018176012A1 (en) 2017-03-24 2018-09-27 Inmentis, Llc Social media system with navigable, artificial-intelligence-based graphical user interface with result view
JP6940353B2 (ja) * 2017-09-27 2021-09-29 京セラ株式会社 電子機器
CN108319406A (zh) * 2017-12-06 2018-07-24 深圳依偎控股有限公司 桌面图标展示方法、装置及计算机可读存储介质
CN112732393B (zh) * 2018-02-02 2024-06-04 Oppo广东移动通信有限公司 图像显示方法、装置、存储介质及移动终端
US11675476B2 (en) * 2019-05-05 2023-06-13 Apple Inc. User interfaces for widgets
CN112256165B (zh) * 2019-12-13 2022-05-10 华为技术有限公司 一种应用图标的显示方法及电子设备
US11381676B2 (en) * 2020-06-30 2022-07-05 Qualcomm Incorporated Quick launcher user interface

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022222830A1 (zh) * 2021-04-20 2022-10-27 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品
WO2022222931A1 (zh) * 2021-04-20 2022-10-27 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品
CN118377404A (zh) * 2024-03-21 2024-07-23 华为技术有限公司 显示方法、图形界面及相关装置

Also Published As

Publication number Publication date
BR112022011307A2 (pt) 2022-09-06
US20220326839A1 (en) 2022-10-13
JP2023505347A (ja) 2023-02-08
EP4057120A1 (en) 2022-09-14
US11762529B2 (en) 2023-09-19
CN112256165A (zh) 2021-01-22
EP4057120A4 (en) 2023-01-25
US20230315256A1 (en) 2023-10-05
WO2021115194A1 (zh) 2021-06-17
JP7480931B2 (ja) 2024-05-10
CN112256165B (zh) 2022-05-10

Similar Documents

Publication Publication Date Title
CN112256165B (zh) 一种应用图标的显示方法及电子设备
CN110377250B (zh) 一种投屏场景下的触控方法及电子设备
US11722449B2 (en) Notification message preview method and electronic device
US11922005B2 (en) Screen capture method and related device
JP7414842B2 (ja) コメント追加方法及び電子デバイス
CN112394811B (zh) 一种隔空手势的交互方法及电子设备
CN111147660B (zh) 一种控件的操作方法及电子设备
CN112995727A (zh) 一种多屏协同方法、系统及电子设备
CN112383664B (zh) 一种设备控制方法、第一终端设备、第二终端设备及计算机可读存储介质
EP4365722A1 (en) Method for displaying dock bar in launcher and electronic device
CN112068907A (zh) 一种界面显示方法和电子设备
CN116095413B (zh) 视频处理方法及电子设备
CN115061607A (zh) 功能页面显示方法及电子设备
CN112578981A (zh) 具有柔性屏幕的电子设备的控制方法及电子设备
CN114816200A (zh) 一种显示方法及电子设备
JP2024513773A (ja) 表示方法、電子機器、記憶媒体、及びプログラムプロダクト
CN110740210B (zh) 消息通知方法及电子设备
CN110609650A (zh) 一种应用状态切换方法及终端设备
CN115700431A (zh) 一种桌面的显示方法及电子设备
CN115543163A (zh) 一种投屏显示方法及电子设备
WO2022188632A1 (zh) 主题展示方法、装置、终端及计算机存储介质
JP2024534925A (ja) 注釈方法及び電子デバイス
CN116166156A (zh) 图标移动方法及相关装置
CN117648040A (zh) 生成桌面文件夹的方法和电子设备
CN117991952A (zh) 应用显示方法、电子设备以及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination