CN115291771B - 实现图标移动的方法及装置 - Google Patents

Abstract

本申请实施例提供一种实现图标移动的方法及装置，应用于电子设备，电子设备预先配置显示界面，显示界面包括第一界面和第二界面，第一界面显示有第一图标，实现图标移动的方法包括：响应于移动第一图标的操作，在第一界面显示第二界面的缩略图，第二界面的缩略图用于实现将第一图标移动至第二界面的操作。可见，无需再滑动界面即可实现图标的移动，所以能够提高图标移动的便利性和效率，从而实现对移动图标这一功能的改进。

Description

实现图标移动的方法及装置

技术领域

本申请涉及电子信息技术领域，尤其涉及一种实现图标移动的方法及装置。

背景技术

电子设备中显示的图标，用于表示应用程序或文件，如音乐应用程序的图标，又如文件夹的图标等。

通常，电子设备支持图标的移动，如用户可以通过拖拽等方式，将图标从电子设备显示的一个桌面移动至另一个桌面。

但移动图标这一功能还有改进的空间。

发明内容

本申请提供了一种实现图标移动的方法及装置，目的在于解决如何改进图标移动的功能的问题。

为了实现上述目的，本申请提供了以下技术方案：

本申请的第一方面提供一种实现图标移动的方法，应用于电子设备，电子设备预先配置显示界面（如桌面），显示界面包括第一界面（如第一桌面）和第二界面（如第二桌面），第一界面显示有第一图标，实现图标移动的方法包括：响应于移动第一图标的操作，在第一界面显示第二界面的缩略图，第二界面的缩略图用于实现将第一图标移动至第二界面的操作。可见，无需再滑动界面即可实现图标的移动，所以能够提高图标移动的便利性和效率，从而实现对移动图标这一功能的改进。

在一些实现方式中，第一界面还显示有界面的导航控件，导航控件包括第一控件和第二控件，第一控件表示第一界面，第二控件表示第二界面，响应于移动第一图标的操作，在第一界面显示第二界面的缩略图，包括：响应于移动第一图标至满足预设条件的操作，在第一界面显示第二界面的缩略图，预设条件基于与导航控件的距离确定。因此，能够基于第一图标与各个导航控件的距离，显示导航控件表示的界面的缩略图，进一步提高图标移动的便利性。

在一些实现方式中，预设条件包括：第一图标与第二控件的距离最近。

在一些实现方式中，在响应于移动第一图标的操作，在第一界面显示第二界面的缩略图之前，还包括：响应于移动第一图标的操作，增加第一控件与第二控件之间的间距，以提示可通过导航控件进行图标的移动操作，提升用户体验。

在一些实现方式中，在第一界面显示第二界面的缩略图，包括：在第一界面显示界面的缩略图序列，界面的缩略图序列包括第一界面的缩略图和第二界面的缩略图。这种方式使得能够显示多个界面的缩略图，从而为将第一图标移动至任意界面奠定基础，进一步提升移动图标的便利性和效率。

在一些实现方式中，界面的缩略图序列以控件样式显示。所述方法还包括：响应于将第一图标移动至第一界面的边缘的操作，控件展示滑动界面的缩略图序列中的缩略图的效果。在第一界面无法完全显示多个界面的缩略图的情况下，为将第一图标移动至任意界面奠定基础，进一步提升移动图标的便利性和效率。

在一些实现方式中，第一方面提供的方法还包括：区别显示第一界面的缩略图与第二界面的缩略图，以提示当前显示的界面为第一界面，提示使用体验。

在一些实现方式中，响应于移动第一图标的操作，在第一界面显示第二界面的缩略图，包括：响应于移动第一图标至预设区域的操作，在第一界面显示第二界面的缩略图，预设区域包括第一界面的边缘。这种方式与传统的图标移动的触发方式一致，具有较高的技术兼容性，并兼顾用户的使用习惯，减低了用户的学习成本。

在一些实现方式中，还包括：响应于第一图标与第二界面的缩略图产生交叠，在第二界面的缩略图中显示放置标识，放置标识表示第一图标放置在第二界面的位置，以提示第一图标移动后的效果，获得较高的使用体验、便利性和效率。

在一些实现方式中，在第一界面显示第二界面的缩略图之后，还包括：响应于基于第二界面的缩略图将第一图标放置于第二界面的操作，从显示第一界面切换为显示第二界面，第一图标显示在第二界面，以提示第一图标移动完成，从而提升使用体验。

