CN116048684B - 界面显示方法及电子设备 - Google Patents

Abstract

一种界面显示方法及电子设备。该方法应用在该电子设备上时，该电子设备可以将为用户推荐的应用对应的应用图标展示在可扩展的卡片中，卡片在未扩展时可以只显示少量的应用图标，在扩展后可以展示更多的应用图标，在满足用户使用需求的同时保证用户界面的简洁性，减轻用户的操作负担，可以提升用户的使用体验感。

Description

界面显示方法及电子设备

技术领域

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

背景技术

由于信息技术的发展，现如今人们的生活、工作以及娱乐都与电子设备息息相关，用户经常会在电子设备中安装较多的应用程序来满足其在生活、工作以及娱乐方面的需求，这也使得电子设备的显示界面常常被应用图标塞满，用户往往需要耗费大量的精力来找到界面中的应用图标并打开对应的应用，使用体验感不佳。

因此，需要探索更简洁的界面显示方法来减轻用户的操作负担，提升用户的使用体验感。

发明内容

本申请的目的在于提供一种界面显示方法及电子设备。电子设备可以将为用户推荐的应用对应的应用图标展示在可扩展的卡片中，卡片在未扩展时可以只显示少量的应用图标，在扩展后可以展示更多的应用图标，在满足用户使用需求的同时保证用户界面的简洁性，减轻用户的操作负担，可以提升用户的使用体验感。

上述目标和其他目标将通过独立权利要求中的特征来达成。进一步的实现方式在从属权利要求、说明书和附图中体现。

第一方面，提供一种界面显示方法，包括：显示第一界面，所述第一界面包括第一卡片，所述第一卡片包括至少一个第一应用图标；所述至少一个第一应用图标中的任一应用图标具备响应用户操作的功能；接收作用于所述第一卡片的第一操作，显示第二界面；所述第二界面包括第二卡片，所述第二卡片包括至少一个第二应用图标和所述至少一个第一应用图标，所述第二卡片中的至少一个第一应用图标和所述至少一个第一应用图标中的任一应用图标具备响应用户操作的功能。

在本方法中，所述第一卡片为显示在所述第一界面中的未被扩展的卡片，所述第二卡片为显示在所述第二界面中的由所述第一卡片扩展而来的卡片。可以理解的，在本方法中，第一卡片中显示的所述至少一个第一应用的图标也会全部显示在所述第二卡片之中，所述第一卡片中的任意一个应用图标和所述第二卡片中的任意一个应用图标均可以响应用户操作，使电子设备能启动该应用图标对应的应用。

具体的，所述至少一个第一应用图标和所述至少一个第二应用图标对应的应用为可以为电子设备在当前为用户推荐的应用，也就是说，电子设备会对展示在所述第一卡片中的应用图标进行主动更新，在不同的时刻，所述第一卡片中的应用图标可以是不同的。电子设备可以结合用户习性，并根据时间、地点等维度为用户推荐当前用户可能需要打开的应用。具体的，电子设备可以利用推荐算法将安装的应用进行优先级排序，将优先级较高的部分应用的图标(即所述至少一个第一应用图标)显示在所述第一卡片中；当用户需要打开应用对应的应用图标未能显示在所述第一卡片中时，用户可以展开(“展开”也可以称为扩展，下同)所述第一卡片，得到所述第二卡片，在所述第二卡片中的所述至少一个第二应用图标中寻找，确认其中是否存在用户需要打开应用对应的应用图标。

在本方法中，电子设备将为用户推荐的应用对应的应用图标展示在可扩展的卡片中，卡片在未扩展时可以只显示少量的应用图标，在扩展后可以展示更多的应用图标，能在满足用户使用需求的同时保证用户界面的简洁性，减轻用户的操作负担，可以提升用户的使用体验感。

结合第一方面，在一种可能的实施方式中，所述至少一个第一应用图标在所述第一卡片和所述第二卡片中显示所占用的面积相同。

在本实施方式中，所述至少一个第一应用图标在所述第一卡片和所述第二卡片中显示所占用的面积相同。也就是说，所述第一卡片的面积小于所述第二卡片的面积。相比于所述第二卡片，所述第一卡片不仅包含的应用图标的数量更少，其在界面中所占用的面积也更少。这样当卡片以未展开的形式在界面中显示时，能使得界面的更加简洁美观。

结合第一方面，在一种可能的实施方式中，在所述第二卡片中，所述至少一个第一应用图标排列为N行显示，所述至少一个第二应用图标排列为M行显示；所述N行与所述M行的行间距为第一值，所述N行内任意相邻两行之间的行间距为第二值，所述第一值大于所述第二值。

在本实施方式中，卡片中新增的应用图标与原卡片所展示的应用图标之间可以存在一个较大的分隔空间来进行区分。这个分隔空间可以将卡片中在扩展之前就存在的图标和扩展之后才展示的图标进行区分，以便于用户在展开卡片之后可以直接明了的分辨出哪些应用图标是卡片展开之后新显示的，有利于用户对卡片中的内容进行寻找和定位。

结合第一方面，在一种可能的实施方式中，所述第一界面还包括第一停靠栏，所述第一卡片的下边界与所述第一停靠栏的上边界的间隔为第三值，所述第一卡片的上边界与电子设备的显示屏的上边界的间隔为第四值，在所述第三值大于或等于第一阈值的情况下，所述第二卡片的上边界与所述电子设备显示屏的上边界的间隔为所述第四值；在所述第三值小于第一阈值的情况下，所述第二卡片的上边界与所述电子设备显示屏的上边界的间隔小于所述第四值。

可以理解的，停靠栏(在本申请实施例中，“停靠栏”也可以被叫做“dock区域”)一般显示在电子设备用户界面的最下侧，且停靠栏需要一直显示在当前界面上，一般不会被遮挡。而在电子设备中，用户可以通过用户操作将未被扩展的卡片显示在界面中的任何位置，但是卡片的展开方向一般是向下展开的。因此，当用户将通过用户操作将卡片展开后，原本面积较小的卡片需要向下扩展面积，扩展后的卡片可能会遮挡住界面中的停靠栏，甚至可能会超出电子设备的显示屏的下边界。

因此，在本实施方式中，电子设备可以根据所述第一卡片在未被扩展时在界面中的显示位置，为所述第二卡片活设定在所述第二界面中的显示位置，使扩展后的卡片能完整得显示在界面中，且不对界面中的dock区域造成遮挡。具体的，所述第一阈值可以被设定为所述第一卡片的宽和第二卡片的宽之间的差值；在所述第一卡片的下边界与所述第一停靠栏的上边界的间隔大于或等于所述差值的情况下，则在对所述第一卡片进行扩展时，就无需调整卡片的上边界位置，直接将所述第一卡片向下展开，得到的第二卡片也不会对所述第一停靠栏造成遮挡。但是，在所述第一卡片的下边界与所述第一停靠栏的上边界的间隔小于所述差值的情况下，在对所述第一卡片进行扩展时，电子设备可以将卡片的上边界位置向上移动一段距离，再将卡片向下展开，那么得到的第二卡片则不会对所述第一停靠栏造成遮挡；但是在这种情况下，所述第二卡片的上边界与所述电子设备显示屏的上边界的间隔会也自然会小于所述第一卡片的上边界与所述电子设备显示屏的上边界的间隔。

结合第一方面，在一种可能的实施方式中，所述第一界面还包括至少一个第三应用图标，在所述第一界面中，所述至少一个第三应用图标显示在所述第一卡片之外；所述第二界面包括所述至少一个第三应用图标，在所述第二界面中，所述第二卡片覆盖在所述至少一个第三应用图标之上。

可以理解的，所述第一界面中除了显示有所述第一卡片之外，可能也会存在一些应用图标，这些应用图标是显示在所述第一卡片外部的应用图标(即所述至少一个第三应用图标)。当所述第一卡片被扩展为所述第二卡片之后，所述第二卡片在电子设备的屏幕中占用的面积可能比所述第一卡片占用的面积要大，这也意味着在原先显示在所述第一界面中的所述至少一个第三应用图标可能存在与所述第一卡片的扩展空间中。不难理解的，用户将所述第一卡片展开得到所述第二卡片，就是为了浏览所述第二卡片中原本未能显示在所述第一界面中的应用图标，因此，在本实施方式中，当所述至少一个第三应用图标和所述第二卡片在所述第二界面中的显示区域存在交集时，在所述第二界面中，电子设备可以采用类似悬浮窗的形式，将所述第二卡片覆盖在所述至少一个第三应用图标之上，以将所述第二卡片中的内容完整清晰地展示给用户。

结合第一方面，在一种可能的实施方式中，所述显示第二界面之后，所述方法还包括：接收作用于所述第二卡片的第二操作，显示第三界面；所述第三界面包括第三卡片和第二停靠栏，所述第三卡片包括所述至少一个第一应用图标，所述第三卡片的下边界与所述第二停靠栏的上边界的间隔为所述第三值，所述第三卡片的上边界与所述电子设备显示屏的上边界的间隔为所述第四值。

在本实施方式中，当被展开的卡片被收起时，其在界面中的显示的位置可以和被展开前显示的位置相同，即所述第三卡片的下边界与所述第二停靠栏的上边界的间隔等于所述第一卡片的下边界与所述第一停靠栏的上边界的间隔，所述第三卡片的上边界与所述电子设备显示屏的上边界的间隔等于所述第一卡片的上边界与所述电子设备的显示屏的上边界的间隔。这样，当用户将卡片收起时，用户界面的布局不会被打乱，桌面能保持简洁美观性。

进一步的，如果在所述第一界面中存在显示在所述第一卡片之外的图标，且该图标在第二界面中被所述第二卡片覆盖的情况下，则当所述第二卡片被收起后，在所述第三界面中，该图标也可以显示在所述第三界面中且不被遮挡。

结合第一方面，在一种可能的实施方式中，所述至少一个第一应用图标包括至少一个第四应用图标和至少一个第五应用图标，所述至少一个第四应用图标为所述电子设备在第一时刻为用户推荐的应用对应的应用图标，所述至少一个第五应用图标为用户添加到所述第一卡片中的应用图标；所述方法还包括：在第二时刻，显示第四界面；所述第四界面包括第四卡片，所述第四卡片包括至少一个第六应用图标和所述至少一个第五应用图标，所述至少一个第六应用图标为所述电子设备在所述第二时刻为用户推荐的应用对应的应用图标，所述至少一个第六应用图标与所述至少一个第四应用图标不同。

在本实施方式中，所述至少一个第四应用图标为所述电子设备在第一时刻为用户推荐的应用对应的应用图标，所述至少一个第五应用图标为用户添加到所述第一卡片中的应用图标。也就是说，用户可以通过用户操作，将自己常用的应用图标主动添加到电子设备的卡片当中。在后续电子设备根据推荐算法更新卡片中应用图标时，这些被用户主动添加到卡片中的图标可以固定地显示在卡片中，不会随着卡片的更新而被其他图标替换掉。这样，用户可以更方便地通过卡片打开自己常用的应用，也可以从卡片中的电子设备推荐的应用中找到在当前场景下自己可能会使用的应用。这样，可以在不增加桌面中应用图标数量的情况下，进一步满足用户实际的使用需求。

