CN117762290A - 交互方法、电子设备及可读存储介质 - Google Patents

Abstract

本申请涉及智能终端技术领域，具体涉及一种交互方法、电子设备及可读存储介质。其中该方法应用于显示有界面的电子设备，包括：电子设备上显示有第一文件夹的第一文件夹图标，第一文件夹图标中显示有第一数据内容的第一内容缩略图；检测到用户选择操作的对应位置位于第一区域；在第一文件夹图标中显示第一控件；检测到用户对第一控件的移动操作，隐藏第一文件夹图标中的第一内容缩略图，并在第一文件夹图标中显示第二数据内容的第二内容缩略图。由此，不需要用户打开第一文件夹的展开界面，就可以通过第一控件在第一文件夹图标内实现所有数据内容的内容缩略图的浏览，用户操作简单，体验感更高。

Description

交互方法、电子设备及可读存储介质

技术领域

本申请涉及智能终端技术领域，具体涉及一种交互方法、电子设备及可读存储介质。

背景技术

在终端设备中，一般设有文件夹，用于同一类的数据内容的聚合。例如智能手机、平板电脑、电脑的桌面，会设有表达同一类应用程序的聚合的文件夹，或者表达相同主题的电子文档、图片、音频等的聚合的文件夹。并且，在文件夹中，数据内容可以以内容缩略图的形式进行显示，例如应用图标、文件缩略图等。用户可以操作文件夹，点击相应的内容缩略图，打开对应的应用程序或电子文档、图片、音频等。

但是，目前的终端设备中的文件夹，当用户要浏览文件夹中包括的内容缩略图时，需要先点击文件夹，以进入到该文件夹的展开界面，从而终端设备将文件夹中包含的内容缩略图显示到该展开界面中。进而用户需要继续在展开界面中点击想要打开的数据内容的内容缩略图，终端设备才可以打开该数据内容，用户操作繁琐，体验感不高。

发明内容

本申请实施例提供了一种交互方法、电子设备及可读存储介质，解决用户打开文件夹中的数据内容需要多次操作的技术问题。

第一方面，本申请实施例提供了一种交互方法，应用于显示有界面的电子设备，包括：电子设备上显示有第一文件夹的第一文件夹图标，其中，第一文件夹图标中显示有第一数据内容的第一内容缩略图；检测到用户选择操作的对应位置位于第一区域，其中第一区域包括第一文件夹图标；在第一文件夹图标中显示第一控件；检测到用户对第一控件的移动操作，隐藏第一文件夹图标中的第一内容缩略图，并在所第一文件夹图标中显示第二数据内容的第二内容缩略图。

可以理解，电子设备可以是能够连接或包括光标交互设备，或者包括触控屏，又或者能够感应用于的隔空手势的任意电子设备，包括但不限于手机、平板电脑(portableandroid device，PAD)、个人数字处理(personal digital assistant，PDA)、具有无线通信功能的手持设备、计算设备、车载设备或可穿戴设备，虚拟现实(virtual reality，VR)终端设备、增强现实(augmented reality，AR)终端设备、工业控制(industrial control)中的无线终端、无人驾驶中的无线终端、远程医疗(remote medical)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端等具有触摸屏的移动终端或固定终端。

可以理解，数据内容可以包括但不限于应用程序、文件(例如文档、图标、音频、视频等)以及子文件夹等。第一文件夹图标中还可以显示有其他数据内容的内容缩略图，不限于上述第一内容缩略图。

可以理解，用户选择操作可以是用户通过光标交互设备实现的操作，例如用户移动鼠标的操作或用户在触控板上滑动的操作等，则用户选择操作的对应位置可以是光标交互设备对应的位置。用户选择操作还可以是用户作用于电子设备的触控屏的触摸操作，例如用户点击触控屏的操作等，则用户选择操作的对应位置可以为用户触摸操作的触摸位置。用户选择操作又可以是用户相对于电子设备显示的界面的隔空手势，例如隔空点击、隔空滑动等，则用户选择操作的对应位置可以为用户隔空手势在界面上对应的操作位置。

可以理解，第一控件可以为浏览控件，用于用户在第一文件夹图标内浏览第一文件夹中的所有数据内容的内容缩略图。

可以理解，本申请实施例提供的交互方法当电子设备检测到用户选择操作的对应位置位于第一区域时，可以显示第一控件，并且可以通过第一控件，实现第一文件夹图标内显示的内容缩略图的切换，即用户可以通过第一控件浏览第一文件夹图标内的数据内容对应的内容缩略图，不需要将切换至第一文件夹的展开界面来浏览，用户操作简单，用户体验感更高。

在上述第一方面的一种可能的实现中，第一数据内容包括下列至少之一：应用程序、子文件夹、文件。

在上述第一方面的一种可能的实现中，检测到用户选择操作的对应位置位于第一区域，包括：检测到电子设备连接光标交互设备，光标交互设备可以实现选择操作；检测到光标交互设备对应的光标的位置位于第一区域。

在上述第一方面的一种可能的实现中，光标交互设备包括鼠标、触控板。

在上述第一方面的一种可能的实现中，选择操作为触摸操作；检测到用户选择操作的对应位置位于第一区域，包括：检测到用户触摸操作对应的触摸位置位于第一区域。

在上述第一方面的一种可能的实现中，选择操作为用户在空间中对于电子设备的界面的隔空手势；检测到用户选择操作的对应位置位于第一区域，包括：检测到隔空手势在界面上对应的操作位置位于第一区域。

在上述第一方面的一种可能的实现中，第一区域与第一文件夹图标重合，或者第一区域的大小大于第一文件夹图标的大小。

可以理解，本申请实施例对第一区域与第一文件夹图标的大小关系不作限定。第一区域可以比第一文件夹图标大一些，电子设备在检测到用户选择操作的对应位置位于第一区域中的第一文件夹图标中或第一文件夹图标外，都可以显示第一控件。第一区域还可以与第一文件夹图标完全重合，则电子设备检测到用户选择操作的对应位置位于第一文件夹图标时，可以显示第一控件。

在上述第一方面的一种可能的实现中，检测到用户选择操作的对应位置位于第一区域，包括：检测到用户选择操作的对应位置位于第一区域内的目标区域，其中，目标区域包括第一区域的部分或全部。

可以理解，电子设备可以在检测到用户选择操作的对应位置位于第一区域中的部分区域，即目标区域为第一区域的部分时，触发第一控件的显示。也可以在检测到用户选择操作的对应位置位于第一区域中的任意位置时，触发第一控件的显示。

在上述第一方面的一种可能的实现中，检测到用户选择操作的对应位置位于第一区域，包括：检测到用户选择操作的对应位置的至少部分位置坐标位于第一区域。

在上述第一方面的一种可能的实现中，第一文件夹图标中还显示有第二控件，当第二控件被触发时，电子设备显示第一文件夹的展开界面。

可以理解，第二控件可以为第一文件夹的展开控件，用于切换显示第一文件夹的展开界面。

在上述第一方面的一种可能的实现中，在第一文件夹图标中显示第一控件，包括：隐藏第一文件夹图标中的第二控件，并在第二文件夹图标中显示第一控件。

可以理解，第一文件夹图标内显示有第二控件，当电子设备检测到用户选择操作的对应位置位于第一区域时，可以隐藏第二控件，而显示第一控件。其中，第一控件的显示区域与第二控件的显示区域可以相同，也可以不同。例如，电子设备检测到用户选择操作的对应位置位于第一区域时，可以隐藏第二控件，并在第二控件的对应区域显示第一控件。又例如，电子设备检测到用户选择操作的对应位置位于第一区域时，可以隐藏第二控件，并在第一文件夹图标的其他区域显示第一控件。

