CN113849090A - 卡片显示方法、电子设备及计算机可读存储介质 - Google Patents

Abstract

本申请的电子设备包括：显示屏，处理器，存储器和存储在存储器上的计算机程序，当计算机程序被处理器执行时，使得电子设备执行：显示桌面的当前屏；桌面的当前屏显示若干图标和背景；检测到对其中一个第一图标的用户输入；当前屏显示未占满该当前屏的第一卡片；该第一图标对应第一应用；第一卡片包括：第一卡片内容，包括第一应用打开后的第M层界面包含的部分内容；N个控件，N个控件中的每一个用于打开对应的应用，该应用对应于在显示第一卡片之前该桌面上相应的图标；第一卡片不同于第一应用打开后的第M层界面的全部和任意部分，M和N均为正整数。用户既能直观获取卡片内容，又能直接打开若干第二应用，还能直接对该桌面的当前屏进行操作。

Description

卡片显示方法、电子设备及计算机可读存储介质

技术领域

本申请涉及信息显示领域，尤其涉及卡片显示方法、电子设备及计算机可读存储介质。

背景技术

卡片能够使用户在电子设备上直观方便地查看相关信息或者运行某个应用下的特定功能，得到广泛应用。不过，现有的卡片显示位置固定，不够灵活；卡片的显示和切换操作繁琐，管理成本高；卡片挤占图标，影响桌面格局，或遮挡图标，导致对其他图标对应应用的操作不便。

发明内容

为了解决现有技术中存在的上述技术问题，本申请提出了卡片显示方法、电子设备及计算机可读存储介质；使得用户通过简便操作，即可在桌面(home screen) 的当前屏(current screen)上实现卡片显示、切换及对其他应用的操控，卡片位置灵活，管理成本低，操作便利，提升用户体验。

第一方面，提供一种电子设备。该电子设备包括：显示屏；一个或多个处理器；存储器；以及一个或多个计算机程序，其中所述一个或多个计算机程序存储在所述存储器上，当所述计算机程序被所述一个或多个处理器执行时，使得所述电子设备执行以下步骤：显示桌面的当前屏，所述当前屏显示若干个图标；检测到对所述若干个图标中一个第一图标的第一用户输入；响应于所述第一用户输入，所述当前屏显示第一卡片，所述第一卡片未占满所述当前屏；所述第一图标为第一文件夹图标，所述第一文件夹图标至少包括第一应用图标，所述第一应用图标对应第一应用；或者，所述第一图标为第一应用图标，所述第一应用图标对应第一应用；所述第一卡片至少包括：第一卡片内容，所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容，M为大于等于1的正整数；N个控件，所述N个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标，N为大于等于1的正整数；所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分是指，所述第一卡片不同于所述第一应用打开后的第M层界面的全部，也不同于所述第一应用打开后的第M层界面的任意部分。这样，通过用户对第一图标的输入就可以在当前屏上显示第一卡片，不需要将当前屏切换至其他屏，卡片管理成本较低，显示卡片的位置较为灵活。此外，限定了第一卡片内容的范围；第一卡片内容就可以只显示关键信息，进而就能直观快捷地获取关键信息。另外，由于第一卡片显示在该桌面的当前屏上且未占满该当前屏，用户仍然可以直观获取到该当前屏上第一卡片以外区域显示的信息，在该当前屏上直接进行操作，如触摸该当前屏上第一卡片以外区域显示的图标以打开对应的应用，左右滑动该桌面的当前屏上第一卡片以外区域显示的背景以切换至其他屏。并且，用户还能通过第一卡片上的N个控件中的每一个控件直接打开对应的应用。也就是说，用户既能直观地获取第一卡片内容，又能直接打开N个控件中的一个控件对应的应用，还能直接对该当前屏进行操作，兼顾了用户对三方的使用便利，实现了在三方的使用便利上的平衡。另外，只要不停止显示第一卡片，第一卡片就一直显示在该当前屏上。如此，在用户近期一直要使用第一卡片内容时，在该当前屏上显示第一卡片后，用户无需再执行第一用户输入，直接使用该当前屏上第一卡片内容。本技术方案所包括的各技术特征相互之间紧密联系，组成一个密不可分的整体，正是由于这样一个整体，所以本技术方案产生了上述有益的技术效果。下述的各实施例对应的方案均如此，不再一一赘述。

根据第一方面，或者以上第一方面的任意一种实现方式，所述第一卡片在所述当前屏上的区域为第一区域；在显示所述第一卡片之前，所述N个图标位于所述第一区域；或者，所述N个图标位于所述当前屏上第一区域以外的区域；或者，所述 N个图标位于所述桌面上所述当前屏以外的屏；或者，所述N个图标的任意部分位于上述三处区域中的任意区域。这样，在显示第一卡片之前，第一卡片上的N个控件对应的N个图标，可以位于第一区域、可以位于该当前屏上第一区域以外区域、还可以位于该桌面上该当前屏以外屏；从而，在第一卡片上可以打开桌面上显示的任意图标对应的应用，更加方便用户。

根据第一方面，或者以上第一方面的任意一种实现方式，所述第一用户输入通过一步操作输入；所述第一卡片内容在所述第一卡片上的面积占比最大；所述第一卡片内容的面积大于等于所述第一图标的面积；所述第一卡片在所述当前屏上的区域为第一区域；所述当前屏还显示背景；在显示所述第一卡片之前，所述N个控件对应N个图标，所述N个图标显示在所述第一区域上，所述第一区域只包括所述背景的第一部分、所述第一图标和所述N个图标，所述第一区域包括的图标的个数等于N加1。这样，明确了仅需在该当前屏上执行一步操作，就可显示上述卡片，使得卡片管理的步骤等成本大为降低，利于用户操作，提升用户体验；更加突出显示第一卡片内容，便于用户直观快捷地获取到第一卡片内容；进一步明确了该第一卡片在该当前屏上的显示位置为显示该第一卡片之前，包含该第一图标、该N个图标和背景的第二部分的该当前屏上的位置；从而，更加方便用户获取第一卡片与第一图标、N个图标之间的位置关系。

根据第一方面，或者以上第一方面的任意一种实现方式，M为大于等于2的正整数。这样，就能通过用户输入，在卡片上直接显示所述第一应用打开后的第2 层、第3层等以下的界面，减少操作步数，方便用户。比如，支付宝的付款码界面为支付宝的第2层界面，通过用户输入就直接显示出来。第2层以下的其他更深层次界面，也能通过用户输入就直接显示出来。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：检测到对所述N个控件中的一个控件的第二用户输入；响应于所述第二用户输入，显示所述N个控件中的一个控件对应的应用打开后的第S层界面；S为大于等于1的正整数；检测到一个返回操作；响应于所述返回操作，显示所述当前屏；所述当前屏显示的内容为响应所述第二用户输入之前所述当前屏显示的内容。这样，就提供了从第一卡片进入N个控件中的一个控件对应的应用打开后的第S层界面的方式，且这种方式对于用户来说，操作简单易行，能够快捷地切换至N个控件中的一个控件对应的应用打开后的第S层界面的情形；以及提供了从N个控件中的一个控件对应的应用打开后的第S层界面返回响应所述第二用户输入之前所述当前屏显示的内容，也即返回该当前屏显示第一卡片的情形，且这种方式对于用户来说，操作简单易行，能够快捷地切换回该当前屏显示第一卡片的情形。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：检测到对所述当前屏上所述第一卡片的第三用户输入；响应于所述第三用户输入，所述第一区域显示的内容为响应所述第一用户输入之前所述第一区域显示的内容。这样，在该当前屏上通过一个第三用户输入就可以停止显示所述第一卡片，不需要将该当前屏切换至其他屏，使得卡片管理的步骤等成本大为降低，操作便利，能够快捷地切换回响应第一用户输入之前第一区域显示的内容的情形。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：所述当前屏上第一区域以外的区域还显示L个图标，L为大于等于1的正整数；检测到对所述L个图标中的一个图标的第四用户输入；响应于所述第四用户输入，显示所述L个图标中的一个图标对应的应用打开后的界面；检测到一个返回操作；响应于所述返回操作，显示所述当前屏，所述当前屏显示的内容为响应所述第四用户输入之前所述当前屏显示的内容。这样，就使得在该当前屏上显示第一卡片后，用户通过该当前屏上第一区域以外区域显示的L个图标中一个图标的操作，打开对应的应用，操作便利；还提供了从L个图标中的一个图标对应的应用打开后的界面返回响应所述第四用户输入之前所述当前屏显示的内容，也即返回该当前屏显示第一卡片的情形，且这种方式对于用户来说，操作简单易行，能够快捷地切换回该当前屏显示第一卡片的情形。

根据第一方面，或者以上第一方面的任意一种实现方式，所述第一卡片还包括：第一控件，所述第一控件用于打开所述第一应用；所述第一控件为所述第一图标缩小第一比例后显示的控件；所述N个控件为N个图标缩小第二比例后显示的控件；所述第一控件的面积大于所述N个控件中任意一个控件的面积；所述第一控件、所述N个控件、所述第一卡片内容分别显示在所述第一卡片的左上角、右上角和中下部；所述第一用户输入为第一语音输入或第一手势输入；所述第一手势输入为起点位于所述第一图标上，滑动方向为向上滑动的手势输入；所述第一卡片随着所述第一手势输入而变化；所述第二用户输入和所述第四用户输入分别为：第二语音输入和第四语音输入，或者，第二手势输入和第四手势输入；所述第二手势输入和所述第四手势输入为触摸输入；所述第三手势输入通过一步操作输入；所述第三手势输入为起点位于所述第一卡片上，滑动方向与所述第一手势输入的滑动方向相反的手势输入。这样，使得用户通过第一卡片就能明了在第一卡片上还能打开N个控件对应的应用；另外，通过面积较大的方式来突出展示第一控件，使得用户更加清晰明了地获悉第一卡片内容与第一控件相对应；提供了第一卡片上的第一控件、N 个控件和第一卡片内容的优选分布及显示方式；并且，明确了用户输入的两种具体方式；并且仅需在该当前屏上操作，不需要将该当前屏切换至桌面的其他屏，使得卡片管理的步骤等成本大为降低，操作便利，提升用户体验；另外，提供了便于用户操作和记忆的优选的第三手势输入方式，使得用户能够结合第一手势输入方式一同记忆。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：检测到对所述若干个图标中一个第二图标的第五用户输入；响应于所述第五用户输入，所述当前屏显示第二卡片，所述第二卡片未占满所述当前屏；所述第二图标为第二文件夹图标，所述第二文件夹图标至少包括第二应用图标，所述第二应用图标对应第二应用；或者，所述第二图标为第二应用图标，所述第二应用图标对应第二应用；所述第二卡片至少包括：第二卡片内容，所述第二卡片内容与所述第二应用相对应，所述第二卡片内容包括所述第二应用打开后的第P层界面包含的部分内容，P为大于等于1的正整数；K个控件，所述K个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第二卡片之前所述桌面上相应的图标，K为大于等于1的正整数；所述第二卡片不同于所述第二应用打开后的第P 层界面的全部和任意部分；所述第二卡片内容的面积大于所述第二图标的面积；所述第二卡片在所述当前屏上的区域为第二区域；所述第二区域与所述第一区域不交叉，所述当前屏还显示所述第一卡片；或者，所述第二区域与所述第一区域交叉，所述当前屏停止显示所述第一卡片。这样，就能在该当前屏上显示第二卡片；并且在该当前屏上显示第二卡片的技术效果与在该当前屏上显示第一卡片的技术效果相同。此外，进一步限定了第二卡片内容的范围，排除部分冗余信息，使得用户获取或使用的第二卡片内容精简。也就是说，在该当前屏显示第二卡片且该第二卡片未占满该当前屏之后，用户既能直观地获取第二卡片内容，又能直接打开第四应用，还能直接对该当前屏进行操作，兼顾了三者的使用便利，实现了三者在使用便利上的平衡。另外，还能在该当前屏上显示第一卡片和第二卡片，第二卡片的显示与第一卡片的显示涉及的操作流程相同，第二卡片显示的内容与第一卡片显示的内容以及第二卡片显示基于的图标与第一卡片显示基于的图标存在差异。第一卡片的显示和第二卡片的显示可相互独立，互不影响。此外，在不停止显示所述第二卡片时，所述第二卡片一直显示在该当前屏上。如此，在近期用户一直要使用所述第二卡片内容时，在该当前屏上显示第二卡片后，用户无需再执行所述第五用户输入，直接使用或获取该当前屏上与该第二图标相对应的第二卡片内容。另外，明确了第一卡片和第二卡片共同显示的条件，以及在不能共同显示的情形下，两者如何显示。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：所述第五用户输入通过一步操作输入；所述第二卡片内容在所述第二卡片上的面积占比最大；；所述第二卡片内容的面积大于等于所述第二图标的面积；在显示所述第二卡片之前，所述K个控件对应K个图标，所述K个图标显示在所述第二区域上，所述第二区域只包括所述背景的第二部分、所述第二图标和所述K个图标，所述第二区域包括的图标的个数等于K加1。这样，在显示第二卡片之前，第二卡片上的K个控件对应的K个图标，可以位于第二区域、可以位于该当前屏上第二区域以外区域、还可以位于该桌面上该当前屏以外屏；从而，在第二卡片上可以打开桌面上显示的任意图标对应的应用，更加方便用户。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：检测到对所述K个控件中的一个控件的第六用户输入；响应于所述第六用户输入，显示所述K个控件中的一个控件对应的应用打开后的第Q层界面；Q为大于等于1的正整数；检测到一个返回操作；响应于所述返回操作，显示所述当前屏；所述当前屏显示的内容为响应所述第五用户输入之前所述当前屏显示的内容。这样，就提供了从第二卡片进入K个控件中的一个控件对应的应用打开后的第Q层界面的方式，且这种方式对于用户来说，操作简单易行，能够快捷地切换至K个控件中的一个控件对应的应用打开后的第Q层界面的情形；以及提供了从K个控件中的一个控件对应的应用打开后的第Q层界面返回响应所述第六用户输入之前所述当前屏显示的内容，且这种方式对于用户来说，操作简单易行。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：检测到对所述当前屏上所述第二卡片的第七用户输入；响应于所述第七用户输入，所述第二区域显示的内容为响应所述第五用户输入之前所述第二区域显示的内容。这样，在该当前屏上通过一个第七用户输入就可以停止显示所述第二卡片，不需要将该当前屏切换至其他屏，使得卡片管理的步骤等成本大为降低，操作便利，能够快捷地切换回响应第五用户输入之前第一区域显示的内容的情形。

根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行以下步骤：所述当前屏上第二区域以外的区域还显示R个图标，R为大于等于1的正整数；检测到对所述R个图标中的一个图标的第八用户输入；响应于所述第八用户输入，显示所述R个图标中的一个图标对应的应用打开后的界面；检测到一个返回操作；响应于所述返回操作，显示所述当前屏，所述当前屏显示的内容为响应所述第八用户输入之前所述当前屏显示的内容。这样，就使得在该当前屏上显示第二卡片后，用户通过该当前屏上第二区域以外区域显示的R个图标中一个图标的操作，打开对应的应用，操作便利；还提供了从R个图标中的一个图标对应的应用打开后的界面返回响应所述第八用户输入之前所述当前屏显示的内容，且这种方式对于用户来说，操作简单易行。

根据第一方面，或者以上第一方面的任意一种实现方式，所述第二卡片还包括：第二控件，所述第二控件用于打开所述第二应用；所述第二控件为所述第二图标缩小第三比例后显示的控件；所述K个控件为K个图标缩小第四比例后显示的控件；所述第二控件的面积大于所述K个控件中任意一个控件的面积；所述第一卡片的形状和大小分别与所述第二卡片的形状和大小相同；所述第一比例、所述第二比例分别与所述第三比例、所述第四比例相同；所述第二控件、所述K个控件、所述第二卡片内容分别显示在所述第二卡片的左上角、右上角和中下部；所述第五用户输入为第五语音输入或第五手势输入；所述第五手势输入为起点位于所述第二图标上，滑动方向为向上滑动的手势输入；所述第二卡片随着所述第五手势输入而变化；所述第六用户输入、所述第七用户输入和所述第八用户输入分别为：第六语音输入、第七语音输入和第八语音输入，或者，第六手势输入、第七手势输入和第八手势输入；所述第六手势输入和所述第八手势输入为触摸输入；所述第七手势输入通过一步操作输入；所述第七手势输入为起点位于所述第二卡片上，滑动方向与所述第五手势输入的滑动方向相反的手势输入。这样，使得用户通过第二卡片就能明了在第二卡片上还能打开K个控件对应的应用；另外，通过面积较大的方式来突出展示第二控件，使得用户更加清晰明了地获悉第二卡片内容与第二控件相对应；提供了第二卡片上的第二控件、K个控件和第二卡片内容的优选分布及显示方式；并且，明确了用户输入的两种具体方式；并且仅需在该当前屏上操作，不需要将该当前屏切换至桌面的其他屏，使得卡片管理的步骤等成本大为降低，操作便利，提升用户体验；另外，提供了便于用户操作和记忆的优选的第七手势输入方式，使得用户能够结合第五手势输入方式一同记忆。