结合第一方面，在一种可能的实施方式中，所述第一界面中还包括显示在所述第一卡片之外的至少一个第七应用图标，所述至少一个第一应用图标中的任意一个应用图标与所述至少一个第七应用图标的中任意一个应用图标均不同。

结合前述说明可知，在电子设备所显示界面中，除了有卡片之外，还可能存在用户添加到界面中常驻显示的应用图标，当电子设备将推荐的应用图标显示在卡片中时，其中可能包含了已经在卡片外已经常驻显示应用图标了，那么电子设备可能会将同一个应用图标既显示在卡片中又显示在卡片外。因此，在本实施方式中，电子设备可以对显示在所述第一卡片中的应用图标与显示在所述第一卡片外的图标进行去重处理，也可以对多张卡片显示的图标进行去重处理，以此来提高对界面中显示区域的利用率。

可选的，电子设备的用户界面中还可能存在多张卡片，且在同一时间多张卡片显示的图标之间也可能包含相同应用图标。因此，电子设备也可以对显示在多张卡片中的应用图标进行去重处理，使得多张卡片中均不存在相同的应用图标。

结合第一方面，在一种可能的实施方式中，所述显示第二界面之后，所述方法还包括：接收作用于所述第二卡片的第三操作，显示第五界面；所述第五界面包括第五卡片，所述第五卡片包括至少一个第八应用图标，所述至少一个第八应用图标中的任意一个应用图标与所述至少一个第八应用图标的中任意一个应用图标均不同。

可以理解的，在一些情况中，由于推荐算法的局限性，即使在用户将卡片展开之后，电子设备也并不能将用户真正需要应用对应的应用图标展示在所述第二卡片中。例如，假设在某个场景下，用户可能需要打开应用“计算器”帮助其完成计算，但是电子设备在利用其部署的推荐算法或者推荐模型对其安装的应用进行优先级排序时，应用“计算器”的优先级为20。假设所述第二卡片只能展示16个应用图标，那么即使卡片被展开，优先级排在第20位的应用“计算器”也无法展示在被展开的所述第二卡片中。

因此，在本实施方式中，用户还可以对所述第二卡片进行用户操作，将卡片中展示的应用图标进行更新，得到所述第二卡片。所述第五卡片中应用图标中任一个应用图标与所述第一卡片中的任一个应用图标均不同，其所述第五卡片中的应用图标对应的应用也是电子设备推荐的应用，这些应用的优先级可以较低，但是用户依旧可以通过直接操作卡片打开这些应用，这样，可以在维持界面简洁性的同时进一步减少用户的操作时间，提升用户体验。

第二方面，本申请实施例提供了一种电子设备，所述电子设备包括：一个或多个处理器和存储器；所述存储器与所述一个或多个处理器耦合，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，所述一个或多个处理器调用所述计算机指令以使得所述电子设备执行第一方面或第一方面的任一可能的实现方式中的方法。

第三方面，提供一种芯片系统，所述芯片系统应用于电子设备，所述芯片系统包括一个或多个处理器，所述处理器用于调用计算机指令以使得所述电子设备执行第一方面或第一方面的任一可能的实现方式中的方法。

第四方面，提供一种计算机可读存储介质，包括指令，当上述指令在电子设备上运行时，使得上述电子设备执行如第一方面或第一方面的任一可能的实现方式中的方法。

本申请第二至四方面所提供的技术方案，其有益效果可以参考第一方面所提供的技术方案的有益效果，此处不再赘述。

附图说明

图1为本申请实施例提供的一种用户界面中卡片布局的示意图；

图2为本申请实施例提供的一种电子设备的架构图；

图3-图16为本申请实施例提供的一些用户界面的示意图；

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

图18为本申请实施例提供的一种卡片扩展方法的流程图。

具体实施方式

本申请以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括复数表达形式，除非其上下文中明确地有相反指示。还应当理解，本申请中使用的术语“和/或”是指并包含一个或多个所列出项目的任何或所有可能组合。

由于本申请实施例涉及界面显示方法及电子设备，为了便于理解，下面先对本申请实施例涉及的相关术语进行介绍。

(1)应用推荐卡片

应用推荐卡片，也可以简称为“卡片”，其为电子设备展示应用程序的一种新形式。卡片可以同时展示电子设备中安装的多个应用图标，这些应用图标可以根据用户的使用习惯、用户所在地点等维度进行更新。用户通过直接操作卡片中的任意一个应用就可以拉起该应用对应的页面，达到应用的使用体验。此外，卡片可以被摆放到任何位置，用户可以自定义属于自己的桌面风格。

在本申请中，卡片可以是支持扩展的卡片，卡片被扩展之后，卡片的面积可以变大以展示更多的应用图标；展开的卡片中新展示的应用与原始展示的应用之间可以存在分隔空间，方便用户对卡片中的内容进行寻找；被扩展的卡片还可以收起，并自动恢复原有大小和布局；此外，卡片中除了电子设备智能推荐的应用之外，用户也将部分常用应用的应用图标通过用户操作放入卡片中常驻显示，当卡片根据用户需求更新卡片中的应用时，这部分常驻显示的应用图标将一直显示在卡片中，不会随着卡片的推荐更新而被替换；并且，卡片除了可以展示应用图标之外，其展示内容还可以包括但不限于：Deeplink图标、微信小程序图标等等。

(2)Deeplink图标

Deeplink又叫深度链接，是一项减少运营难度的技术，它在手机上的应用场景十分广泛。Deeplink，简单讲，就是在手机上点击一个链接之后，可以直接链接到app内部的某个页面，而不是app正常打开时显示的首页。已安装相应App的情况下，Deeplink可以把特定的参数通过url的形式传递给App，从而直接打开指定的内部页面，实现从链接直达App内部页面的跳转。

Deeplink图标是手机应用展示页面内容的一种新形式，其可以将应用页面的内容前置到图标上，用户通过直接操作图标就可以达到应用的使用体验，以达到服务直达、减少体验层级的目的。Deeplink图标可以摆放到任何位置，用户可以自定义属于自己的桌面风格。

Deeplink图标常用于嵌入到其他应用中作为其界面的一部分显示(也可以使用原子化服务将应用保存到服务中心中，这种方式不需要安装应用)，并支持拉起页面，发送消息等基础的交互功能。Deeplink图标使用方和提供方不要求常驻运行，在需要添加/删除/请求更新Deeplink图标时，Deeplink图标管理服务会拉起图标提供方获取图标信息。

(3)应用文件夹

应用文件夹，可以同时展示电子设备中安装的多个应用图标。与前述应用推荐卡片不同的是，应用文件夹中只能存放应用图标，且这些应用图标是固定的，用户只能通过用户操作主动将应用文件夹中的应用图标进行拖入和拖出，以此来改变应用文件夹中应用图标的数量；但是，电子设备不会主动更新应用文件夹中的应用图标，且应用文件夹中展示的应用图标并不能直接响应用户操作。

(4)dock区域/dock栏

dock区域也可称为dock栏，即dockbar(停靠栏)的缩写。其为图形用户界面中用于启动、切换运行中的应用的一种功能界面。

dock区域一般被设定在电子设备的屏幕下方，其中可以容纳若干个应用图标。对于大多数电子设备而言，无论用户如何切换屏幕界面，在屏幕界面上dock区域的大小和其包含的应用永远不变，且一直显示在当前界面上。因此，dock区域可以便于用户快速启动其中的应用图标对应的应用。

此外，用户可以长按任意一个程序图标，将它拖入dock区域中。需要理解的是，“dock区域”以及“dock栏”只是本申请实施例所使用的一些名称，其代表的含义在本申请实施例中已经记载，其名称并不能对本实施例构成任何限制。

由于信息技术的发展，现如今人们的生活、工作以及娱乐都与电子设备息息相关，用户经常会在电子设备中安装较多的应用程序来满足其在生活、工作以及娱乐方面的需求，这也使得电子设备的显示界面常常被应用程序图标塞满，用户往往需要耗费大量的精力来管理界面中的应用程序图标，使用体验感不佳。

目前，一些电子设备可以在桌面上展示应用推荐卡片(以下简称为“卡片”)，电子设备可以结合用户的使用习惯以及地点等维度，在卡片上为用户展示出用户在当前场景下大概率会使用到的应用程序，以此在满足用户需求的情况下维护电子设备桌面的简洁性。例如，上午八点一般为用户出门工作的时间，通勤路上，用户可能需要打开地图导航、收听音乐并且观看新闻，则电子设备可以此场景下在卡片为用户推荐并展示应用程序“地图”、“音乐”和“头条”的应用图标。

如图1中的(A)所示，用户界面10为示例性示出了目前电子设备上用于呈现应用菜单的主屏幕界面。如图1中(A)所示，用户界面10包括状态栏101、日历小工具102、天气小工具103、dock区104以及卡片105，其中：

状态栏101中可以包括运营商的名称(例如中国移动)、时间、WI-FI图标、信号强度和当前剩余电量。

日历小工具102可用于指示当前时间，例如日期、星期几、时分信息等。

天气小工具103可用于指示天气类型，例如多云转晴、小雨等，还可以用于指示气温等信息，还可以用于指示地点。

dock区104可以包含例如“电话”的图标、“短信”的图标、“浏览器”的图标以及“相机”的图标，还可以包含其他应用图标，本申请实施例对此不作限定。任何一个应用图标可用于响应用户的操作，例如触摸操作，使得电子设备启动图标对应的应用。

卡片105可以包含至少一个应用图标，例如图1中的(A)所示出的“备忘录”的图标、“录音机”的图标等等。这些应用图标对应的应用可以是电子设备通过推荐算法为用户确定的，即用户在当前场景下可能需要打开的应用。卡片105中的任何一个应用图标可用于响应用户的操作，例如触摸操作，使得电子设备启动图标对应的应用。

可以理解的，尽管未示出，在本申请实施例以及后续实施例所提供的界面中，还可以包含导航栏，该导航栏可以包括：返回按键、主界面(home screen)按键、呼出任务历史按键等系统导航键。当检测到用户点击上述返回按键时，电子设备可显示当前用户界面的上一个用户界面。当检测到用户点击上述主界面按键时，电子设备可显示用户为电子设备设定的主屏幕界面(例如主屏幕界面10)。当检测到用户点击呼出上述任务历史按键时，电子设备可显示用户最近打开过的任务。各导航键的命名还可以为其他，比如，上述返回按键可以叫Back Button，上述主界面按键可以叫Home button，上述呼出任务历史按键可以叫Menu Button，本申请对此不做限制。此外，上述导航栏中的各导航键不限于虚拟按键，也可以实现为物理按键。