在一些实现方式中，将第一图标放置于第二界面的操作，包括：将第一图标移动至与第二界面的缩略图产生交叠的位置后，停止移动第一图标。

本申请的第二方面提供一种电子设备，包括：一个或多个处理器以及一个或多个存储器。存储器存储有一个或多个程序，当一个或者多个程序被处理器执行时，使得电子设备执行本申请的第一方面提供的实现图标移动的方法。

本申请的第三方面提供一种计算机可读存储介质，计算机可读存储介质中存储计算机程序，当计算机程序被处理器执行时，使得处理器执行本申请的第一方面提供的实现图标移动的方法。

本申请的第四方面提供一种计算机程序产品，计算机程序产品包括：计算机程序代码，当计算机程序代码在电子设备上运行时，使得电子设备执行本申请的第一方面提供的图像拼接方法。

附图说明

图1为将图标从一个桌面移动至另一个桌面的示例图；

图2为本申请实施例公开的一种电子设备的结构示例图；

图3为本申请实施例公开的电子设备中的软件框架的示例图；

图4为本申请实施例公开的一种实现图标移动的方法的示例图；

图5为本申请实施例公开的一种实现图标移动的方法的示例图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式，除非其上下文中明确地有相反指示。还应当理解，在本申请实施例中，“一个或多个”是指一个、两个或两个以上；“和/或”，描述关联对象的关联关系，表示可以存在三种关系；例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。

在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。

本申请实施例涉及的多个，是指大于或等于两个。需要说明的是，在本申请实施例的描述中，“第一”、“第二”等词汇，仅用于区分描述的目的，而不能理解为指示或暗示相对重要性，也不能理解为指示或暗示顺序。

图1所示为常见的将图标进行跨桌面移动的示例：假设电子设备具有三个桌面，如1中以导航区域B中的三个圆点分别表示三个桌面，图1中的a所示为第一个桌面，即导航区域B中的第一个圆点为黑色，表示当前显示的为第一个桌面。

假设第一桌面上具有图标A，用户欲将图标A从第一桌面移动至第二桌面，则如图1中的b所示，将图标A拖拽至第一桌面的最右侧边缘，触发显示的桌面的切换。

如图1中的c所示，响应于图标A停留在第一桌面的最右侧边缘，电子设备显示的桌面从第一桌面切换为第二桌面，导航区域B中表示第二桌面的第二个圆点为黑色，以提示当前显示的是第二桌面。

如图1中的d所示，将图标A从第二桌面的最右侧边缘移动至第二桌面的其它位置，可以理解的是，用户松手后图标A被放置在第二桌面。

图1中所述的图标、控件样式以及操作方式等均为示例，而不作为限定。

发明人在研究的过程中发现，传统的实现图标移动的方式存在以下问题：

一方面，图标移动的效率有待提高。

被移动的图标从当前放置的桌面移动到目标桌面（如图1所示的第二桌面）的过程中，需要以某种方式（如图1所示的移动到桌面最右侧边缘的方式）触发桌面的滚动，在桌面滚动至目标桌面后，再将图标放置在目标桌面。

可以理解的是，在桌面的数量以及图标当前放置的桌面与目标桌面之间间隔的桌面较多的情况下，需要按照桌面的顺序，依次滚动多个桌面，才能将图标放置在目标桌面。所以，传统的图标的移动方式的效率较低，也不够便利。

另一方面，在滑动到下一个桌面之前，用户无法获知下一个桌面的图标排布情况，所以对于图标最终放置的目标桌面没有预期，因此图标移动的便利性有待提高。

为了解决上述问题，本申请实施例公开一种实现图标的移动的方法，可以理解的，所述方法应用在具有显示图标功能的电子设备，被显示的图标包括但不限于应用程序的图标、文件（如照片、文档、以及视频）的图标、以及文件夹的图标。

在一些实现方式中，电子设备可以为手机、平板电脑、桌面型、膝上型、笔记本电脑、超级移动个人计算机（Ultra-mobile Personal Computer，UMPC）、手持计算机、上网本、个人数字助理（Personal Digital Assistant，PDA）、可穿戴电子设备、智能手表等设备。