第二方面，提供一种卡片显示方法。所述方法应用于包含显示屏的电子设备，包括：所述显示屏显示桌面的当前屏，所述当前屏显示若干个图标；检测到对所述若干个图标中一个第一图标的第一用户输入；响应于所述第一用户输入，所述当前屏显示第一卡片，所述第一卡片未占满所述当前屏；所述第一图标为第一文件夹图标，所述第一文件夹图标至少包括第一应用图标，所述第一应用图标对应第一应用；或者，所述第一图标为第一应用图标，所述第一应用图标对应第一应用；所述第一卡片至少包括：第一卡片内容，所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容，M为大于等于1的正整数；N个控件，所述N个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标，N为大于等于1的正整数；所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分是指，所述第一卡片不同于所述第一应用打开后的第M层界面的全部，也不同于所述第一应用打开后的第M层界面的任意部分。这样，通过用户对第一图标的输入就可以在当前屏上显示第一卡片，不需要将当前屏切换至其他屏，卡片管理成本较低，显示卡片的位置较为灵活。此外，限定了第一卡片内容的范围；第一卡片内容就可以只显示关键信息，进而就能直观快捷地获取关键信息。另外，由于第一卡片显示在该桌面的当前屏上且未占满该当前屏，用户仍然可以直观获取到该当前屏上第一卡片以外区域显示的信息，在该当前屏上直接进行操作，如触摸该当前屏上第一卡片以外区域显示的图标以打开对应的应用，左右滑动该桌面的当前屏上第一卡片以外区域显示的背景以切换至其他屏。并且，用户还能通过第一卡片上的N个控件中的一个控件直接打开对应的应用。也就是说，用户既能直观地获取第一卡片内容，又能直接打开N个控件中的一个控件对应的应用，还能直接对该当前屏进行操作，兼顾了用户对三方的使用便利，实现了在三方的使用便利上的平衡。另外，只要不停止显示第一卡片，第一卡片就一直显示在该当前屏上。如此，在用户近期一直要使用第一卡片内容时，在该当前屏上显示第一卡片后，用户无需再执行第一用户输入，直接使用该当前屏上第一卡片内容。

根据第二方面，所述方法包括：所述第一用户输入通过一步操作输入；所述第一卡片内容在所述第一卡片上的面积占比最大；所述第一卡片内容的面积大于等于所述第一图标的面积；所述第一卡片在所述当前屏上的区域为第一区域；所述当前屏还显示背景；在显示所述第一卡片之前，所述N个控件对应N个图标，所述N个图标显示在所述第一区域上，所述第一区域只包括所述背景的第一部分、所述第一图标和所述N个图标，所述第一区域包括的图标的个数等于N加1。这样，明确了仅需在该当前屏上执行一步操作，就可显示上述卡片，使得卡片管理的步骤等成本大为降低，利于用户操作，提升用户体验；更加突出显示第一卡片内容，便于用户直观快捷地获取到第一卡片内容；进一步明确了该第一卡片在该当前屏上的显示位置为显示该第一卡片之前，包含该第一图标、该N个图标和背景的第二部分的该当前屏上的位置；从而，更加方便用户获取第一卡片与第一图标、N个图标之间的位置关系。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：检测到对所述N个控件中的一个控件的第二用户输入；响应于所述第二用户输入，显示所述N个控件中的一个控件对应的应用打开后的第S层界面；S为大于等于1的正整数；检测到一个返回操作；响应于所述返回操作，显示所述当前屏；所述当前屏显示的内容为响应所述第二用户输入之前所述当前屏显示的内容。这样，就提供了从第一卡片进入N个控件中的一个控件对应的应用打开后的第S层界面的方式，且这种方式对于用户来说，操作简单易行，能够快捷地切换至N个控件中的一个控件对应的应用打开后的第S层界面的情形；以及提供了从N个控件中的一个控件对应的应用打开后的第S层界面返回响应所述第二用户输入之前所述当前屏显示的内容，也即返回该当前屏显示第一卡片的情形，且这种方式对于用户来说，操作简单易行，能够快捷地切换回该当前屏显示第一卡片的情形。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：检测到对所述当前屏上所述第一卡片的第三用户输入；响应于所述第三用户输入，所述第一区域显示的内容为响应所述第一用户输入之前所述第一区域显示的内容。这样，在该当前屏上通过一个第三用户输入就可以停止显示所述第一卡片，不需要将该当前屏切换至其他屏，使得卡片管理的步骤等成本大为降低，操作便利，能够快捷地切换回响应第一用户输入之前第一区域显示的内容的情形。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：所述当前屏上第一区域以外的区域还显示L个图标，L为大于等于1的正整数；检测到对所述L个图标中的一个图标的第四用户输入；响应于所述第四用户输入，显示所述L个图标中的一个图标对应的应用打开后的界面；检测到一个返回操作；响应于所述返回操作，显示所述当前屏，所述当前屏显示的内容为响应所述第四用户输入之前所述当前屏显示的内容。这样，就使得在该当前屏上显示第一卡片后，用户通过该当前屏上第一区域以外区域显示的L个图标中一个图标的操作，打开对应的应用，操作便利；还提供了从L个图标中的一个图标对应的应用打开后的界面返回响应所述第四用户输入之前所述当前屏显示的内容，也即返回该当前屏显示第一卡片的情形，且这种方式对于用户来说，操作简单易行，能够快捷地切换回该当前屏显示第一卡片的情形。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：所述第一卡片还包括：第一控件，所述第一控件用于打开所述第一应用；所述第一控件为所述第一图标缩小第一比例后显示的控件；所述N个控件为N个图标缩小第二比例后显示的控件；所述第一控件的面积大于所述N个控件中任意一个控件的面积；所述第一控件、所述N个控件、所述第一卡片内容分别显示在所述第一卡片的左上角、右上角和中下部；所述第一用户输入为第一语音输入或第一手势输入；所述第一手势输入为起点位于所述第一图标上，滑动方向为向上滑动的手势输入；所述第一卡片随着所述第一手势输入而变化；所述第二用户输入和所述第四用户输入分别为：第二语音输入和第四语音输入，或者，第二手势输入和第四手势输入；所述第二手势输入和所述第四手势输入为触摸输入；所述第三手势输入通过一步操作输入；所述第三手势输入为起点位于所述第一卡片上，滑动方向与所述第一手势输入的滑动方向相反的手势输入。这样，使得用户通过第一卡片就能明了在第一卡片上还能打开N个控件对应的应用；另外，通过面积较大的方式来突出展示第一控件，使得用户更加清晰明了地获悉第一卡片内容与第一控件相对应；提供了第一卡片上的第一控件、N个控件和第一卡片内容的优选分布及显示方式；并且，明确了用户输入的两种具体方式；并且仅需在该当前屏上操作，不需要将该当前屏切换至桌面的其他屏，使得卡片管理的步骤等成本大为降低，操作便利，提升用户体验；另外，提供了便于用户操作和记忆的优选的第三手势输入方式，使得用户能够结合第一手势输入方式一同记忆。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：检测到对所述若干个图标中一个第二图标的第五用户输入；响应于所述第五用户输入，所述当前屏显示第二卡片，所述第二卡片未占满所述当前屏；所述第二图标为第二文件夹图标，所述第二文件夹图标至少包括第二应用图标，所述第二应用图标对应第二应用；或者，所述第二图标为第二应用图标，所述第二应用图标对应第二应用；所述第二卡片至少包括：第二卡片内容，所述第二卡片内容与所述第二应用相对应，所述第二卡片内容包括所述第二应用打开后的第P层界面包含的部分内容，P 为大于等于1的正整数；K个控件，所述K个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第二卡片之前所述桌面上相应的图标，K为大于等于1的正整数；所述第二卡片不同于所述第二应用打开后的第P层界面的全部和任意部分；所述第二卡片内容的面积大于所述第二图标的面积；所述第二卡片在所述当前屏上的区域为第二区域；所述第二区域与所述第一区域不交叉，所述当前屏还显示所述第一卡片；或者，所述第二区域与所述第一区域交叉，所述当前屏停止显示所述第一卡片。这样，就能在该当前屏上显示第二卡片；并且在该当前屏上显示第二卡片的技术效果与在该当前屏上显示第一卡片的技术效果相同。此外，进一步限定了第二卡片内容的范围，排除部分冗余信息，使得用户获取或使用的第二卡片内容精简。也就是说，在该当前屏显示第二卡片且该第二卡片未占满该当前屏之后，用户既能直观地获取第二卡片内容，又能直接打开第四应用，还能直接对该当前屏进行操作，兼顾了三者的使用便利，实现了三者在使用便利上的平衡。另外，还能在该当前屏上显示第一卡片和第二卡片，第二卡片的显示与第一卡片的显示涉及的操作流程相同，第二卡片显示的内容与第一卡片显示的内容以及第二卡片显示基于的图标与第一卡片显示基于的图标存在差异。第一卡片的显示和第二卡片的显示可相互独立，互不影响。此外，在不停止显示所述第二卡片时，所述第二卡片一直显示在该当前屏上。如此，在近期用户一直要使用所述第二卡片内容时，在该当前屏上显示第二卡片后，用户无需再执行所述第五用户输入，直接使用或获取该当前屏上与该第二图标相对应的第二卡片内容。另外，明确了第一卡片和第二卡片共同显示的条件，以及在不能共同显示的情形下，两者如何显示。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：所述第五用户输入通过一步操作输入；所述第二卡片内容在所述第二卡片上的面积占比最大；所述第二卡片内容的面积大于等于所述第二图标的面积；在显示所述第二卡片之前，所述K个控件对应K个图标，所述K个图标显示在所述第二区域上，所述第二区域只包括所述背景的第二部分、所述第二图标和所述K个图标，所述第二区域包括的图标的个数等于K加1。这样，在显示第二卡片之前，第二卡片上的K个控件对应的K个图标，可以位于第二区域、可以位于该当前屏上第二区域以外区域、还可以位于该桌面上该当前屏以外屏；从而，在第二卡片上可以打开桌面上显示的任意图标对应的应用，更加方便用户。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：检测到对所述K个控件中的一个控件的第六用户输入；响应于所述第六用户输入，显示所述K个控件中的一个控件对应的应用打开后的第Q层界面；Q为大于等于1的正整数；检测到一个返回操作；响应于所述返回操作，显示所述当前屏；所述当前屏显示的内容为响应所述第五用户输入之前所述当前屏显示的内容。这样，就提供了从第二卡片进入K个控件中的一个控件对应的应用打开后的第Q层界面的方式，且这种方式对于用户来说，操作简单易行，能够快捷地切换至K个控件中的一个控件对应的应用打开后的第Q层界面的情形；以及提供了从K个控件中的一个控件对应的应用打开后的第Q层界面返回响应所述第六用户输入之前所述当前屏显示的内容，且这种方式对于用户来说，操作简单易行。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：检测到对所述当前屏上所述第二卡片的第七用户输入；响应于所述第七用户输入，所述第二区域显示的内容为响应所述第五用户输入之前所述第二区域显示的内容。这样，在该当前屏上通过一个第七用户输入就可以停止显示所述第二卡片，不需要将该当前屏切换至其他屏，使得卡片管理的步骤等成本大为降低，操作便利，能够快捷地切换回响应第五用户输入之前第一区域显示的内容的情形。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：所述当前屏上第二区域以外的区域还显示R个图标，R为大于等于1的正整数；检测到对所述R个图标中的一个图标的第八用户输入；响应于所述第八用户输入，显示所述R个图标中的一个图标对应的应用打开后的界面；检测到一个返回操作；响应于所述返回操作，显示所述当前屏，所述当前屏显示的内容为响应所述第八用户输入之前所述当前屏显示的内容。这样，就使得在该当前屏上显示第二卡片后，用户通过该当前屏上第二区域以外区域显示的R个图标中一个图标的操作，打开对应的应用，操作便利；还提供了从R个图标中的一个图标对应的应用打开后的界面返回响应所述第八用户输入之前所述当前屏显示的内容，且这种方式对于用户来说，操作简单易行。

根据第二方面，或者以上第二方面的任意一种实现方式，所述方法包括：所述第二卡片还包括：第二控件，所述第二控件用于打开所述第二应用；所述第二控件为所述第二图标缩小第三比例后显示的控件；所述K个控件为K个图标缩小第四比例后显示的控件；所述第二控件的面积大于所述K个控件中任意一个控件的面积；所述第一卡片的形状和大小分别与所述第二卡片的形状和大小相同；所述第一比例、所述第二比例分别与所述第三比例、所述第四比例相同；所述第二控件、所述 K个控件、所述第二卡片内容分别显示在所述第二卡片的左上角、右上角和中下部；所述第五用户输入为第五语音输入或第五手势输入；所述第五手势输入为起点位于所述第二图标上，滑动方向为向上滑动的手势输入；所述第二卡片随着所述第五手势输入而变化；所述第六用户输入、所述第七用户输入和所述第八用户输入分别为：第六语音输入、第七语音输入和第八语音输入，或者，第六手势输入、第七手势输入和第八手势输入；所述第六手势输入和所述第八手势输入为触摸输入；所述第七手势输入通过一步操作输入；所述第七手势输入为起点位于所述第二卡片上，滑动方向与所述第五手势输入的滑动方向相反的手势输入。这样，使得用户通过第二卡片就能明了在第二卡片上还能打开K个控件对应的应用；另外，通过面积较大的方式来突出展示第二控件，使得用户更加清晰明了地获悉第二卡片内容与第二控件相对应；提供了第二卡片上的第二控件、K个控件和第二卡片内容的优选分布及显示方式；并且，明确了用户输入的两种具体方式；并且仅需在该当前屏上操作，不需要将该当前屏切换至桌面的其他屏，使得卡片管理的步骤等成本大为降低，操作便利，提升用户体验；另外，提供了便于用户操作和记忆的优选的第七手势输入方式，使得用户能够结合第五手势输入方式一同记忆。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一文件夹图标包括E个第一应用图标；E为大于等于2的正整数；检测到第一切换用户输入；响应于所述第一切换用户输入，所述第一卡片的第一卡片内容切换为另一第一卡片内容，所述第一卡片内容、所述另一第一卡片内容分别与所述E个第一应用图标中的两个第一应用图标相对应。这样，就使得第一文件夹图标包括多个第一应用图标时，能够根据用户输入的第一切换用户输入，将第一卡片的第一卡片内容进行切换。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第二文件夹图标包括F个第二应用图标；F为大于等于2的正整数；检测到第二切换用户输入；响应于所述第二切换用户输入，所述第二卡片的第二卡片内容切换为另一第二卡片内容，所述第二卡片内容、所述另一第二卡片内容分别与所述F个第二应用图标中的两个第二应用图标相对应。这样，就使得第二文件夹图标包括多个第二应用图标时，能够根据用户输入的切换用户输入，将第二卡片的第二卡片内容进行切换。这样，就使得第二文件夹图标包括多个第二应用图标时，能够根据用户输入的第二切换用户输入，将第二卡片的第二卡片内容进行切换。

根据第二方面，或者以上第二方面的任意一种实现方式，所述E个第一应用图标中的至少一个第一应用图标对应多张第一卡片；检测到第三切换用户输入；响应于所述第三切换用户输入，所述多张第一卡片切换。这样，就使得第一文件夹图标包括的至少一个第一应用图标对应多张第一卡片时，能够根据用户输入的第三切换用户输入，将多张第一卡片进行切换。

根据第二方面，或者以上第二方面的任意一种实现方式，所述F个第二应用图标中的至少一个第二应用图标对应多张第二卡片；检测到第四切换用户输入；响应于所述第四切换用户输入，所述多张第二卡片切换。这样，就使得第二文件夹图标包括的至少一个第二应用图标对应多张第二卡片时，能够根据用户输入的第四切换用户输入，将多张第二卡片进行切换。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一卡片悬浮在所述当前屏上；所述第一卡片还包括固定按钮；在触摸所述固定按钮后，所述第一卡片固定在所述当前屏上。这样，就提供了第一卡片在所述当前屏上的另外一种显示方式，给用户提供了至少两种选择。用户可以根据自己的喜好，选择将第一卡片悬浮在所述当前屏上或者固定在所述当前屏上。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第二卡片悬浮在所述当前屏上；所述第二卡片还包括固定按钮；在触摸所述固定按钮后，所述第二卡片固定在所述当前屏上。这样，就提供了第二卡片在所述当前屏上的另外一种显示方式，给用户提供了至少两种选择。用户可以根据自己的喜好，选择将第二卡片悬浮在所述当前屏上或者固定在所述当前屏上。

根据第二方面，或者以上第二方面的任意一种实现方式，在所述第一卡片固定在所述当前屏上之后，所述第一卡片的固定按钮转换为关闭按钮；在触摸所述关闭按钮后，停止显示所述第一卡片；或者，所述第一卡片还包括关闭按钮；在触摸所述关闭按钮后，停止显示所述第一卡片。这样，就提供了停止显示第一卡片的两种实施方式，用户通过关闭按钮，停止显示第一卡片。

根据第二方面，或者以上第二方面的任意一种实现方式，在所述第二卡片固定在所述当前屏上之后，所述第二卡片的固定按钮转换为关闭按钮；在触摸所述关闭按钮后，停止显示所述第二卡片；或者，所述第二卡片还包括关闭按钮；在触摸所述关闭按钮后，停止显示所述第二卡片。这样，就提供了停止显示第二卡片的两种实施方式，用户通过关闭按钮，停止显示第二卡片。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一图标为第一应用图标，所述第一应用图标对应多张第一卡片；检测到第五切换用户输入；响应于所述第五切换用户输入，所述多张第一卡片切换。这样，就使得第一图标为第一应用图标且对应多张第一卡片时，能够根据用户输入的第五切换用户输入，将多张第一卡片进行切换。