可以看出，卡片105由于面积的限制只能容纳一定数量的应用图标。也就是说，对于现在电子设备中生成的卡片而言，卡片可以展示的内容和应用图标的数量是有限制的，例如图1的(A)中卡片105最多只能容纳8个应用图标。当卡片需要展示的内容较多时(例如用户在某个场景下可能使用的应用程序的数量较多时，或者电子设备为用户推荐的应用程序数量较多)，则卡片中可能无法将电子设备推荐的全部的应用图标展示出来，因此只能通过增加卡片的面积，或者增加卡片的数量来将电子设备推荐的全部的应用图标展示出来。

如图1中的(B)所示，用户界面11示例性示出了目前电子设备上用于呈现应用菜单的另一种主屏幕界面。如图1中(B)所示，用户界面11包括状态栏、日历小工具、天气小工具、dock区、卡片111以及卡片112，其中：

状态栏、日历小工具102、天气小工具以及dock区域的具体功能可以参考前述说明，本申请实施例以及后续实施例将不再赘述。

卡片111和卡片112可以用于展示电子设备通过推荐算法为用户推荐的应用图标，这些应用即用户在当前场景下可能需要打开的应用。任何一个应用图标可用于响应用户的操作，例如触摸操作，使得电子设备启动图标对应的应用。当电子设备为用户推荐的应用的数量较多时，卡片111和卡片112可以分别展示这些应用中的一部分应用。如图1中的(B)所示，电子设备在当前为用户推荐了包括“备忘录”、“录音机”在内的总共16个用户可能会使用到的应用，则电子设备可以将包括“备忘录”、“录音机”在内的8个应用的应用图标展示在卡片111中，而将包括“我的手机”、“商城”在内的另外8个应用的应用图标展示在卡片112中。

两个卡片虽然能展示更多的内容，但是电子设备的桌面又会被塞满，无法再容纳和显示其他内容，依旧无法保持桌面简洁性。例如，当用户希望将一些常用的应用图标(这些应用图标不会随着卡片111和卡片112的更新而变化)显示用户界面11中时，用户界面11却已经没有剩余的空间来显示这些应用图标了。

针对上述缺陷，本申请提供了一种界面显示方法及电子设备，该界面显示方法应用于该电子设备上时，该电子设备所展示的应用推荐卡片可以被扩展，为用户展示更多电子设备推荐的应用图标。进一步的，被扩展的卡片还可以被收起，当卡片被收起后，桌面会自动恢复到卡片被扩展前的原有布局。

首先，介绍本申请实施例提供的电子设备。

该电子设备以是手机、平板电脑、可穿戴设备、车载设备、增强现实(augmentedreality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personaldigitalassistant，PDA)或专门的照相机(例如单反相机、卡片式相机)等，本申请对该电子设备的具体类型不作任何限制。

图2示例性示出了该电子设备的结构。

如图2所示，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。

可以理解的是，本发明实施例示意的结构并不构成对电子设备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)接口等。

I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。

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

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

UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现通过蓝牙耳机播放音乐的功能。

MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(displayserial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备100的显示功能。

GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据信号。在一些实施例中，GPIO接口可以用于连接处理器110与摄像头193，显示屏194，无线通信模块160，音频模块170，传感器模块180等。GPIO接口还可以被配置为I2C接口，I2S接口，UART接口，MIPI接口等。

USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。

可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。

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

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

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

调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。

无线通信模块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，其执行程序指令以生成或改变显示信息。例如，在本申请中，GPU可以在用户对卡片进行用户操作后，根据显示屏194中所显示的内容，控制卡片从小卡片扩展为大卡片，将大卡片显示在显示屏中合适的位置，并将更多的应用图标显示在扩展后的卡片中。

显示屏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等。

NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

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

电子设备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)标准接口。

压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。

陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即，x，y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备100抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备100的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。

气压传感器180C用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。

磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中，当电子设备100是翻盖机时，电子设备100可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态，设置翻盖自动解锁等特性。

加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。

距离传感器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。

接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近有物体。当检测到不充分的反射光时，电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。

环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。

指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。

温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备100执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。

触摸传感器180K，也称“触控器件”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

骨传导传感器180M可以获取振动信号。在一些实施例中，骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏，接收血压跳动信号。在一些实施例中，骨传导传感器180M也可以设置于耳机中，结合成骨传导耳机。音频模块170可以基于所述骨传导传感器180M获取的声部振动骨块的振动信号，解析出语音信号，实现语音功能。应用处理器可以基于所述骨传导传感器180M获取的血压跳动信号解析心率信息，实现心率检测功能。

按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。

马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。

指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。

SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。同一个SIM卡接口195可以同时插入多张卡。所述多张卡的类型可以相同，也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。在一些实施例中，电子设备100采用eSIM，即：嵌入式SIM卡。eSIM卡可以嵌在电子设备100中，不能和电子设备100分离。

在本申请实施例中，处理器110可以结合时间信息生成程序指令，以改变显示屏194的显示信息，例如更新显示屏中卡片内显示的应用图标。此外，处理器110还可以结合无线通信模块160获取的地理位置信息生成程序指令，以改变显示屏的显示信息。在一些实施例中，处理器110中的存储器还可以用于存储用户对电子设备100的历史操作信息，该历史操作信息可以包括用户电子设备中应用的浏览量，访问频率、访问时间等等，还可以包括其他维度的信息，本申请对此不作限定；处理器110可以对上述历史操作信息进行分析后生成程序指令，以改变显示屏的显示信息。

下面介绍本申请实施例提供的用户界面。

首先，介绍将卡片扩展以及扩展后的卡片收起所涉及的用户界面。

请参阅图3。如图3所示，图3示例性示出了电子设备100中的主屏幕界面。图3中的(A)所示的用户界面30可以为卡片被展开前电子设备示出的用户界面(在本申请实施例中，用户界面30可以被称为“第一界面”)。用户界面30可以包含卡片301(在本申请实施例中，卡片301可以被称为“第一卡片”)，其中：

卡片301可以显示至少一个应用图标，例如图3中的(A)所示出的“支付宝”的图标、“图库”的图标等8个图标。这些应用图标对应的应用可以是电子设备100通过推荐算法为用户确定的，即用户在当前场景下可能需要打开的应用。卡片301中的任何一个应用图标可用于响应用户的操作，例如触摸操作，使得电子设备启动图标对应的应用。

此外，卡片301可以包含扩展控件301A。电子设备100可以响应于用户操作，例如图3中的(A)所示的点击操作(在本申请实施例中，图3中的(A)所示的点击操作可以被称为“第一操作”)，将卡片301展开，使得卡片可以显示更多应用图标，并显示如图3中的(B)所示出的用户界面31。

如用户界面31所示，用户界面31可以为卡片301被展开后电子设备100显示的用户界面(在本申请实施例中，用户界面31可以被称为“第二界面”)。用户界面31可以包含卡片311。可以理解的，卡片311即为卡片301被扩展后的卡片(在本申请实施例中，卡片311可以被称为“第二卡片”)，其中：

卡片311可以显示原先卡片301所示出的“支付宝”的图标、“图库”的图标等8个图标；此外，由于卡片311相比与卡片301的面积更大，因此相比于卡片301，卡片311还可以显示更多应用图标，例如图1中的(B)所示出的的图标、/>的图标等另外8个图标(在本申请实施例中，这8个图标可以被称为“至少一个第二应用图标”)。这些应用图标对应的应用可以是电子设备100通过推荐算法为用户确定的，即用户在当前场景下可能需要打开的应用。卡片311中的任何一个应用图标可用于响应用户的操作，例如触摸操作，使得电子设备启动图标对应的应用。

此外，卡片311可以包含收起控件311A。电子设备100可以响应于用户对收起控件311A的用户操作，例如图3中的(B)所示的点击操作，将卡片311收起，使得卡片311恢复到卡片301所示出的样子，并使界面恢复到卡片展开前所示出的布局，显示如图3中的(C)所示的用户界面32(在本申请实施例中，用户界面32可以被称为“第三界面”)。

如用户界面32所示，用户界面32可以为卡片311被收起后电子设备100显示的用户界面。用户界面32可以包含卡片321(在本申请实施例中，卡片321可以被称为“第三卡片”)。可以理解的，卡片321即为卡片311被收起后的卡片，卡片321的面积大小、布局以及其中显示的应用图标可以和卡片301相同。

需要说明的是，图3中的仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定；例如，在一些实施例中，dock区域的边界可以不显示在用户界面中，而是仅以电子设备100可感知的形式存在。此外，在一些实施例中，卡片的具体样式可以表现为其他形式，用户也可以通过其他的方式将卡片展开或者收起，本申请对此不作限定。例如，扩展控件301A可以包含于卡片301的内部，而不是显示在卡片301的下方；再比如，用户可以通过拖动卡片301的边框来将将卡片展开或者收起。

在本申请实施例中，电子设备100通过将为用户推荐的应用对应的应用图标展示在可扩展的卡片中，卡片在未扩展时可以只显示少量的应用图标，在扩展后可以展示更多的应用图标，能在满足用户使用需求的同时保证用户界面的简洁性，减轻用户的操作负担，可以提升用户的使用体验感。

结合前述说明可知，dock区域一般显示在用户界面的最下侧，且dock区域需要一直显示在当前界面上。而在电子设备100中，用户可以通过用户操作将未被扩展的卡片显示在界面中的任何位置，但是卡片的展开方向一般是向下展开的。因此，当用户将通过用户操作将卡片展开后，原本面积较小的卡片需要向下扩展面积，扩展后的卡片可能会遮挡住界面中的dock区域，甚至可能会超出电子设备的显示屏的下边界。

针对上述缺陷，在一个可选的实施方式中，本申请实施例所提供的电子设备100可以根据卡片在未被扩展时在界面中的显示位置，在卡片被扩展后灵活设定卡片的显示位置，使扩展后的卡片能完整得显示在界面中，且不对界面中的dock区域造成遮挡。具体请参阅图3-图6。

图3-图6示出了根据未被扩展的卡片在界面中的显示位置，电子设备100将扩展后的卡片显示在界面中相应位置的几种情况。其中包括：

①在界面中，未被扩展的卡片下方存在足够的空间供卡片扩展，且未被扩展的卡片的上方不存在剩余的空间。

本领域技术人员可以理解，对于同一个电子设备而言，卡片在未被扩展时的长、宽、面积，以及卡片在被扩展之后的长、宽、面积都是固定的，在应用程序设计时便已确定。由于卡片的展开方向一般是向下展开的，即卡片展开的过程中卡片的宽会增大，但是卡片长是不变的。因此在本申请实施例以及后续实施例中，假定在电子设备100中，卡片在扩展前的宽为d，在扩展后的宽为D(在本申请实施例中，(D-d)可以被称为“第一阈值”)。可以理解的，d和D均为大于0的数，且D>d。

请参阅图3。如图3中的(A)所示，卡片301显示在用户界面30中，且卡片301的上边界与电子设备100显示屏的上边界之间的垂直距离为d2，卡片301的下边界与dock区域302(在本申请实施例中，用户界面30中的dock区域302可以被称为“第一停靠栏”)的上边界之间的垂直距离为d1。这里假设d1>(D-d)，其中，d即为卡片301在扩展前的宽，D为卡片301在扩展后的宽。