在上述第一方面的一种可能的实现中，在第一文件夹图标中显示第一控件，还包括：在第一文件夹图标中第二控件对应显示的区域显示第三数据内容的第三内容缩略图。

在上述第一方面的一种可能的实现中，上述方法还包括：检测到用户选择操作的对应位置位于第一区域外，在第一文件夹中恢复第二控件，并隐藏第一控件。

可以理解，电子设备可以根据用户选择操作的对应位置，自适应调整第一文件夹中的内容缩略图的交互模式。即当用户选择操作的对应位置位于第一区域时，用户可以在第一文件夹图标内浏览第一文件夹的内容缩略图，当用户选择操作的对应位置位于第一区域外时，用户可以在第一文件夹图标内浏览第一文件夹中的至少一个内容缩略图，其余超出第一文件夹图标的显示范围的内容缩略图需要用户打开第一文件夹的展开界面才可以浏览。

在上述第一方面的一种可能的实现中，第一控件包括滚动条或悬浮球。

在上述第一方面的一种可能的实现中，移动操作包括控制滚动条滑动的操作或控制悬浮球转动的操作。

在上述第一方面的一种可能的实现中，上述方法还包括：

检测到用户对第一内容缩略图或第二内容缩略图的打开操作，打开第一数据内容或第二数据内容。

可以理解，当用户选择操作的对应位置位于第一区域内时，用户可以在第一文件夹图标中直接浏览第一文件夹中的所有内容缩略图，并通过打开操作选择目标内容缩略图，并打开对应的目标数据内容，不需要进入第一文件夹的展开界面即可以打开第一文件夹中的任意一个数据内容，用户操作简单，体验感更高。

第二方面，本申请实施例提供了一种电子设备，包括：一个或多个处理器；一个或多个存储器；一个或多个存储器存储有一个或多个程序，当一个或者多个程序被一个或多个处理器执行时，使得电子设备执行上述交互方法。

第三方面，本申请实施例提供了一种计算机可读存储介质，存储介质上存储有指令，指令在计算机上执行时使计算机执行上述交互方法。

第四方面，本申请实施例提供了一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现上述交互方法。

附图说明

图1a至图1c所示为一些文件夹内数据内容的开启过程的界面示意图；

图2a和图2b所示为另一些实施例中文件夹内数据内容的开启过程的界面示意图；

图3a至图3c所示为本申请实施例提供的一些交互方法的界面示意图；

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

图5a至图5b所示为本申请实施例提供的一些界面示意图；

图6a至图6c所示为本申请实施例提供的一些界面示意图；

图7所示为本申请实施例提供的一种界面示意图；

图8a至图8b所示为本申请实施例提供的一些界面示意图；

图9所示为本申请实施例提供的一种交互方法的流程示意图；

图10所示为本申请实施例提供的另一种交互方法的流程示意图；

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

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

具体实施方式

下面结合附图介绍本申请的技术方案。

如前所述，在一些实施例中，当用户要浏览文件夹中包括的内容缩略图时，需要先点击文件夹，以进入到该文件夹的展开界面，从而终端设备将文件夹中包含的内容缩略图显示到该展开界面中。进而用户需要继续在展开的内容中展开界面中点击想要打开的数据内容的内容缩略图，终端设备才可以打开该数据内容，操作繁琐，用户体验不佳。

例如，图1a至图1c示出了目前一些文件夹内数据内容的开启过程的界面示意图。

平板电脑100的桌面包括多个应用程序的应用图标，并且根据各应用程序对应的功能的不同，多个应用图标聚合在不同的文件夹。例如图1a所示，平板电脑100显示屏上显示界面101中，包括文件夹1的图标、文件夹2的图标、文件夹3的图标和文件夹4的图标，每个文件夹中包括多个应用程序的应用图标，例如文件夹1中包括应用图标A、应用图标B、应用图标C、…、应用图标I等，各应用图标分别对应应用程序A、应用程序B、应用程序C、…、应用程序I等。

当用户需要打开应用图标A对应的程序时，用户可以点击文件夹1的图标102的任意位置。此时，平板电脑100显示如图1b所示的文件夹1的展开界面103。用户可以在展开界面103中点击应用图标A，以打开应用程序A。例如，当应用程序A为微信^TM时，平板电脑100可以显示界面104。

可以理解，图1a所示的界面101中的文件夹1的应用图标可以展开为多页，如图1b所示。用户可以在图1b所示的界面展开103中，通过滑动操作进行浏览，例如图1b中的左滑操作①。

可以理解，上述用户打开应用程序A的过程中，用户需要点击文件夹1的图标，进入文件夹1的展开界面后，才可以点击对应的应用图标A，打开应用图标A对应的应用程序A。此种操作方式需要进行多次点击操作才可以打开内容缩略图对应的文件，操作比较繁琐，用户体验感不高。

为了解决上述问题，一些实施例中提供了另一种文件夹内数据内容的开启的方法，可以将文件夹的图标分为两个区域，一个区域用于显示文件夹中的部分内容缩略图，另一区域用于响应用户的操作切换至文件夹的展开界面。

具体地，图2a和图2b所示为另一些实施例中文件夹内数据内容的开启过程的界面示意图。

平板电脑100的桌面包括多个应用程序的应用图标，并且根据各应用程序对应的功能的不同，多个应用图标聚合在不同的文件夹。例如图2a所示，平板电脑100显示屏上显示界面210中，包括文件夹1、文件夹2、文件夹3和文件夹4，每个文件夹中包括多个应用程序的应用图标，例如文件夹1中包括应用图标A、应用图标B、应用图标C、…、应用图标I等，各应用图标分别对应应用程序A、应用程序B、应用程序C、…、应用程序I等。

其中，每个文件夹包括两个区域，即图2a中的第一区域201和第二区域202。其中，在第一区域201中，显示了文件夹1中的应用图标A、应用图标B、应用图标C、应用图标D、应用图标E、应用图标F、应用图标G和应用图标H，平板电脑100可以响应于用户在该区域内对应用图标的点击操作，打开该应用图标对应的应用程序。例如，用户可以点击第一区域内的应用图标A，平板电脑100可以响应于用户的点击操作，打开应用程序A，假设应用程序A为微信，平板电脑100可以显示如图1c所示的界面。文件夹1中的，除第一区域201之外的其他应用程序对应的应用图标，可以合并显示于在第二区域202中，例如图2a中多个应用图标作为重叠项进行显示。平板电脑100可以响应于用户在界面210中第二区域202内的点击操作，切换至文件夹1的展开界面，将在该展开界面中显示文件夹1中包括的所有应用图标。例如平板电脑100在检测到用户在第二区域202内的点击操作时，可以显示如图1b所示的界面。用户可以基于展开显示的应用图标，浏览文件夹1中包括的更多的应用程序的应用图标。

可以理解，在其他实施例中，第二区域202内的多个应用图标还可以采用如第一区域201内应用图标的显示方法，显示部分应用图标的缩略图，如图2b所示。平板电脑100可以响应于用户在界面220中第二区域202内的点击操作，将文件夹1中包括的所有应用图标进行展开显示，例如可以显示如图1b所示的界面。用户可以基于展开显示的应用图标，浏览文件夹1中包括的更多的应用程序的应用图标。

可以理解，当用户需要打开的应用程序对应的应用图标处于文件夹1的第一区域201时，用户可以直接点击对应的应用图标，打开相应的应用程序，而无需在文件夹1的展开界面中去选择相应的应用图标，提升用户体验。但是当用户需要打开的应用程序对应的应用图标不在第一区域201中时，用户仍然需要点击第二区域202，切换到文件夹1的展开界面，再到展开界面选择目标应用图标，并通过对目标应用图标的操作来打开目标应用图标对应的应用程序，操作依然繁琐，用户体验感不高。