根据第二方面，或者以上第二方面的任意一种实现方式，检测到对第一控件和 N个控件中一个控件的第六切换用户输入，响应于所述第六切换用户输入，所述N 个控件中一个控件与所述第一控件互换位置并调整大小比例来适应调整后的位置，所述第一卡片内容更新，更新后的第一卡片内容与调整后的第一控件相对应。这样，就使得用户能够方便灵活地通过调整第一控件和N个控件中一个控件的交换，来更新第一卡片内容并显示；从而，用户感受更加便利灵活。

根据第二方面，或者以上第二方面的任意一种实现方式，所述N个控件起始以球体形式显示在所述第一卡片上；在触摸所述球体后，所述第一卡片显示所述N个控件。这样，就提供了另外一种操作方式，使得所述N个控件在需要展开显示时才展开显示，在不需要展开显示时收缩为球体，从而节省出更多的显示空间供第一卡片包括的其他内容显示。

根据第二方面，或者以上第二方面的任意一种实现方式，检测到对第一控件或所述N个控件中任意一个控件的第九用户输入，响应于所述第九用户输入，所述显示屏显示所述第一应用或所述N个控件中任意一个控件对应的应用打开后的内容。这样，就方便用户打开第一卡片上第一控件对应的第一应用或所述N个控件中任意一个控件对应的应用。

根据第二方面，或者以上第二方面的任意一种实现方式，检测到在垂直于所述当前屏的方向上，触控设备置于所述第一控件或所述N个控件中任意一个控件的上方，并且在所述方向上对所述第一控件或所述N个控件中任意一个控件的远离输入后；或者，检测到在垂直于所述当前屏的方向上，触控设备置于所述第一控件或所述N个控件中任意一个控件的上方，所述第一控件或所述N个控件中任意一个控件放大，并且在所述方向上对所述第一控件或所述N个控件中任意一个控件的远离输入后；或者，检测到在垂直于所述当前屏的方向上，触控设备置于所述N个控件中任意一个控件的上方，所述N个控件中任意一个控件放大，检测到对所述放大后的任意一个控件的触摸输入后；响应于上述输入，所述显示屏显示所述第一应用或所述N个控件中任意一个控件对应的应用打开后的内容。这样，就提供了第一控件或 N个控件中任意一个控件对应应用的打开方式；使得用户可以更加方便、快捷、灵活地打开第一卡片上第一控件对应的第一应用或所述N个控件中任意一个控件对应的应用。

根据第二方面，或者以上第二方面的任意一种实现方式，在选中第一卡片，拖动至所述当前屏上第一区域以外的另外一个区域，按照所述第一图标在所述第一区域的相对位置，在所述另外一个区域上存在另外一个第一图标时，所述第一卡片切换为所述另外一个第一卡片，所述另外一个第一卡片包括另外一个第一卡片内容，所述另外一个第一卡片内容与所述另外一个第一图标相对应。这样，就使得第一卡片拖动至所述当前屏上的满足一定条件的另外一个区域后，所述第一卡片会自动切换更新；从而，更加方便用户使用。

根据第二方面，或者以上第二方面的任意一种实现方式，检测到对所述当前屏的第十用户输入，响应于所述第十用户输入，所述当前屏进入编辑状态，所述第一卡片呈透明或半透明，所述第一控件和/或所述N个控件中一个控件恢复至响应所述第一用户输入之前所述当前屏上第一图标和/或所述N个图标中相应图标的大小及位置；检测到所述当前屏上所述第一区域内的任意一个或多个图标拖动至所述第一区域外并释放，或者，检测到所述当前屏上所述第一区域外的任意一个或多个图标拖动至所述第一区域内并释放，响应于上述检测结果，停止显示所述第一卡片；按照所述桌面上图标的排列方式，排列显示所述第一区域内的图标。这样，就提供了一种在所述当前屏进入编辑状态后，将第一区域内的图标拖动至第一区域外并释放后，或者，将第一区域外的图标拖动至第一区域内并释放后，停止显示所述第一卡片的方式。从而，便于用户通过该方式停止显示第一卡片。进一步地，还可以对第二卡片进行相应的操作，进而获取相应的结果。由于对第二卡片的操作和获取的结果与对第一卡片的操作和获取的结果相应，在此不再赘述。

根据第二方面，或者以上第二方面的任意一种实现方式，检测到对所述当前屏的第十一用户输入，响应于所述第十一用户输入，所述当前屏进入编辑状态，所述卡片呈透明或半透明，所述第一控件和/或所述N个控件中一个控件恢复至响应所述第一用户输入之前所述当前屏上第一图标和/或所述N个图标中相应图标的大小及其位置；检测到所述当前屏上所述第一区域内的任意一个或多个图标拖动至所述第一区域外并释放，或者，检测到所述当前屏上所述第一区域外的任意一个或多个图标拖动至所述第一区域内并释放，响应于上述检测结果，所述第一卡片相应更新；所述更新后的第一卡片的第一卡片内容与更新后的第一图标相对应。这样，就提供了一种在所述当前屏进入编辑状态后，将第一区域内的图标拖动至第一区域外并释放后，或者，将第一区域外的图标拖动至第一区域内并释放后，更新显示所述第一卡片的方式。从而，便于用户通过该方式来更新显示第一卡片。进一步地，还可以对第二卡片进行相应的操作，进而获取相应的结果。由于对第二卡片的操作和获取的结果与对第一卡片的操作和获取的结果相应，在此不再赘述。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一卡片在所述当前屏上随拖动手势移动。这样，就提供了一种操作方式；第一卡片在所述当前屏上随拖动手势直接拖动，不用再通过诸如长按的手势解除固定后，再拖动。从而，更加方便用户操作，提升用户体验。进一步地，还可以对第二卡片进行相应的操作，进而获取相应的结果。由于对第二卡片的操作和获取的结果与对第一卡片的操作和获取的结果相应，在此不再赘述。

根据第二方面，或者以上第二方面的任意一种实现方式，在选中所述第一卡片，拖动至所述当前屏上所述第一卡片和/或所述第二卡片以外的区域释放后，所述第一卡片包括的内容没有变化。这样，就使得所述第一卡片拖动至所述当前屏上所述第一卡片和/或所述第二卡片以外的区域，不会自动切换显示新的第一卡片。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一卡片和所述第二卡片的形状是预先设置的。优选地，所述第一卡片和第二卡片的形状预先设置相同。这样，用户观看到的卡片形状相同，体验较好。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一卡片的形状为圆角矩形，所述圆角矩形覆盖所述桌面上图标排列的若干行和若干列。这样，就使得第一卡片的形状与所述当前屏上第一卡片以外区域的图标的排列保持一致。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一卡片还包括：第一子控件，所述第一子控件在所述第一卡片上的区域为第一子区域；所述第一卡片内容在所述第一卡片上的区域为第三区域；所述第一子区域在所述第三区域以外；检测到对所述第一子控件的第十二用户输入，所述第一卡片内容停止显示，与所述第一卡片内容对应的第二子控件显示在所述第二子区域上，与所述第一子控件对应的第三卡片内容显示在所述第三区域上；所述第二子区域在所述第三区域以外；所述第一卡片内容和所述第三卡片内容分别对应所述第一应用的不同功能和/或不同信息。这样，就使得用户通过对第一子控件的用户输入，实现对第一应用的不同功能和/或不用信息对应的卡片内容的切换。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一子区域与所述第二子区域相同；或者，所述第一子区域与所述第二子区域不同。

根据第二方面，或者以上第二方面的任意一种实现方式，所述第一卡片内容还包括：第二子控件；所述第一卡片内容在所述第一卡片上的区域为第三区域；检测到对所述第二子控件的第十三用户输入，所述第一卡片内容停止显示，与所述第二子控件对应的第四卡片内容显示在所述第三区域上。这样，就能通过卡片内容包括的控件实现不同的卡片内容的切换，更加方便用户。

根据第二方面，或者以上第二方面的任意一种实现方式，电子设备包括但不限于手机、平板电脑、手表、手环、电脑、眼镜、头盔、电视、车载设备等智能设备。

需要说明的是，有关第二方面的任意一种实现方式，在没有特殊说明的情况下，也适用于第一方面；有关第一方面的任意一种实现方式，在没有特殊说明的情况下，也适用于第二方面。

第三方面，提供一种电子装置。该电子装置包括：显示模块，所述显示模块显示所述电子设备的桌面的当前屏，所述当前屏显示若干个图标；检测模块，检测到对所述若干个图标中一个第一图标的第一用户输入；所述显示模块还用于，响应于所述第一用户输入，在所述当前屏显示第一卡片，所述第一卡片未占满所述当前屏；所述第一图标为第一文件夹图标，所述第一文件夹图标至少包括第一应用图标，所述第一应用图标对应第一应用；或者，所述第一图标为第一应用图标，所述第一应用图标对应第一应用；所述第一卡片至少包括：第一卡片内容，所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容，M为大于等于1的正整数；N个控件，所述N个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标，N为大于等于1的正整数；所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。

第三方面的任意一种实现方式分别与第二方面的任意一种实现方式相对应。第三方面以及第三方面中任意一种实现方式所对应的技术效果可参见上述第二方面以及第二方面中任意一种实现方式所对应的技术效果，此处不再赘述。

第四方面，提供一种计算机可读存储介质，包括指令，当所述指令在电子设备上运行时，使得所述电子设备执行第二方面以及第二方面中任意一种实现方式中的卡片显示方法。

另外，第四方面中任意一种实现方式和对应的技术效果可参见上述第二方面的实现方式和对应的技术效果以及第二方面中任意一种实现方式和对应的技术效果，此处不再赘述。

第五方面，提供一种电子设备上的图形用户界面系统。所述电子设备具有显示屏、存储器、以及一个或多个处理器，所述一个或多个处理器用于执行存储在所述存储器中的一个或多个计算机程序，所述图形用户界面包括所述电子设备执行第二方面以及第二方面中任意一种实现方式的方法时显示的图形用户界面。

第六方面，提供一种计算机程序产品，当其在计算机上运行时，使得计算机执行如第二方面以及第二方面中任意一种实现方式中的卡片显示方法。

另外，第六方面中任意一种实现方式和对应的技术效果可参见上述第二方面的实现方式和对应的技术效果以及第二方面中任意一种实现方式和对应的技术效果，此处不再赘述。

第七方面，提供一种电子系统，包括：电子设备和服务器；所述电子设备包括显示屏和通信接口；所述服务器包括一个或多个处理器、存储器以及一个或多个计算机程序，所述一个或多个计算机程序存储在所述一个或多个存储器中，所述一个或多个处理器在执行所述一个或多个计算机程序时，使得所述电子系统实现第二方面以及第二方面中任意一种实现方式的卡片显示方法。

另外，第七方面中任意一种实现方式和对应的技术效果可参见上述第二方面的实现方式和对应的技术效果以及第二方面中任意一种实现方式和对应的技术效果，此处不再赘述。

附图说明

为了更清楚地说明现有技术和本申请实施例中的技术方案，下面将对现有技术和本申请实施例描述中所需要使用的附图作一简单地介绍。显而易见地，下面描述中的附图涉及本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为提供的弹出窗口显示的用户界面示意图。

图2为提供的卡片管理操作的用户界面示意图。

图3为本申请实施例提供的电子设备的结构示意图。

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

图5为本申请实施例提供的卡片显示方法的软件流程示意图。

图6为本申请实施例提供的卡片显示方法的流程示意图。

图7为本申请实施例提供的卡片显示方法涉及的图层的结构示意图。

图8为本申请实施例提供的卡片显示方法涉及的卡片层基板生成的示意图。

图9为本申请实施例提供的卡片显示方法的用户界面的示意图。

图10为本申请实施例提供的卡片显示方法的用户界面的示意图。

图11为本申请实施例提供的卡片显示方法的用户界面的示意图。

图12为本申请实施例提供的卡片显示方法的用户界面的示意图。

图13为本申请实施例提供的卡片显示方法的用户界面的示意图。

图14为本申请实施例提供的卡片显示方法的用户界面的示意图。

图15为本申请实施例提供的卡片显示方法的用户界面的示意图。

图16为本申请实施例提供的卡片显示方法的用户界面的示意图。

图17为本申请实施例提供的卡片显示方法的用户界面的示意图。

图18为本申请实施例提供的卡片显示方法的用户界面的示意图。

图19为本申请实施例提供的卡片显示方法的用户界面的示意图。

图20为本申请实施例提供的卡片显示方法的用户界面的示意图。

图21为本申请实施例提供的卡片显示方法的用户界面的示意图。

图22为本申请实施例提供的卡片显示方法的用户界面的示意图。

图23为本申请实施例提供的卡片显示方法的用户界面的示意图。

图24为本申请实施例提供的卡片显示方法的用户界面的示意图。

图25为本申请实施例提供的卡片显示方法的用户界面的示意图。

图26为本申请实施例提供的卡片显示方法的用户界面的示意图。

图27为本申请实施例提供的卡片显示方法的用户界面的示意图。

图28为本申请实施例提供的卡片显示方法的用户界面的示意图。

图29为本申请实施例提供的卡片显示方法的用户界面的示意图。

图30为本申请实施例提供的卡片显示方法的用户界面的示意图。

图31为本申请实施例提供的卡片显示方法的用户界面的示意图。

图32为本申请实施例提供的卡片显示方法的用户界面的示意图。

图33为本申请实施例提供的卡片显示方法的用户界面的示意图。

图34为本申请实施例提供的卡片显示方法的用户界面的示意图。

图35为本申请实施例提供的卡片显示方法的用户界面的示意图。

图36为本申请实施例提供的卡片显示方法的用户界面的示意图。

图37为本申请实施例提供的卡片显示方法的用户界面的示意图。

图38为本申请实施例提供的卡片显示方法的用户界面的示意图。

图39为本申请实施例提供的卡片显示方法的用户界面的示意图。

图40为本申请实施例提供的卡片显示方法的用户界面的示意图。

图41为本申请实施例提供的卡片显示方法的用户界面的示意图。

图42为本申请实施例提供的卡片显示方法的用户界面的示意图。

图43为本申请实施例提供的电子设备的结构示意图。

具体实施方式

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

需要说明的是，本申请实施例中的“第一”、“第二”等描述，是用于区分不同的图标、内容、模块、应用等，不代表先后顺序。在没有特殊说明的情况下，两者是不同的。比如，第一应用与第二应用不同。

通常来说，卡片是一种具有封闭轮廓的信息载体，以浓缩的形式直观快捷地提供重要或密切相关的信息，用于上述信息的显示和交互。在实践中，卡片主要显示在电子设备的桌面的负一屏上。以图1为例阐述桌面的概念。在页面a中，用户界面102包括：导航栏区域1022，状态栏区域1026，以及位于导航栏区域1022和状态栏区域1026之间的桌面的第二屏。所述桌面的第二屏包括固定图标区域1023、页面指示符区域1024和可滑动的页面区域1025。同样地，桌面的负一屏、桌面的第一屏和桌面的第三屏包含的区域也都包括固定图标区域、页面指示符区域和可滑动的页面区域。从页面指示符区域1024可知，桌面共包括负一屏、第一屏、第二屏和第三屏。故在页面a中，桌面的负一屏、桌面的第一屏、桌面的第二屏和桌面的第三屏共同组成了桌面。其中，桌面上桌面的第二屏以外的屏所包括的可滑动的页面区域，可以显示一个或多个图标。在一些可选的实施例中，导航栏可以被隐藏；在一些可选的实施例中，状态栏可以被隐藏；在一些可选的实施例中，导航栏和状态栏集成为一体。桌面的负一屏位于电子设备显示桌面时，向左滑动到最左侧时显示的用户界面上。桌面的第一屏、桌面的第二屏、桌面的第三屏等位于自桌面的负一屏开始，向右滑动后依次显示的用户界面上。需要说明的是，页面a仅为示例，并不用于限制本申请桌面的范围。

卡片的形状通常为圆角矩形，类似于信用卡的形状，当然也可以为其他形状。卡片使得电子设备的用户更为方便直观地获取信息及执行操作，因而应用广泛。不过，现有的卡片显示位置固定，不够灵活；卡片的显示和切换操作繁琐，管理成本高；卡片只显示单个应用的信息，导致对其他应用的操作不够便利。因此，需要提供一种操作简单、显示位置灵活变化以及方便对其他应用操控的卡片显示方法。

以快捷进入支付宝付款码这一功能为例对图1进行说明。在页面a中，用户长按用户界面102显示的支付宝图标1021；之后用户界面102切换为页面c所示的用户界面104；用户界面104显示位于支付宝图标1021上方的弹出窗口1041；用户再触摸弹出窗口1041内的支付宝付款码10410，实现对支付宝应用下的付款码功能的快捷进入。这样，虽然不需要切换至桌面的其他屏，仅需在桌面的第二屏这一当前屏上操作，但这种操作需要两步，仍不够便利。并且，在打开支付宝应用下的付款码后，该付款码会占据整个桌面的第二屏，形成付款码界面。若用户想切换至用户界面上显示的其他应用，则需先退出该付款码界面，再触摸用户界面上的其他图标，不够便利。另外，若用户要查看或触摸如页面c所示的用户界面104上被弹出窗口10410遮挡的内容或图标，则需先触摸用户界面104上的其他位置，比如用户界面104上的空白位置，使得弹出窗口10410消失，再查看或触摸上述被遮挡的内容或图标，操作较为繁琐。并且弹出窗口10410也不能固定显示在用户界面104 上。比如一旦打开某个应用，再返回后，用户界面102不会显示上述弹出窗口 1041；若要快捷进入支付宝付款码，则还需再次长按用户界面102上显示的支付宝图标1021，操作较为繁琐。