从图3中的(A)可以看出，在用户界面30中，卡片301的上方已经基本被天气小工具和日历小工具占满。而d1>(D-d)，表示在用户界面30中，卡片301的下方存在足够大的区域供卡片301展开。因此，在响应于图3中的(A)所示的对扩展控件301A点击操作之后，电子设备100可以保持卡片301的上边界的位置不动，并将卡片301向下展开，得到如图3中的(B)所示出的用户界面31中的卡片311。

如用户界面31所示，卡片311为将卡片301展开后得到的卡片，其可以在用户界面31中完整显示，且不对dock区域302造成遮挡。与卡片301一样，卡片311的上边界与电子设备100显示屏的上边界之间的垂直距离也为d2。同时可以计算出，卡片311的下边界与dock区域302的上边界之间的垂直距离为(d+d1-D)。

之后，电子设备100可以响应于图3中的(B)所示的用户对收起控件311A点击操作，将卡片311收起，使得卡片311恢复到卡片301所示出的样子，并使界面恢复到卡片展开前所示出的布局，显示如图3中的(C)所示的用户界面32。

如用户界面32所示，卡片321即为卡片311被收起后得到的卡片。在面积大小和布局上，被收起之后的卡片321的可以和被展开前的卡片301相同。即卡片321的上边界与电子设备100显示屏的上边界之间的垂直距离也为d2，卡片321的下边界与dock区域302(在本申请实施例中，用户界面32中的dock区域302可以被称为“第二停靠栏”)的上边界之间的垂直距离也为d1。

②在界面中，未被扩展的卡片的下方的空间不足以供卡片扩展，但未被扩展的卡片的上方存在剩余的空间。

请参阅图4。如图4中的(A)所示，卡片331显示在用户界面33中，且卡片331的上边界与电子设备100显示屏的上边界之间的垂直距离为d4，卡片331的下边界与dock区域332的上边界之间的垂直距离为d3。这里假设d3<(D-d)，其中，d即为卡片331在扩展前的宽，D为卡片331在扩展后的宽。

从图4中的(A)可以看出，在用户界面33中，卡片331的上方的一部分区域已经用来显示天气小工具和日历小工具，但是还有一部分空白区域。此外，由于d3<(D-d)，表示在用户界面33中，如果保持卡片331的上边界不变，在卡片331的下方存在的区域将卡片331完全展开后，展开后的卡片(该卡片将被显示在虚线框333对应的区域)将对dock区域332造成遮挡。因此，在电子设备100响应于图4中的(A)所示的对扩展控件331A的点击操作之后，电子设备100可以将卡片331的上边界的向上移动一段距离，并将卡片331向下展开，得到如图4的(B)所示出的用户界面34中的卡片341。

如用户界面34所示，卡片341为将卡片331展开后得到的卡片，其可以在用户界面34中完整显示，且不对dock区域332造成遮挡。在用户界面34中，卡片341的上边界与电子设备100显示屏的上边界之间的垂直距离为d5，且d5<d4。

之后，电子设备100可以响应于图4中的(B)所示的用户对收起控件341A点击操作，将卡片341收起，使得卡片341恢复到卡片331所示出的样子，并使界面恢复到卡片展开前所示出的布局，显示如图4中的(C)所示的用户界面35。

如用户界面35所示，卡片351即为卡片341被收起后得到的卡片。在面积大小和布局上，被收起之后的卡片351的可以和被展开前的卡片331相同。即卡片351的上边界与电子设备100显示屏的上边界之间的垂直距离也为d4，卡片351的下边界与dock区域332的上边界之间的垂直距离也为d3。

③在界面中，未被扩展的卡片的上方不存在剩余的空间，未被扩展的卡片下方存在足够的空间供卡片扩展，但是下方空间中存在常驻的应用图标。

请参阅图5。如图5中的(A)所示，卡片401显示在用户界面40中，且卡片401的上边界与电子设备100显示屏的上边界之间的垂直距离为d6，卡片401的下边界与dock区域402的上边界之间的垂直距离为d7。这里假设d7>(D-d)，其中，d即为卡片401在扩展前的宽，D为卡片301在扩展后的宽。

从图5中的(A)可以看出，在用户界面40中，卡片401的上方已经基本被天气小工具和日历小工具占满。而d7>(D-d)，表示在用户界面40中，卡片401的下方存在足够大的区域供卡片401展开。但是，卡片401的下方的区域中存在若干个应用图标，即图5中的(A)所示出的“阅读”的图标、“应用市场”的图标、“主题”的图标以及“时钟”的图标(在本申请实施例中，这些图标可以被称为“至少一个第三应用图标”)；且不同于卡片401中显示的应用图标，这些图标并不是电子设备100根据当前用户需求推荐给用户的应用对应的图标，这些图标不会随着时间被电子设备100自动更新为其他应用图标，其会一直显示在用户的主屏幕界面上。

在电子设备100响应于图5中的(A)所示的对扩展控件401A点击操作之后，电子设备100可以保持卡片401的上边界的位置不动，并将卡片401向下展开，在被展开后所得的卡片的宽度(即前述说明中的D)足够大的情况下，被展开后所得的卡片可以以覆盖住卡片401的下方的区域中存在的应用图标。此时电子设备100显示的界面可以参考如图5中的(B)所示出的用户界面41中的卡片411。

如用户界面41所示，卡片411为将卡片401展开后得到的卡片，其可以在用户界面41中完整显示，且不对dock区域402造成遮挡。与卡片401一样，卡片411的上边界与电子设备100显示屏的上边界之间的垂直距离也为d6。同时可以计算出，卡片411的下边界与dock区域402的上边界之间的垂直距离为(d+d7-D)。

需要说明的是，原先显示在用户界面40中的“阅读”的图标、“应用市场”的图标、“主题”的图标以及“时钟”的图标没有直接显示在用户界面41中，这些图标因为卡片401被扩展为卡片411而隐藏在卡片411的下方；当卡片411被收起后，被收起的卡片不会再对这些图标进行遮挡，则电子设备100可以再次将这些图标展示界面中。或者，在一个可选的实施方式中，当卡片401被扩展为卡片411之后，电子设备100可以直接删除这些图标，而不是将其隐藏在卡片411的下方，当卡片411被收起后，电子设备100可以再次将这些图标重新添加到界面中。

如图5所示，电子设备100可以响应于图5中的(B)所示的用户对收起控件411A点击操作，将卡片411收起，使得卡片411恢复到卡片401所示出的样子，并使界面恢复到卡片展开前所示出的布局，显示如图5中的(C)所示的用户界面42。

如用户界面42所示，卡片421即为卡片411被收起后得到的卡片。在面积大小和布局上，被收起之后的卡片421的可以和被展开前的卡片401相同。即卡片421的上边界与电子设备100显示屏的上边界之间的垂直距离也为d6，卡片421的下边界与dock区域402的上边界之间的垂直距离也为d1。并且，原先隐藏在卡片411的下方的“阅读”的图标、“应用市场”的图标、“主题”的图标以及“时钟”的图标被重新显示在用户界面42中。

④在界面中，未被扩展的卡片的下方的空间不足以供卡片扩展，未被扩展的卡片的上方存在剩余的空间，但是未被扩展的卡片的上方和/或下方的空间存在常驻的应用图标。

请参阅图6。如图6中的(A)所示，卡片431显示在用户界面43中，且卡片431的上边界与电子设备100显示屏的上边界之间的垂直距离为d8，卡片431的下边界与dock区域432的上边界之间的垂直距离为d9。这里假设d9<(D-d)，其中，d即为卡片431在扩展前的宽，D为卡片431在扩展后的宽。

从图6中的(A)可以看出，在用户界面43中，卡片431的上方的一部分区域已经用来显示天气小工具和日历小工具，但是还有一部分空白区域；此外，卡片431的下方也还存在一部分空白区域。但是，卡片431的上方的区域中以及下方的区域中均存在若干个应用图标，即图6中的(A)所示出的“阅读”的图标、“应用市场”的图标、“主题”的图标以及“时钟”的图标；且不同于卡片431中显示的应用图标，这些图标并不是电子设备100根据当前用户需求推荐给用户的应用对应的图标，这些图标不会随着时间被电子设备自动更新为其他应用图标，其会一直显示在用户的主屏幕界面上。

此外，由于d9<(D-d)，表示在用户界面43中，如果保持卡片431的上边界不变，在卡片431的下方存在的区域将卡片431完全展开后，展开后的卡片将对dock区域432造成遮挡。因此，在电子设备100响应于图6中的(A)所示的对扩展控件431A的点击操作之后，电子设备100可以将卡片431的上边界的向上移动一段距离，并将卡片431向下展开，得到如图6中的(B)所示出的用户界面44中的卡片441。

如用户界面44所示，卡片441为将卡片431展开后得到的卡片，其可以在用户界面44中完整显示，且不对dock区域432造成遮挡。可以理解的，卡片441的上边界与电子设备100显示屏的上边界之间的垂直距离为d10，且d10<d8。

需要说明的是，原先显示在用户界面43中的“阅读”的图标、“应用市场”的图标、“主题”的图标以及“时钟”的图标没有直接显示在用户界面44中，这些图标因为卡片431被扩展为卡片441而隐藏在卡片441的下方；当卡片441被收起后，被收起的卡片不会再对这些图标进行遮挡，则电子设备100可以再次将这些图标展示界面中。或者，在一个可选的实施方式中，当卡片431被扩展为卡片441之后，电子设备100可以直接删除这些图标，而不是将其隐藏在卡片441的下方，当卡片441被收起后，电子设备100可以再次将这些图标重新添加到界面中。

如图6所示，电子设备100可以响应于图6中的(B)所示的用户对收起控件441A点击操作，将卡片441收起，使得卡片441恢复到卡片431所示出的样子，并使界面恢复到卡片展开前所示出的布局，显示如图6中的(C)所示的用户界面45。在用户界面45中，卡片451即为卡片441被收起后得到的卡片。在面积大小和布局上，被收起之后的卡片451的可以和被展开前的卡片431相同。即卡片451的上边界与电子设备100显示屏的上边界之间的垂直距离也为d8，卡片451的下边界与dock区域432的上边界之间的垂直距离也为d9。并且，原先隐藏在卡片441的下方的“阅读”的图标、“应用市场”的图标被重新显示在卡片451的上方；原先隐藏在卡片441的下方的“主题”图标以及“时钟”的图标被重新显示在卡片451的下方。

此外，在本申请中，当电子设备100的界面中的卡片被展开后，卡片中新增的应用图标与原卡片(即未被扩展的卡片)所展示的应用图标之间可以存在分隔空间，以便于用户对卡片进行浏览和对卡片中的内容进行寻找。具体请参阅图7和图8。