电子设备以手机为例，图2所示为与本申请实施例相关的手机的部分结构，包括：处理器110，天线1，天线2，移动通信模块120，无线通信模块130，音频模块140，摄像头150，显示屏160等。

可以理解的是，本实施例示意的结构并不构成对电子设备的具体限定。在另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器（application processor，AP），调制解调处理器，图形处理器（graphics processingunit，GPU），图像信号处理器（image signal processor，ISP），控制器，视频编解码器，数字信号处理器（digital signal processor，DSP），基带处理器，和/或神经网络处理器（neural-network processing unit，NPU）等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路（inter-integrated circuit，I2C）接口，集成电路内置音频（inter-integrated circuitsound，I2S）接口，脉冲编码调制（pulse code modulation，PCM）接口，通用输入输出(general-purpose input/output，GPIO)接口等。

在一些实施例中，GPIO接口可以用于连接处理器110与无线通信模块130，音频模块140等。

I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块140耦合，实现处理器110与音频模块140之间的通信。在一些实施例中，音频模块140可以通过I2S接口向无线通信模块130传递音频信号，实现通过蓝牙耳机接听电话的功能。

PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块140与无线通信模块130可以通过PCM总线接口耦合。在一些实施例中，音频模块140也可以通过PCM接口向无线通信模块130传递音频信号，实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。

可以理解的是，本实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备的结构限定。在本申请另一些实施例中，电子设备也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。移动通信模块120可以提供应用在电子设备上的包括2G/3G/4G/5G等无线通信的解决方案。

无线通信模块130可以提供应用在电子设备上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。

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

扬声器140A也称为“喇叭”，用于输出音频信号。麦克风140B，也称“话筒”，“传声器”，用于将声音信号转换为电信号。

在电子设备通过以上方式获取声音信号后，通过处理器110的上述接口，将声音信号传输至处理器110，处理器110对声音信号进行以下实施例中所述的噪声消除处理。

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

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

处理器110通过运行程序代码，实现的操作系统可以为iOS操作系统、Android开源操作系统、Windows操作系统等。

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

应用程序层可以包括一系列应用程序包。如图3所示，应用程序包可以包括相机，图库，日历，通话，地图，导航以及用户接口（User Interface， UI）界面等应用程序。本申请的以下实施例提供的实现图标移动的方法，可由UI界面执行。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。以图3为例，应用程序框架层可以包括窗口管理器，内容提供器，视图系统。

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

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

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

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

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

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

内核层是硬件和软件之间的层。在本申请的应用场景中，内核层至少包含显示驱动以及摄像头驱动。

需要说明的是，本申请实施例虽然以Android系统为例进行说明，但是其基本原理同样适用于基于iOS或Windows等操作系统的电子设备。

下面将以移动图1中的a所示的第一桌面上的图标A为例，对本申请实施例公开的实现图标的移动方法进行详细说明。

如图4中的a所示，图标A当前位于第一桌面上，导航区域B中的第一个圆点与其它圆点区别显示，以提示当前显示的是第一桌面。

如图4中的b所示，响应于在第一桌面拖拽图标A（但图标A还未与导航区域B交叠），导航区域B显性显示，显性显示可以理解为与未拖拽图标A时区别显示。在一些实现方式中，显性显示为导航区域B中的各个导航点之间的间距变大。显性显示的目标在于提示可将图标移动至导航区域B。

如图4中的c所示，响应于在第一桌面拖拽图标A至与导航区域B产生交叠，在第一桌面显示第二桌面的缩略图。第二桌面为与图标A距离最近的导航点对应的桌面。

在一些实现方式中，与图标A距离最近的导航点为与图标A中的参考点的距离最近的一个导航点。参考点可以预先设置，例如图标A的中心点。以图4中的c为例，图标A覆盖第第二个导航点，所以显示第二个导航点对应的第二桌面的缩略图。

可以理解的是，图4中的c所示的第二桌面的缩略图的显示位置仅为示例，第二桌面的缩略图可以显示在第一桌面的任何位置。

可以理解的是，有可能与图标A距离最近的导航点的数量为多个，在此情况下，不显示任何桌面的缩略图，而是在用户继续拖拽图标A，使得与图标A距离最近的导航点的数量为一个的情况下，显示与图标A距离最近的导航点对应的桌面的缩略图。

在一些实现方式中，导航区域B被预先配置显示区域，导航区域B在预先配置的显示区域中显示，图标A至与导航区域B产生交叠可以理解为，图标A与导航区域B的显示区域发生部分或全部重合。