为了解决上述问题，本申请提供了一种交互方法，该方法包括：电子设备在检测到用户选择操作的对应位置位于预设区域(即上文中的第一区域，预设区域包括目标文件夹的图标)时，在目标文件夹的图标所处区域显示浏览控件(即上文中的第一控件)和目标文件夹中的部分内容缩略图，并在检测到用户对浏览控件的移动操作时，切换目标文件夹的图标所处区域显示的内容缩略图。并且电子设备还可以在检测到用户对目标文件夹的图标所处区域显示的内容缩略图的打开操作时，打开内容缩略图对应的数据内容。其中的用户选择操作可以包括但不限于通过光标交互设备实现的操作，通过手指触摸电子设备的触控屏实现的操作，通过隔空手势实现的操作。

下面以电子设备为平板电脑，以数据内容为应用程序，内容缩略图为应用图标，浏览控件为滚动条，预设区域为目标文件夹的图标的全部区域，并且通过光标交互设备实现用户选择操作为例，结合图3a至图3b对本申请实施例提供的上述交互方法进行介绍。

平板电脑100的桌面包括多个应用程序的应用图标，并且根据各应用程序对应的功能的不同，多个应用图标聚合在不同的文件夹。例如图3a所示，平板电脑100显示屏上显示界面310中，包括文件夹1、文件夹2、文件夹3和文件夹4，每个文件夹中包括多个应用程序的应用图标，例如文件夹1中包括应用图标A、应用图标B、应用图标C……，分别对应应用程序A、应用程序B、应用程序C……等。

平板电脑100检测到光标301处于文件夹1的文件夹图标302内，平板电脑100可以在文件夹1的文件夹图标302内显示滚动条303，如图3a所示。可以理解，图3a中的文件夹1的文件夹图标302内显示多个应用图标，包括应用图标A、应用图标B、应用图标C、应用图标D、应用图标E、应用图标F、应用图标G、应用图标H和应用图标I。

用户可以通过鼠标、触控板等光标交互设备或触摸操作，控制滚动条303滑动，进而实现对文件夹图标302内的应用图标的浏览。例如，用户可以滚动鼠标的滚轮，控制滚动条303向下滑动，并滑动至文件夹1的底端，平板电脑100检测到用户作用于滚动条的上述移动操作，可以显示图3b所示的界面320。如图3b所示，文件夹1的文件夹图标302内的应用图标跟随滚动条303的滑动，文件夹图标302内显示的内容也向下滑动，文件夹图标302内可以显示应用图标D、应用图标E、应用图标F、应用图标G、应用图标H、应用图标I、应用图标X、应用图标Y和应用图标Z。

可以理解，在图3a或图3b所示的界面中，用户可以点击文件夹图标302内的应用图标，平板电脑100检测到用户作用于应用图标A的打开操作，可以打开应用图标对应的应用程序。例如，在图3a所示的界面310，用户可以通过手指点击应用图标A，或通过光标交互设备将光标移动到应用图标A上并点击光标交互设备(例如点击鼠标左键、点击触控板左键等)，进而平板电脑100可以打开应用图标A对应的应用程序A；在图3b所示的界面320，用户可以通过手指点击应用图标X，或通过光标交互设备将光标移动到应用图标X上并点击光标交互设备(例如点击鼠标左键、点击触控板左键等)，进而平板电脑100可以打开应用图标X对应的应用程序X。可以理解，光标301的位置处于文件夹图标302内时，用户不需要切换至目标文件夹的展开界面即可以浏览文件夹1中包括的应用程序对应的应用图标，并且可以通过对文件夹图标所在区域显示的应用图标的打开操作打开对应的应用程序，用户操作简单，体验感更高。

可以理解，光标交互设备可以包括上述鼠标、触控板等，当电子设备连接光标交互设备时，电子设备的显示屏上可以显示光标，光标可以用于指示光标交互设备的当前作用区域。

可以理解，目标文件夹内的内容缩略图可以包括目标文件夹中的应用程序的图标(下文称应用图标)、文件的图标、子文件夹的图标等，用户可以通过对内容缩略图的操作打开内容缩略图对应的数据内容。例如用户可以通过鼠标将光标移动到应用图标、文件的图标、子文件夹的图标上，点击鼠标左键或双击鼠标左键打开应用图标对应的应用程序、文件的图标对应的文件、子文件夹的图标对应的子文件夹等。

可以理解，目标文件夹的图标所处区域为目标文件夹的图标在电子设备的显示界面上所处的区域。目标文件夹的图标所处区域内包括多个内容缩略图，多个内容缩略图对应的数据内容被聚合在目标文件夹内。

可以理解，预设区域可以是目标文件夹的图标所处区域，也可以是比目标文件夹的图标稍大一些的区域，本申请对此不作限制。

例如，在一些实施例中，用户选择操作的对应位置位于预设区域包括用户选择操作的对应位置位于预设区域的部分特定区域时，可以在目标文件夹的图标所处区域显示浏览控件以及部分数据内容的内容缩略图；当用户选择操作的对应位置位于预设区域中部分特定区域外的其他区域时，目标文件夹的图标内可以显示部分数据内容的内容缩略图以及用于响应用户的操作切换至文件夹的展开界面的展开控件。其中，部分特定区域可以为目标文件夹的图标所处区域、目标文件夹的图标所处区域中的部分区域(例如目标文件夹的图标中用于显示展开控件的区域或标文件夹的图标所处区域中的其他区域等)、目标文件夹的图标所处区域外的其他区域，本申请对此不作限制。

在另一些实施例中，用户选择操作的对应位置位于预设区域包括用户选择操作的对应位置位于预设区域的任意区域，当用户选择操作的对应位置位于预设区域内时，可以在目标文件夹的图标所处区域显示浏览控件以及部分数据内容的内容缩略图。

可以理解，浏览控件可以包括但不限于滚动条、悬浮球等，用户可以通过控制滚动条的滑动、悬浮球的转动，实现对目标文件夹内的内容缩略图的浏览。可以理解，用户对浏览控件的移动操作可以包括：用户可以通过光标交互设备控制滚动条滑动或悬浮球转动的操作，进而电子设备的目标文件夹内的多个内容缩略图可以随着滚动条的滑动或悬浮球的转动而在目标文件夹所处区域内进行滑动显示。具体地，光标交互设备为鼠标时，用户可以通过滚动鼠标的滚轮、将光标移动至滚动条或悬浮球所处区域并长按鼠标左键拖动滚动条实现滑动或控制悬浮球实现转动，进而实现对目标文件夹内的内容缩略图的滑动显示。

可以理解，在另一些实施例中，用户对于浏览控件的操控也可以不通过光标交互设备实现，还可以通过触摸操作实现，例如通过触摸操作拖动滚动条进行滑动等。

可以理解，打开操作可以为用于开启内容缩略图对应的数据文件的操作，例如用户通过鼠标将光标移动到内容缩略图上，点击鼠标左键或双击鼠标左键的操作，用户通过手指点击内容缩略图的点击操作等、用户通过触控板将光标移动到内容缩略图上，点击触控板左键或双击触控板的操作。

在一些实施例中，当用户选择操作的对应位置位于预设区域外时，目标文件夹的图标中包括两个区域：其一为包括目标文件夹中的多个数据内容的内容缩略图中的部分内容缩略图的区域，即电子设备在检测到用户对该区域内的内容缩略图的操作时，可以在显示屏上打开该内容缩略图对应的数据内容；其二为包括展开控件的区域，即电子设备在检测到用户作用于展开控件的操作时，可以在电子设备的显示屏上显示目标文件夹的展开界面，然后在检测到用户对目标文件夹的图标内的内容缩略图的操作时，可以在显示屏上打开该内容缩略图对应的数据内容。