如图7所示，在用户界面50中，卡片501为被扩展之后的卡片。这里假设卡片501是用户对卡片502(图7中未示出)进行扩展之后得到的卡片，则结合前述说明可知，在卡片501中，区域501B中的应用图标即为卡片502中展示的全部的应用图标，当用户对卡片502的扩展控件进行用户操作后，卡片502被扩展并得到卡片501；卡片501除了显示有原先卡片502展示的全部的应用图标之外，在区域501C中还新增了包括在内的另一部分的应用图标。

从图7中可以看出，区域501B和区域501C之间可以存在一部分空白区域，即区域501B的下边界和区域501C的上边界之间可以存在一段垂直距离为d11(在本申请实施例中，d11可以被称为“第一值”)的间隙。可以理解的，虽然在卡片501中，两行相邻的图标(例如图7中的图标与/>的图标)之间也会存在间隙(假设该间隙为d12，图7中为未示出，在本申请实施例中，d12可以被称为“第二值”)，但是d11可以比d12更大。例如，在图7中/>的图标与/>的图标之间的垂直距离d12可以为0.5cm，但是d11可以为1cm甚至更大，以便于用户可以直接明了的分辨出哪些应用图标是卡片展开之后新显示的，方便用户对卡片中的内容进行寻找和定位。

需要说明的是，在一些实施例中，卡片中新增的应用图标与原卡片所展示的应用图标之间可以用其他形式进行区分，本申请对此不作限定。例如，在图8所示的用户界面51中，卡片511为被扩展之后的卡片。在卡片511中，区域511B中的原卡片(即扩展之前的卡片)中所展示的应用图标，区域511C中即为卡片被扩展后新展示的另一部分的应用图标。从图8中可以看出，区域511B和区域511C之间可以存在一条分隔线512，分隔线512可以将卡片中在扩展之前就存在的图标和扩展之后才展示的图标进行区分。

可以理解的，在一些情况中，由于推荐算法的局限性，电子设备100并不能将用户真正需要使用的应用的优先级设定为最优或者较优，反而会将其该应用的优先级设定的较低。此时，即使用户将卡片展开，卡片中可能也无法展示出该应用图标。例如，假设在某个场景下，用户可能需要打开应用“计算器”帮助其完成计算，但是电子设备100在利用其部署的推荐算法或者推荐模型对其安装的应用进行优先级排序时，应用“计算器”的优先级为20。结合前述说明可知，若电子设备100中的卡片被展开后，卡片只能展示16个应用图标，那么即使卡片被展开，优先级排在第20位的应用“计算器”也无法展示在被展开的卡片中。

针对上述问题，在一些实施例中，用户可以对展开的卡片进行用户操作，将卡片中展示的应用图标进行更新，使优先级靠后的应用图标展示在卡片中，具体请参考图9。

如图9中的(A)所示，在用户界面52中，卡片521为被扩展之后的卡片。可以理解的，在卡片521中，各种应用图标的显示位置可以是电子设备100根据用户需求确定的应用之间的优先级进行排列的。具体的，卡片521中的图标的优先级最高，为1；而的图标的优先级为16，其正好排在卡片521中所有图标的末位。

但是，卡片521中展示出的应用图标可能并不能满足用户的需求。例如，若用户此时希望打开但是此时应用/>在电子设备安装的全部应用中优先级较低(假设为20)，则用户无法直接对卡片521中所展示的应用图标进行操作来打开/>

但是在本申请实施例中，用户可以对卡片521进行用户操作，例如图9中的(A)所示的上滑操作，将卡片中展示的应用图标进行更新，使优先级靠后的应用图标展示在卡片中。

如图9中的(B)所示，用户界面53即为响应于用户对卡片521的上滑操作后(在本申请实施例中，对卡片521的上滑操作可以被称为“第三操作”)，电子设备显示的界面(在本申请实施例中，用户界面53可以被称为“第五界面”)。在用户界面53中，卡片531中展示的应用图标即可以为当前优先级排在17位至32位的应用对应的图标(在本申请实施例中，卡片531可以被称为“第五卡片”，卡片531中展示的应用图标可以被称为“至少一个第八应用图标”)。其中，的优先级较低为20，所以其对应的图标排在卡片531中的第1行的第4位，则此时用户可以直接对卡片531中所展示的/>的图标进行操作来打开/>可理解的，在电子设备中安装的应用程序的数量够多的情况下，用户可以再次对卡片531进行上滑操作，对卡片中展示的应用图标再次进行更新，使优先级更靠后的应用图标(即优先级排在“智慧助手”之后的应用图标)展示在卡片中，具体可以参考前述说明，这里不再赘述。

此外，卡片531中也可以包含两个在视觉上存在明显分隔空间的区域，即区域531B以及区域531C。卡片531中显示的应用图标也可以被分别显示在这两个区域中，有利于用户对卡片中的内容进行寻找和定位。具体的，这两个区域之间的间隙也可以为d11。具体可以参考前述对图7的相关说明，此处不再赘述。

电子设备100可以响应于用户对收起控件531A的点击操作，将卡片531收起，得到卡片532(图9中未示出)。在卡片532中展示的图标可以是原先展示在卡片531中区域531B中的的图标、/>的图标、“云空间”的图标、/>的图标、/>的图标、/>的图标、“视频”的图标、“文件管理”的图标；也可以是原先展示在卡片521中的的图标、“图库”的图标、/>的图标、“设置”的图标、/>的图标、的图标、“天气”的图标、/>的图标，本申请对此不作限定。

需要说明的是，电子设备100在某个场景下将其安装的应用的优先级进行排序后，会按照应用的将优先级较高的N(在本申请实施例中N为8或者16)个应用对应的图标展示在卡片中，但是这些图标在卡片中并不一定需要按照其对应应用的优先级进行排列，其可以随机排列显示在卡片中。例如，假设在某场景下，应用1和应用2均为显示在卡片中的应用图标，且应用1的优先级高于应用2，但是电子设备100可以将应用2显示在应用1的前面。此外，电子设备100根据场景变化更新卡片中的应用图标时，并不一定需要每次都将卡片中的应用图标全部更新，其可以每次只将卡片中的一部分(例如一个或者两个)应用图标进行更新，而将其他的剩余的应用图标显示在更新后的卡片中，本申请对此不作限定。

在一些实施例中，电子设备100中展示的卡片可以是具有透明度的，即用户可以透过卡片看到电子设备100的桌面背景，使得用户界面更加美观。具体请参阅图10。

如图10中的(A)所示，在用户界面54中，卡片541为未被扩展的卡片，图案542为电子设备100的桌面背景中的图案，即壁纸中的图案。从图10中的(A)可以看出，虽然卡片541显示在桌面背景的上方，但是由于卡片541具有一定的透明度，因此透过卡片541还是可以看到桌面背景中的图案542。

当用户对扩展控件541A进行用户操作，例如图10中的(A)所示出的点击操作之后，电子设备100可以显示如图10中的(B)所示的用户界面55。在用户界面55中，卡片551即为将卡片541展开后所得的卡片。图案542即为前述电子设备100的桌面背景中的图案，即壁纸中的图案。同样的，扩展后得到的卡片551也可以是具有透明度的。虽然卡片551显示在桌面背景的上方，但是由于卡片551具有一定的透明度，因此，透过卡片551也可以看到桌面背景中的图案542。

需要说明的是，图10中的仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定。例如，在一些实施例中，卡片的透明度可以是在电子设备100设计时便已确定的，而在一些实施例中，用户还可以在电子设备100的相关设置中自定义更改卡片的透明度。

在一些实施例中，用户可以通过用户操作，将自己常用的应用图标主动添加到电子设备100的卡片当中。在后续电子设备根据推荐算法更新卡片中应用图标时，这些被用户主动添加到卡片中的图标可以固定地显示在卡片中，不会随着卡片的更新而被其他图标替换掉。这样，用户可以更方便地通过卡片打开自己常用的应用，卡片中也还是可以展示部分电子设备100为用户推荐的应用对应的应用图标。具体请参阅图11。

如图11中的(A)所示，在用户界面56中，卡片561为未展开的卡片，当前卡片中展示出了的图标、“图库”的图标、/>的图标、“设置”的图标/>的图标、的图标、“天气”的图标、/>的图标，结合前述说明可知，这8个图标是电子设备100根据当前场景为用户推荐的。需要理解的是，这里说的“当前场景”指的电子设备100根据用户习性确定的。例如，若上午08：08一般为用户出门上班的时间，用户在之前使用电子设备100的过程中，通常会在这个时候使用/>乘车付款、打开“图库”中的健康码截图进站、打开“设置”连接蓝牙耳机等等；则在每天的08:00左右，电子设备100可以为根据用户日常的习性为用户在卡片561中展示出上述8个应用图标。可以理解的，随着场景的变换，电子设备100根据场景推荐的应用也会更换，即卡片561中所显示的图标也会更换为其他的图标。

但是，对于某些用户而言，电子设备100推荐展示在卡片561中的应用图标可能并非是用户每次都会使用到的。例如，在上午08：00左右，用户使用频率真正较高的应用可能只包含“图库”、/>“设置”这四个应用，剩下的/>“天气”、/>这四个应用可能只是用户在通勤路上可能偶尔会打开并浏览的应用。

假设用户最近热衷于看小说，并且经常在通勤路上(例如乘坐公交车时)使用应用“阅读”进行阅读，则用户可以将应用“阅读”的图标562放置在桌面上，例如用户界面56中卡片561下方的位置。但是，当界面中显示的常驻应用图标和卡片的数量过多时，桌面又会因为被图标和卡片塞满而变得不美观，也会对用户操作的便捷性造成影响。因此，在本申请实施例中，用户可以通过用户操作将在卡片外的常驻显示的应用图标移动到卡片中显示，被用户主动添加到卡片中的应用图标可以固定地常驻显示在卡片中，不会随着卡片的更新而被其他图标替换掉。

如图11中的(A)所示，用户可以通过用户操作，例如图11中的(A)所示的长按拖动操作，将原本在卡片561之外常驻显示的“阅读”的图标562拖动到卡片561中显示。具体的，被移动到卡片中显示的图标对应的应用可以被电子设备100设定为优先级最高的应用，且在电子设备100后续重新计算其安装的应用的优先级时，该应用的优先级将一直保持为最高。如图11中的(B)所示，在用户界面57中，应用“阅读”的图标562已经显示在卡片561的第一行的第一列，而原本显示在卡片561末尾的应用的图标则由于优先级降低而不再显示在卡片561中(在本申请实施例中，用户界面57可以被称为第一用户界面，用户界面57中的卡片561可以被称为“第一卡片”，卡片561中除了“阅读”的图标之外的应用图标可以被称为“至少一个第四应用图标”)。当然，用户还是可以通过点击扩展控件561A来将卡片561展开，此时/>的图标即可以再次展示在展开后的卡片561中。