可以理解的是，可以通过移动图标A，改变与图标A距离最近的导航点，从而改变当前显示的桌面的缩略图，例如，在图4中的c所示的情况下，向右拖拽移动图标A，使得图标A距离导航区域B中的第三个导航点最近，从而触发显示第三个导航点对应的第三桌面。

为了提示当前显示的缩略图对应的桌面（即当前显示的是哪个桌面的缩略图），在一些实现方式中，第二桌面的导航点与其它导航点区别显示，如图4中的c所示，表示第二桌面的导航点显示为实心点，而其它导航点显示为空心点。在另一些实现方式中，为了提示当前显示的缩略图对应的桌面以及当前显示的桌面，分别将第二桌面的导航点以及第一桌面的导航点与其它导航点区别显示（图4中未画出），可以理解的是，在此情况下，第一桌面的导航点与第二桌面的导航点使用不同的样式显示，以进行区分。

可以理解的是，有可能，用户将图标A从图4中的a所示的放置位置直接拖拽至图4中的c所示的与导航点产生交叠的位置，在此情况下，不会显示图4中的b所示的界面。

如图4中的b和c所示，在拖拽图标A的过程中，第一桌面上的其它图标的显示位置不变，即其它图标的显示位置与图标A被拖拽之前的显示位置相同。在停止对图标A的拖拽操作后，图标A会显示在被拖拽之前的位置。

如图4中的d所示，在图标A向第二桌面的缩略图移动的情况下，说明图标A有被移动至第二桌面的可能性，因此，在第二桌面的缩略图中显示位置标识A1，以提示图标A如果被移动至第二桌面将被放置的位置。可以理解的是，也可以不显示位置标识。

在一些实现方式中，通过判定图标A的显示区域与第二桌面的缩略图的显示区域发生部分或全部交叠，确认图标A向第二桌面的缩略图移动。在另一些实现方式中，通过图标A的显示区域的坐标的变化，确定图标A的移动趋势，在图标A的移动趋势为向第二桌面的缩略图的显示区域移动的情况下，确认图标A向第二桌面的缩略图移动。

在图4中的d所示的情况下，如果停止对图标A的拖拽操作（如用户将手指从屏幕上离开），图标A被移动至第二桌面。在一些实现方式中，在图标A被移动至第二桌面后，当前显示的桌面切换至第二桌面（图4中未画出）。在另一些实现方式中，在图标A被移动至第二桌面后，仍然显示第一桌面。

可以理解的是，有可能第二桌面不存在能够放置图标A的区域，即第二桌面被图标占满，在此情况下，如果图标A向第二桌面的缩略图移动，则在第二桌面的缩略图上显示蒙层（或称为“掩膜”，图4中未画出），以提示第二桌面无法放置图标。蒙层的样式可以预先配置，例如颜色为灰色等。

从图4可以看出，在移动图标时，无需再触发桌面的滚动，而是在当前显示的界面上，即可选择目标桌面，并可获知图标是否可被移动至目标桌面以及图标被移动至目标桌面后的效果，与图1所示的图标的移动方式相比，不仅效率更高，而且具有更高的便利性。

图5所示为本申请实施例公开的又一种实现图标移动的方法，如图5中的a所示，图标A当前位于第一桌面上，导航区域B中的第一个圆点与其它圆点区别显示，以提示当前显示的是第一桌面。

如图5中的b所示，在图标A被拖拽的情况下，第一桌面上显示桌面的缩略图序列。

桌面的缩略图序列包括多个桌面的缩略图，在一些实现方式中，缩略图序列包括电子设备的所有桌面的缩略图。

图5以手机具有三个桌面为例，三个桌面的缩略图能够全部显示在第一桌面。但可以理解的是，在桌面的数量较多，而第一桌面无法显示全部桌面的缩略图的情况下，缩略图序列以滑动控件的样式进行显示，即用户可以通过触发缩略图序列的滑动浏览缩略图序列中的各个缩略图。

在一些实现方式中，缩略图序列的滑动的触发方式为：将图标A拖拽至第一桌面的边缘，例如，将图标A拖拽至第一桌面的最右侧边缘，触发缩略图序列向右滑动，又例如，将图标A拖拽至第一桌面的最左侧边缘，触发缩略图序列向左滑动。

