组件的显示方法、装置、电子设备及介质与流程

1.本技术属于电子设备技术领域，具体涉及一种组件的显示方法、装置、电子设备及介质。


背景技术：

2.随着智能终端技术的发展，电子设备的中可以安装的应用程序越来越多，为了提高用户的使用体验，对应用程序图标的管理策略也尤为重要。
3.在相关技术中，用户在需要查看不同应用程序中的具体信息时，需要先打开其中一个应用程序，在查看信息后关闭该应用程序，再打开另一个应用程序，查看信息。如此，导致用户查看应用程序的信息的步骤较为繁琐，从而使得对应用程序的信息获取效率较低。


技术实现要素：

4.本技术实施例的目的是提供一种组件的显示方法、装置、电子设备及介质，能够解决对应用程序的信息获取效率较低的问题。
5.第一方面，本技术实施例提供了一种组件的显示方法，该方法包括：接收对至少两个应用图标的第一输入；响应于该第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
6.第二方面，本技术实施例提供了一种组件的显示装置，该装置包括：接收模块和显示模块，其中：上述接收模块，用于接收对至少两个应用图标的第一输入；上述显示模块，用于响应于接收模块接收到的上述第一输入，显示目标组件；其中，该目标组件用于显示所述至少两个应用图标分别对应的应用程序的应用内容。
7.第三方面，本技术实施例提供了一种电子设备，该电子设备包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
8.第四方面，本技术实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
9.第五方面，本技术实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
10.第六方面，本技术实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如第一方面所述的方法。
11.在本技术实施例中，电子设备可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
附图说明
12.图1是本技术实施例提供的一种组件的显示方法的方法流程示意图；
13.图2(a)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之一；
14.图2(b)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之二；
15.图2(c)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之三；
16.图3(a)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之四；
17.图3(b)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之五；
18.图4(a)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之六；
19.图4(b)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之七；
20.图4(c)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之八；
21.图5(a)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之九；
22.图5(b)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十；
23.图5(c)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十一；
24.图6(a)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十二；
25.图6(b)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十三；
26.图6(c)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十四；
27.图7(a)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十五；
28.图7(b)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十六；
29.图7(c)是本技术实施例提供的一种组件的显示方法所应用的界面实例示意图之十七；
30.图8是本技术实施例提供的一种组件的显示装置的结构示意图；
31.图9是本技术实施例提供的一种电子设备的结构示意图；
32.图10是本技术实施例提供的一种电子设备的硬件示意图。
具体实施方式
33.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本技术保护的范围。
34.本技术的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的术语在适当情况下可以互换，以便本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
35.下面结合附图，通过具体的实施例及其应用场景对本技术实施例提供的组件的显示方法、装置、电子设备及介质进行详细地说明。
36.本技术实施例提供的组件的显示方法应用于查看不同应用内容的场景中，具体的应用场景可以根据使用需求而定，本技术不做限定。
37.示例性地，以查看两个应用(如app1和app2)的应用内容的场景为例。用户需要先打开上述app1，找到对应的应用内容查看；然后，在查看之后关闭该app1，再打开上述app2，找到对应的应用内容进行查看。由于，该方案需要多次打开不同的app进行查看，导致查看多个app的应用内容的步骤较为繁琐，从而使得对应用内容的获取效率较低。
38.在本技术实施例中，若用户需要查看上述app1和app2的应用内容，则可以将该app1和app2拖动至重合，生成组件1；该组件1中显示有app1对应的应用内容和app2对应的应用内容。因此，使得用户无需打开多个app，即可查看各自对应的应用内容，简化了查看多个app的应用内容的步骤，从而提高了获取应用内容的效率。
39.本实施例提供的组件的显示方法的执行主体可以为组件的显示装置，该组件的显示装置可以为电子设备，也可以为该电子设备中的控制模块或处理模块等。以下以电子设备为例来对本技术实施例提供的技术方案进行说明。
40.本技术实施例提供一种组件的显示方法，如图1所示，该组件的显示方法可以包括如下步骤201和步骤202：
41.步骤201：电子设备接收对至少两个应用图标的第一输入。
42.在本技术实施例中，上述第一输入可以为用户对上述应用图标的拖动输入、点击输入，或其他可行性输入。
43.示例性地，上述第一输入可以为对上述至少两个应用图标中的一个应用图标的输入，也可以为对上述至少两个应用图标中的多个应用图标的输入。
44.在本技术实施例中，上述第一输入用于生成组件。
45.示例性地，上述组件可以让用户更加直观的看到应用程序内的信息、更加便捷的使用应用程序的功能。
46.在本技术实施例中，上述应用图标可以为电子设备中安装的任一应用的应用图标。
47.步骤202：电子设备响应于第一输入，显示目标组件。
48.在本技术实施例中，上述目标组件用于显示上述至少两个应用图标分别对应的应
用程序的应用内容。
49.示例性地，上述应用内容可以为上述应用程序的默认内容，也可以为用户设定的上述应用程序的应用内容。
50.举例说明，以第一输入为拖动应用图标的输入为例，如图2(a)所示，界面10中显示有app1和app2，若用户拖动app2至app1，如图2(b)所示，将app1和app2重合。此时，如图2(c)所示，电子设备会生成目标组件11，并在界面10中显示该目标组件11。
51.在本技术实施例提供的组件的显示方法中，电子设备可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
52.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述第一应用图标显示在第一桌面位置，上述第二应用图标显示在与上述第一桌面位置相邻的第二桌面位置；上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202a：
53.步骤202a：电子设备响应于第一输入，在第一桌面区域显示目标组件。
54.在本技术实施例中，上述第一桌面区域包括上述第一桌面位置和上述第二桌面位置。
55.示例性地，上述第一桌面位置可以为电子设备屏幕上的任一位置。
56.示例性地，上述第二桌面位置可以为电子设备屏幕上与上述第一桌面位置相邻的任一位置。
57.在本技术实施例中，在上述第一应用图标与第二应用图标相邻的情况下，电子设备可以接收将上述第一应用图标和第二应用图标捏合的输入(即上述第一输入)，然后，直接在上述第一应用图标和第二应用图标分别对应的桌面位置，显示目标组件。换句话说，直接将上述第一应用图标和第二应用图标以组件的形式显示。
58.如此，通过接收用户的捏合应用图标的输入，直接在应用图标的原始位置显示应用图标对应的应用程序的应用内容，提高了电子设备显示目标组件的灵活性。
59.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标，上述第一应用图标显示在第一桌面位置；上述步骤201中“电子设备接收对至少两个应用图标的第一输入”可以包括如下步骤201a：
60.步骤201a：电子设备接收将第二应用图标移动至第一桌面位置的第一输入。
61.进一步地，结合上述步骤201a，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202b：
62.步骤202b：电子设备响应于第一输入，在第二桌面区域显示目标组件。
63.在本技术实施例中，上述第二桌面区域包括上述第一桌面位置和与该第一桌面位置相邻的第三桌面位置。
64.示例性地，上述第三桌面位置可以为电子设备屏幕上与上述第一桌面位置相邻的任一位置。
65.在本技术实施例中，电子设备可以接收将上述第二应用图标拖动至显示有第一应
用图标的第一桌面位置，然后，在上述第一桌面位置和与第一桌面位置相邻的第三桌面位置显示包括第一应用图标和第二应用图标分别对应的应用程序的应用内容的目标组件。
66.示例性地，上述第一应用图标和第二应用图标可以不相邻，也可以相邻。
67.如此，通过接收用户拖动一个应用图标至另一应用图标的显示位置的输入，在该显示位置和与该显示位置相邻的显示位置上，显示两个应用图标分别对应的应用程序的应用内容，提高了电子设备显示目标组件的灵活性。
68.可选地，在本技术实施例中，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤301至步骤304：
69.步骤301：电子设备响应于第一输入，显示预览组件。
70.在本技术实施例中，上述预览组件包括至少两个应用程序分别对应的组件区域。
71.在本技术实施例中，上述预览组件用于预览上述目标组件中显示的应用程序的应用内容。
72.示例性地，上述预览组件可以以悬浮窗口的形式显示。
73.在本技术实施例中，上述一个应用程序对应一个组件区域。
74.举例说明，如图3(a)所示，用户将界面10中的app2拖动至app1，，则如图3(b)所示，在界面10中显示预览组件13，该预览组件13中显示有目标组件11的预览样式。
75.步骤302：电子设备对于其中一个组件区域，接收对组件区域的第二输入。
76.在本技术实施例中，上述第二输入可以为用户对上述组件区域的点击输入，或其他可行性输入。
77.在本技术实施例中，上述第二输入用于选择应用图标对应的应用程序的应用内容。
78.步骤303：电子设备响应于第二输入，确定组件区域对应的应用内容。
79.在本技术实施例中，上述一个应用程序可以对应多个应用内容。
80.示例性地，在上述应用程序为视频应用程序时，上述应用内容可以为播放记录、收藏记录、最新影视、最热门影视等。
81.示例性地，在上述应用程序为社交应用程序时，上述应用内容可以为会话框、联系人、视频号等。
82.步骤304：电子设备根据各组件区域分别对应的应用内容显示目标组件。
83.举例说明，结合图3(b)，如图4(a)所示，若用户想要调整组件区域11a和组件区域11b上的显示内容，则可以点击组件区域11a中的消息1和组件区域11b中的消息2进行选中，接着再点击目标组件12。然后，如图4(b)所示，电子设备按照预览组件13中设置的消息1和消息2，在界面10中显示目标组件11。
84.此外，若用户直接点击上述组件区域11a中的消息1，则可以触发电子设备直接打开该组件区域11a对应的应用程序，并显示该消息1对应的应用界面。
85.如此，通过接收用户对组件区域的输入，触发电子设备调整预览组件中的各应用程序的应用内容，提高了电子设备显示目标组件的灵活性。
86.可选地，在本技术实施例中，结合上述步骤301，本技术实施例提供的组件的显示方法还可以包括如下步骤305至步骤307：
87.步骤305：电子设备对于其中一个组件区域，接收对组件区域的第三输入。
88.在本技术实施例中，上述第三输入可以为用户对上述组件区域的拖动输入，或其他可行性输入。
89.在本技术实施例中，上述第三输入用于调整组件区域对应的显示尺寸。
90.步骤306：电子设备响应于第三输入，确定组件区域对应的显示尺寸。
91.在本技术实施例中，上述组件区域对应的显示尺寸与目标组件的尺寸一一对应。
92.示例性地，上述组件区域的显示尺寸与目标组件的尺寸相等。
93.步骤307：电子设备根据各组件区域分别对应的显示尺寸显示目标组件。
94.在本技术实施例中，电子设备可以根据用户调整后的组件区域的尺寸大小，自适应调整目标组件的尺寸大小，并按照调整后的目标组件的尺寸大小显示该目标组件。
95.在本技术实施例中，上述目标组件的尺寸可以为(x*y)。其中，上述x坐标是指该目标组件的组件宽度，上述y坐标是指该目标组件的组件长度。例如，上述x*y可以为：1*2，2*1，2*2，3*2，3*1等。
96.一种可能的示例中，上述x坐标对应的1是指一个桌面图标的宽度，上述x坐标对应的2是指两个桌面图标的宽度，以此类推；上述y坐标对应的1是指一个桌面图标的长度，上述y坐标对应的2是指两个桌面图标的长度，以此类推。当然，上述x坐标对应的1也可以为其他尺寸单位，本技术实施例对此不作限定。
97.举例说明，上述1*2这种组件尺寸可以为70*152，上述2*1这种组件尺寸可以为152*70，上述2*2这种组件尺寸可以为152*152，上述3*2这种组件尺寸可以为234*152，上述3*1这种组件尺寸可以为234*70。
98.如此，通过接收用户对组件区域的输入，触发电子设备调整各组件预览区域的显示尺寸，进一步提高了电子设备显示目标组件的灵活性。
99.可选地，在本技术实施例中，上述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域，结合上述步骤301，本技术实施例提供的组件的显示方法还可以包括如下步骤308和步骤309：
100.步骤308：电子设备接收对预览组件的第四输入。
101.在本技术实施例中，上述第四输入可以为用户对上述预览组件中的第一组件区域或第二组件区域的拖动输入、点击输入，或其他可行性输入。
102.在本技术实施例中，上述第四输入用于调整组件区域对应的应用程序。
103.步骤309：电子设备响应于第四输入，将第一组件区域对应的应用程序调整为第二应用程序，将第二组件区域对应的应用程序调整为第一应用程序。
104.在本技术实施例中，上述第一应用程序可以为上述第一应用图标对应的应用程序；上述第二应用程序可以为上述第二应用图标对应的应用程序。
105.一种可能的示例中，在上述目标组件的尺寸为2*2时，电子设备可以在预览组件中设置该目标组件中首先显示的应用程序的应用内容。
106.另一种可能的示例中，在上述目标组件的尺寸为4*2时，电子设备可以在预览组件中设置该目标组件中显示的应用程序的应用内容的顺序。
107.举例说明，以上述第四输入为对组件区域的拖动输入，上述目标组件的尺寸为4*2为例。结合图3(b)，如图5(a)所示，若用户想要调整目标组件11中，组件区域11a和组件区域11b中的应用程序，则可以在预览组件13中，向左拖动组件区域11b，此时，如图5(b)所示，预
览组件13中，组件区域11b和组件区域11a中的应用程序进行调换。然后，用户点击目标组件11，接着如图5(c)所示，电子设备按照预览组件13中的组件样式，在界面10中显示调整后的目标组件11。
108.如此，通过接收用户对预览组件的输入，触发电子设备调整预览组件中各组件区域对应的应用程序，进一步提高了电子设备显示目标组件的灵活性。
109.可选地，在本技术实施例中，上述步骤301中“电子设备响应于第一输入，显示预览组件”可以包括如下步骤301a：
110.步骤301a：电子设备在第一输入满足预设输入条件的情况下，响应于第一输入，显示预览组件。
111.一种可能的示例中，上述满足预设输入条件可以为：在第一输入的输入过程中，上述第一应用图标与上述第二应用图标保持重合。
112.示例性地，电子设备可以在第一输入的输入过程中，若第一应用图标与第二应用图标始终保持重合，在电子设备持续显示上述预览组件。
113.另一种可能的示例中，上述满足预设输入条件可以为：在第一输入的输入过程中，上述第一应用图标与上述第二应用图标保持重合，且上述第一应用图标与上述第二图标的重合持续时长大于预设时长。
114.示例性地，电子设备可以在第一输入的输入过程中，若第一应用图标与第二应用图标始终保持重合，且重合持续时长大于预设时长，则用户在结束第一输入之后，电子设备仍会持续显示上述预览组件。
115.在本技术实施例中，上述预设时长可以为电子设备默认的时长，也可以为用户手动设置的时长，例如上述预设时长为2秒。
116.举例说明，以上述预设时长为2秒为例。如图3(a)所示，用户将界面10中的app2拖动至app1，若用户保持当前重合状态2秒以上，则如图3(b)所示，在界面10中显示预览组件13，该预览组件13中显示有目标组件11的预览样式。
117.如此，在第一输入满足预设输入条件的情况下，显示预览组件，并在重合持续时长满足预设时长时，将该预览组件持续显示，使得用户可以更加直观的了解到将要生成的目标组件的样式。
118.进一步可选地，在本技术实施例中，结合上述步骤301a；本技术实施例提供的组件的显示方法还可以包括如下步骤301b：
119.步骤301b：电子设备在第一输入不满足预设输入条件的情况下，取消显示预览组件。
120.一种可能的示例中，上述不满足预设输入条件可以为：在第一输入的输入过程中，若用户手指未松开，但第一应用图标和第二应用图标的重合持续时长小于2秒，则在用户手指拖动第一应用图标和第二应用图标分离之后，上述预览组件不再显示。
121.另一种可能的示例中，上述不满足预设输入条件可以为：在上述第一输入结束后，若用户手指松开，且第一应用图标和第二应用图标的重合持续时长小于2秒，则在用户手指离开电子设备的屏幕之后，上述预览组件也不再显示。
122.如此，通过在重合持续时长小于预设时长时，在第一应用图标与第二应用图标不重合的情况下，取消显示预览组件，提高了电子设备显示预览组件的灵活性。
123.可选地，在本技术实施例中，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202c和步骤202d：
124.步骤202c：电子设备响应于第一输入，根据至少两个应用图标分别对应的应用程序的前台运行界面，确定各应用程序分别对应的应用内容。
125.在本技术实施例中，上述前台运行界面可以为电子设备后台正在运行的应用程序的最终显示界面。
126.步骤202d：电子设备根据各应用程序分别对应的应用内容显示目标组件。
127.在本技术实施例中，若上述至少两个应用图标分别对应的应用程序均处于后台运行状态，则电子设备直接将该应用程序的运行界面显示的应用内容，确定为目标组件中显示的应用内容，而无需用户手动选择目标组件中各应用程序的应用内容。
128.如此，当应用图标对应的应用程序在后台运行时，电子设备可以直接将该应用程序的最终显示界面对应的应用内容作为目标组件中应用程序的应用内容，提高了电子设备显示目标组件的便捷性。
129.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述步骤201中“电子设备接收对至少两个应用图标的第一输入”可以包括如下步骤201b：
130.步骤201b：电子设备接收将第一应用图标与所述第二应用图标进行重合的第一输入。
131.在本技术实施例中，上述重合是指上述第一应用图标和第二应用图标互相接触且重叠。例如，第一应用图标的部分区域被第二应用图标挡住；或第二应用图标的部分区域被第一应用图标挡住。换句话说，上述重合是指：上述第一应用图标或第二应用图标中的其中一个应用图标被另一个应用图标遮挡，不能完全显示。
132.进一步地，结合上述步骤201b，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202e和步骤202f：
133.步骤202e：电子设备响应于第一输入，根据第一应用图标与第二应用图标的重合面积，确定目标尺寸。
134.在本技术实施例中，不同的重合面积对应的不同的目标尺寸。
135.示例性地，上述重合面积越大，目标尺寸越小；反之，上述重合面积越小，目标尺寸越大。
136.步骤202f：电子设备根据目标尺寸显示目标组件。
137.在本技术实施例中，上述目标尺寸可以为上述目标组件的显示尺寸。
138.在一种可能的实施例中，电子设备在第一应用图标与第二应用图标的重合面积大于预设面积的情况下，显示目标组件。
139.示例性地，在上述重合面积大于预设面积的情况下，目标组件的显示尺寸为第一尺寸。
140.在本技术实施例中，上述预设面积可以为电子设备默认的重合度值，也可以为用户手动设置的重合度值，例如预设面积可以为50％。
141.在本技术实施例中，上述第一尺寸可以为用户自行设定的，也可以是电子设备中预设的值，例如第一尺寸可以为2*2。
142.举例说明，以上述第一尺寸为2*2为例。如图6(a)所示，界面10中显示有app1和app2，若用户拖动app2至app1，如图6(b)所示，将app1和app2重合，且重合度大于50％。此时，如图6(c)所示，电子设备会生成尺寸大小为2*2的目标组件12，并在界面10中显示该目标组件12。
143.在另一种可能的实施例中，电子设备在第一应用图标与第二应用图标的重合面积小于或等于预设面积的情况下，显示目标组件。
144.示例性地，在上述重合面积小于或等于预设面积的情况下，目标组件的显示尺寸为第二尺寸。
145.需要说明的是，上述第二尺寸大于上述第一尺寸。
146.在本技术实施例中，上述第二尺寸可以为用户自行设定的，也可以是电子设备中预设的值，例如第二尺寸可以为4*2。
147.举例说明，以上述第二尺寸为4*2为例。如图2(a)所示，界面10中显示有app1和app2，若用户拖动app2至app1，如图2(b)所示，将app1和app2重合，且重合度小于50％。此时，如图2(c)所示，电子设备会生成尺寸大小为4*2的目标组件11，并在界面10中显示该目标组件11。
148.如此，通过拖动图标使两个应用图标的重合，并根据重合面积的大小确定最终显示的目标组件的组件尺寸，提高了电子设备生成组件的灵活性。
149.可选地，在本技术实施例中，本技术实施例中提供的组件的显示方法还可以包括如下步骤401和步骤402：
150.步骤401：电子设备接收对目标组件的第五输入。
151.在本技术实施例中，上述第五输入用于触发电子设备移除上述目标组件。
152.在本技术实施例中，上述第五输入可以为用户对上述目标组件的长按输入、拖动输入，或其他可行性输入。
153.步骤402：电子设备响应于第五输入，取消显示目标组件。
154.在本技术实施例中，电子设备取消显示目标组件之后，可以将该目标组件中显示的上述至少两个应用图标分别对应的应用程序的应用内容还原为上述至少两个应用图标。
155.举例说明，以上述第五输入为对目标组件的长按输入为例，如图7(a)所示，若用户想要移除目标组件11，则可以长按该目标组件11，此时，如图7(b)所示，在目标组件11上显示“移除”控件，用户点击该“移除”控件。接着，如图7(c)所示，电子设备移除目标组件11，并在界面10中还原显示app1和app2。
156.如此，通过接收用户对目标组件的输入，直接删除该目标组件，提高了电子设备显示目标组件的便捷性。
157.可选地，在本技术实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；本技术实施例提供的组件的显示方法还可以包括如下步骤403和步骤404：
158.步骤403：电子设备接收对至少两个组件区域中的第三组件区域的第六输入。
159.在本技术实施例中，上述第六输入用于触发电子设备移除上述组件区域。
160.在本技术实施例中，上述第六输入可以为用户对上述组件区域的长按输入、拖动输入，或其他可行性输入。
161.在本技术实施例中，上述至少两个应用程序可以为上述至少两个应用图标分别对
应的应用程序。
162.步骤404：电子设备响应于第六输入，从目标组件中移除第三组件区域。
163.在本技术实施例中，上述第三组件区域可以为上述至少两个组件区域中的一个或多个。
164.在本技术实施例中，电子设备在移除上述第三组件区域之后，可以自适应的调整目标组件的显示尺寸。例如，移除上述第三组件区域之前，目标组件的显示尺寸为4*2，移除上述第三组件区域之后，目标组件的显示尺寸调整为2*2。
165.如此，通过接收用户对目标组件中组件区域的输入，直接移除该组件区域，提高了电子设备调整目标组件的便捷性。
166.可选地，在本技术实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；本技术实施例提供的组件的显示方法还可以包括如下步骤405和步骤406：
167.步骤405：电子设备接收对至少两个组件区域中的第四组件区域的第七输入。
168.在本技术实施例中，上述第七输入用于触发电子设备切换显示组件上的应用内容。
169.在本技术实施例中，上述第七输入可以为用户对上述目标组件中的组件区域的滑动输入，或其他可行性输入。
170.步骤302：电子设备响应于第七输入，切换显示第四组件区域中显示的应用内容。
171.在本技术实施例中，上述第四组件区域可以为上述至少两个组件区域中的一个或多个。
172.在本技术实施例中，电子设备在显示目标组件后，还可以接收用户对组件中显示应用内容的切换输入，以切换显示不同的应用内容。
173.举例说明，如图4(b)所示，若电子设备想要切换组件区域11a上的消息1，则可以向下滑动该消息1，此时，如图4(c)所示，组件区域11a中切换显示为消息3。
174.如此，通过接收用户滑动应用内容的输入，切换显示不同的应用内容，提高了电子设备显示不同应用内容的便捷性。
175.本技术实施例提供的组件的显示方法，执行主体可以为组件的显示装置。本技术实施例中以组件的显示装置执行组件的显示方法为例，说明本技术实施例提供的组件的显示装置。
176.本技术实施例提供一种组件的显示装置，如图8所示，该组件的显示装置500包括：接收模块501和显示模块502，其中：上述接收模块501，用于接收对至少两个应用图标的第一输入；上述显示模块502，用于响应于接收模块501接收到的上述第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
177.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述第一应用图标显示在第一桌面位置，上述第二应用图标显示在与上述第一桌面位置相邻的第二桌面位置；上述显示模块502，具体用于响应于上述第一输入，在第一桌面区域显示上述目标组件；上述第一桌面区域包括上述第一桌面位置和上述第二桌面位置。
178.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标，上述第一应用图标显示在第一桌面位置；上述接收模块501，具体用于接收将上述
第二应用图标移动至上述第一桌面位置的第一输入；上述显示模块502，具体用于响应于接收模块501接收到的上述第一输入，在第二桌面区域显示上述目标组件；上述第二桌面区域包括上述第一桌面位置和与上述第一桌面位置相邻的第三桌面位置。
179.可选地，在本技术实施例中，上述显示模块502，具体用于：响应于上述第一输入，显示预览组件；该预览组件包括至少两个应用程序分别对应的组件区域；对于其中一个组件区域，响应于对该组件区域的第二输入，确定上述组件区域对应的应用内容；根据各上述组件区域分别对应的应用内容显示上述目标组件。
180.可选地，在本技术实施例中，上述显示模块502，还用于：对于其中一个组件区域，响应于对该组件区域的第三输入，确定上述组件区域对应的显示尺寸；根据各上述组件区域分别对应的显示尺寸显示上述目标组件。
181.可选地，在本技术实施例中，上述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域；上述组件的显示装置500还包括：处理模块；其中：上述处理模块，用于响应于对上述预览组件的第四输入，将上述第一组件区域对应的应用程序调整为上述第二应用程序，将上述第二组件区域对应的应用程序调整为上述第一应用程序。
182.可选地，在本技术实施例中，上述显示模块502，具体用于在上述第一输入满足预设输入条件的情况下，响应于上述第一输入，显示上述预览组件。
183.可选地，在本技术实施例中，上述显示模块502，具体用于：响应于上述第一输入，根据上述至少两个应用图标分别对应的应用程序的前台运行界面，确定各上述应用程序分别对应的应用内容；根据各上述应用程序分别对应的应用内容显示上述目标组件。
184.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述接收模块501，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示模块502，具体用于响应于接收模块501接收到的上述第一输入，在上述第一应用图标与上述第二应用图标的重合面积大于预设面积的情况下，显示上述目标组件。
185.可选地，在本技术实施例中，上述接收模块501，还用于接收对上述目标组件的第五输入；上述显示模块502，还用于响应于接收模块501接收到的上述第五输入，取消显示上述目标组件。
186.可选地，在本技术实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；上述接收模块501，还用于接收对上述至少两个组件区域中的第三组件区域的第六输入；上述处理模块，还用于响应于接收模块501接收到的上述第六输入，从上述目标组件中移除上述第三组件区域。
187.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述接收模块501，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示模块502，具体用于：响应于接收模块501接收到的上述第一输入，根据上述第一应用图标与上述第二应用图标的重合面积，确定目标尺寸；根据该目标尺寸显示上述目标组件。
188.本技术实施例提供的组件的显示装置中，该组件的显示装置可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标
分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
189.本技术实施例中的组件的显示装置可以是电子设备，也可以是电子设备中的部件，例如集成电路或芯片。该电子设备可以是终端，也可以为除终端之外的其他设备。示例性的，电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(mobile internet device，mid)、增强现实(augmented reality，ar)/虚拟现实(virtual reality，vr)设备、机器人、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，umpc)、上网本或者个人数字助理(personal digital assistant，pda)等，还可以为服务器、网络附属存储器(network attached storage，nas)、个人计算机(personal computer，pc)、电视机(television，tv)、柜员机或者自助机等，本技术实施例不作具体限定。
190.本技术实施例中的组件的显示装置可以为具有操作系统的装置。该操作系统可以为安卓(android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本技术实施例不作具体限定。
191.本技术实施例提供的组件的显示装置能够实现图1至图7(c)的方法实施例实现的各个过程，为避免重复，这里不再赘述。
192.可选地，如图9所示，本技术实施例还提供一种电子设备600，包括处理器601和存储器602，存储器602上存储有可在所述处理器601上运行的程序或指令，该程序或指令被处理器601执行时实现上述组件的显示方法实施例的各个步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。
193.需要说明的是，本技术实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
194.图10为实现本技术实施例的一种电子设备的硬件结构示意图。
195.该电子设备100包括但不限于：射频单元101、网络模块102、音频输出单元103、输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、以及处理器110等部件。
196.本领域技术人员可以理解，电子设备100还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器110逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图10中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
197.其中，上述用户输入单元107，用于接收对至少两个应用图标的第一输入；上述显示单元106，用于响应于用户输入单元107接收到的上述第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
198.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述第一应用图标显示在第一桌面位置，上述第二应用图标显示在与上述第一桌面位置相邻的第二桌面位置；上述显示单元106，具体用于响应于上述第一输入，在第一桌面区域显示上述目标组件；上述第一桌面区域包括上述第一桌面位置和上述第二桌面位
置。
199.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标，上述第一应用图标显示在第一桌面位置；上述用户输入单元107，具体用于接收将上述第二应用图标移动至上述第一桌面位置的第一输入；上述显示单元106，具体用于响应于用户输入单元107接收到的上述第一输入，在第二桌面区域显示上述目标组件；上述第二桌面区域包括上述第一桌面位置和与上述第一桌面位置相邻的第三桌面位置。
200.可选地，在本技术实施例中，上述显示单元106，具体用于：响应于上述第一输入，显示预览组件；该预览组件包括至少两个应用程序分别对应的组件区域；对于其中一个组件区域，响应于对该组件区域的第二输入，确定上述组件区域对应的应用内容；根据各上述组件区域分别对应的应用内容显示上述目标组件。
201.可选地，在本技术实施例中，上述显示单元106，还用于：对于其中一个组件区域，响应于对该组件区域的第三输入，确定上述组件区域对应的显示尺寸；根据各上述组件区域分别对应的显示尺寸显示上述目标组件。
202.可选地，在本技术实施例中，上述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域；上述处理器110，用于响应于对上述预览组件的第四输入，将上述第一组件区域对应的应用程序调整为上述第二应用程序，将上述第二组件区域对应的应用程序调整为上述第一应用程序。
203.可选地，在本技术实施例中，上述显示单元106，具体用于在上述第一输入满足预设输入条件的情况下，响应于上述第一输入，显示上述预览组件。
204.可选地，在本技术实施例中，上述显示单元106，具体用于：响应于上述第一输入，根据上述至少两个应用图标分别对应的应用程序的前台运行界面，确定各上述应用程序分别对应的应用内容；根据各上述应用程序分别对应的应用内容显示上述目标组件。
205.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述用户输入单元107，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示单元106，具体用于响应于用户输入单元107接收到的上述第一输入，在上述第一应用图标与上述第二应用图标的重合面积大于预设面积的情况下，显示上述目标组件。
206.可选地，在本技术实施例中，上述用户输入单元107，还用于接收对上述目标组件的第五输入；上述显示单元106，还用于响应于用户输入单元107接收到的上述第五输入，取消显示上述目标组件。
207.可选地，在本技术实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；上述用户输入单元107，还用于接收对上述至少两个组件区域中的第三组件区域的第六输入；上述处理器110，还用于响应于用户输入单元107接收到的上述第六输入，从上述目标组件中移除上述第三组件区域。
208.可选地，在本技术实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述用户输入单元107，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示单元106，具体用于：响应于用户输入单元107接收到的上述第一输入，根据上述第一应用图标与上述第二应用图标的重合面积，确定目标尺寸；根据该目标尺寸显示上述目标组件。
209.在本技术实施例提供的电子设备中，电子设备可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
210.应理解的是，本技术实施例中，输入单元104可以包括图形处理器(graphics processing unit，gpu)1041和麦克风1042，图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元106可包括显示面板1061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板1061。用户输入单元107包括触控面板1071以及其他输入设备1072中的至少一种。触控面板1071，也称为触摸屏。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。
211.存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序或指令的第一存储区和存储数据的第二存储区，其中，第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外，存储器109可以包括易失性存储器或非易失性存储器，或者，存储器109可以包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(read-only memory，rom)、可编程只读存储器(programmable rom，prom)、可擦除可编程只读存储器(erasable prom，eprom)、电可擦除可编程只读存储器(electrically eprom，eeprom)或闪存。易失性存储器可以是随机存取存储器(random access memory，ram)，静态随机存取存储器(static ram，sram)、动态随机存取存储器(dynamic ram，dram)、同步动态随机存取存储器(synchronous dram，sdram)、双倍数据速率同步动态随机存取存储器(double data rate sdram，ddrsdram)、增强型同步动态随机存取存储器(enhanced sdram，esdram)、同步连接动态随机存取存储器(synch link dram，sldram)和直接内存总线随机存取存储器(direct rambus ram，drram)。本技术实施例中的存储器109包括但不限于这些和任意其它适合类型的存储器。
212.处理器110可包括一个或多个处理单元；可选的，处理器110集成应用处理器和调制解调处理器，其中，应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作，调制解调处理器主要处理无线通信信号，如基带处理器。可以理解的是，上述调制解调处理器也可以不集成到处理器110中。
213.本技术实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述组件的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
214.其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器rom、随机存取存储器ram、磁碟或者光盘等。
215.本技术实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述组件的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
216.应理解，本技术实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
217.本技术实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如上述组件的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
218.需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本技术实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
219.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本技术各个实施例所述的方法。
220.上面结合附图对本技术的实施例进行了描述，但是本技术并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本技术的启示下，在不脱离本技术宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本技术的保护之内。