例如，以电子设备为平板电脑，以数据内容为应用程序，内容缩略图为应用图标，浏览控件为滚动条，预设区域为目标文件夹的图标的全部区域，并且通过光标交互设备实现用户选择操作为例，结合图3c对上述实施例进行介绍。

参考图3c所示，平板电脑100检测到光标301不再处于文件夹1的文件夹图标302内时，平板电脑100将文件夹1内的多个内容缩略图中超出文件夹可显示的区域的内容缩略图在目标文件夹的展开界面进行显示，并且不再显示浏览控件，文件夹图标302内显示展开控件304。文件夹1中可以包括应用图标A、应用图标B、应用图标C、应用图标D、应用图标E、应用图标F、应用图标G、应用图标H、应用图标I、应用图标X、应用图标Y和应用图标Z。其中，应用图标I、应用图标X、应用图标Y和应用图标Z超出文件夹1的文件夹图标302的可显示范围，则平板电脑100可以将应用图标I、应用图标X、应用图标Y和应用图标Z在文件夹1的展开界面进行显示，并在文件夹图标302中显示用于展开显示文件夹1的展开控件304。

可以理解，展开控件304可以显示为根据应用图标I、应用图标X、应用图标Y和应用图标Z生成的重叠项的缩略图，例如图3c所示，也可以显示为根据应用图标I、应用图标X、应用图标Y和应用图标Z生成的部分展开项的缩略图，例如图2b中的第二区域202中的控件。

可以理解，当光标301不再处于文件夹图标302内时，平板电脑100将文件夹内的多个内容缩略图中超出文件夹可显示的区域的内容缩略图在目标文件夹的展开界面进行显示。电子设备可以通过对光标的位置检测，切换文件夹内的内容缩略图的展开方式，自适应调整目标文件夹中的内容缩略图的交互模式，用户操作简单，体验感更高。

本申请实施例提供的页面的显示方法，在检测到用户选择操作的对应位置位于预设区域时，用户可以通过对浏览控件的移动操作来浏览文件夹内的内容缩略图，而不需要切换到文件夹的展开界面中来浏览，并且用户可通过对相应的内容缩略图的打开操作，来打开内容缩略图对应的数据内容，操作简单，用户体验感更高。

此外，电子设备在检测到用户选择操作的对应位置位于预设区域外时，电子设备将文件夹内的多个内容缩略图中超出文件夹可显示的区域的内容缩略图在目标文件夹的展开界面进行显示。电子设备可以通过对用户选择操作的对应位置的检测，切换文件夹内的内容缩略图的展开方式，自适应调整内容缩略图的交互模式，用户操作简单，体验感更高。

可以理解，本申请实施例中的电子设备可以是能够连接或者包括光标交互设备、或者包括触控屏、又或者能够感应用于的隔空手势的任意电子设备，包括但不限于手机、平板电脑(portable android device，PAD)、个人数字处理(personal digital assistant，PDA)、具有无线通信功能的手持设备、计算设备、车载设备或可穿戴设备，虚拟现实(virtual reality，VR)终端设备、增强现实(augmented reality，AR)终端设备、工业控制(industrial control)中的无线终端、无人驾驶中的无线终端、远程医疗(remotemedical)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportationsafety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端等具有触摸屏的移动终端或固定终端。本申请实施例中对电子设备的形态不做具体限定。

下面以电子设备为平板电脑，以用户通过光标交互设备实现的用户选择操作为例，对本申请实施例提及的交互方法进行说明。可以理解，本申请实施例中的执行主体为平板电脑，用户选择操作的对应位置为光标的位置。

可以理解的是，在其他实施例中，用户选择操作还可以是用户作用于电子设备的触控屏的触摸操作，例如用户点击触控屏的操作等，则用户选择操作的对应位置可以为用户触摸操作的触摸位置。用户选择操作又可以是用户相对于电子设备显示的界面的隔空手势，例如隔空点击、隔空滑动等，则用户选择操作的对应位置可以为用户隔空手势在界面上对应的操作位置，用户通过光标交互设备实现用户选择操作，为本申请中的一种示例，本申请并不限于通过光标交互设备实现用户选择操作。

图4所示为本申请实施例提供的一种交互方法的流程示意图。

如图4所示，该方法包括：

401：响应于用户对光标交互设备的操作，获取光标的位置。

可以理解，光标交互设备可以为鼠标、触控板等，当电子设备连接光标交互设备时，电子设备的显示屏上可以显示光标，光标可以用于指示光标交互设备的当前作用区域。

可以理解，光标的位置可以为光标中心在显示界面的位置，也可以为显示界面中光标的多个像素点的位置。

其中，光标中心可以为包裹光标的最小矩形的中心。例如，图5a所示为本申请实施例提供的一种平板电脑的显示界面示意图。如图5a所示，光标501的中心可以为包裹光标501的最小的矩形502的中心，其中矩形502的长或宽与平板电脑100的任意条边界均不平行。光标501的中心可以为包裹光标501的最小的矩形503的中心，其中矩形503的长和宽与平板电脑100的边界平行。

其中光标的多个像素点的位置可以为包括光标的最小矩形对应的像素点的位置，例如图5a中的矩形502或矩形503对应的像素点的位置，也可以为光标图形对应的多个像素点的位置。

可以理解，平板电脑100的显示界面可以显示有至少一个文件夹，并且文件夹中可以显示至少一个数据内容的内容缩略图，每个内容缩略图对应文件夹下的一个数据内容。例如图5a中，平板电脑100的界面510中可以显示的文件夹图标504对应的文件夹，并且目标文件夹的图标504(下文称文件夹图标504)内显示有7个内容缩略图。

402：判断光标的位置是否位于预设区域。若步骤402的判断结果为是，则执行步骤403，若判断结果为否，则执行步骤406。

可以理解，目标文件夹的图标所处区域为目标文件夹的图标在电子设备的显示界面上所处的区域。目标文件夹的图标所处区域内包括多个内容缩略图，多个内容缩略图对应的数据内容被聚合在目标文件夹内。

可以理解，预设区域可以是目标文件夹的图标所处区域，也可以是比目标文件夹的图标稍大一些的区域。即平板电脑100可以在检测到用户选择操作位于目标文件夹的图标所处区域时，确定光标的位置位于预设区域，或者，平板电脑100可以在检测到用户选择操作靠近目标文件夹的图标所处区域但并未位于目标文件夹的图标所处区域时，确定光标的位置位于预设区域。本申请对此不作限制。

在一些实施例中，光标的位置是否位于预设区域，包括光标的位置是否位于预设区域的部分特定区域，当光标的位置位于预设区域的部分特定区域时，可以在目标文件夹的图标所处区域显示浏览控件以及部分数据内容的内容缩略图；当光标的位置位于预设区域中部分特定区域外的其他区域时，目标文件夹的图标内可以显示部分数据内容的内容缩略图以及用于响应用户的操作切换至文件夹的展开界面的展开控件。其中，部分特定区域可以为目标文件夹的图标所处区域、目标文件夹的图标所处区域中的部分区域(例如目标文件夹的图标中用于显示展开控件的区域或标文件夹的图标所处区域中的其他区域等)、目标文件夹的图标所处区域外的其他区域，本申请对此不作限制。

例如，参考图5b所示，预设区域为文件夹图标504中的预设区域505，当光标501的位置位于预设区域505时，可以在文件夹图标504所处区域显示浏览控件以及部分数据内容的内容缩略图。

在另一些实施例中，光标的位置位于预设区域，包括光标的位置位于预设区域的任意区域，当光标的位置位于预设区域的任意位置内时，判断光标的位置位于预设区域，可以在目标文件夹的图标所处区域显示浏览控件以及部分数据内容的内容缩略图。