缩略图序列中缩略图的排序可以与桌面在电子设备上的排序（如手机上从左到右滑动桌面的情况下桌面的显示顺序）相同，也可以不同。以滑动控件样式显示的缩略图序列可以支持向一个方向的滑动，也可以支持向不同方向的滑动。

桌面的缩略图序列可以显示在第一桌面的任意位置。图5的b所示的缩略图序列的显示位置，覆盖导航区域B并且不遮挡第一桌面上最底部放置电话图标和信息图标的区域C。可以理解的是，图5的b所示的区域C中放置的图标仅为示例，而不作为限定。

在一些实现方式中，以图5中的b为例，在显示桌面的缩略图序列的情况下，第一桌面上的图标的尺寸缩小，并且显示在缩略图序列的上方，以不被桌面的缩略图序列遮挡。可以理解的是，图5中的b仅为示例，第一桌面上的图标的显示区域与桌面的缩略图序列之间的相对位置不做限定。

在一些实现方式中，将缩略图序列中，第一桌面的缩略图与除第一桌面之外的其它桌面的缩略图区别显示，以提示当前显示的桌面为第一桌面。以图5中的b为例，第一桌面的缩略图的边缘高亮显示。

图5中的b示例拖拽图标A触发桌面的缩略图序列的显示，除此之外，如图5中的c所示，显示桌面的缩略图序列的另一种触发方式为将图标A拖拽至第一桌面的最右侧（或最左侧）边缘。图5中的c示例的触发方式，与图1所示的图标移动的触发方式相同，所以能够更加符合用户的操作习惯，便于用户理解。

如图5中的d所示，响应于图标A与第二桌面的缩略图部分或全部交叠，将第二桌面的缩略图高亮显示，并且，当前显示的桌面切换为第二桌面。可以理解的是，第二桌面中的图标的尺寸缩小，以避免遮挡缩略图的序列。在一些实现方式中，第二桌面的缩略图中显示位置标识（图5中的d未示出），以提示图标A如果被移动至第二桌面将被放置的位置。

可以理解的是，“交叠”为一种示例，说明图标A有放置于第二桌面的缩略图的趋势，能够表示该趋势的另一种示例为通过图标A的显示区域的坐标的变化，确定图标A的移动趋势，在图标A的移动趋势为向第二桌面的缩略图的显示区域移动的情况下，确认图标A有放置于第二桌面的缩略图的趋势。

在图5中的d所示的情况下，如果停止对图标A的拖拽操作（如用户将手指从屏幕上离开），图标A被移动至第二桌面。在一些实现方式中，在图标A被移动至第二桌面后，当前显示的桌面切换至第二桌面（图5中未画出）。在另一些实现方式中，在图标A被移动至第二桌面后，仍然显示第一桌面。

可以理解的是，有可能第二桌面不存在能够放置图标A的区域，即第二桌面被图标占满，在此情况下，如果图标A向第二桌面的缩略图移动，则在第二桌面的缩略图上显示蒙层（或称为“掩膜”，图5中未画出），以提示第二桌面无法放置图标。蒙层的样式可以预先配置，例如颜色为灰色等。

在第二桌面无法放置图标A的情况下，用户可以拖拽图标A与第三桌面的缩略图交叠，电子设备响应图标A与第三桌面的缩略图交叠，响应的方式与响应图标A与第二桌面的缩略图交叠的方式类似，这里不再赘述。

从图5可以看出，在移动图标时，无需再触发桌面的滚动，而是在当前显示的界面上，显示桌面的缩略图序列，通过缩略图序列即可选择目标桌面，并可获知图标是否可被移动至目标桌面以及图标被移动至目标桌面后的效果，与图1所示的图标的移动方式相比，不仅效率更高，而且具有更高的便利性。

结合图4以及图5所示，本申请实施例公开的实现图标移动的方法可概括为包括以下步骤的流程：

S1、响应于移动第一图标的操作，在第一界面显示第二界面的缩略图。

前述桌面为界面的一个示例，除了桌面之外，界面还可以包括应用程序的界面、以及文件夹的界面等。结合图4以及图5，第一界面的示例为第一桌面，第二界面的示例为第二桌面。

第一图标为第一界面上显示的任意一个图标，结合图4以及图5，第一图标的示例为图标A。