图2为提供的一种卡片显示方法中不同卡片显示切换的用户界面示意图。界面200显示有桌面的负一屏。以在界面200上取消显示卡片2002为例。用户在图2a所示的界面200上触摸按钮2001；图2a所示的界面200切换至图2b所示的界面 201；用户在图2b所示的界面201上触摸按钮2011；图2b所示的界面201切换至图 2c所示的界面202；用户在图2c所示的界面202上触摸按钮2021；在返回至桌面的负一屏后，此时桌面的负一屏为如图2d所示，已经不再显示卡片2002。这样，若想对不同卡片的显示切换进行管理，则需要先进入设置界面，在设置界面上再浏览设置。操作较为繁琐。

本申请实施例提供的卡片显示的方法可以应用于图3所示的电子设备100中。图3示出了电子设备100的结构示意图。

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

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

充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142，充电管理模块140与处理器110。电子设备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，其执行程序指令以生成或改变显示信息。

显示屏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反馈的数据。摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。

视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3， MPEG4等。

NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。

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

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

电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风 170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

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

陀螺仪传感器180B可以用于确定电子设备100的运动姿态。气压传感器180C 用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。磁传感器180D包括霍尔传感器。加速度传感器 180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。距离传感器 180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。环境光传感器180L用于感知环境光亮度。指纹传感器180H用于采集指纹。电子设备 100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。温度传感器180J用于检测温度。

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

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分离。电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。

本申请实施例提供了卡片显示方法、电子设备及计算机可读存储介质，使得用户通过简便操作，甚至仅需一步操作，即可在桌面的当前屏上实现卡片的快捷显示及切换，同时对当前的图标格局影响较小，操作便利，提升用户体验。其中，桌面的当前屏为桌面的任意屏，可以为桌面的负一屏、桌面的第一屏、桌面的第二屏、桌面的第三屏等中的任意一屏。

图4是本申请实施例的电子设备100的软件结构框图。分层架构将软件分成若干层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为五层，从上至下分别为应用程序层，系统框架层，系统库与运行时层、硬件抽象层和内核层。应用程序层可以包括一系列应用程序包。如图4 所示，应用程序包可以包括桌面管理器，联系人，日历，短信，音乐等程序。其中，桌面管理器用于管理并显示所有的普通应用程序的图标以及其对应的卡片信息，其在桌面上没有图标；当用户触发卡片显示操作时，加载并显示出卡片信息。普通应用程序，类似联系人、日历等可在桌面上点击图标的程序，用于提供卡片显示相关的数据。

系统框架层为应用程序层的应用程序提供应用编程接口(ApplicationProgramming Interface，API)和编程框架，包括各种组件和服务来支持开发者的安卓开发。系统框架层包括一些预先定义的函数。如图4所示，系统框架层可以包括视图系统、输入管理器、卡片服务管理器、资源管理器、窗口管理器、内容提供器等。视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。输入管理器用于管理触摸事件，实现对触摸事件的派发。卡片服务管理器用于接收桌面的应用程序App(Application)发布的卡片信息并保存起来，同时提供接口供桌面程序查询App的卡片信息。以Android系统为例，卡片服务管理器可作为一个常驻在 Andorid系统的Service进程，提供一个远程调用接口接收App发布的卡片信息，同时提供另一个远程调用接口供桌面程序查询卡片信息。卡片服务管理器保存App的唯一ID和该App对应的卡片信息。其中，该App对应的卡片信息以数据结构的形式发布和保存。该App的唯一ID可以为该App的应用包名称(PackageName)或者应用包名称的哈希码。资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

系统库与运行时层包括系统库和安卓运行时(Android Runtime)。系统库可以包括多个功能模块。例如：浏览器内核，3D图形库(例如：OpenGL ES)，字体库等。浏览器内核负责对网页语法的解释(如标准通用标记语言下的一个应用 HTML、JavaScript)并渲染(显示)网页。3D图形库用于实现三维图形绘图，图像渲染，合成和图层处理等。字体库用于实现不同字体的输入。安卓运行时包括核心库和虚拟机。安卓运行时负责安卓系统的调度和管理。核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

硬件抽象层是设备内核驱动的抽象接口，实现向更高级别的Java API框架提供访问底层设备的应用编程接口。HAL包含多个库模块，其中每个库模块都为特定类型的硬件组件实现一个接口。

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

TM系统的基础。

TM系统最终的功能实现都是通过内核层完成。

图5为本申请实施例提供的卡片显示方法的软件流程示意图。如图5所示，电子设备的应用程序层运行的有关桌面的应用程序包括两类，桌面管理器502和诸如天气504、日历505等普通应用程序。可选地，天气504、日历505等普通应用程序预先设置有卡片信息，并在一定条件下向系统框架层的卡片服务管理器503传送该普通应用程序对应的卡片信息。在有些实施例中，所述普通应用程序预先设置有卡片信息包括在所述普通应用程序中通过RemoteViews数据结构来预先设置卡片信息，如定义有RemoteViews及其坐标布局，设置有RemoteViews的字体颜色、字符串内容、图标和响应用户输入的操作等数据信息。在有些实施例中，所述普通应用程序预先设置有卡片信息包括在所述普通应用程序中通过xml文件这一数据结构描述的关于卡片布局的卡片信息。

在所述普通应用程序中通过RemoteViews数据结构来预先设置卡片信息的部分伪代码如下：

……

RemoteViews remoteView＝new RemoteViews(getPackageName(),R.layout.layout_notification)

remoteView.setTextColor(R.id.re_text,Color.RED)

remoteView.setTextViewText(R.id.re_text,"remote view demo")

remoteView.setImageViewResource(R.id.re_image,R.drawable.btn_me_share)

remoteView.setOnClickPendingIntent(R.id.re_image,pendingIntent)

……

在所述普通应用程序中通过xml文件这一数据结构描述的关于卡片布局的卡片信息的部分伪代码如下：

可以根据需要扩展定义上述xml文件。

在完成上述一系列的预先设置后，所述普通应用程序会在一定的条件下，比如在所述普通应用程序的数据发生变化时，或者在开机启动后，向系统框架层的卡片服务管理器503传送该普通应用程序对应的卡片信息。卡片服务管理器503接收并保存所述卡片信息。卡片服务管理器503可以以列表的形式保存每个图标对应的ID 与该ID对应的卡片信息。桌面管理器基于用户输入来确定是否查询卡片，并根据查询结果，在电子设备的桌面的当前屏上生成并显示卡片。用户输入可以为用户的手势输入，也可以为用户的语音指令输入。其中，用户的手势，可以为用户在触摸屏上的手势，也可以为与桌面的当前屏隔空滑动的手势。以用户在电子设备的触摸屏上输入第一手势为例，触摸屏检测到第一手势并经系统框架层的输入管理器501将第一手势上报至应用程序层的桌面管理器502。桌面管理器502接收第一手势，并判断第一手势是否符合预先设定的手势；若符合，桌面管理器502基于第一手势，获取欲作为基准用于显示卡片的第一图标，进而获取该第一图标对应的ID，桌面管理器502基于该ID向卡片服务管理器503查询该ID对应的卡片信息，卡片服务管理器503向桌面管理器502传送该ID对应的卡片信息；基于接收到的该ID对应的卡片信息，桌面管理器502生成显示卡片。

可选地，系统框架层无需设置卡片服务管理器503；天气504、日历505等普通应用程序设置有各自的卡片服务管理器；桌面管理器502基于上述ID向天气504、日历505等普通应用程序各自的卡片服务管理器查询该ID对应的卡片信息，与该ID 相同的普通应用程序通过其卡片服务管理器向桌面管理器502传送该ID对应的卡片信息，与该ID不同的普通应用程序则不通过其卡片服务管理器向桌面管理器502传送卡片信息；桌面管理器502基于接收到的该ID对应的卡片信息生成卡片。

上述的预先设置可以为电子设备厂商在电子设备出厂前对其自行开发应用进行预先设置。比如刚出厂的电子设备，该电子设备上还未安装非该电子设备厂商自行开发应用以外的应用。再比如，电子设备厂商与第三方应用提供商提前协商一致，在通过电子设备自带的应用市场下载的第三方应用是经过上述预先设置的。当然，电子设备上的应用也可以为部分应用经过预先设置，部分应用没有经过预先设置。

图6为本申请实施例提供的卡片显示方法的实现流程示意图。其中，图6a示出了卡片显示方法的实现流程示意图。如图6a所示，在S601，开机启动后，卡片服务管理器扫描普通应用程序App，获取提供卡片信息的App列表，并通知App更新卡片信息；或者，桌面的普通应用程序App的数据发生变化；在S602，App组装卡片信息，并将普通应用程序App的ID及该ID对应的卡片信息向卡片服务管理器传送，卡片服务管理器获取并保存该ID及与该ID对应的卡片信息；该ID不仅与卡片信息对应，还与App相对应；在S603，桌面管理器检测用户输入；在S604，判断用户输入是否符合预设输入；若用户输入不符合预设输入，则返回S604；若用户输入符合预设输入，则执行S605；在S605，桌面管理器根据用户输入确定要作为基准用于显示卡片的第一图标对应的ID，从卡片服务管理器查询读取对应的卡片信息；在 S606，在电子设备的桌面的当前屏上，基于所述卡片信息生成显示卡片。

用户输入可以为用户的手势输入，也可以为用户的语音指令输入。其中，用户的手势，可以为用户在触摸屏上的手势，也可以为与桌面的当前屏隔空滑动的手势。以用户在电子设备的触摸屏上输入第一手势为例。

相应地，S604就具体为判断第一手势是否符合预设手势；若第一手势不符合预设手势，则返回S604；S605就具体为桌面管理器根据第一手势确定要作为基准用于显示卡片的第一图标对应的ID，从卡片服务管理器查询读取对应的卡片信息。

可选地，判断第一手势是否符合预设手势，具体为，判断第一手势的滑动方向是否符合预设的滑动方向。

可选地，桌面管理器根据第一手势确定要作为基准用于显示卡片的第一图标对应的ID，从卡片服务管理器查询读取对应的卡片信息；具体为，桌面管理器根据第一手势的起点确定要作为基准用于显示卡片的第一图标对应的ID，从卡片服务管理器查询读取对应的卡片信息。

图6b示出了图6a中步骤S606进一步细化的流程示意图。在S6061，将所述卡片信息解析为卡片视图，并获取卡片视图的默认形状和默认大小；在S6062，根据卡片视图的默认形状和默认大小以及用于作为基准来显示卡片的第一图标，获取基于第一图标显示的卡片所覆盖的区域，也即第一区域；并获取在所述电子设备的桌面的当前屏上的所有卡片恢复至图标状态后，所述第一区域显示的图标，此时所述桌面的当前屏不显示任何卡片；在S6063，执行卡片视图显示动画；在S6064，执行所述第一区域对应的图标的缩小显示动画，即上述图标缩小后以控件的形式显示在卡片上，此时就没有图标位于第一区域上。

在有些实施例中，可以不包含S6064；在显示卡片后，所述第一区域对应的图标被卡片遮挡，同时在卡片上也显示上述图标对应的控件。

其中，卡片信息包含了卡片视图在显示后的默认形状、默认大小和卡片内容。卡片内容包括各元素的内容。所述各元素的内容为该卡片信息对应的普通应用程序在打开后显示的内容界面或功能界面包含的内容。所述内容界面包括内容简化界面。所述功能界面包括功能简化界面。所述内容简化界面的内容少于所述内容界面的内容。所述功能减少界面的内容少于所述功能界面的内容。

可选地，要作为基准用于显示卡片的第一图标根据第一手势的起点确定。

可选地，每个普通应用程序的卡片信息所包括的卡片视图的默认形状和/或默认大小可以相同，也可以不同。优选地，每个普通应用程序的卡片信息所包括的卡片视图的默认形状和默认大小相同。在每个普通应用程序在预先设置时，会建议设置相同的卡片视图的默认形状和默认大小。

可选地，在卡片显示桌面的当前屏之后，还可以根据用户的输入来改变卡片的形状和大小。

可选地，S4063和S4064可以合并为一个步骤，执行卡片视图显示及所述第一区域显示的图标的缩小显示动画。即卡片视图显示动画和所述第一区域显示的图标的缩小显示动画同时进行，不再区分先后顺序。或者，将卡片视图显示动画和所述第一区域显示的图标的缩小显示动画合并为一个动画——卡片视图显示及所述第一区域显示的图标的缩小显示动画，在S4063和S4064合并的步骤中执行。

可选地，S4063和S4064可以互换顺序。即先执行第一区域显示的图标的缩小显示动画，再执行卡片视图显示动画。

需要说明的是，图6b所示的流程仅仅是图6a中S606进一步细化的一种实施例，图6a中S606还可以有其他细化的实施例。

图7为本申请实施例提供的卡片显示方法涉及的图层的结构示意图。如图7a所示，本申请实施例提供的卡片显示方法涉及三个图层：图标层701、卡片层702和壁纸层703。图标层701包含电子设备的桌面的当前屏上显示的图标。卡片层702包含电子设备的桌面的当前屏上显示的卡片。壁纸层703包含电子设备的桌面的当前屏上显示的壁纸。在电子设备的桌面的当前屏上没有图标时，电子设备的桌面的当前屏上没有图标层。同样地，在电子设备的桌面的当前屏上没有卡片和/或壁纸时，电子设备的桌面的当前屏上没有卡片层和/或壁纸层。下面以卡片层包含的卡片7021为例，进一步阐述卡片7021上的区域划分。

如图7b所示，按照显示区域划分，卡片7021包含卡片标题栏70213和卡片内容区70214。其中，卡片标题栏70213包含第一控件区70211和第二控件区70212。卡片7021在所述电子设备的桌面的当前屏上的区域为第一区域；在所述电子设备的桌面的当前屏上所有卡片都恢复至图标状态后，所述第一区域显示的图标包括第一图标和其他图标。在有些实施例中，第一控件区70211仅显示与第一图标对应的第一控件；第二控件区70212显示与其他图标对应的N个控件。在有些实施例中，第一控件区70211不显示与任何图标对应的控件；第二控件区70212显示与其他图标对应的控件，或者，第二控件区70212显示与除第一图标和其他图标以外的任意图标对应的控件。

其中，第一控件区70211显示的第一控件可以为一个应用的图标或一个文件夹的图标缩小一定比例后显示的控件；第二控件区70212显示的N个控件为N个图标缩小另外比例后显示的控件；所述N个图标包含应用的图标和/或文件夹的图标。卡片内容区70214上显示的内容与第一图标相关联，也与第一控件相关联。

可选地，卡片标题栏70213位于卡片7021的上部；卡片内容区70214位于卡片 7021的下部；此时卡片标题栏70213横向排列。可选地，卡片标题栏70213位于卡片7021的下部；卡片内容区70214位于卡片7021的上部；此时卡片标题栏70213 横向排列。可选地，卡片标题栏70213位于卡片7021的左侧；卡片内容区70214位于卡片7021的右侧；此时卡片标题栏70213竖向排列。可选地，卡片标题栏70213 位于卡片7021的上部；卡片内容区70214位于卡片7021的下部；此时卡片标题栏 70213竖向排列。

可选地，第一控件区70211位于卡片标题栏70213的左侧；第二控件区70212 位于卡片标题栏70213的右侧。可选地，第一控件区70211位于卡片标题栏70213 的右侧；第二控件区70212位于卡片标题栏70213的左侧。可选地，第一控件区70211位于卡片标题栏70213的上部；第二控件区70212位于卡片标题栏70213的下部。可选地，第一控件区70211位于卡片标题栏70213的下部；第二控件区70212 位于卡片标题栏70213的上部。

以上有关卡片标题栏70213、卡片内容区70214位于卡片7021的上部、下部、左侧、右侧分别为卡片标题栏70213、卡片内容区70214位于卡片7021区域之内的上部、下部、左侧、右侧。

以上有关第一控件区70211、第二控件区70212位于卡片标题栏70213的上部、下部、左侧和右侧分别为第一控件区70211、第二控件区70212位于卡片标题栏 70213区域之内的上部、下部、左侧和右侧。

可选地，第二控件区70212还可以位于卡片标题栏70213之外，比如位于卡片标题栏70213区域之外的上部。可选地，卡片7021区域之外的上部设置有悬浮球，悬浮球在被触摸后，才显示第二控件区70212。

除了上述方式以外，本领域技术人员所能想到的其他方式都在本申请实施例的保护范围之内；此处不再一一赘述。

如图7c所示，按照内容显示的一致性划分，卡片7021包括卡片层基板70215 和第二控件区70212。其中，卡片7021上除了第二控件区70212以外的区域都属于卡片层基板70215。可选地，第二控件区70212可以位于卡片7021区域之内的左上角、右上角、左下角、右下角、上部、下部、左侧、右侧。在第二控件区70212位于卡片7021区域之内的上部、下部时，第二控件区横向排列。在第二控件区70212 位于卡片7021区域之内的左侧、右侧时，第二控件区竖向排列。可选地，第二控件区70212可以位于卡片7021区域之内的其他任意位置。

可选地，第二控件区70212可以位于卡片7021区域之外，比如位于卡片7021 区域之外的上部。可选地，卡片7021的外围上部设置有悬浮球，悬浮球在被触摸后，显示第二控件区70212。除了上述方式以外，本领域技术人员所能想到的其他方式都在本申请实施例的保护范围之内；此处不再一一赘述。