例如，参考图5b所示，预设区域为文件夹图标504所处全部区域，当光标501的位置位于文件夹图标504时，判断光标的位置位于预设区域，可以在文件夹图标504所处区域内显示浏览控件以及部分数据内容的内容缩略图。

在一些实施例中，光标的位置位于预设区域为，光标的中心位置位于预设区域。其中的匹配可以理解为光标的位置坐标与预设区域的任一位置坐标相同。例如图5a中，确定包裹光标501的矩形502或矩形503的中心的位置坐标与文件夹图标504的某一位置坐标相同，则确定光标501的位置位于文件夹图标504。

在另一些实施例中，光标的位置位于预设区域为，光标的至少部分像素点的位置位于预设区域。其中的匹配可以理解为光标的至少部分像素点的位置坐标与预设区域的任一位置坐标相同。其中的至少部分像素点可以为光标的一个像素点，也可以为光标的部分像素点，还可以为光标的所有像素点。具体地，可以通过设置像素点数量阈值改变光标位置与预设区域的匹配规则。例如，以预设区域为目标文件的图标的全部区域为例，参考图6a所示的界面610，在一些实施例中，可以确定光标601的一个像素点的位置坐标与文件夹图标602的某一位置坐标相同，则确定光标601的位置位于文件夹图标602；参考图6b所示的界面620，在一些实施例中，可以确定光标601的一部分像素点的位置坐标与文件夹图标602的一些位置坐标相同，则确定光标601的位置位于文件夹图标602；参考图6c所示的界面630，在一些实施例中，可以确定光标601的所有像素点的位置坐标与文件夹图标602的一些位置坐标相同，则确定光标601的位置位于文件夹图标602。

403：在目标文件夹的图标所处区域显示目标文件夹中的部分内容缩略图和浏览控件。

可以理解，浏览控件用于实现目标文件夹的图标所处区域内的内容缩略图的变化。

在一些实施例中，浏览控件可以包括但不限于滚动条、悬浮球等，用户可以通过控制滚动条的滑动、悬浮球的转动，实现对目标文件夹内的内容缩略图的浏览。例如图3a中的滚动条303以及应用图标A、应用图标B、应用图标C、应用图标D……，用户可以通过控制滚动条303的滑动，实现对目标文件夹的图标内的内容缩略图的浏览。

可以理解，滚动条、悬浮球还可以具有预设的运动区域，即用户通过光标交互设备、触摸操作等控制滚动条进行滑动时，滚动条可以在预设的运动区域进行滑动，用户通过光标交互设备、触摸操作等控制悬浮球进行转动时，悬浮球可以在预设的运动区域进行转动。

可以理解，平板电脑100执行上述步骤403时，对于目标文件夹的所有数据内容的内容缩略图的浏览，不需要将平板电脑100的显示界面切换到文件夹的展开界面中浏览。目标文件夹的图标所处区域内可以显示目标文件夹中的所有数据内容的内容缩略图，并且通过对滚动条的滑动控制或悬浮球的转动控制，可以实现目标文件夹的图标中的所有内容缩略图的浏览。

可以理解，在目标文件夹的图标所处区域显示目标文件夹中的部分内容缩略图可以是目标文件夹中预设数量的内容缩略图，该预设数量可以根据目标文件夹的图标的大小来确定。并且，该预设数量的内容缩略图可以是目标文件夹内根据各数据内容的访问时间、创建时间、名称、数据内容的数据量等排序在前的预设数量数据内容对应的内容缩略图。

404：响应于用户作用于浏览控件的移动操作，切换显示的内容缩略图。

可以理解，移动操作可以包括：用户通过光标交互设备控制滚动条滑动或悬浮球转动的操作，进而电子设备的目标文件夹内的多个内容缩略图可以随着滚动条的滑动或悬浮球的转动进行切换。

在一些实施例中，当浏览控件为滚动条时，参考图3a中的滚动条303，用户作用于浏览控件的移动操作可以为通过光标交互设备控制滚动条滑动的操作。例如，光标交互设备为鼠标时，用户作用于浏览控件的移动操作可以为用户滚动鼠标的滚轮的操作。或者，用户作用于浏览控件的操作可以为用户操作鼠标将光标移动至滚动条运动区域，并长按鼠标左键拖动滚动条实现滑动的操作。或者，用户作用于浏览控件的操作可以为用户通过触摸操作拖动滚动条进行滑动，即用户作用于滚动条的下滑操作。用户作用于浏览控件的移动操作还可以为实现浏览控件在运动区域运动的其他操作，本申请对此不作限制。

可以理解，平板电脑100响应于移动操作，切换显示的内容缩略图，可以包括：根据浏览控件的位置，在目标文件夹所处区域显示对应的内容缩略图。其中，浏览控件的位置即浏览控件在其运动区域所处的位置。平板电脑100中，会预设浏览控件在运动区域所处的位置与目标文件夹的图标内显示出的内容缩略图的对应关系，即浏览控件在某一位置时，目标文件夹的图标所处区域内需要显示的至少一个内容缩略图。进而，平板电脑100在检测到用户作用于浏览控件的操作后，可以结合浏览控件的位置，显示该位置对应的需要显示的内容缩略图。

例如浏览控件为滚动条，光标交互设备为鼠标。参考图3a所示，用户通过滚动鼠标滚轮，控制滚动条303向下滑动，平板电脑100响应于用户的滚动操作，获取用户在滚动操作的过程中，滚动条303的当前位置，并根据滚动条303的当前位置，确定该当前位置对应需要在文件夹图标302内显示的应用图标，并将确定的应用图标在文件夹图标302内进行显示。当用户停用滚动操作时，文件夹图标302内可以显示滚动条303的当前位置对应的应用图标，例如图3b所示。

在一些实施例中，用户作用于浏览控件的操作为连续操作，例如滚动鼠标滚轮的操作，对应于该连续操作，浏览控件在显示界面显示滑动动画，此时，目标文件夹的图标所处区域内的多个内容缩略图在目标文件夹的图标所处区域进行滑动显示。其中的连续操作为持续多个时间点的操作，例如滚动鼠标滚轮的操作、控制浏览控件的下滑操作。

在另一些实施例中，用户作用于浏览控件的操作为非连续操作，例如用户在浏览控件的运动区域内的点击操作，对应于该非连续操作，浏览控件在显示界面由当前位置变化为下一个锚点对应的位置。此时，目标文件夹的图标所处区域内显示的内容缩略图由当前页变化为下一页。对应于该非连续操作，浏览控件在显示界面由当前位置滑动至下一个锚点对应的位置。此时，目标文件夹的图标所处区域内显示的内容缩略图由当前页滑动显示至下一页。其中的锚点可以理解为根据页面变化设置的浏览控件的对应位置。可以理解，当用户作用于浏览控件的操作为非连续操作，浏览控件可以在显示界面进行位置切换，为静态变化，浏览控件也可以在显示界面显示滑动动画，为动态变化，本申请对此不作限制。

在一些实施例中，当浏览控件运动时，例如滑动时，目标文件夹的图标所处区域内可以显示浏览控件，当浏览控件停止运动时，可以不再在目标文件夹的图标所处区域内显示浏览控件。但是只要光标的位置位于预设区域，目标文件夹的图标内的多个内容缩略图可以通过浏览控件进行切换显示。

可以理解，当目标文件夹的图标所处的区域内无法在同一时刻显示目标文件夹中的所有数据内容的内容缩略图时，可以通过上述对滚动条的滑动控制或悬浮球的转动控制，来实现目标文件夹的图标中的内容缩略图的滑动显示；当目标文件夹的图标所处的区域内可以在同一时刻显示目标文件夹中的所有数据内容的内容缩略图，不需要通过对滚动条的滑动控制或悬浮球的转动控制，来实现目标文件夹的图标中的内容缩略图的滑动显示。