不限于此，用户还可以通过用户操作将其他任意一个显示在卡片外的应用图标移动到卡片561中显示。如图11中的(B)所示，用户可以通过用户操作，例如图11中的(B)所示的长按拖动操作，将原本在卡片561之外常驻显示的“时钟”的图标563拖动到卡片561中显示。同理，电子设备100会将应用“时钟”的优先级别设定为最高，而将其显示在卡片561的第一行的第一列，或者第一行的第二列(即后移动到卡片中显示的图标可以显示在线移动到卡片中的图标之前，或后移动到卡片中图标也可以显示在先移动到卡片中的图标之后，本申请对此不作限定)。具体可以参考如图11中的(C)所示出的用户界面58。在用户界面58中(这里假设后移动到卡片中显示的图标显示在线移动到卡片中的图标之前)，应用“时钟”的图标已经显示在卡片561的第一行的第一列，且应用“阅读”的图标显示在卡片561的第一行的第二列，而原本显示在卡片561末尾的应用“天气”的图标561B则由于优先级降低而不再显示在卡片561中。

当场景变换，例如时间到达晚上19:00，此时用户可能刚下班回到家中，电子设备100为用户推荐的应用也会与早上08:08推荐的应用不同。因此，在19：00卡片561中展示的图标也会与在08：08时展示的图标不完全相同。具体可以参考如图11中的(D)所示出的用户界面59(本申请实施例中，用户界面59可以被称为“第四界面”)。在用户界面59中，卡片561在(本申请实施例中，用户界面59中的卡片561可以被称为“第四卡片”)中展示的图标对应的应用可以是电子设备在19：00时为用户推荐的应用。可以理解的，一般在这个时候用户会打车回家，回家后用户一般会通过应用或者应用/>点外卖，在吃晚餐的过程中用户可能还会通过/>观看娱乐新闻、或者通过“视频”观看电视剧。因此，在19：00时，卡片561中展示的应用图标可以更换为：/>的图标、/> 的图标、的图标、“视频”的图标以及“地图”的图标等(在本申请实施例中，/>的图标、/>的图标、/>的图标、“视频”的图标以及“地图”的图标可以被称为“至少一个第六应用图标”)。但是，结合前述说明可知，用户已经将“阅读”的图标562和“时钟”的图标563移动到卡片561中固定展示了。因此，相比于用户界面58中的卡片561中展示的图标，虽然用户界面59中的卡片561展示图标大部分已经更新，但是“阅读”的图标562和“时钟”的图标563还是依旧固定显示在用户界面59中的卡片561中(在本申请实施例中，“阅读”的图标和“时钟”的图标可以被称为“至少一个第五应用图标”)。这样，将卡片中一部分应用图标固定显示，将另一部分应用图标根据推荐算法进行更新，可以在进一步满足用户使用需求的情况下，使用户界面更加简洁美观。

结合前述说明可知，在电子设备100所显示界面中，除了有卡片之外，还可能存在用户添加到界面中常驻显示的应用图标，当电子设备100将推荐的应用图标显示在卡片中时，其中可能包含了已经在卡片外已经常驻显示应用图标了，那么电子设备100可能会将同一个应用图标既显示在卡片中又显示在卡片外。此外，在一些实施例中，电子设备100的用户界面中可能存在多张卡片，在同一时间多张卡片显示的图标之间也可能包含相同应用图标，这无疑浪费了界面显示空间。因此，在一个可选的实施例中，电子设备100可以对显示在卡片中与卡片外的图标进行去重处理，也可以对多张卡片显示的图标进行去重处理，以此来提高对界面中显示区域的利用率。具体请参阅图12。

如图12中的(A)所示，用户界面60中的卡片601外显示有应用的图标602，如果此时电子设备100为用户推荐的应用中也包含应用/>则原本电子设备100应该将/>的图标也显示在卡片601中，即卡片601中由虚线构成的图标601A所在的位置。但是在本申请实施例中，电子设备100可以识别到卡片601外已经显示有/>的图标602，则电子设备100将对显示在卡片中与卡片外的图标进行去重处理，不再将/>的图标显示在卡片601中，而是重新挑选另一个应用并将该应用对应的应用图标显示在卡片601中；具体的，这个重新挑选的应用可以是在此场景下优先级被电子设备设定为第(N+1)或者第(M+1)的那个应用，其中，“N”为卡片未被扩展时卡片中能够展示的应用图标的总数量，“M”为卡片被扩展后卡片中能够展示的应用图标的总数量(在本申请实施例中N为8，M为16)。

如图12中的(B)所示，用户界面61即为电子设备100对图标进行去重处理后显示的界面。用户界面61中的卡片611外显示有应用的图标612。可以看出，在卡片611(在本申请实施例中，卡片611中显示的应用图标可以被称为“至少一个第一应用图标”，卡片611外显示的应用图标可以被称为“至少一个第七应用图标”)中，原本应该显示/> 的图标601A的位置此时已经用于显示/>的图标611A。结合前述说明可知，应用可以是在该场景下优先级排在第9位或者第17位的应用。

此外，在一些实施例中电子设备100的桌面中还可能显示有应用文件夹。同理，应用文件夹中的图标也可能与卡片中显示的图标重复。但是，应用文件夹由于其面积是有限制的，当其在桌面中显示的时候，其中包含的图标可能很小以至于不能让用户快速找到并且不能响应与用户操作使得电子设备100启动该应用图标对应的应用。因此，在一个可选的实时方式中，当电子设备100的界面中显示有应用文件夹和卡片，且应用文件夹中的图标与卡片中显示的存在重复的图标时，电子设备100可以不对其进行去重处理，即电子设备100可以将该图标同时显示在应用文件夹和卡片中。

如图12中的(C)所示，若此时电子设备100为用户推荐的应用中包含且此时用户界面62中的应用文件夹622中也显示有/>的图标622A，则电子设备100可以该将/>的图标621A显示在卡片621中，同时也将/>的图标622A显示在应用文件夹622中。

此外，在本申请中，电子设备可以响应于用户对卡片中的任意一个应用图标的用户操作，显示该应用提供的快捷方式。并且，电子设备还可以响应于用户对卡片中的任意一个应用图标的用户操作，将该应用加入推荐黑名单中，使得电子设备100在后续为用户推荐应用时，不再推荐该应用，且不再将该应用图标显示在卡片中。具体请参阅图13。

如图13中的(A)所示，在用户界面70中，卡片701中显示有电子设备100为用户推荐的应用图标。其中，电子设备100可以响应于用户对卡片701中的任意一个应用图标的用户操作，显示与该应用图标对应的应用提供的快捷方式。例如电子设备100可以响应于用户对701A的长按操作，将应用/>所支持的快捷方式以控件或控件栏的方式展示给用户，并显示如图13中的(B)所示的用户界面71中。用户界面71包括拉黑控件711和控件栏712，其中：

拉黑控件711，用于将应用加入该应用加入推荐黑名单中，使电子设备100在后续为用户图推荐应用时，不再推荐应用/>且不再将应用/>的图标显示在卡片701中。

控件栏712包含“扫一扫”控件712A、“付钱”控件712B、“收钱”控件712C以及“转账”控件712D。其中：“扫一扫”控件712A可以用于调用支付宝中的扫码功能，对二维码进行识别；“付钱”控件712B可以用于调出支付宝中生成的付款码，向他人付款；“收钱”控件712C可以用于调出支付宝中生成的收款码，供他人扫码付款；“转账”控件712D可以用于调出支付宝中的好友列表，以供用户向好友转账。

任意一个控件均可以响应于用户的操作，使电子设备100执行与选项对应的功能。

例如，电子设备100可以响应于如图13中的(B)所示的用户对拉黑控件711的点击操作，使得电子设备100在后续为用户图推荐应用时，不再推荐应用且不再将该应用/>的图标显示在卡片701中，并显示如图13中的(C)所示的用户界面72。可以看出，在用户界面72中，/>的图标已经被拉黑不再显示卡片701中了，且在后续过程中，/>的图标都不会再被电子设备100推荐给用户并显示在卡片701中。此外，在用户将应用“支付宝”拉黑时，电子设备100可以在卡片中原先显示/>图标的位置显示另一个应用图标，例如如图13中的(C)所示的/>的图标。

需要说明的是，图13仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定。例如，对于不同的应用图标，用户对其进行长按操作所显示的控件栏中控件的种类和数量均可以不同；或者，用户对某个应用图标进行长按操作后，电子设备的界面中可以只显示用于将该应用拉黑的拉黑控件。

可选的，在一些实施例中，电子设备100显示的卡片中除了包含应用图标之外，还可以包含应用生成的小程序图标，也可以包含应用生成的Deeplink图标。具体请参考图14。

如14所示，在用户界面80中，在卡片801所展示的内容包含了应用图标，应用生成的小程序图标以及Deeplink图标。卡片801中包含的应用图标可以参考卡片801中示出的 的图标801A，电子设备100可以响应于用户对应用图标的用户操作，打开图标对应的应用；卡片801中包含的应用生成的小程序图标可以参考卡片801中示出的“乘车码”的图标801B(其为应用/>生成的小程序图标)，电子设备100可以响应于用户对小程序图标的用户操作，在不点击应用进入应用界面的情况下直接打开应用中的程序。卡片801中包含的Deeplink图标可以参考卡片801中示出的“最近播放”的图标801C(其为应用“音乐”生成的Deeplink图标)，电子设备100可以响应于用户对Deeplink图标的用户操作，直接链接到应用内部的某个页面，而不是应用被正常打开时显示的首页。可选的，对于某些应用生成的Deeplink图标而言，用户还可以直接对Deeplink该图标进行操作，在不打开应用界面的情况下实现Deeplink图标对应的应用提供的功能。例如，在一些实施例中，“最近播放”的图标801C中可以包含“播放/暂停控件”，电子设备100可以响应于用户对该“播放/暂停控件”的点击操作，开始或者暂停播放用户最近在应用“音乐”中播放过的音乐。/>

需要说明的是，图14仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定。例如，不限于图14中示出的生成的小程序图标以及“音乐”生成的Deeplink图标，卡片801中示出的应用图标还可以包含其他应用生成的小程序图标以及Deeplink图标。

此外，在一些实施例中，电子设备100显示的用户界面中可以包含多张卡片。具体请参考图15。

如图15中的(A)所示，在用户界面90中，卡片901和卡片902均为未展开的卡片，卡片901显示在卡片902的上方。在两张卡片中，卡片901中的任意一个应用图标与卡片901中的任意一个应用图标可以均不同。任意一张卡片都包含扩展控件，电子设备100可以每应于用户对任意一张卡片的扩展控件的用户操作，将该卡片扩展，并在该卡片中显示更多的应用图标。例如，电子设备100可以响应于如图15中的(A)所示的用户对卡片901的扩展控件901A的点击操作，将卡片901展开，并显示如图15中的(B)所示的用户界面91。

在用户界面91中，卡片911即为将卡片901展开后得到的卡片。从用户界面91可以看出，在卡片901被扩展之后，由于相较于卡片901，卡片911的面积增大了，因此在用户界面91中，原先显示在用户界面90中的卡片902可以被覆盖在卡片911下方。