在电子设备的桌面的当前屏上，图标层701和壁纸层703可以一直存在；而卡片层702则有时可以不存在。在之前没有卡片层的情形下，在第一输入触发下，卡片7021会被触发生成显示。卡片7021被触发生成显示，也表明卡片层702被生成显示。同时，图标层701上被卡片7021覆盖的图标会被卡片7021吸收，并缩小比例后以控件的形式显示在卡片7021上，此时图标层701包含的图标数会减少。类似地，卡片7021在第二手势触发下，会被触发转换为图标；之前被吸收且缩小比例后以控件形式显示在卡片7021上的控件会恢复至被吸收前的图标大小和位置。可选地，在有些情形下，卡片层702位于图标层701和壁纸层703之间；在有些情形下，卡片层702位于图标层701之上。

需要说明的是，第一控件区的圆形、第二控件区的跑道矩形仅用于标识第一控件区、第二控件区在卡片层的位置，并非用于限制第一控件区、第二控件区的形状。第一控件区、第二控件区的形状可以为任意形状，包括但不限于圆形、矩形、圆角矩形、跑道矩形等。卡片的圆角矩形仅为卡片形状的示意性举例；并非用于限制卡片的形状。卡片的形状可以为其他形状。所述其他形状为本领域技术人员所能想到的任意形状；包括但不限于圆角矩形、跑道矩形等。

图8为本申请实施例提供的卡片显示方法涉及的卡片层基板生成的示意图。图 8a和图8b分别示出了卡片层基板生成的两种不同方式。以日历应用的图标为例。在图8a中，图标801表示日历应用的图标。在基于日历应用的图标801生成显示卡片层基板800的过程中，显示内容区802逐渐增大；图标801的大小保持不变、缩小一定比例或放大一定比例。但图标801在显示内容区802的位置逐渐靠近显示内容区802的左上角。最终，显示内容区802增大至802’时，不再增大；此时，图标801 位于显示内容区802’的左上角。从而，生成了卡片层基板800。在图8b中，图标包括两部分：数字16和显示内容区。其中811表示数字16，812表示显示内容区。数字16为日历应用的标识符，用于表示今天为16日。数字16的选取仅为举例性说明，随着时间变化，会同步变化。比如今天为16日，在明天时，日历应用的标识符会相应地由数字16变为数字17。在基于日历应用的图标生成卡片层基板的过程中，显示内容区812逐渐增大；数字16 811也逐渐增大，并逐渐靠近显示内容区812的左上角。最终，显示内容区812增大至812’时，不再增大；数字16 811增大至811’时，也不再增大；此时，数字16 811’位于显示内容区812’的左上角。从而，生成了卡片层基板810。上述卡片层基板的两种生成方式仅用于示意性举例，并非用于限制卡片层基板的生成方式。本领域技术人员所能想到的卡片层基板的任意生成方式均在本申请实施例的保护范围之内。

可选地，图8a中日历应用的图标也可以位于卡片层基板的右上角。

可选地，图8a中日历应用的图标也可以位于卡片层基板的其他位置；显示内容区也可以位于卡片层基板的另外位置。只要上述的其他位置与上述的另外位置不冲突即可。

图9为本申请实施例提供的卡片显示方法的用户界面的示意图。以备忘录应用图标为例说明。如页面一所示，在页面一所示的界面902上，用户以备忘录应用图标9021上的触摸点为起点，分别沿着页面一示出的方向移动手指，页面一所示的界面902切换至页面二所示的界面903。并在页面二所示的界面903上，生成卡片 9031。卡片9031在页面二上的区域为第一区域；所述第一区域在页面二的界面903 上显示的图标包括备忘录、播放器、文件管理、设置、图库、脸书、云共享、推特和QQ九个应用的图标。其中，与备忘录应用图标对应的第一控件也可以不显示在卡片9031上；与第一区域在界面903上显示的其他八个应用图标对应的控件显示在卡片9031的右上角。可选地，与备忘录应用图标对应的第一控件可以显示在卡片 9031的左上角。可选地，显示在卡片9031的右上角上的控件可以不对应上述八个应用图标，可以对应其他的图标，该其他的图标位于桌面上。该其他的图标可以位于桌面上的当前屏，也可以位于桌面上的其他屏。可选地，除了页面一示出的手势输入外，还可以为语音输入，如“基于备忘录图标显示卡片”。可选地，页面一示出的手势输入与显示该图标用于分享或删除的手势输入可以为相同或不同的手势输入；也就是说，本申请实施例支持两种不同的手势输入，分别用于基于图标生成显示卡片，以及显示该图标用于分享或删除的窗口；或者，本申请实施例支持一种手势输入，基于图标生成显示卡片并显示该图标用于分享或删除的窗口。可选地，上述窗口显示的“分享”和“删除”和/或对应的控件可以位于卡片上，如此就不需要再额外显示一个窗口。

卡片9031中右上角的控件的下部显示有备忘录应用的内容。如：上午9点在 302室开部门工作例会；中午和老周约时间讨论T项目进度；下午3点向客户展示 Demo；晚上8点给老妈打电话；晚上9点去补习班接孩子回家；晚上11点学习英语每日练。在页面二所示的界面903上，用户以手指在卡片9031上的触摸点920为起点，沿着页面二中示出的方向移动手指，卡片9031消失，停止显示，页面二所示的界面903切换至或返回至页面一所示的界面902。

可选地，在页面一所示的界面902上，用户以备忘录应用图标9021上的触摸点为起点，还可沿着页面一示出方向以外的方向移动手指，页面一所示的界面902切换至页面二所示的界面903。同样地，在页面二所示的界面903上，用户以手指在卡片9031上的触摸点为起点，沿着页面二中示出方向以外的方向移动手指，卡片9031 消失，停止显示，页面二所示的界面903返回至页面一所示的界面902。

优选地，从页面一所示界面902切换至页面二所示界面903对应的第一手势输入的滑动方向，与从页面二所示界面903返回至页面一所示界面902对应的第二手势输入的滑动方向，相反。

结合图5-图6可知，第一区域在页面一的界面902上显示的其他八个应用图标经缩小另外比例后以控件的形式显示在卡片9031的第二控件区；备忘录的内容显示在卡片9031的显示内容区。这样，在页面一的界面902上没有被第一区域显示的应用图标仍然可以通过触摸的方式或其他方式打开，且其位置没有变化，其格局没有影响。第一区域在页面一的界面902上显示的其他八个应用图标仅仅是缩小比例后显示在卡片的右上角，对当前的图标格局影响较小；并且其仍能通过触摸的方式或者其他方式打开，也没有增加用户操作的步骤。此外，卡片显示的内容为备忘录的内容，便于用户直观便利地获取，且仅需一步操作。若要查看卡片显示的更多备忘录内容，可以通过在卡片上另外方向的滑动等来查看更多的备忘录内容。因此，备忘录应用图标缩小一定比例后以控件的形式显示在卡片9031的第一控件区，即左上角，并非是必需的。因为，无需在卡片9031的第一控件区显示与备忘录应用图标对应的第一控件，用户也能获悉卡片内容显示的是备忘录应用打开后显示的内容界面或内容简化界面。

并且，本申请实施例提供的卡片显示方法，尤其适合在较长时长内一直需要查看该卡片的情形。比如，一家三口在某一天逛商场，为孩子、丈夫和妻子购买衣服、化妆品、学习用品等物品，并且在商场内吃饭、看电影，由于要频繁使用付款码，丈夫就可以在手机的桌面的当前屏上，通过一步操作生成显示支付宝卡片，该支付宝卡片显示有付款码。在使用时，直接拿出手机展示该卡片即可；在不使用时，将手机锁屏即可。如此就使得在消费者商场消费期间，无需频繁地进行付款码的打开和关闭之间的切换，方便使用。再进一步举例，若用户在一段时长内均需查看该备忘录，可以仅按照预设手势操作一次即可；待下次查看备忘录时仅需滑动至该屏，无需再次按照预设手势操作。在一段时长后，若用户想查看另外的应用的内容，或者显示另外的应用下的快捷功能，可以先关闭该卡片，之后以另外的应用图标上的触摸点为起点，按照预设手势操作，基于另外的图标生成显示卡片即可。

如此，卡片和图标可以在桌面的当前屏上共存，并且在桌面的当前屏上根据用户的手势即可生成卡片显示或者关闭卡片恢复至图标；用户可以在桌面的当前屏上直接查看卡片内容，同时用户还可以在该当前屏上卡片以外区域直接打开任意一个图标对应的应用，用户还可以直接在卡片上打开N个控件中的每一个控件对应的应用，操作便利，用户体验较好；比如，用户可以直接触摸微信图标打开微信应用；用户还可以直接触摸卡片右上角的对应QQ应用的控件，打开QQ应用。因此，用户既能直观地获取第一卡片内容，又能直接打开N个控件中的每一个控件对应的应用，还能直接对该当前屏进行操作，兼顾了用户对三方的使用便利，实现了在三方的使用便利上的平衡。此外，在本申请实施例提供的方法中，第一区域在页面一的界面902上显示的图标与卡片9031的转化具有磁吸的视觉效果，提升用户体验。

在有些实施例中，备忘录应用图标9021可以直接以控件的形式显示在卡片9031的左上角，并不需要缩小一定比例；还可以在放大一定比例后，以控件的形式显示在卡片9031的左上角。在有些实施例中，卡片9031可以不为圆角正方形，而为其他形状。所述其他形状为本领域技术人员所能想到的任意形状；包括但不限于圆角矩形、跑道矩形等。

在页面一示出的界面902上，用户并非只能沿着页面一示出的方向移动手指，用户可以沿着其他的方向移动手指。比如，斜向上45度、水平方向等任意方向，此处不做限制。在页面一上，第一手势输入用于基于图标生成卡片。基于第一手势输入，生成显示卡片9031。第一手势输入的起点可以位于备忘录应用图标9021上或者备忘录应用图标9021周围的一定区域内。第一手势输入的滑动方向为第一方向。第一方向可以只包含一个固定的方向，也可以包含不同的方向；比如先向左，再向上。另外，第一手势输入可以为在桌面的当前屏上触摸得到的手势输入。第一手势输入还可以为与桌面的当前屏隔空滑动的手势输入。比如，第一手势输入为与桌面的当前屏隔空绘制圆形的手势输入。此时，移动终端根据第一手势输入在桌面的当前屏上的垂直投影手势输入来基于图标生成卡片。同样地，在页面二示出的界面903 上，用户并非只能沿着页面二示出的方向移动手指，用户可以沿着其他的方向移动手指。在页面二上，第二手势输入用于基于卡片恢复图标。第二手势输入的起点可以位于卡片9031上或者卡片9031周围的一定区域内。第二手势输入的滑动方向为第二方向。第二方向可以只包含一个固定的方向，也可以包含不同的方向。第二手势输入的滑动方向与第一手势输入的滑动方向可以相反，也可以不相反。比如，第二手势输入的方向为页面二示出的方向，第一手势输入的方向可以为页面一上斜向上45度的方向。第一手势输入的滑动方向与第二手势输入的滑动方向的对应关系需要预先设置。优选地，第二手势输入的滑动方向与第一手势输入的滑动方向相反。

此外，第二手势输入的起点可以与第一手势输入的终点相同，也可以与第一手势输入的终点不同。第二手势输入的终点可以与第一手势输入的起点相同，也可以与第一手势输入的起点不同。

第一手势输入的起点可以位于欲转换为卡片的图标上，也可以位于欲转换为卡片的图标周围的一定区域内。其中，第一手势输入的起点位于欲转换为卡片的图标周围的一定区域内，可以为相较于所述起点与其他图标的中心之间的距离，所述起点与欲转换为卡片的图标的中心之间的距离最短。比如，欲转换为卡片的图标为备忘录应用图标，与其他图标相比，第一手势输入的起点与备忘录应用图标的中心之间的距离最短；那么第一手势输入的起点位于备忘录应用图标周围的一定区域内。如果第一手势输入的起点位于两个图标的正中间，距离两个图标的距离相等，且相较于距离其他图标的距离都最短，则按照预先设定的规则确定要基于哪一个图标来生成卡片。比如，第一手势输入的起点位于页面一上沿着水平方向的播放器应用图标和备忘录应用图标的正中间，由于自该起点后，第一手势输入与播放器应用图标的距离变短，而与备忘录应用图标的距离变长，则确定基于播放器应用图标生成卡片。当然，预设的规则可以为其他的规则。

可选地，还可以有其他方式来确定一个第一图标。比如，预设手势为只包括一个第一图标的封闭曲线，将该封闭曲线包括的一个第一图标确定为所述一个第一图标。

可选地，第一手势输入的起点位于欲转换为卡片的图标周围的一定区域内，还可以为第一手势输入的起点位于以欲转换为卡片的图标的中心为圆心，以预设长度为半径的圆形范围内。当然，第一手势输入的起点位于欲转换为卡片的图标周围的一定区域内不限于上述实施方式，本领域技术人员所能想到的其他实施方式也在本申请实施例的保护范围之内。

第二手势输入的起点可以位于欲转换为图标的卡片上，也可以位于欲转换为图标的卡片周围的一定区域内。其中，第二手势输入的起点位于欲转换为图标的卡片周围的一定区域内，可以为第二手势输入的起点位于以卡片的中心为圆心，以预设长度为半径的圆形范围内。以电子设备的桌面的当前屏上存在两个卡片为例。如果第二手势输入的起点都位于两个卡片周围的一定区域内，则确定与哪一个卡片的中心的距离最短，以其中心距离起点最短的卡片为欲转换为图标的卡片；如果与两个卡片的中心的距离相同，则按照预设的规则确定基于哪一个卡片转换为图标。以图 27c为例，第二手势输入的起点与卡片27042中心的距离和卡片27041中心的距离相等，由于卡片27042位于卡片27041的上方，则确定基于卡片27042恢复图标。当然，预设的规则可以为其他的规则。

可选地，第二手势输入的起点位于欲转换为图标的卡片周围的一定区域内，还可以为距离卡片的中心一定距离内的区域。当然，第二手势输入的起点位于欲转换为图标的卡片周围的一定区域内不限于上述实施方式，本领域技术人员所能想到的其他实施方式也在本申请实施例的保护范围之内。

第一手势输入的终点和第二手势输入的终点不做限定。第一手势输入的终点可以位于欲被卡片覆盖吸收的图标上；也可以位于欲被卡片覆盖吸收的图标周围的一定区域内。比如，第一手势输入的终点可以位于页面一上脸书应用图标的右侧。第二手势输入的终点可以位于欲转换为图标的卡片上；也可以位于欲转换为图标的卡片周围的一定区域内。比如，第二手势输入的终点可以位于页面二上卡片9031的下方。

响应于第一手势输入，基于图标生成卡片。优选地，响应于第一手势输入的起点和滑动方向，基于图标生成卡片。优选地，响应于第一手势输入的起点、滑动方向和终点，基于图标生成卡片。优选地，所述图标通过第一手势输入的起点确定。优选地，卡片的默认大小是预先设置好的。比如，在有些实施例中，普通应用程序 App提供的卡片信息预先设置卡片的默认大小为3行2列图标的圆角矩形。优选地，所述卡片的固定支点是根据所述图标的位置确定的。比如，页面二上卡片9031 右下角的固定支点根据备忘录应用图标9021的位置确定。优选地，所述卡片的生成方向是根据第一手势的滑动方向确定的。比如，从页面一至页面二，卡片9031的生成方向是根据第一手势的滑动方向确定的。

响应于第二手势输入，基于卡片恢复图标。优选地，响应于第二手势输入的起点，基于卡片恢复图标。优选地，响应于第二手势输入的起点和滑动方向，基于卡片恢复图标。优选地，第二手势输入的起点位于卡片上。优选地，第二手势输入的起点位于卡片上的特定区域。优选地，第二手势输入的起点位于卡片周围的一定区域内。

需要说明的是，在页面一-页面二以及后续的页面中，虽然均示出了手指在电子设备的屏上移动，但手指仅用于示意性举例，并非用于限制。触控笔等各种触控设备也在本申请实施例的保护范围之内。另外，第一手势输入并非限于在电子设备的触摸屏上触摸获取的手势输入；还可以包括在电子设备的触摸屏上的落点移动获取的手势输入。

在生成显示卡片之后，卡片显示的N个控件中的每一个控件为与N个图标中的每一个图标相关的控件，用户可以通过N个控件中的每一个控件打开与对应的一个应用。以图10为例，进一步展开说明。在页面三上，以在备忘录应用图标10021上的触摸点1010为起点，沿着页面三所示的滑动方向滑动后，页面三所示的界面1002 切换至页面四所示的界面1003。在界面1003上，卡片10031的右上角显示有控件。所述控件与图标相关。以控件中的图库控件为例说明。在用户触摸控件中的图库控件10032后，图库控件10032对应的图库应用会被打开；相应地，页面四所示的界面1003切换至页面五所示的界面1004。在界面1004上，用户可以进行对图库应用的正常操作。在操作完毕后，用户触摸按钮10041，则页面五所示的界面1004返回至页面四所示的界面1003。进一步地，用户还可以通过触摸页面四所示的界面1003 上的卡片10031以外区域显示的图标，比如触摸界面1003上的微信图标，打开微信应用，进入微信应用打开后的界面，并在微信应用打开后的界面完成操作后，通过触摸返回按钮，仍返回至页面四所示的界面1003。用户也可以先触摸界面1003上的微信图标，打开微信信用，进入微信应用打开后的界面，并在微信应用打开后的界面完成操作后，通过触摸返回按钮，仍返回至页面四所示的界面1003；之后，用户再触摸界面1003上的卡片10031上的图库控件10032，进入页面五所示的界面 1004，在操作完毕后，用户触摸按钮10041，返回至页面四所示的界面1003。