405：响应于用户作用于目标内容缩略图的打开操作，打开目标内容缩略图对应的目标数据内容。

可以理解，用户作用于目标内容缩略图的打开操作可以为用户打开内容缩略图对应的数据内容的操作，例如用户作用于目标内容缩略图的点击操作、双击操作等。具体地，以用户通过光标交互设备鼠标为例，用户作用于目标内容缩略图的打开操作可以为，用户通过鼠标控制光标移动至目标内容缩略图上，并点击鼠标左键或双击鼠标左键的操作。或者，用户作用于目标内容缩略图的打开操作可以为，用户通过手指点击目标浏览图的操作，即通过触摸操作实现作用于目标内容缩略图的操作。

可以理解，平板电脑100打开目标内容缩略图对应的目标数据内容，可以为平板电脑100通过处理器100渲染出目标数据内容对应的待显示界面，并将平板电脑100的当前显示界面变化为目标数据内容的待显示界面。

示例性地，平板电脑100的当前显示界面可以例如图3a所示的界面310，当平板电脑100检测到用户作用于应用图标A的操作，例如通过控制鼠标将光标301移动至应用图标A的上方，然后双击鼠标左键，打开应用图标A对应的应用程序A。例如，当应用程序A为微信^TM时，平板电脑100响应于用于作用于应用程序A的打开操作，可以显示例如图1c所示的界面104。可以理解，用于作用于应用图标A的打开操作还可以为其他可以打开应用程序A的操作，本申请对此不作限制。

406：在目标文件夹的图标所处区域显示目标文件夹的多个内容缩略图中的部分内容缩略图和展开控件。

可以理解，当平板电脑100检测到光标的位置位于预设区域外时，目标文件夹的图标所处区域内可以显示预设数量的内容缩略图和以及用于切换至目标文件夹的展开界面的展开控件。其中，用户可以通过作用于预设数量的内容缩略图的打开操作，打开内容缩略图对应的数据内容。对于超出目标文件夹的图标所处区域可以显示的内容缩略图的数量的其他内容缩略图，可以通过触发展开控件将该部分内容缩略图进行显示。具体地，当平板电脑100在检测到用户作用于该展开控件的操作时，平板电脑100的显示界面切换至目标文件夹的展开界面。

示例性地，以预设区域为目标文件夹的图标所处区域，对平板电脑100执行上述步骤406后显示的界面进行介绍。图7所示为本申请实施例提供的一种平板电脑100执行上述步骤406后显示的界面示意图。

平板电脑100在检测到光标的位置位于预设区域外时，可以在目标文件夹的图标所处区域中显示目标文件夹的多个内容缩略图中的部分内容缩略图和展开控件，参考图7所示的显示界面710。

可以理解，光标701的位置位于文件夹1的文件夹图标702外，则文件夹1的文件夹图标702内可以包括在第一区域703内显示的预设数量的内容缩略图，包括应用图标A、应用图标B、应用图标C、应用图标D、应用图标E、应用图标F、应用图标G和应用图标H，以及在第二区域704内显示的展开控件705。其中展开控件705可以显示为文件夹1包括的应用程序对应的应用图标A至应用图标H之前的其他应用图标的组合。例如，展开控件705可以显示为其他应用图标的重叠项，或显示为其他应用图标中部分应用图标组成的缩略图等，本申请对应不作限制。

407：响应于用户作用于展开控件的操作，显示目标文件夹中的展开界面。

可以理解，用户作用于展开控件的操作可以为用于触发展开控件的操作，例如点击操作、长按操作等。

可以理解，平板电脑100响应于用户作用于展开控件的操作，显示目标文件夹中的展开界面，具体为：平板电脑100检测到用户作用于展开控件的操作，可以将平板电脑的当前显示界面变化为包括目标文件夹中多个内容缩略图的展开界面，并且，当目标文件夹中所有的内容缩略图超出展开界面的显示范围时，目标文件夹中的内容缩略图可以进行分页显示。例如，当目标文件夹的展开界面最多可以显示的内容缩略图的数量为12，目标文件夹中包括16个数据内容，即目标文件夹中待显示的内容缩略图为16个，超出目标文件夹的展开界面可以显示的范围，则目标文件夹中的16个数据内容的内容缩略图可以分为两页进行显示。

示例性地，图8a至图8b所示为本申请实施例提供的一些界面示意图。

用户在如图7所示的界面710中点击展开控件705，平板电脑100可以响应于用户的点击操作，展开显示文件夹1中的16个内容缩略图，参考图8a所示的文件夹1的展开界面810。

如图8a所示，展开界面810中最多可以显示文件夹1中的12个应用图标以及应用图标对应的应用程序名称，文件夹1中的16个应用图标需要分为两页进行显示，当用户点击展开控件705后，平板电脑100可以显示第一页应用图标，此时控件801被触发，控件801可以对应于文件夹1中第一页应用图标的显示。

用户可以在平板电脑100的触摸屏上进行左滑操作，即图8a中的操作②，实现文件夹1内的应用图标页面的切换。平板电脑100检测到用户的操作②时，可以在显示屏上显示文件夹1的第二页应用图标，参考图8b所示。

如图8b所示，平板电脑100显示文件夹1的展开界面820。展开界面820中包括文件夹1中的剩余四个应用程序对应的应用图标及其应用程序名称，并且，平板电脑100显示展开界面820时，控件802被触发。控件802可以对应于文件夹1中第二页应用图标的显示。

在其他实施例中，用户对于第一页应用图标和第二页应用图标的操作还可以为其他操作，例如点击操作、通过光标交互设备实现页面切换的操作等，本申请对此不作限制。

在一些实施例中，当光标的位置位于电子设备中预设区域外时，目标文件夹的图标中包括两个区域：其一为用于显示文件夹中的部分内容缩略图的区域，在该区域内，电子设备在检测到用户对该区域内的内容缩略图的打开操作时，可以打开该内容缩略图对应的数据内容；其二为用于响应用户的操作切换至目标文件夹的展开界面的区域，该区域内包括用于切换至目标文件夹的展开界面的展开控件，电子设备在检测到用户作用于展开控件的操作时，可以在电子设备的显示屏上显示目标文件夹的展开界面，然后在检测到用户对展开界面内的内容缩略图的打开操作时，可以打开该内容缩略图对应的数据内容。

本申请实施例提供的页面的显示方法，在检测到光标的位置位于预设区域时，用户可以通过对浏览控件的移动操作来浏览文件夹内的内容缩略图，而不需要切换到文件夹的展开界面中来浏览，并且用户可通过对相应的内容缩略图的打开操作，打开内容缩略图对应的数据内容；在检测到光标位置位于预设区域时，平板电脑100切换为适合触屏交互的界面，将目标文件夹内的多个数据内容的内容缩略图中超出文件夹可显示的区域的内容缩略图在目标文件夹的展开界面进行显示。本申请实施例通过对光标位置的判断，切换文件夹内的内容缩略图的展开方式，自适应调整内容缩略图的交互模式，操作简单，用户体验感更高。

下面结合图9，以电子设备为平板电脑，以用户通过光标交互设备实现的用户选择操作为例，对本申请实施例中的一种交互方法进行进一步介绍。

图9所示为本申请实施例提供的一种交互方法的流程示意图。可以理解，该方法的执行主体为平板电脑100。

如图9所示，该方法包括：

901：显示第一界面，第一界面包括目标文件夹的图标，并且目标文件夹的图标内显示第一预设数量的内容缩略图。