同理，用户也可以将界面内两张卡片中显示在下方的卡片进行扩展，扩展之后的卡片同样可以覆盖住上方的卡片。例如，电子设备100可以响应于如图15中的(C)所示的用户对卡片901的扩展控件922A的点击操作，将卡片922展开得到卡片931，卡片931将覆盖住原本显示在卡片922上方的卡片921。具体可以结合前述说明并参考图15中的(C)和(D)，此处不再赘述。

在一些实施例中，当用户将界面中的卡片展开，对卡片中的应用图标进行操作，进入该应用图标对应的应用中再退出应用后，上述被展开的卡片可以自动收起。具体可参考图16。

如图16中的(A)所示，在用户界面94中，卡片941为已经被展开的卡片，电子设备100可以响应于用户对卡片941所展示的应用图标中任意一个应用图标的操作，启动该应用图标对应的应用，并显示该应用的应用界面。例如，电子设备100可以响应于用户对图16中的(A)所示的应用图标941B的点击操作，启动应用“地图”，并显示应用“地图”的应用界面，即图16中的(B)所示的用户界面95。

之后，电子设备100可以响应于用户对用户界面95中“开始导航”控件951的点击操作，在“地图”应用中为用户提供导航服务，并显示图16中的(C)所示的用户界面96。此时，用户已经完成了自己打开“地图”的意图，这时，用户可以通过用户操作可以退出“地图”应用。如图16中的(C)所示，电子设备100可以响应于用户对电子设备100的屏幕右边缘的向内滑动的操作，调出返回控件961(在本实施例中调出返回控件961的操作相当于点击返回控件961)，退出“地图”应用或者将“地图”应用在后台运行，并显示如图16中的(D)所示用户界面97。

在用户界面97中，卡片971为已经未被展开的卡片；实际上，卡片971就是将用户界面94中卡片941收起后的得到的卡片。因为此时已经使用完“地图”应用并且退出“地图”应用了，因此，电子设备100将显示界面从“地图”的应用界面(即用户界面96)切换回桌面(即用户界面97)上之后，电子设备100可以自动将展开的卡片收起并显示桌面上。

需要说明的是，图16仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定。例如，不限于图16中示出的“地图”应用，用户可以对展开卡片中的任意一个应用图标进行操作，来进入该应用图标对应的应用界面，在用户退出该应用之后，电子设备100均可以将展开的卡片收起并显示在界面中。

图17为本申请实施例提供的一种界面显示方法的流程图。实施本申请实施例提供的界面显示方法，电子设备将为用户推荐的应用对应的应用图标展示在可扩展的卡片中，卡片在未扩展时可以只显示少量的应用图标，在扩展后可以展示更多的应用图标，在满足用户使用需求的同时保证用户界面的简洁性，减轻用户的操作负担，可以提升用户的使用体验感。

如图17所示，上述界面显示方法可以包括以下步骤：

S101：显示第一界面，所述第一界面包括第一卡片，该第一卡片包括至少一个第一应用图标。

电子设备识别上述第一场景。该电子设备可以为手机(mobile phone)、车载设备(例如车载单元(On Board Unit，OBU))、平板电脑(pad)、带显示功能的电脑(如笔记本电脑、掌上电脑等)等。具体的，该电子设备可以是本申请实施例提供的电子设备100。可理解，对于上述电子设备的具体形态，本申请不作限定。

上述第一卡片中的至少一个第一应用图标可以为电子设备在当前场景下为用户推荐的应用的图标，这些应用图标中的任一应用图标具备响应用户操作的功能，例如其可以响应于用户对其的点击操作，使得电子设备启动该应用图标对应的应用。

此外，电子设备可以根据时间、地点以及事件前后关系等维度更新其为用户推荐的应用，并将展示在上述第一卡片中的至少一个第一应用图标进行更新。例如，当上述电子设备以时间为根据识别上述第一场景时，电子设备可以根据当前的时间确定用户在这个时间点习惯做的事情，在时间变化时，上述第一卡片中的至少一个第一应用图标可以被电子设备更新为其他应用对应的图标。

S102：接收作用于上述第一卡片的第一操作，显示第二界面；该第二界面包括第二卡片，该第二卡片包括至少一个第二应用图标和上述至少一个第一应用图标。

在上述第一界面中，上述第一卡片为未被扩展的卡片；而在上述第二界面中上述第二卡片为由上述第一卡片扩展得到的卡片。可以理解的，在本方法中，上述第一卡片中显示的上述至少一个第一应用的图标也会全部显示在上述第二卡片之中。同理，上述第二卡片中的任意一个应用图标和上述第二卡片中的任意一个应用图标也均可以响应用户操作，使电子设备能启动该应用图标对应的应用。也就是说，在本方法中，电子设备将为用户推荐的应用对应的应用图标展示在可扩展的卡片中，卡片在未扩展时可以只显示少量的应用图标，在扩展后可以展示更多的应用图标，能在满足用户使用需求的同时保证用户界面的简洁性，减轻用户的操作负担，可以提升用户的使用体验感。具体可以参考前述对图3的相关说明，此处不再赘述。

在一种可能的实施方式中，上述第一卡片的面积小于上述第二卡片的面积，且上述至少一个第一应用图标在上述第一卡片和上述第二卡片中显示所占用的面积相同。也就是说相比于上述第二卡片，上述第一卡片不仅包含的应用图标的数量更少，其在界面中所占用的面积也更少。这样当卡片以未展开的形式在界面中显示时，能使得界面的更加简洁美观。

在一种可能的实施方式中，在上述第二卡片中，上述至少一个第一应用图标排列为N行显示，上述至少一个第二应用图标排列为M行显示；上述N行与上述M行的行间距为第一值，上述N行内任意相邻两行之间的行间距为第二值，上述第一值大于上述第二值。也就是说，卡片中新增的应用图标与原卡片所展示的应用图标之间可以存在一个较大的分隔空间来进行区分。这个分隔空间可以将卡片中在扩展之前就存在的图标和扩展之后才展示的图标进行区分，以便于用户在展开卡片之后可以直接明了的分辨出哪些应用图标是卡片展开之后新显示的，有利于用户对卡片中的内容进行寻找和定位。

可选的，在一些实施例中，卡片中新增的应用图标与原卡片所展示的应用图标之间可以用其他形式进行区分，本申请对此不作限定。例如，在一些实施例中，可以将卡片中扩展之前就存在的图标和扩展之后才展示的图标之间添加一条分隔线以示区分，也可以让用户可以直接明了的分辨出哪些应用图标是卡片展开之后新显示的，有利于用户对卡片中的内容进行寻找和定位。具体可以参考前述对图7和图8的相关说明，此处不再赘述。

在一种可能的实施方式中，上述至少一个第一应用图标可以包括至少一个第四应用图标和至少一个第五应用图标，上述至少一个第四应用图标为上述电子设备在第一时刻为用户推荐的应用对应的应用图标，上述至少一个第五应用图标为用户添加到上述第一卡片中的应用图标；上述方法还包括：在第二时刻，显示第四界面；上述第四界面包括第四卡片，上述第四卡片包括至少一个第六应用图标和上述至少一个第五应用图标，上述至少一个第六应用图标为上述电子设备在上述第二时刻为用户推荐的应用对应的应用图标，上述至少一个第六应用图标与上述至少一个第四应用图标不同。

在本实施方式中，上述至少一个第四应用图标为上述电子设备在第一时刻为用户推荐的应用对应的应用图标，上述至少一个第五应用图标为用户添加到上述第一卡片中的应用图标。也就是说，用户可以通过用户操作，将自己常用的应用图标主动添加到电子设备的卡片当中。在后续电子设备根据推荐算法更新卡片中应用图标时，这些被用户主动添加到卡片中的图标可以固定地显示在卡片中，不会随着卡片的更新而被其他图标替换掉。这样，用户可以更方便地通过卡片打开自己常用的应用，也可以从卡片中的电子设备推荐的应用中找到在当前场景下自己可能会使用的应用，可以在不增加桌面中应用图标数量的情况下，进一步满足用户实际的使用需求。具体可以参考前述对图11的相关说明，此处不再赘述。

在一种可能的实施方式中，上述第一界面中还包括显示在上述第一卡片之外的至少一个第七应用图标，上述至少一个第一应用图标中的任意一个应用图标与上述至少一个第七应用图标的中任意一个应用图标均不同。

结合前述说明可知，在电子设备所显示界面中，除了有卡片之外，还可能存在用户添加到界面中常驻显示的应用图标，当电子设备将推荐的应用图标显示在卡片中时，其中可能包含了已经在卡片外已经常驻显示应用图标了，那么电子设备可能会将同一个应用图标既显示在卡片中又显示在卡片外。因此，在本实施方式中，电子设备可以对显示在上述第一卡片中的应用图标与显示在上述第一卡片外的图标进行去重处理，也可以对多张卡片显示的图标进行去重处理，以此来提高对界面中显示区域的利用率。具体可以参考前述对图12的相关说明，此处不再赘述。

此外，电子设备的用户界面中可能存在多张卡片，在同一时间多张卡片显示的图标之间也可能包含相同应用图标，电子设备也可以对显示在多张卡片中的应用图标进行去重处理，使得多张卡片中均不存在相同的应用图标。

在一种可能的实施方式中，在显示第二界面之后，电子设备还可以接收作用于上述第二卡片的第三操作，显示第五界面；上述第五界面包括第五卡片，上述第五卡片包括至少一个第八应用图标，上述至少一个第八应用图标中的任意一个应用图标与上述至少一个第八应用图标的中任意一个应用图标均不同。

可以理解的，在一些情况中，由于推荐算法的局限性，即使在用户将卡片展开之后，电子设备也并不能将用户真正需要应用对应的应用图标展示在上述第二卡片中。例如，假设在某个场景下，用户可能需要打开应用“计算器”帮助其完成计算，但是电子设备在利用其部署的推荐算法或者推荐模型对其安装的应用进行优先级排序时，应用“计算器”的优先级为20。假设上述第二卡片只能展示16个应用图标，那么即使卡片被展开，优先级排在第20位的应用“计算器”也无法展示在被展开的上述第二卡片中。因此，在本实施方式中，用户还可以对上述第二卡片进行用户操作，将卡片中展示的应用图标进行更新，得到上述第二卡片。上述第五卡片中应用图标中任一个应用图标与上述第一卡片中的任一个应用图标均不同，其上述第五卡片中的应用图标对应的应用也是电子设备推荐的应用，这些应用的优先级可以较低，但是用户依旧可以通过直接操作卡片打开这些应用，这样，可以在维持界面简洁性的同时进一步减少用户的操作时间，提升用户体验。具体可以参考前述对图9的相关说明，此处不再赘述。

此外，在一些实施例中，电子设备中的卡片可以是具有透明度的，即用户可以透过卡片看到电子设备的桌面背景，使得用户界面更加美观。具体可以参考前述对图10的相关说明，此处不再赘述。

结合前述说明可知，用户界面中dock区域一般显示在用户界面的最下侧，且dock区域需要一直显示在当前界面上。而在电子设备中，用户可以通过用户操作将未被扩展的卡片显示在界面中的任何位置，但是卡片的展开方向一般是向下展开的。因此，当用户将通过用户操作将卡片展开后，原本面积较小的卡片需要向下扩展面积，扩展后的卡片可能会遮挡住界面中的dock区域，甚至可能会超出电子设备的显示屏的下边界。