另外地，在生成显示卡片之后，卡片显示的控件还可以为与卡片覆盖图标以外图标相关的控件，用户可以通过N个控件中的每一个控件打开与对应的一个应用。以图11为例，进一步展开说明。在页面六上，以在备忘录应用图标11021上的触摸点1110为起点，沿着页面六所示的滑动方向滑动后，页面六所示的界面1102切换至页面七所示的界面1103。在界面1103上，卡片11031的右上角显示有控件。所述控件与卡片覆盖图标以外的图标相关。以控件中的学习控件为例说明。在用户触摸控件中的学习控件11032后，学习控件11032对应的学习应用被打开；相应地，页面七所示的界面1103切换至页面八所示的界面1104。在界面1104上，用户可以对学习应用进行正常操作。在操作完毕后，用户触摸按钮11041，则页面八所示的界面 1104返回至页面七所示的界面1103。第二控件区显示的控件与卡片内容存在操作上的后续联系或内容上的联系。比如，第二控件区显示控件，所述控件为诸如微信、QQ等用于分享的应用程序图标缩小另外比例后显示的控件。或者，第二控件区显示控件，所述控件与卡片内容相关联。比如，卡片内容包括“21点学习英语”，控件包括学习应用图标缩小另外比例后显示的控件。所述学习应用图标可以不显示在所述电子设备的桌面的当前屏上，比如显示在所述电子设备的桌面的其他屏上。进一步地，用户还可以通过触摸页面七所示的界面1103上的卡片11031以外区域显示的图标，比如触摸界面1103上的微信图标，打开微信应用，进入微信应用打开后的界面，并在微信应用打开后的界面完成操作后，通过触摸返回按钮，仍返回至页面七所示的界面1103。用户也可以先触摸界面1103上的微信图标，打开微信信用，进入微信应用打开后的界面，并在微信应用打开后的界面完成操作后，通过触摸返回按钮，仍返回至页面七所示的界面1103；之后，用户再触摸界面1103上的卡片11031上的图库控件11032，进入页面八所示的界面1104，在操作完毕后，用户触摸按钮 11041，返回至页面七所示的界面1103。

另外地，第一手势输入除了以页面一示出的以图标上的触摸点为起点，以页面一示出的方向为滑动方向的手势输入方式之外，还可有多种方式。图12就示出了包含图9示出方式在内的四种方式。其中，图12a示出的方式与图9示出的方式相同，此处不再赘述；图12c示出了在备忘录应用图标上双点触摸并向外滑动后，也会基于备忘录应用图标，生成图12b所示的卡片。图12d示出了在长按备忘录应用图标后，也会基于备忘录应用图标，生成图12b所示的卡片。图12e示出了在以备忘录应用图标上的触摸点为起点，以图12e示出的方向为滑动方向后，也会基于备忘录应用图标，生成图12b所示的卡片。从中可以看出，图12a、12d和图12e示出了通过单点触摸，基于图标生成卡片；图12c示出了通过双点触摸，基于图标生成卡片。除了图12c示出的双点触摸方式外，还可以通过三点触摸、四点触摸等多点触摸方式，来基于图标生成卡片。此处不再展开阐述。本领域技术人员应当理解的是，用于触发基于图标生成卡片的第一手势的具体实施方式，不限于上述方式，还可以为本领域技术人员所能想到的其他任意方式。此处不再赘述。

在不同的实施例中，在第一手势输入的触发下，基于图标生成的卡片也可以有多种不同的覆盖范围。以第一手势输入的起点在备忘录应用图标上，第一手势的方向为向上滑动为例。图13示出了基于图标生成的卡片覆盖了不同范围的三种方式。在有些实施例中，如页面九-页面十所示，在手指以备忘录应用图标上的触摸点为起点，按照页面九示出的方向滑动后，生成页面十示出的卡片13031；卡片13031覆盖的图标为备忘录、文件管理和脸书。在手指以卡片13031上的触摸点为起点，按照页面十示出的方向滑动后，卡片13031恢复成页面九示出的备忘录、文件管理和脸书应用的图标，页面十所示的界面恢复成页面九所示的界面。

在有些实施例中，如页面九和页面十一所示，在手指以备忘录应用图标上的触摸点为起点，按照页面九示出的方向滑动后，生成页面十一示出的卡片13031’；卡片13031’覆盖的图标为备忘录、播放器、文件管理、设置、脸书和推特。在手指以卡片13031’上的触摸点为起点，按照页面十一示出的方向滑动后，卡片13031’恢复成页面九示出的备忘录、播放器、文件管理、设置、脸书和推特应用的图标，页面十一所示的界面恢复成页面九所示的界面。

在有些实施例中，如页面九和页面十二所示，在手指以备忘录应用图标上的触摸点为起点，按照页面九示出的方向滑动后，生成页面十二示出的卡片13031”；卡片13031”覆盖的图标为备忘录、文件管理、脸书、支付宝、游戏和商城应用的图标。在手指以卡片上的触摸点为起点，按照页面十二示出的方向滑动后，卡片 13031”恢复成页面九示出的备忘录、文件管理、脸书、支付宝、游戏和商城应用的图标，页面十二所示的界面恢复成页面九所示的界面。

在上述不同的实施例中，响应于相同的第一手势输入的起点和方向，可以生成覆盖不同范围的卡片。页面九中的起点和方向仅为示意性举例；以其他的触摸点为起点，按照其他的方向滑动，均可以基于图标生成覆盖不同范围的卡片。比如，以备忘录应用图标上的触摸点为起点，向左横向滑动，可以基于备忘录应用图标生成覆盖备忘录、播放器、图库和邮件应用的图标，也可以基于备忘录应用图标生成覆盖备忘录、播放器和图库应用的图标等等。此处不再赘述。卡片覆盖的范围与第一手势的起点和方向之间的对应关系，需要预先设置。在设置完毕后，相同的第一手势只能生成覆盖范围相同的卡片。

除了页面二、页面四、页面七、图12b、页面十、页面十一和页面十二示出的不包含第一控件的卡片外，卡片还可以包含第一控件。相应地，包含第一控件的卡片可以为图14a、图14b、图14c、图14d和图14e所示。以图14a为例，进一步说明。在图14a上，第一控件区1402显示第一控件；第二控件区1401显示控件；卡片内容区1403显示卡片内容。

用于触发基于卡片恢复图标的第二手势输入，除了以页面二示出的以卡片上的触摸点为起点，以页面二示出的方向为滑动方向的手势输入的方式之外，还可有多种方式。图15就示出了其中的4种方式。其中，图15a示出了在卡片1504上双点触摸并向内滑动后，也会基于卡片1504，恢复成图15b所示的图标。图15c示出了在卡片1505上，选中卡片1505上的控件区15051，也会基于卡片1505，恢复成图 15b所示的图标。图15d示出了在界面1503’上，触摸卡片1506外的区域，也会基于卡片1506，恢复成图15b所示的图标。图15e示出了在卡片1507上，触摸卡片 1507上第二控件区任意一个图标，也会基于卡片1507，恢复成图15b所示的图标。界面1503、界面1503’、界面1503”和界面1503”’在基于卡片恢复成图标后的界面为1502。在图15a、15c、15d和15e中，卡片1504、卡片1505、卡片1506和卡片 1507均为相同卡片，界面1503、界面1503’、界面1503”和界面1503”’均为相同界面；只不过为了清楚说明，在不同的附图中，采用了不同的附图标记。除了图15a 示出的双点触摸方式外，还可以通过三点触摸、四点触摸等多点触摸方式，来基于卡片恢复成图标。此处不再展开阐述。

另外，图16示出了触发基于卡片恢复图标的第二手势输入的其他方式。图16a 所示的界面1604包含卡片16041，卡片16041包含第二控件区16042；待手指选中第二控件区16042后，图16a所示的界面1604切换为图16b所示的界面1605，此时卡片16041恢复成图标。

本领域技术人员应当理解的是，用于触发基于卡片恢复成图标的第二手势输入的具体实施方式，不限于上述方式，还可以为本领域技术人员所能想到的其他任意方式。此处不再赘述。

除了上述方式之外，还存在其他方式基于图标生成卡片以及基于卡片恢复成图标。图17就示出了另外一种基于图标生成卡片以及基于卡片恢复成图标的方式。在如图17a所示的界面1702上，以手指在备忘录应用图标上的触摸点为起点，沿着图 17a所示的方向向上滑动；图17a所示的界面1702就会变成图17b所示的界面 1703。同时，在界面1703上，生成卡片17031。此时，卡片17031悬浮在界面1703 上。在手指触摸卡片17031上的固定按钮17032后，界面1703切换为界面1704；同时，卡片17031切换为卡片17041，卡片17031包含的固定按钮17032切换为卡片 17041包含的关闭按钮17042。此时，卡片17041固定在界面1704上。在手指触摸关闭按钮17042后，界面1704返回至界面1702。这样，生成卡片后，卡片具有两种状态——悬浮状态和固定状态；当卡片处于悬浮状态，在检测到第一操作时，卡片由悬浮状态转换为固定状态；当卡片处于固定状态，在检测到第二操作时，卡片恢复成图标。可选地，当卡片处于固定状态，在检测到第三操作时，卡片由固定状态转换为悬浮状态。另外，在卡片处于悬浮状态时，可以将卡片拖动至其他位置，此时卡片的内容会随着该位置所覆盖的图标的变化而变化。

本申请实施例还提供了打开卡片上第二控件区中各控件所对应应用的多种方式。图18-图22示出了其中的几种方式。以打开推特应用为例。如图18所示，在图 18a上，以备忘录应用图标18021上的触摸点为起点，按照图18a示出的方向向上滑动后，生成卡片18031，此时的界面为图18b示出的界面1803。其中，第二控件区 18032位于卡片18031的上部。以在界面1803上打开推特应用为例。将手指位于第二控件区18032中的推特应用控件的上方，则推特应用控件18043放大；此时图18b 示出的界面1803切换为图18c示出的界面1804，相应地，卡片18031切换为卡片 18041；之后在垂直于桌面的当前屏的方向上远离推特应用控件18043，则推特应用被打开。

如图19所示，在图19a上，以备忘录应用图标19021上的触摸点为起点，按照图19a示出的方向向上滑动后，生成卡片19031，此时的界面为图19b示出的界面 1903。其中，悬浮球19032位于卡片19031的上部。以打开推特应用为例。将手指触摸悬浮球19032或位于悬浮球19032的上方，则悬浮球19032会展开显示第二控件区19042；将手指置于第二控件区19042中的推特应用控件的上方，则推特应用控件19043放大；之后在垂直于桌面的当前屏的方向上远离推特应用控件19043，则推特应用被打开。

如图20所示，在垂直于桌面的当前屏的方向上，将手指位于第二控件区中的推特应用控件20022的上方，则推特应用控件放大；之后在垂直于桌面的当前屏的方向上远离放大后的推特应用控件，则推特应用被打开。

如图21所示，在垂直于桌面的当前屏的方向上，将手指位于第二控件区21032 中任意控件的上方，则在第二控件区21032的上方会显示放大后的第二控件区。在垂直于桌面的当前屏的方向上，若手指不位于第二控件区21032中任意控件的上方，则在第二控件区21032的上方不会显示放大后的第二控件区。将手指触摸上述放大后的第二控件区21042中推特应用控件，则推特应用被打开。

如图22所示，在垂直于桌面的当前屏的方向上，将手指位于第二控件区22032 中推特应用控件的上方，则在第二控件区22032中推特应用控件的上方会显示放大后的推特应用控件。在垂直于桌面的当前屏的方向上，若手指不位于第二控件区 22032中推特应用控件的上方，则在第二控件区21032中推特应用控件的上方不会显示放大后的推特应用控件。将手指触摸上述放大后的推特应用控件，则推特应用被打开。

另外，手指也可以直接触摸界面第二控件区所包括的推特应用控件。推特应用被打开。

有关打开卡片上第二控件区各控件对应应用的方式，除了上述方式以外，本领域技术人员所能想到的其他方式都在本申请实施例的保护范围之内；此处不再一一赘述。

若要打开卡片上第一控件区中第一控件对应的应用，可以直接触摸第一控件区中的第一控件；还可以采用在垂直于桌面的当前屏的方向上，先将手指位于第一控件区中第一控件的上方再远离来打开的方式等。同样地，有关打开卡片上第一控件区中第一控件对应应用的方式，除了上述方式以外，本领域技术人员所能想到的其他方式都在本申请实施例的保护范围之内；此处不再一一赘述。

在有些实施例中，还可以快捷地将卡片第二控件区的控件迅速地在桌面的当前屏上恢复成图标。如图23a所示，界面2303的下部存在多余空间；选中卡片23031 上的第二控件区23032，并朝界面2303的下部拖动；在拖至图23b所示的界面2304 的下部后，第二控件区23032切换为第二控件区23042，释放选中的第二控件区 23042；此时，第二控件区23042上的控件恢复成原始图标大小，并按照与桌面图标相同的排列方式排列在图23c所示的界面2305的下部。这样，就能快捷地将卡片第二控件区的控件迅速地在当前屏上恢复成图标；便于用户操作。

另外，一个图标并非只能对应着一张卡片。一个应用图标可以对应着多张卡片。以日历应用图标对应着两张卡片为例。如图24所示，在手指以界面2402上日历应用图标24021上的触摸点为起点，沿着图24a所示的方向向上滑动后，生成卡片24031，此时的界面为图24b所示的界面2403；之后，手指在卡片24031上，沿着图24b示出的方向向左滑动，此时卡片24031转换为卡片24041，此时的界面为图 24c所示的界面2404；其中，卡片24031与卡片24041在显示的风格、内容与形式上不同；手指还可以在卡片24041上向右滑动，将卡片24041切换回卡片24031。也就是说，一个应用图标可以对应着多张卡片；在生成卡片之后，可以通过操作，实现所述多张卡片之间的切换。需要说明的是，一个应用图标对应着几张卡片，需要提前设置。

此外，也可以基于文件夹图标生成卡片。其中，文件夹图标为桌面上的图标合并成文件夹，并以图标的形式显示的图标。如图25所示，在手指以界面2502上文件夹图标25021上的触摸点为起点，沿着图25a所示的方向向上滑动后，生成卡片 25031，此时的界面为图25b所示的界面2503；之后，手指在卡片25031上，沿着图 25b示出的方向向左滑动，此时卡片25031转换为卡片25041，此时的界面为图25c 所示的界面2504；手指在卡片25041上，沿着图25c示出的方向向左滑动，此时卡片25041转换为卡片25051，此时的界面为图25d所示的界面2505。手指还可以在卡片25051上向右滑动，此时卡片25051转换为卡片25041；手指继续在卡片25041 上向右滑动，此时卡片25041转换为卡片25031。其中，卡片25031对应着基于文件夹图标中的支付宝应用图标生成的卡片；卡片25041对应着基于文件夹图标中的备忘录应用图标生成的卡片；卡片25051对应着基于文件夹图标中的天气应用图标生成的卡片。也就是说，一个文件夹图标可以对应着多张卡片。在生成卡片之后，可以通过操作，实现所述文件夹图标包括的多个图标分别对应的多张卡片之间的切换。

在有些情形下，需要在电子设备的当前屏上显示至少一张卡片。此时，就需要处理好多张卡片的显示问题。本申请实施例提供了多张卡片在当前屏上显示的几种实施方式。如图26a所示，在手指以界面2602上备忘录应用图标26021上的触摸点为起点，沿着图26a所示的方向向上滑动后，生成卡片26031，此时的界面为图26b 所示的界面2603；之后，在手指以界面2603上支付宝应用图标26032上的触摸点为起点，沿着图26b所示的方向向上滑动后，生成卡片26041，此时卡片26031恢复成之前被其覆盖的图标，此时的界面为图26c所示的界面2604。也就是说，在图26所示的实施方式中，在同一时刻只能存在最多一张卡片。

如图27所示，在手指以界面2702上备忘录应用图标27021上的触摸点为起点，沿着图27a所示的方向向上滑动后，生成卡片27031，此时的界面为图27b所示的界面2703；之后，在手指以界面2703上支付宝应用图标27032上的触摸点为起点，沿着图27b所示的方向向上滑动后，生成卡片27041，此时卡片27031保持不变，此时的界面为图27c所示的界面2704。也就是说，在图27所示的实施方式中，在同一时刻可以存在多张卡片；只是多张卡片之间没有重叠区域。图27作为示例，说明在本实施例中多张卡片共存要满足的规则。虽然在图27中仅示出了两张卡片，但该两张卡片并不用于限制本申请实施例的范围，三张、四张、五张及更多张卡片均在本申请实施的范围内。后续有关多张卡片的示例也如此，并不限制本申请实施例中的卡片数量，仅为示意性举例。

如图28所示，在手指以界面2802上备忘录应用图标28021上的触摸点为起点，沿着图28a所示的方向向上滑动后，生成卡片28031，此时的界面为图28b所示的界面2803；之后，在手指以界面2803上支付宝应用图标28032上的触摸点为起点，沿着图28b所示的方向向上滑动后，生成卡片28041，此时卡片28031保持不变，此时的界面为图28c所示的界面2804。之后，在手指以界面2804上以天气应用图标28042上的触摸点为起点，沿着图28c所示的方向向上滑动后，生成卡片 28051，此时卡片28031、卡片28041均恢复成之前被各自覆盖的图标，此时的界面为图28d所示的界面2805。也就是说，在图28所示的实施方式中，在卡片之间没有重叠区域时，多张卡片可以共存在当前屏上；在卡片之间存在重叠区域时，仅显示最新生成的卡片，与最新生成的卡片存在重叠区域的卡片则会恢复成之前被其覆盖的图标。