如前所述，本申请的实施例中所述的桌面的缩略图，并不同于“静止图像”的含义，而是可以理解为跟随用户的操作而改变的图像，如用户移动图标A与第二桌面产生交叠后，第二桌面中显示放置标识，又例如，用户在图标A与第二桌面产生交叠的情况下，停止拖拽操作，则第二桌面的缩略图中显示图标A的缩略图。可以理解的是，缩略图可以理解为尺度缩小的图，进一步的，除了尺度缩小之外，细节也可以简化。

第二界面在第一界面显示的具体方式，可以参见图4或图5，这里不再赘述，但可以理解的是，图4或图5所示的方式均为示例而不作为限定。

移动第一图标的操作的示例为拖拽第一图标，结合图4所示，响应于移动第一图标至第一预设区域的操作，在第一界面显示第二界面的缩略图。第一预设区域基于与导航控件（如图4所示的导航点）的距离确定，如图4中的b所示的距离导航区域B中的第二桌面的导航点最近的区域为第一预设区域的示例。

结合图5所示，响应于将第一图标移动至第二预设区域的操作，在第一界面显示界面的缩略图序列。第二预设区域的一个示例如图5中的c所示。

S2、响应于将第一图标放置于第二界面的操作，从显示第一界面切换为显示第二界面，第一图标显示在第二界面。

结合图4以及图5所示，将第一图标放置于第二界面的操作的一种实现方式为：将第一图标移动至与第二界面的缩略图产生部分或全部交叠的位置后，停止移动第一图标。

可以理解的是，如前所述，S2为可选步骤。

本申请实施例所述的实现图标移动的方法，基于对拖动意图的识别（将图标拖动至导航点区域或其它预设区域），显示对应桌面的缩略图（又可称为预览图等），方便用户快速完成对各个屏幕布局的预览，并高效完成图标的跨屏拖拽，具有较高的便利性，并可获得较优的用户体验。

Claims (10)

1.一种实现图标移动的方法，其特征在于，应用于电子设备，所述电子设备预先配置显示界面，所述显示界面包括第一界面和第二界面，所述第一界面显示有第一图标和界面的导航控件，所述导航控件包括第一控件和第二控件，所述第一控件表示所述第一界面，所述第二控件表示所述第二界面，所述方法包括：

响应于移动所述第一图标至满足预设条件的操作，在所述第一界面显示所述第二界面的缩略图，所述预设条件基于所述第一图标与所述导航控件的距离确定，所述第二界面的缩略图用于实现将所述第一图标移动至所述第二界面的操作。

2.根据权利要求1所述的方法，其特征在于，所述预设条件包括：所述第一图标与所述第二控件的距离最近。

3.根据权利要求2所述的方法，其特征在于，所述预设条件还包括：

所述第一图标与所述导航控件的显示区域产生交叠。

4.根据权利要求1所述的方法，其特征在于，在所述响应于移动所述第一图标至满足预设条件的操作，在所述第一界面显示所述第二界面的缩略图之前，还包括：

响应于移动所述第一图标的操作，增加所述第一控件与所述第二控件之间的间距。

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

响应于移动所述第一图标至满足预设条件的操作，区别显示所述第一控件与所述第二控件。

6.根据权利要求1-5任一项所述的方法，其特征在于，还包括：

响应于所述第一图标与所述第二界面的缩略图产生交叠，在所述第二界面的缩略图中显示放置标识，所述放置标识表示所述第一图标放置在所述第二界面的位置。

7.根据权利要求1-5任一项所述的方法，其特征在于，在所述第一界面显示所述第二界面的缩略图之后，还包括：

响应于基于所述第二界面的缩略图将所述第一图标放置于所述第二界面的操作，从显示所述第一界面切换为显示所述第二界面，所述第一图标显示在所述第二界面。

8.根据权利要求7所述的方法，其特征在于，所述基于所述第二界面的缩略图将所述第一图标放置于所述第二界面的操作，包括：

将所述第一图标移动至与所述第二界面的缩略图产生交叠的位置后，停止移动所述第一图标。

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

一个或多个处理器；

一个或多个存储器；

所述存储器存储有一个或多个程序，当所述一个或多个程序被所述处理器执行时，使得所述电子设备执行权利要求1-8任一项所述的实现图标移动的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储计算机程序，当所述计算机程序被处理器执行时，使得所述处理器执行权利要求1-8任一项所述的实现图标移动的方法。

Images