因此，针对上述缺陷，并结合前述说明中的本申请提供的界面显示方法，本申请提供了一种卡片扩展方法，该方法可以根据卡片在未被扩展时在界面中的显示位置，在卡片被扩展后灵活设定卡片的显示位置，使扩展后的卡片能完整得显示在界面中，且不对界面中的dock区域造成遮挡。具体请参阅图18。

如图18所示，上述界面显示方法可以包括以下步骤：

S201：接收作用于第一界面中第一卡片上的第一操作。

电子设备接收作用于第一卡片的第一操作。

该电子设备可以为手机(mobile phone)、车载设备(例如车载单元(On BoardUnit，OBU))、平板电脑(pad)、带显示功能的电脑(如笔记本电脑、掌上电脑等)等。具体的，该电子设备可以是本申请实施例提供的电子设备100。可理解，对于上述电子设备的具体形态，本申请不作限定。

上述第一卡片可以为前述说明中的第一卡片，该第一卡片可以包含至少一个第一应用图标，这些图标可以为电子设备在当前场景下为用户推荐的应用的图标，这些应用图标中的任一应用图标具备响应用户操作的功能，例如其可以响应于用户对其的点击操作，使得电子设备启动该应用图标对应的应用。

S202：判断第一卡片的下方是否存在足够的空间。

需理解，在电子设备显示的界面(例如上述第一界面)中，界面下方一般会存在一个停靠栏，停靠栏也可以被叫做“dock区域”，其一般显示在电子设备用户界面的最下侧，且停靠栏需要一直显示在当前界面上，一般不能被遮挡。而在电子设备中，用户可以通过用户操作将未被扩展的卡片显示在界面中的任何位置，但是卡片的展开方向一般是向下展开的。因此，当用户将通过用户操作将卡片展开后，原本面积较小的卡片需要向下扩展面积，扩展后的卡片可能会遮挡住界面中的停靠栏，甚至可能会超出电子设备的显示屏的下边界。

因此，当界面中的上述第一卡片进行扩展时，电子设备需要判断第一卡片的下方是否存在足够的空间。本领域技术人员可以理解，对于同一个电子设备而言，卡片在未被扩展时的长、宽、面积，以及卡片在被扩展之后的长、宽、面积都是固定的，在应用程序设计时便已确定。由于卡片的展开方向一般是向下展开的，即卡片展开的过程中卡片的宽会增大，但是卡片长是不变的。假定在上述电子设备中，卡片在扩展前的宽为d，在扩展后的宽为D。可以理解的，d和D均为大于0的数，且D>d。假设上述第一界面还包括第一停靠栏，则在判断第一卡片的下方是否存在足够的空间时，可以根据上述第一卡片的下边界与上述第一停靠栏的上边界的间隔是否大于第一阈值来确定，该第一阈值可以被为卡片在扩展之前和扩展之后的宽的差值，即(D-d)。如果上述第一卡片的下边界与上述第一停靠栏的上边界的间隔大于或等于(D-d)，则说明第一卡片的下方存在足够的空间用于扩展卡片，则电子设备可以执行步骤204；而如果上述第一卡片的下边界与上述第一停靠栏的上边界的间隔小于(D-d)，则说明第一卡片的下方存在空间不足以扩展卡片，则电子设备可以执行步骤203。

S203：第一卡片上移，使得第一卡片的下方留下足够的空间。

在上述第一卡片的下边界与上述第一停靠栏的上边界的间隔小于(D-d)的情况下，说明第一卡片的下方存在空间不足以扩展卡片，则电子设备可以将第一卡片的上边界向上移动部分距离，是的卡片下方能有足够的空间用于扩展卡片。

S204：判断用于扩展卡片的空间中是否存在有其他应用图标。

可以理解的，上述第一界面中除了显示有上述第一卡片之外，在上述第一卡片的外部的可能也会存在一些应用图标(以下称为至少一个第三应用图标)。当上述第一卡片被扩展之后，扩展后的卡片在电子设备的屏幕中占用的面积可能比上述第一卡片占用的面积要大，这也意味着上述至少一个第三应用图标可能会显示在用于扩展卡片的空间中。但是，用户将上述第一卡片展开的目的就是为了浏览原本未能显示在上述第一卡片中的应用图标。因此，当用于扩展卡片的空间中是否存在有其他应用图标时，则电子设备可以执行步骤S205，即在扩展卡片时将扩展的卡片覆盖在其他应用图标之上；否则，电子设备可以执行步骤S206，即卡片正常向下扩展，无需其他图标进行覆盖。

S205：将第一卡片向下覆盖扩展，得到第二卡片。

S206：第一卡片向下扩展，得到第二卡片。

S207：显示第二界面，该第二界面包括上述第二卡片。

上述第二卡片为由上述第一卡片扩展得到的卡片，上述第一卡片中显示的上述至少一个第一应用的图标也会全部显示在上述第二卡片之中。同理，上述第二卡片中的任意一个应用图标和上述第二卡片中的任意一个应用图标也均可以响应用户操作，使电子设备能启动该应用图标对应的应用。

此外，结合前述说明易知，在上述第一卡片的下方存在足够的空间用于扩展卡片的情况下，上述第二卡片的上边界与电子设备显示屏上边界间距等于上述第一卡片的上边界与电子设备显示屏上边界的间距；在上述第一卡片的下方的空间不足以扩展卡片的情况下，上述第二卡片的上边界与电子设备显示屏上边界间距小于上述第一卡片的上边界与电子设备显示屏上边界的间距。

可选的，在显示第二界面之后，电子设备还可以接收作用于上述第二卡片的第二操作，显示第三界面；该第三界面包括第三卡片和第二停靠栏，该第三卡片包括上述至少一个第一应用图标。上述第三卡片在上述第三界面中的显示的位置可以和被展开前显示的位置相同，即上述第三卡片的下边界与上述第二停靠栏的上边界的间隔等于上述第一卡片的下边界与上述第一停靠栏的上边界的间隔，上述第三卡片的上边界与上述电子设备的显示屏的上边界的间隔等于上述第一卡片的上边界与上述电子设备的显示屏的上边界的间隔。进一步的，如果在上述第一界面中存在显示在上述第一卡片之外的图标，且该图标在第二界面中被上述第二卡片覆盖的情况下，则当上述第二卡片被收起后，在上述第三界面中，该图标也可以显示在上述第三界面中且不被遮挡。这样，当用户将卡片收起时，用户界面的布局不会被打乱，桌面能保持简洁美观性。

本申请实施例还提供了一种电子设备，该电子设备包括：一个或多个处理器和存储器；其中，存储器与所述一个或多个处理器耦合，该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令，该一个或多个处理器调用该计算机指令以使得所述电子设备执行前述实施例中所示的方法。

上述实施例中所用，根据上下文，术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地，根据上下文，短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。

Claims (10)

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

显示第一界面，所述第一界面包括第一卡片和第一停靠栏，所述第一卡片包括至少一个第一应用图标；所述第一卡片中的所述至少一个第一应用图标中的任一应用图标具备响应用户操作的功能；

接收作用于所述第一卡片的第一操作，显示第二界面；所述第二界面包括第二卡片，所述第二卡片包括至少一个第二应用图标和所述至少一个第一应用图标，所述第二卡片中的所述至少一个第一应用图标和所述至少一个第二应用图标中的任一应用图标具备响应用户操作的功能，在所述第二卡片中，所述至少一个第一应用图标排列为N行显示，所述至少一个第二应用图标排列为M行显示；所述N行与所述M行的行间距为第一值，所述N行内任意相邻两行之间的行间距为第二值，所述第一值大于所述第二值；

所述第一卡片的下边界与所述第一停靠栏的上边界的间隔为第三值，所述第一卡片的上边界与电子设备的显示屏的上边界的间隔为第四值，在所述第三值大于或等于第一阈值的情况下，所述第二卡片的上边界与所述电子设备显示屏的上边界的间隔为所述第四值；在所述第三值小于所述第一阈值的情况下，所述第二卡片的上边界与所述电子设备显示屏的上边界的间隔小于所述第四值。

2.根据权利要求1所述的方法，其特征在于，所述至少一个第一应用图标在所述第一卡片和所述第二卡片中显示所占用的面积相同。

3.根据权利要求1所述的方法，其特征在于，所述第一界面还包括至少一个第三应用图标，在所述第一界面中，所述至少一个第三应用图标显示在所述第一卡片之外；所述第二界面包括所述至少一个第三应用图标，在所述第二界面中，所述第二卡片覆盖在所述至少一个第三应用图标之上。

4.根据权利要求1或3所述的方法，其特征在于，所述显示第二界面之后，所述方法还包括：

接收作用于所述第二卡片的第二操作，显示第三界面；所述第三界面包括第三卡片和第二停靠栏，所述第三卡片包括所述至少一个第一应用图标，所述第三卡片的下边界与所述第二停靠栏的上边界的间隔为所述第三值，所述第三卡片的上边界与所述电子设备显示屏的上边界的间隔为所述第四值。

5.根据权利要求1-3任一项所述的方法，其特征在于，所述至少一个第一应用图标包括至少一个第四应用图标和至少一个第五应用图标，所述至少一个第四应用图标为所述电子设备在第一时刻为用户推荐的应用对应的应用图标，所述至少一个第五应用图标为用户添加到所述第一卡片中的应用图标；所述方法还包括：

在第二时刻，显示第四界面；所述第四界面包括第四卡片，所述第四卡片包括至少一个第六应用图标和所述至少一个第五应用图标，所述至少一个第六应用图标为所述电子设备在所述第二时刻为用户推荐的应用对应的应用图标，所述至少一个第六应用图标与所述至少一个第四应用图标不同。

6.根据权利要求1-3任一项所述的方法，其特征在于，所述第一界面中还包括显示在所述第一卡片之外的至少一个第七应用图标，所述至少一个第一应用图标中的任意一个应用图标与所述至少一个第七应用图标的中任意一个应用图标均不同。

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

接收作用于所述第二卡片的第三操作，显示第五界面；所述第五界面包括第五卡片，所述第五卡片包括至少一个第八应用图标，所述至少一个第八应用图标中的任意一个应用图标与所述至少一个第八应用图标的中任意一个应用图标均不同。

8.一种电子设备，其特征在于，所述电子设备包括：一个或多个处理器、存储器和显示屏；

所述存储器与所述一个或多个处理器耦合，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，所述一个或多个处理器调用所述计算机指令以使得所述电子设备执行如权利要求1-7中任一项所述的方法。

9.一种芯片系统，其特征在于，所述芯片系统应用于电子设备，所述芯片系统包括一个或多个处理器，所述处理器用于调用计算机指令以使得所述电子设备执行如权利要求1-7中任一项所述的方法。

10.一种计算机可读存储介质，包括指令，其特征在于，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1-7中任一项所述的方法。