除了多张卡片在当前屏上显示的上述实施方式以外，还存在诸多实施方式，此处不再一一赘述。需要强调的是，本领域技术人员所能想到的其他方式都在本申请实施例的保护范围之内。

另外，在用户通过操作将最新生成的卡片不显示后，比如恢复成图标后，次新生成的卡片如何显示也需要明确。为此，本申请实施例也提供了几种实施方式。如图29所示，在手指以界面2902上备忘录应用图标29021上的触摸点为起点，沿着页面十三所示的方向向上滑动后，生成卡片29031，此时的界面为页面十四所示的界面2903；之后，在手指以界面2903上天气应用图标29032上的触摸点为起点，沿着页面十四所示的方向向上滑动后，生成卡片29041，此时卡片29031消失，此时的界面为页面十五所示的界面2904；之后，在手指以卡片29041上的触摸点为起点，沿着页面十五所示的方向向下滑动后，卡片29041消失，之前生成的卡片29031再次显示，此时的界面又恢复为界面2903。也就是说，在图29所示的实施方式中，在最新生成的卡片不显示后，次新生成的卡片显示在当前屏上。

如图30所示，在手指以界面3002上备忘录应用图标30021上的触摸点为起点，沿着页面十六所示的方向向上滑动后，生成卡片30031，此时的界面为页面十七所示的界面3003；之后，在手指以界面3003上天气应用图标30032上的触摸点为起点，沿着页面十七所示的方向向上滑动后，生成卡片30041，此时卡片30031消失，此时的界面为页面十八所示的界面3004；之后，在手指以卡片30041上的触摸点为起点，沿着页面十八所示的方向向下滑动后，卡片30041恢复成被其覆盖的图标，之前生成的卡片30031也不显示，此时的界面又恢复为界面3002。也就是说，在图 30所示的实施方式中，在最新生成的卡片不显示后，次新生成的卡片也不显示在当前屏上。

有关最新生成的卡片不显示后，次新生成的卡片如何显示的方式，除了上述实施方式以外，本领域技术人员所能想到的其他方式都在本申请实施例的保护范围之内；此处不再一一赘述。

另外，在基于图标生成卡片之后，还可以拖动卡片。图31示出了在拖动卡片至不同位置后，卡片如何变化。如图31所示，在手指以界面3102上备忘录应用图标31021上的触摸点为起点，沿着图31a所示的方向向上滑动后，生成卡片31031，此时的界面为图31b所示的界面3103；之后，手指选中卡片31031并向上拖动；在将卡片31031拖动至图31c所示的位置时，此时界面为图31c所示的界面3104；手指松开卡片31031，此时卡片31031转换为卡片31051，此时界面为图31d所示的界面 3105；从中可以看出，卡片31051的内容发生了变化，将此时卡片31051的内容记为卡片内容一；此外，在界面3102上，以支付宝应用图标上的触摸点为起点，按照向上滑动方向滑动，生成卡片，卡片覆盖的图标为支付宝、股票、游戏、地图、时钟、商城、华为运动、淘宝和音乐应用的图标，此时卡片的内容记为卡片内容二；则卡片内容一与卡片内容二相同。也就是说，在图31所示的实施方式中，在拖动基于图标生成的卡片至其他位置并释放后，此时卡片的内容可以变化。

在当前屏上共存有卡片和图标时，还可以对卡片覆盖的图标进行拖动、删除、合并等操作；在上述操作之后，卡片和图标如何显示需要明确。为此，图32-图38 示出了几种具体的实施方式。其中，图32-图33示出了将卡片外的图标拖动至被卡片覆盖的图标生成文件夹图标后，卡片和图标在电子设备的当前屏上显示的两种实施方式。

如图32所示，卡片32021和卡片32021以外的图标共存在图32a所示的界面 3202上，卡片32021右上角的第二控件区包含QQ控件；在手指长按备忘录应用图标32022后，桌面进入编辑状态，此时的界面转换为界面3203，卡片32021也转换为透明状态或半透明状态的卡片32031；同时被卡片32031覆盖的图标显示在界面 3203上；手指拖动备忘录应用图标32032朝向卡片32031覆盖的QQ应用图标移动；待手指将备忘录应用图标32032置于QQ应用图标的上方，此时的界面转换为界面3204；待手指释放备忘录应用图标32032后，QQ应用图标和备忘录应用图标 32032会合并为文件夹图标32052，此时的界面转换为界面3205，此时透明状态或半透明状态的卡片32031转换为透明状态或半透明状态的卡片32051；之后，卡片 32051会转换为卡片32061，卡片32061不再透明，此时的界面转换为界面3206；卡片32061与卡片32021相比，两者的不同在于：卡片32061右上角的第二控件区包含了文件夹控件32062，不再包含QQ控件32022。也就是说，在图32所示的实施方式中，在桌面进入编辑状态后，拖动卡片外的图标至被卡片覆盖的图标生成文件夹图标，之后生成的卡片与原卡片相比，仅在第二控件区包含的控件有所不同，其余均相同。

如图33所示，卡片33021和卡片33021以外的图标共存在图33a所示的界面 3302上，卡片33021右上角的第二控件区包含QQ控件；在手指长按备忘录应用图标33032后，桌面进入编辑状态，此时的界面转换为界面3303，此时卡片33021转换为透明状态或半透明状态的卡片33031；同时被卡片33031覆盖的图标显示在界面 3303上；手指拖动备忘录应用图标33032朝向卡片33031覆盖的QQ应用图标移动；待手指将备忘录应用图标33032置于QQ应用图标的上方，此时的界面转换为界面3304；待手指释放备忘录应用图标33032后，QQ应用图标和备忘录应用图标 33032会合并为文件夹图标33052，此时卡片33031转换为透明状态或半透明状态的卡片33051，此时的界面转换为界面3305；之后，卡片33051消失，此时的界面转换为界面3306。也就是说，在图33所示的实施方式中，在桌面进入编辑状态后，拖动卡片外的图标至被卡片覆盖的图标生成文件夹图标，之后不再显示卡片。

除了将卡片外的图标拖动至被卡片覆盖的图标生成文件夹图标外，还可以将卡片覆盖的文件夹图标下的具体应用图标往卡片外拖动。图34示出了将卡片覆盖的文件夹图标下的具体应用图标往卡片外拖动，卡片和图标在电子设备的当前屏上显示的实施方式。如图34所示，卡片34021和卡片34021以外的图标共存在图34a所示的界面3402上，卡片34021右上角的第二控件区包含文件夹控件34022；在手指长按空白处后，桌面进入编辑状态，此时卡片34021转换为透明状态或半透明状态的卡片34031；此时的界面转换为界面3403，同时被卡片34031覆盖的图标显示在界面3403上；手指触摸文件夹图标34032，此时的界面转换为界面3404，文件夹图标 34032放大显示为文件夹图标34041，手指选中并往外拖动备忘录应用图标34042；待手指将备忘录应用图标34042拖动至图34e所示的位置并释放后，备忘录应用图标34042缩小显示为备忘录应用图标34052，此时卡片34031转换为透明状态或半透明状态的卡片34051，此时的界面转换为界面3405；之后，卡片34051转换为卡片 34061，卡片34061不再透明，界面3405转换为界面3406；卡片34061与卡片 34021相比，两者的不同在于：卡片34061右上角的第二控件区包含了QQ控件 34062，不再包含文件夹控件34022。也就是说，在图34所示的实施方式中，在桌面进入编辑状态后，拖动被卡片覆盖的文件夹图标下的具体应用图标至卡片外，之后生成的卡片与原卡片相比，仅在第二控件区包含的控件有所不同，其余均相同。

除了将卡片覆盖的文件夹图标下的具体应用图标往卡片外拖动外，还可以直接将卡片覆盖下的应用图标往卡片外拖动。其中，图35和图36示出了直接将卡片覆盖下的应用图标往卡片外拖动后，卡片和图标在电子设备的当前屏上显示的两种实施方式。如图35所示，卡片35021和卡片35021以外的图标共存在图35a所示的界面3502上，卡片35021右上角的第二控件区35022包含微信、支付宝、QQ、日历、设置、时钟、推特和股票应用的图标；在手指长按空白处后，桌面进入编辑状态，此时卡片35021转换为透明状态或半透明状态的卡片35031；此时的界面转换为界面3503，同时被卡片35031覆盖的图标显示在界面3503上；手指选中并往外拖动 QQ应用图标35032；待手指将QQ应用图标35032拖动至图35d所示的位置并释放时，此时卡片35031转换为透明状态或半透明状态的卡片35041，此时的界面转换为界面3504，在界面3504上，QQ应用图标被拖动空出来的位置，没有导致其他应用图标的顺次填补；之后，卡片35041转换为卡片35051，卡片35051不再透明，界面 3504转换为界面3505，卡片35051右上角的第二控件区35052包含微信、支付宝、日历、设置、时钟、推特和股票应用的图标；卡片35051与卡片35021相比，两者的不同在于：卡片35051的第二控件区35052不包含QQ控件，卡片35021的第二控件区35022包含QQ控件。也就是说，在图31所示的实施方式中，在桌面进入编辑状态后，拖动被卡片覆盖的应用图标至卡片外，之后生成的卡片与原卡片相比，仅在第二控件区包含的控件有所不同，其余均相同。

如图36所示，卡片36021和卡片36021以外的图标共存在图36a所示的界面 3602上，卡片36021右上角的第二控件区36022包含微信、支付宝、QQ、日历、设置、时钟、推特和股票应用的图标；在手指长按空白处后，桌面进入编辑状态，此时卡片36021转换为透明状态或半透明状态的卡片36031；此时的界面转换为界面 3603，同时被卡片36031覆盖的图标显示在界面3603上；手指选中并往外拖动QQ 应用图标36032，在QQ应用图标36032拖离其原始位置时，推特、脸书、天气、支付宝和文件管理等后续的应用图标会顺次填补，此时卡片36031转换为透明状态或半透明状态的卡片36041；待手指将QQ应用图标36032拖动至图36d所示的位置并释放时，此时的界面转换为界面3604；之后，卡片36041转换为卡片36051，卡片 36051不再透明，界面3604转换为界面3605，卡片36051右上角的第二控件区 36052包含微信、设置、推特、日历、文件管理、时钟、脸书和股票应用的图标；卡片36051与卡片36021相比，两者的不同在于：卡片36051的卡片内容区、第一控件区和第二控件区的内容分别与卡片36021的卡片内容区、第一控件区和第二控件区的内容不同。也就是说，在图36所示的实施方式中，在桌面进入编辑状态后，拖动被卡片覆盖的应用图标至卡片外，之后生成的卡片与原卡片相比，卡片的卡片内容区、第一控件区和第二控件区中的内容会发生变化。

另外，在电子设备的当前屏上存在多张卡片时，可以将卡片外的图标拖动至被其中一张卡片覆盖的图标生成文件夹。其中，图37-图38示出了将卡片外的图标拖动至被其中一张卡片覆盖的图标生成文件夹后，卡片和图标在电子设备的当前屏上显示的实施方式。以两张卡片为例。如图37所示，在图37a示出的界面3701上存在卡片37011和卡片37012；在手指长按邮件应用图标37023后，桌面进入编辑状态，此时卡片37011和卡片37012分别转换为透明状态或半透明状态的卡片37021 和透明状态或半透明状态的卡片37022；此时的界面转换为界面3702，同时被卡片 37021和卡片37022覆盖的图标显示在界面3702上；手指拖动邮件应用图标37023 朝向卡片37022覆盖的设置应用图标37024移动；待手指将邮件应用图标37023置于设置应用图标37024的上方，此时的界面转换为界面3703；待手指释放邮件应用图标37023后，设置应用图标37024和邮件应用图标37023会合并为文件夹图标 37042，此时卡片37021转换为卡片37041，卡片37041不再透明，卡片37022消失，此时的界面转换为界面3704，被卡片37022覆盖的图标显示在界面3704上。也就是说，在图37所示的实施方式中，在当前屏上显示多张卡片且桌面进入编辑状态后，只要其中有卡片被编辑，则该被编辑的卡片不再显示。

如图38所示，在图38a示出的界面3801上存在卡片38011和卡片38012；在手指长按邮件应用图标38023后，桌面进入编辑状态，此时卡片38011和卡片38012 分别转换为透明状态或半透明状态的卡片38021和透明状态或半透明状态的卡片 38022；此时的界面转换为界面3802，同时被卡片38021和卡片38022覆盖的图标显示在界面3802上；手指拖动邮件应用图标38023朝向卡片38022覆盖的设置应用图标38024移动；待手指将邮件应用图标38023置于设置应用图标38024的上方，此时的界面转换为界面3803；待手指释放邮件应用图标38023后，设置应用图标 38024和邮件应用图标38023会合并为文件夹图标38042，此时卡片38021转换为卡片38011，卡片38011不再透明，卡片38022转换为卡片38041，此时的界面转换为界面3804，被卡片38041覆盖的图标显示在界面3804上；之后，卡片38041转换为卡片38051，卡片38051不再透明，界面3804转换为界面3805，卡片38011保持不变；卡片38051与卡片38012相比，两者的不同为：卡片38051的第二控件区包含的控件与卡片38012的第二控件区包含的控件不同。也就是说，在图38所示的实施方式中，在当前屏上显示多张卡片且桌面进入编辑状态后，即使其中有卡片被编辑，则该被编辑的卡片仍然保留，只是显示的内容有所不同。

在有些情形下，电子设备的桌面的当前屏上的图标并不是都能用于生成卡片。比如，电子设备安装了第三方应用，且该第三方应用没有按照设置要求提供卡片信息。因此，有必要对桌面的当前屏上的图标进行区分，以方便用户使用。图39示出了通过图标的不同区分生成卡片的图标和不能生成卡片的图标的用户界面示意图。如页面十九所示，用于生成卡片的图标下方的文字处均显示有横线；不能用于生成卡片的图标下方的文字处均不显示横线。这样，用户就能通过桌面的当前屏上的图标有无上述标记，识别区分出用于生成卡片的图标。比如，用户识别出页面十九示出的备忘录应用图标下方显示有横线，用于生成卡片。对于文件夹图标而言，只要该文件夹图标包含的图标中有一个以上的图标能用于生成卡片，则该文件夹图标也会包含上述标记。所述标记的方式还可以为在所述用于生成卡片的图标下方的文字与所述图标之间显示横线，在所述用于生成卡片的图标的外围显示包裹所述图标的方框，在所述用于生成卡片的图标外的右上角等特定位置显示诸如星形等特殊标记等。还可以采用动画显示的方式区分识别出用于生成卡片的图标。比如，在一定的时长周期内，用于生成卡片的图标会显示特定的动画；而不生成卡片的图标则不显示。上述有关标记方式的举例仅为示意性举例，并不用于限制本申请实施例的范围。本领域技术人员所能想到的其他区分方式均在本申请实施例的范围内。在页面十九和页面二十上的基于备忘录应用图标生成卡片，以及基于卡片恢复成图标的内容与上述页面一和页面二的相关内容一致，此处不再赘述。

为了实现在同一卡片内，第一控件下的若干功能之间的切换。本申请实施例还提供了图40-图41所示的实施例。如图40所示，在图40a示出的界面4001上显示卡片40010。第一控件40011显示在卡片40010的左上角，第一控件40011的周边显示有第一子控件40012、40013和40014。以第一子控件40012为例。在图40a所示的界面4001上，能够直接使用支付宝的付款码功能。在用户触摸第一子控件40012 后，图40a所示的界面4001切换为图40b所示的界面4002。相应地，第一子控件 40012会切换为第一子控件40022；同时，卡片40010的卡片内容显示的付款码界面也切换为卡片40020的卡片内容显示的扫一扫界面。这样，在图40b所示的界面 40020上，就能够直接使用支付宝的扫一扫功能。在用户需要调用更多的功能时，可以直接触摸点击第一控件40011，就可以打开支付宝应用，从而进一步调用更多的功能；或者，直接触摸点击第一子控件40014，也能够调用更多的功能。

如图41所示，在图41a示出的界面4101上显示卡片41010。卡片41010上显示有卡片内容41011。卡片内容41011的上方显示有二维码以及容纳所述二维码的指示框，下方显示有“扫一扫”、“付款码”和“公交码”。此时指示框的指示箭头指向下方显示的“付款码”。在用户触摸点击“扫一扫”后，图41a所示的界面4101 切换为图41b所示的界面4102。在界面4102上，卡片内容41021上方显示有扫一扫的功能界面以及容纳所述功能界面的指示框，下方显示有“扫一扫”、“付款码”和“公交码”。此时指示框的指示箭头指向下方显示的“扫一扫”。这样，在图41a 所示的界面4101上，能够直接使用支付宝的扫一扫功能。同时，还能触摸卡片内容包含的同一应用下的不同子功能切换按钮或文字，实现卡片内容对应的同一应用下的不同子功能的切换显示。