可以理解，平板电脑100中可以预先设置目标文件夹的图标的大小与可显示的内容缩略图的最大数量的对应关系。预设数量可以根据目标文件夹中包含的数据内容的数量与其图标对应的可显示的内容缩略图的最大数量的确定。例如，目标文件夹包含的数据内容的数量为5，目标文件夹的图标对应的可显示的内容缩略图的最大数量为7，则预设数量可以为5。例如，目标文件夹包含的数据内容的数量为10，目标文件夹的图标对应的可显示的内容缩略图的最大数量为7，则预设数量可以为7。

在一些实施例中，目标文件夹的图标内还可以显示有展开控件，展开控件可以被触发，以将平板电脑100显示的第一界面切换为目标文件夹的展开界面。其中，展开控件以及触发展开控件的操作可以参考图4中的步骤406中的描述，在此不作赘述。

902：响应于用户对光标交互设备的操作，控制光标移动。

可以理解，光标交互设备可以为鼠标或触控板。用户对于光标交互设备的操作可以例如移动鼠标的操作、通过触控笔或手指在触控板上滑动操作等。平板电脑100可以基于用户的上述操作控制平板电脑100的显示屏102上的光标发生移动。

903：检测到光标移动到预设区域。

其中，步骤902中的预设区域与上述步骤402中的预设区域相同，在此不作赘述。

可以理解，检测到光标移动到预设区域，可以包括光标的部分或全部像素与目标文件夹的图标的部分像素重合，可以例如图6a、图6b或图6c所示的光标601与文件夹1的文件夹图标602的位置关系，在此不作赘述。

904：在目标文件夹的图标所处的区域内显示浏览控件和第二预设数量的内容缩略图。其中，步骤903中显示的浏览控件与步骤503中的浏览控件相同，在此不作赘述。

可以理解，第二预设数量可以与第一预设数量相同，也可以与第一预设数量不同，具体可以根据浏览控件的位置、大小设置，本申请对此不作限制。

在一些实施例中，步骤901中，平板电脑显示的目标文件夹的图标所处的区域内包括展开控件，平板电脑100在检测到光标移动到预设区域时，第一界面上不再显示展开控件。进一步地，在一些实施例中，还可以在展开控件所处位置显示更多的内容缩略图；在一些实施例中，不再显示展开控件后，目标文件夹的图标所处的区域仍然显示第一预设数量的内容缩略图，本申请对此不作赘述。

905：响应于用户作用于浏览控件的移动操作，切换显示的内容缩略图。其中，步骤904中与步骤404相同，在此不作赘述。

可以理解，用户可以通过光标交互设备控制浏览控件，直接浏览目标文件夹的图标内所有的内容缩略图，不需要用户操作平板电脑100以切换至目标文件夹的展开界面。

可以理解，在用户进行移动操作的过程中，若目标文件夹的图标内出现目标内容缩略图，用户可以直接操作平板电脑100，打开目标内容缩略图对应的数据内容。

下面结合图10，对本申请实施例中的另一种交互方法进行进一步介绍。

图10所示为本申请实施例提供的另一种交互方法的流程示意图。

如图10所示，该方法包括：

1001：显示第二界面，第二界面包括目标文件夹的图标和光标，光标位于预设区域。

其中，目标文件夹的图标所处区域包括第二预设数量的内容缩略图和浏览控件。

在一些实施例中，当浏览控件处于静止状态时，可以不再显示浏览控件，而当平板电脑100检测到用户作用于浏览控件的移动操作时，再重新显示浏览控件，以及浏览控件的滑动动画。

1002：响应于用户对光标交互设备的操作，控制光标移动。其中，步骤1002与步骤902相同，在此不作赘述。

1003：检测到光标从预设区域上移开。

在一些实施例中，检测到光标从预设区域上移开，可以包括光标的部分或全部像素与预设区域的部分像素不重合，即光标由预设区域移动到显示界面中预设区域外的任意位置。

在另一些实施例中，检测到光标从目标文件夹的图标上移开，可以为用户断开光标交互设备与平板电脑100的连接，平板电脑100的显示界面的光标消失。

1004：在目标文件夹的图标所处的区域内恢复展开控件并显示第一预设数量的内容缩略图。其中，展开控件与步骤406中的展开控件相同，在此不作赘述。

可以理解，步骤1004中恢复展开控件后，第二界面中不再显示的浏览控件。

下面结合图11，对本申请实施例中的电子设备的硬件结构进行说明。

图11所示为应用本申请实施例提供的方法的电子设备100的硬件结构框图。电子设备100可以用于运行本申请实施例提供的交互方法中相关的指令。在图11中，相似的部件具有同样的附图标记。如图11所示，电子设备100可以包括处理器1110、电源模块1140、存储器1180、摄像头1170、移动通信模块1130、无线通信模块1120、传感器模块1190、音频模块1150、接口模块1160、按键1101以及显示屏1102等。在本申请实施例中，存储器1180可以用于存储本申请实施例提供的交互方法中相关的指令以及处理器执行指令时生成的中间数据文件。

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

处理器1110可以包括一个或多个处理单元，例如，可以包括中央处理器(CentralProcessing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)、数字信号处理器DSP、微处理器(Micro-programmed Control Unit，MCU)、人工智能(ArtificialIntelligence，AI)处理器或可编程逻辑器件(Field Programmable Gate Array，FPGA)等的处理模块或处理电路。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。处理器1110中可以设置存储单元，用于存储指令和数据。在一些实施例中，处理器1110中的存储单元为高速缓冲存储器180。

其中，处理器1110可以用于执行本申请实施例提供的交互方法，具体地，处理器可以获取光标的位置，并判断光标的位置是否位于目标文件夹的图标所处的区域，并在确定光标的位置位于目标文件夹的图标所处的区域时，生成浏览控件。处理器还可以响应于用户作用于浏览控件、内容缩略图的操作，并生成对应的待显示界面。

电源模块1140可以包括电源、电源管理部件等。电源可以为电池。电源管理部件用于管理电源的充电和电源向其他模块的供电。在一些实施例中，电源管理部件包括充电管理模块和电源管理模块。充电管理模块用于从充电器接收充电输入；电源管理模块用于连接电源，充电管理模块与处理器1110。电源管理模块接收电源和/或充电管理模块的输入，为处理器1110，显示屏1102，摄像头1170，及无线通信模块1120等供电。

移动通信模块1130可以包括但不限于天线、功率放大器、滤波器、LNA(Low noiseamplify，低噪声放大器)等。移动通信模块1130可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块1130可以由天线接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块1130还可以对经调制解调处理器调制后的信号放大，经天线转为电磁波辐射出去。在一些实施例中，移动通信模块1130的至少部分功能模块可以被设置于处理器1110中。在一些实施例中，移动通信模块1130至少部分功能模块可以与处理器1110的至少部分模块被设置在同一个器件中。无线通信技术可以包括全球移动通讯系统(global system for mobilecommunications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband codedivision multiple access，WCDMA)，时分码分多址(time-division code divisionmultiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，无线局域网(wireless local area networks，WLAN)，近距离无线通信技术(near fieldcommunication，NFC)，调频(frequency modulation，FM)和/或field communication，NFC)，红外技术(infrared，IR)技术等。所述GNSS可以包括全球卫星定位系统(globalpositioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite basedaugmentation systems，SBAS)。