为了卡片内第一控件与卡片内的其他控件之间的切换以及对应的卡片切换显示。本申请实施例还提供了图42所示的实施例。如图42所示，在图42a示出的界面4201上显示卡片42010。第一控件显示在卡片42010的左上角。第一控件的周边显示有三个第一子控件。若干个控件显示在卡片42010的右上角。以控件42011为例。在图42a所示的界面4201上，能够直接使用支付宝的付款码功能。在用户触摸控件42011后，图42a所示的界面4201切换为图42b所示的界面4202。控件42011 为日历应用图标缩小比例后显示的控件。相应地，控件42011会切换为第一控件，并显示在卡片42020的左上角；同时，卡片42010的卡片内容显示的付款码界面也切换为卡片42020的卡片内容显示的日历界面。这样，在图42b所示的界面42020 上，就能够直接查看日历的内容界面。也就是说，在检测到用户的上述输入后，第一控件可以与卡片上的其他控件互换；同时，卡片内容也会随着第一控件的更新同步更新。

本申请提供的上述各个实施例的全部或部分可以相互结合使用。

本申请实施例提供的方法适用于以下的电子设备。

图43所示为本申请提供的一种电子设备4300。示例的，电子设备4300包括至少一个处理器4310、存储器4320和显示屏4330。其中，处理器4310与存储器4320 和触摸屏4330耦合，本申请实施例中的耦合可以是通信连接，可以是电性，或其它的形式。具体的，存储器4320用于存储程序指令。触摸屏4330用于显示用户界面。处理器4310用于调用存储器4020中存储的程序指令，使得电子设备4300执行本申请实施例提供的卡片的显示方法中由电子设备所执行的步骤。应理解，该电子设备4300可以用于实现本申请实施例提供的卡片显示的方法，相关特征可以参照上文，此处不再赘述。

在一些实施例中，在显示屏具有触摸功能时，显示屏又称为触摸显示屏。在触摸显示屏上的操作可以通过虚拟按键实现。在显示屏不具有触摸功能时，显示屏又称为非触摸显示屏。在非触摸显示屏上的操作可以通过物理按键实现。

本申请提供一种包含指令的计算机程序产品，当所述计算机程序产品在电子设备上运行时，使得所述电子设备执行本申请实施例提供的卡片显示的方法中由电子设备所执行的步骤。

本申请提供一种计算机可读存储介质，包括指令，当所述指令在电子设备上运行时，使得所述电子设备执行本申请实施例提供的卡片显示的方法中由电子设备所执行的步骤。

所属领域的技术人员可以清楚地了解到本申请实施例可以用硬件实现，或硬件与软件的方式实现。当使用硬件与软件实现，可以将上述功能存储在计算机可读介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。

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

Claims (26)

1.一种电子设备，包括：

显示屏；

一个或多个处理器；

存储器；

以及一个或多个计算机程序，其中所述一个或多个计算机程序存储在所述存储器上，当所述计算机程序被所述一个或多个处理器执行时，使得所述电子设备执行以下步骤：

显示桌面的当前屏，所述当前屏显示若干个图标；

检测到对所述若干个图标中一个第一图标的第一用户输入；

响应于所述第一用户输入，所述当前屏显示第一卡片，所述第一卡片未占满所述当前屏；

所述第一图标为第一文件夹图标，所述第一文件夹图标至少包括第一应用图标，所述第一应用图标对应第一应用；或者，所述第一图标为第一应用图标，所述第一应用图标对应第一应用；

所述第一卡片至少包括：

第一卡片内容，所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容，M为大于等于1的正整数；

N个控件，所述N个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标，N为大于等于1的正整数；

所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。

2.根据权利要求1所述的电子设备，其特征在于，

所述第一用户输入通过一步操作输入；

所述第一卡片内容在所述第一卡片上的面积占比最大；

所述第一卡片内容的面积大于等于所述第一图标的面积；

所述第一卡片在所述当前屏上的区域为第一区域；

所述当前屏还显示背景；

在显示所述第一卡片之前，所述N个控件对应N个图标，所述N个图标显示在所述第一区域上，所述第一区域只包括所述背景的第一部分、所述第一图标和所述N个图标，所述第一区域包括的图标的个数等于N加1。

3.根据权利要求1或2所述的电子设备，其特征在于，所述电子设备还执行以下步骤：

检测到对所述N个控件中的一个控件的第二用户输入；

响应于所述第二用户输入，显示所述N个控件中的一个控件对应的应用打开后的第S层界面；S为大于等于1的正整数；

检测到一个返回操作；

响应于所述返回操作，显示所述当前屏；所述当前屏显示的内容为响应所述第二用户输入之前所述当前屏显示的内容。

4.根据权利要求1-3中任意一项所述的电子设备，其特征在于，所述电子设备还执行以下步骤：

检测到对所述当前屏上所述第一卡片的第三用户输入；

响应于所述第三用户输入，所述第一区域显示的内容为响应所述第一用户输入之前所述第一区域显示的内容。

5.根据权利要求1-4中任意一项所述的电子设备，其特征在于，所述电子设备还执行以下步骤：

所述当前屏上第一区域以外的区域还显示L个图标，L为大于等于1的正整数；

检测到对所述L个图标中的一个图标的第四用户输入；

响应于所述第四用户输入，显示所述L个图标中的一个图标对应的应用打开后的界面；

检测到一个返回操作；

响应于所述返回操作，显示所述当前屏，所述当前屏显示的内容为响应所述第四用户输入之前所述当前屏显示的内容。

6.根据权利要求1-5中任意一项所述的电子设备，其特征在于，

所述第一卡片还包括：

第一控件，所述第一控件用于打开所述第一应用；所述第一控件为所述第一图标缩小第一比例后显示的控件；

所述N个控件为N个图标缩小第二比例后显示的控件；

所述第一控件的面积大于所述N个控件中任意一个控件的面积；

所述第一控件、所述N个控件、所述第一卡片内容分别显示在所述第一卡片的左上角、右上角和中下部；

所述第一用户输入为第一语音输入或第一手势输入；所述第一手势输入为起点位于所述第一图标上，滑动方向为向上滑动的手势输入；所述第一卡片随着所述第一手势输入而变化；

所述第二用户输入和所述第四用户输入分别为：第二语音输入和第四语音输入，或者，第二手势输入和第四手势输入；

所述第二手势输入和所述第四手势输入为触摸输入；

所述第三手势输入通过一步操作输入；

所述第三手势输入为起点位于所述第一卡片上，滑动方向与所述第一手势输入的滑动方向相反的手势输入。

7.根据权利要求1-6中任意一项所述的电子设备，其特征在于，所述电子设备还执行以下步骤：

检测到对所述若干个图标中一个第二图标的第五用户输入；

响应于所述第五用户输入，所述当前屏显示第二卡片，所述第二卡片未占满所述当前屏；

所述第二图标为第二文件夹图标，所述第二文件夹图标至少包括第二应用图标，所述第二应用图标对应第二应用；或者，所述第二图标为第二应用图标，所述第二应用图标对应第二应用；

所述第二卡片至少包括：

第二卡片内容，所述第二卡片内容与所述第二应用相对应，所述第二卡片内容包括所述第二应用打开后的第P层界面包含的部分内容，P为大于等于1的正整数；

K个控件，所述K个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第二卡片之前所述桌面上相应的图标，K为大于等于1的正整数；

所述第二卡片不同于所述第二应用打开后的第P层界面的全部和任意部分；

所述第二卡片内容的面积大于所述第二图标的面积；

所述第二卡片在所述当前屏上的区域为第二区域；

所述第二区域与所述第一区域不交叉，所述当前屏还显示所述第一卡片；

或者，

所述第二区域与所述第一区域交叉，所述当前屏停止显示所述第一卡片。

8.根据权利要求7所述的电子设备，其特征在于，

所述第五用户输入通过一步操作输入；

所述第二卡片内容在所述第二卡片上的面积占比最大；

所述第二卡片内容的面积大于等于所述第二图标的面积；

在显示所述第二卡片之前，所述K个控件对应K个图标，所述K个图标显示在所述第二区域上，所述第二区域只包括所述背景的第二部分、所述第二图标和所述K个图标，所述第二区域包括的图标的个数等于K加1。

9.根据权利要求1-8中任意一项所述的电子设备，其特征在于，

所述第一文件夹图标包括E个第一应用图标，E为大于等于2的正整数；

检测到第一切换用户输入；

响应于所述第一切换用户输入，所述第一卡片的第一卡片内容切换为另一第一卡片内容，所述第一卡片内容、所述另一第一卡片内容分别与所述E个第一应用图标中的两个第一应用图标相对应；

和/或，

所述第二文件夹图标包括F个第二应用图标，F为大于等于2的正整数；

检测到第二切换用户输入；

响应于所述第二切换用户输入，所述第二卡片的第二卡片内容切换为另一第二卡片内容，所述第二卡片内容、所述另一第二卡片内容分别与所述F个第二应用图标中的两个第二应用图标相对应。

10.根据权利要求1-9中任意一项所述的电子设备，其特征在于，

所述第一卡片悬浮在所述当前屏上；所述第一卡片还包括固定按钮；在触摸所述固定按钮后，所述第一卡片固定在所述当前屏上；

和/或，

所述第二卡片悬浮在所述当前屏上；所述第二卡片还包括固定按钮；在触摸所述固定按钮后，所述第二卡片固定在所述当前屏上。

11.根据权利要求10所述的电子设备，其特征在于，

在所述第一卡片固定在所述当前屏上之后，所述第一卡片的固定按钮转换为关闭按钮；在触摸所述关闭按钮后，停止显示所述第一卡片；或者，所述第一卡片还包括关闭按钮；在触摸所述关闭按钮后，停止显示所述第一卡片；

和/或，

在所述第二卡片固定在所述当前屏上之后，所述第二卡片的固定按钮转换为关闭按钮；在触摸所述关闭按钮后，停止显示所述第二卡片；或者，所述第二卡片还包括关闭按钮；在触摸所述关闭按钮后，停止显示所述第二卡片。

12.根据权利要求1-11中任意一项所述的电子设备，其特征在于，

所述第一图标为第一应用图标，所述第一应用图标对应多张第一卡片；

检测到第五切换用户输入；

响应于所述第五切换用户输入，所述多张第一卡片切换。

13.卡片显示方法，所述方法应用于包含显示屏的电子设备，其特征在于，所述方法包括：

所述显示屏显示桌面的当前屏，所述当前屏显示若干个图标；

检测到对所述若干个图标中一个第一图标的第一用户输入；

响应于所述第一用户输入，所述当前屏显示第一卡片，所述第一卡片未占满所述当前屏；

所述第一图标为第一文件夹图标，所述第一文件夹图标至少包括第一应用图标，所述第一应用图标对应第一应用；或者，所述第一图标为第一应用图标，所述第一应用图标对应第一应用；

所述第一卡片至少包括：

第一卡片内容，所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容，M为大于等于1的正整数；

N个控件，所述N个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标，N为大于等于1的正整数；

所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。

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

所述第一用户输入通过一步操作输入；

所述第一卡片内容在所述第一卡片上的面积占比最大；

所述第一卡片内容的面积大于所述第一图标的面积；

所述第一卡片在所述当前屏上的区域为第一区域；

所述当前屏还显示背景；

在显示所述第一卡片之前，所述N个控件对应N个图标，所述N个图标显示在所述第一区域上，所述第一区域只包括所述背景的第一部分、所述第一图标和所述N个图标，所述第一区域包括的图标的个数等于N加1。

15.根据权利要求13或14所述的方法，其特征在于，所述方法包括：

检测到对所述N个控件中的一个控件的第二用户输入；

响应于所述第二用户输入，显示所述N个控件中的一个控件对应的应用打开后的第S层界面；S为大于等于1的正整数；

检测到一个返回操作；

响应于所述返回操作，显示所述当前屏；所述当前屏显示的内容为响应所述第二用户输入之前所述当前屏显示的内容。

16.根据权利要求13-15中任意一项所述的方法，其特征在于，所述方法包括：

检测到对所述当前屏上所述第一卡片的第三用户输入；

响应于所述第三用户输入，所述第一区域显示的内容为响应所述第一用户输入之前所述第一区域显示的内容。

17.根据权利要求13-15中任意一项所述的方法，其特征在于，所述方法包括：

所述当前屏上第一区域以外的区域还显示L个图标，L为大于等于1的正整数；

检测到对所述L个图标中的一个图标的第四用户输入；

响应于所述第四用户输入，显示所述L个图标中的一个图标对应的应用打开后的界面；

检测到一个返回操作；

响应于所述返回操作，显示所述当前屏，所述当前屏显示的内容为响应所述第四用户输入之前所述当前屏显示的内容。

18.根据权利要求13-17中任意一项所述的方法，其特征在于，所述方法包括：

所述第一卡片还包括：

第一控件，所述第一控件用于打开所述第一应用；所述第一控件为所述第一图标缩小第一比例后显示的控件；

所述N个控件为N个图标缩小第二比例后显示的控件；

所述第一控件的面积大于所述N个控件中任意一个控件的面积；

所述第一控件、所述N个控件、所述第一卡片内容分别显示在所述第一卡片的左上角、右上角和中下部；

所述第一用户输入为第一语音输入或第一手势输入；所述第一手势输入为起点位于所述第一图标上，滑动方向为向上滑动的手势输入；所述第一卡片随着所述第一手势输入而变化；

所述第二用户输入和所述第四用户输入分别为：第二语音输入和第四语音输入，或者，第二手势输入和第四手势输入；

所述第二手势输入和所述第四手势输入为触摸输入；

所述第三手势输入通过一步操作输入；

所述第三手势输入为起点位于所述第一卡片上，滑动方向与所述第一手势输入的滑动方向相反的手势输入。

19.根据权利要求13-18中任意一项所述的方法，其特征在于，所述方法还包括：

检测到对所述若干个图标中一个第二图标的第五用户输入；

响应于所述第五用户输入，所述当前屏显示第二卡片，所述第二卡片未占满所述当前屏；

所述第二图标为第二文件夹图标，所述第二文件夹图标至少包括第二应用图标，所述第二应用图标对应第二应用；或者，所述第二图标为第二应用图标，所述第二应用图标对应第二应用；

所述第二卡片至少包括：

第二卡片内容，所述第二卡片内容与所述第二应用相对应，所述第二卡片内容包括所述第二应用打开后的第P层界面包含的部分内容，P为大于等于1的正整数；

K个控件，所述K个控件中的每一个控件用于打开对应的应用，所述应用对应于在显示所述第二卡片之前所述桌面上相应的图标，K为大于等于1的正整数；

所述第二卡片不同于所述第二应用打开后的第P层界面的全部和任意部分；

所述第二卡片内容的面积大于所述第二图标的面积；

所述第二卡片在所述当前屏上的区域为第二区域；

所述第二区域与所述第一区域不交叉，所述当前屏还显示所述第一卡片；

或者，

所述第二区域与所述第一区域交叉，所述当前屏停止显示所述第一卡片。

20.根据权利要求19所述的方法，其特征在于，

所述第五用户输入通过一步操作输入；

所述第二卡片内容在所述第二卡片上的面积占比最大；

所述第二卡片内容的面积大于等于所述第二图标的面积；

在显示所述第二卡片之前，所述K个控件对应K个图标，所述K个图标显示在所述第二区域上，所述第二区域只包括所述背景的第二部分、所述第二图标和所述K个图标，所述第二区域包括的图标的个数等于K加1。

21.根据权利要求1-20中任意一项所述的方法，其特征在于，所述方法包括：

所述第一文件夹图标包括E个第一应用图标，E为大于等于2的正整数；

检测到第一切换用户输入；

响应于所述第一切换用户输入，所述第一卡片的第一卡片内容切换为另一第一卡片内容，所述第一卡片内容、所述另一第一卡片内容分别与所述E个第一应用图标中的两个第一应用图标相对应；

和/或，

所述第二文件夹图标包括F个第二应用图标，F为大于等于2的正整数；

检测到第二切换用户输入；

响应于所述第二切换用户输入，所述第二卡片的第二卡片内容切换为另一第二卡片内容，所述第二卡片内容、所述另一第二卡片内容分别与所述F个第二应用图标中的两个第二应用图标相对应。

22.根据权利要求13-21中任意一项所述的电子设备，其特征在于，所述方法包括：

所述第一卡片悬浮在所述当前屏上；所述第一卡片还包括固定按钮；在触摸所述固定按钮后，所述第一卡片固定在所述当前屏上；

和/或，

所述第二卡片悬浮在所述当前屏上；所述第二卡片还包括固定按钮；在触摸所述固定按钮后，所述第二卡片固定在所述当前屏上。

23.根据权利要求22所述的电子设备，其特征在于，所述方法包括：

在所述第一卡片固定在所述当前屏上之后，所述第一卡片的固定按钮转换为关闭按钮；在触摸所述关闭按钮后，停止显示所述第一卡片；或者，所述第一卡片还包括关闭按钮；在触摸所述关闭按钮后，停止显示所述第一卡片；

和/或，

在所述第二卡片固定在所述当前屏上之后，所述第二卡片的固定按钮转换为关闭按钮；在触摸所述关闭按钮后，停止显示所述第二卡片；或者，所述第二卡片还包括关闭按钮；在触摸所述关闭按钮后，停止显示所述第二卡片。

24.根据权利要求13-23中任意一项所述的电子设备，其特征在于，所述方法包括：

所述第一图标为第一应用图标，所述第一应用图标对应多张第一卡片；检测到第五切换用户输入；响应于所述第五切换用户输入，所述多张第一卡片切换。

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

26.一种电子设备上的图形用户界面系统，其特征在于，所述电子设备具有显示屏、存储器、以及一个或多个处理器，所述一个或多个处理器用于执行存储在所述存储器中的一个或多个计算机程序，其特征在于，所述图形用户界面包括所述电子设备执行如权利要求13-24中任意一项所述的方法时显示的图形用户界面。

Images