无线通信模块1120可以包括天线，并经由天线实现对电磁波的收发。无线通信模块1120可以提供应用在电子设备100上的包括无线局域网(wireless local areanetworks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequencymodulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。电子设备100可以通过无线通信技术与网络以及其他设备进行通信。

在一些实施例中，电子设备100的移动通信模块1130和无线通信模块1120也可以位于同一模块中。

显示屏1102用于显示人机交互界面、图像、视频等。显示屏1102包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organiclight-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diodes，AMOLED)，柔性发光二极管(flexlight-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在本申请实施例中，显示屏可以基于处理器的显示指令显示目标文件夹的图标、目标文件夹内的内容缩略图、浏览控件等。

传感器模块1190可以包括接近光传感器、压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器，骨传导传感器等。

音频模块1150用于将数字音频信息转换成模拟音频信号输出，或者将模拟音频输入转换为数字音频信号。音频模块1150还可以用于对音频信号编码和解码。在一些实施例中，音频模块1150可以设置于处理器1110中，或将音频模块1150的部分功能模块设置于处理器1110中。在一些实施例中，音频模块1150可以包括扬声器、听筒、麦克风以及耳机接口。

摄像头1170用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件把光信号转换成电信号，之后将电信号传递给ISP(Image SignalProcessing，图像信号处理)转换成数字图像信号。电子设备100可以通过ISP，摄像头1170，视频编解码器，GPU(Graphic Processing Unit，图形处理器)，显示屏1102以及应用处理器等实现拍摄功能。

接口模块1160包括外部存储器接口、通用串行总线(universal serial bus，USB)接口及用户标识模块(subscriber identification module，SIM)卡接口等。其中外部存储器接口可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口与处理器1110通信，实现数据存储功能。通用串行总线接口用于电子设备100和其他电子设备进行通信。用户标识模块卡接口用于与安装至电子设备100的SIM卡进行通信，例如读取SIM卡中存储的电话号码，或将电话号码写入SIM卡中。

在一些实施例中，电子设备100还包括按键1101、马达以及指示器等。其中，按键1101可以包括音量键、开/关机键等。马达用于使电子设备100产生振动效果，例如在用户的电子设备100被呼叫的时候产生振动，以提示用户接听电子设备100来电。指示器可以包括激光指示器、射频指示器、LED指示器等。

图12是本申请的实施例的电子设备100的软件结构示意图。

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

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

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

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

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

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

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

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

在本申请实施例中，视图系统可以包括上述步骤401至步骤407中的浏览控件、展开控件、内容缩略图、目标文件夹的图标。

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

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。在本申请实施例中，资源管理器中可以存储文件夹中的数据内容。

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

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

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

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

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

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

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

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

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

内核层是硬件和软件之间的层。内核层至少包含显示驱动，触控驱动，传感器驱动。

在说明书对“一个实施例”或“实施例”的引用意指结合实施例所描述的具体特征、结构或特性被包括在根据本申请公开的至少一个范例实施方案或技术中。说明书中的各个地方的短语“在一个实施例中”的出现不一定全部指代同一个实施例。

本申请公开还涉及用于执行文本中的操作装置。该装置可以专门处于所要求的目的而构造或者其可以包括被存储在计算机中的计算机程序选择性地激活或者重新配置的通用计算机。这样的计算机程序可以被存储在计算机可读介质中，诸如，但不限于任何类型的盘，包括软盘、光盘、CD-ROM、磁光盘、只读存储器(ROM)、随机存取存储器(RAM)、EPROM、EEPROM、磁或光卡、专用集成电路(ASIC)或者适于存储电子指令的任何类型的介质，并且每个可以被耦合到计算机系统总线。此外，说明书中所提到的计算机可以包括单个处理器或者可以是采用针对增加的计算能力的多个处理器涉及的架构。

另外，在本说明书所使用的语言已经主要被选择用于可读性和指导性的目的并且可能未被选择为描绘或限制所公开的主题。因此，本申请公开旨在说明而非限制本文所讨论的概念的范围。

Claims (19)

1.一种交互方法，应用于显示有界面的电子设备，其特征在于，包括：

所述电子设备上显示有第一文件夹的第一文件夹图标，其中，所述第一文件夹图标中显示有第一数据内容的第一内容缩略图；

检测到用户选择操作的对应位置位于第一区域，其中所述第一区域包括所述第一文件夹图标；

在所述第一文件夹图标中显示第一控件；

检测到用户对所述第一控件的移动操作，隐藏所述第一文件夹图标中的所述第一内容缩略图，并在所第一文件夹图标中显示第二数据内容的第二内容缩略图。

2.根据权利要求1所述的交互方法，其特征在于，所述第一数据内容包括下列至少之一：应用程序、子文件夹、文件。

3.根据权利要求1所述的交互方法，其特征在于，所述检测到用户选择操作的对应位置位于第一区域，包括：

检测到所述电子设备连接光标交互设备，所述光标交互设备可以实现所述选择操作；

检测到光标交互设备对应的光标的位置位于所述第一区域。

4.根据权利要求3所述的交互方法，其特征在于，所述光标交互设备包括鼠标、触控板。

5.根据权利要求1所述的交互方法，其特征在于，所述选择操作为触摸操作；

所述检测到用户选择操作的对应位置位于第一区域，包括：

检测到用户触摸操作对应的触摸位置位于所述第一区域。

6.根据权利要求1所述的交互方法，其特征在于，所述选择操作为所述用户在空间中对于所述电子设备的所述界面的隔空手势；

所述检测到用户选择操作的对应位置位于第一区域，包括：

检测到所述隔空手势在所述界面上对应的操作位置位于所述第一区域。

7.根据权利要求1所述的交互方法，其特征在于，所述第一区域与所述第一文件夹图标完全重合，或者所述第一区域的大小大于所述第一文件夹图标的大小。

8.根据权利要求1所述的交互方法，其特征在于，所述检测到用户选择操作的对应位置位于第一区域，包括：

检测到所述用户选择操作的对应位置位于所述第一区域内的目标区域，其中，所述目标区域包括所述第一区域的部分或全部。

9.根据权利要求1所述的交互方法，其特征在于，所述检测到用户选择操作的对应位置位于第一区域，包括：

检测到所述用户选择操作的对应位置的至少部分位置坐标位于所述第一区域。

10.根据权利要求1所述的交互方法，其特征在于，所述第一文件夹图标中还显示有第二控件，当所述第二控件被触发时，所述电子设备显示所述第一文件夹的展开界面。

11.根据权利要求10所述的交互方法，其特征在于，所述在所述第一文件夹图标中显示第一控件，包括：

隐藏所述第一文件夹图标中的所述第二控件，并在所述第二文件夹图标中显示所述第一控件。

12.根据权利要求11所述的交互方法，其特征在于，所述在所述第一文件夹图标中显示第一控件，还包括：

在所述第一文件夹图标中所述第二控件对应显示的区域显示第三数据内容的第三内容缩略图。

13.根据权利要求11所述的交互方法，其特征在于，还包括：

检测到用户选择操作的对应位置位于所述第一区域外，在所述第一文件夹中恢复所述第二控件，并隐藏所述第一控件。

14.根据权利要求1所述的交互方法，其特征在于，所述第一控件包括滚动条或悬浮球。

15.根据权利要求14所述的交互方法，其特征在于，所述移动操作包括控制所述滚动条滑动的操作或控制所述悬浮球转动的操作。

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

检测到所述用户对所述第一内容缩略图或所述第二内容缩略图的打开操作，打开所述第一数据内容或所述第二数据内容。

17.一种电子设备，其特征在于，包括：一个或多个处理器；一个或多个存储器；所述一个或多个存储器存储有一个或多个程序，当所述一个或者多个程序被所述一个或多个处理器执行时，使得所述电子设备执行权利要求1至16中任一项所述的交互方法。

18.一种计算机可读存储介质，其特征在于，所述存储介质上存储有指令，所述指令在计算机上执行时使所述计算机执行权利要求1至16中任一项所述的交互方法。

19.一种计算机程序产品，其特征在于，所述计算机程序产品包括指令，该指令在执行时使计算机执行权利要求1至16中任一项所述的交互方法。