WO2024114530A1 - 组件的显示方法、装置、电子设备及介质 - Google Patents

组件的显示方法、装置、电子设备及介质 Download PDF

Info

Publication number
WO2024114530A1
WO2024114530A1 PCT/CN2023/134037 CN2023134037W WO2024114530A1 WO 2024114530 A1 WO2024114530 A1 WO 2024114530A1 CN 2023134037 W CN2023134037 W CN 2023134037W WO 2024114530 A1 WO2024114530 A1 WO 2024114530A1
Authority
WO
WIPO (PCT)
Prior art keywords
component
application
input
area
response
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2023/134037
Other languages
English (en)
French (fr)
Inventor
孙鑫
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Publication of WO2024114530A1 publication Critical patent/WO2024114530A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Definitions

  • the present application belongs to the technical field of electronic equipment, and specifically relates to a display method, device, electronic equipment and medium of a component.
  • the purpose of the embodiments of the present application is to provide a display method, device, electronic device and medium for a component, which can solve the problem of low efficiency in obtaining information from an application.
  • an embodiment of the present application provides a method for displaying a component, the method comprising: receiving a first input to at least two application icons; displaying a target component in response to the first input; wherein the target component is used to display application content of application programs corresponding to the at least two application icons respectively.
  • an embodiment of the present application provides a display device for a component, the device comprising: a receiving module and a display module, wherein: the above-mentioned receiving module is used to receive a first input to at least two application icons; the above-mentioned display module is used to display a target component in response to the above-mentioned first input received by the receiving module; wherein the target component is used to display application content of application programs respectively corresponding to the at least two application icons.
  • an embodiment of the present application provides an electronic device, which includes a processor and a memory, wherein the memory stores programs or instructions that can be run on the processor, and when the program or instructions are executed by the processor, the steps of the method described in the first aspect are implemented.
  • an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.
  • an embodiment of the present application provides a chip, comprising a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method described in the first aspect.
  • an embodiment of the present application provides a computer program product, which is stored in a storage medium and is executed by at least one processor to implement the method described in the first aspect.
  • the electronic device can receive a first input of at least two application icons to display a target component, wherein the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the target component is used to display the application content of the application corresponding to the at least two application icons.
  • FIG1 is a schematic diagram of a method flow of a display method of a component provided in an embodiment of the present application
  • FIG. 2( a ) is one of the schematic diagrams of an example interface used in a display method of a component provided in an embodiment of the present application;
  • FIG2( b ) is a second schematic diagram of an interface example used by a display method of a component provided in an embodiment of the present application;
  • FIG2( c ) is a third schematic diagram of an interface example used by a display method of a component provided in an embodiment of the present application;
  • FIG. 3( a ) is a fourth schematic diagram of an interface example used by a display method of a component provided in an embodiment of the present application;
  • FIG3( b ) is a fifth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG. 4( a ) is a sixth schematic diagram of an interface example used in a display method of a component provided in an embodiment of the present application;
  • FIG4( b ) is a seventh schematic diagram of an interface example used by a display method of a component provided in an embodiment of the present application;
  • FIG4( c ) is an eighth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG5( a ) is a ninth example diagram of an interface used in a display method of a component provided in an embodiment of the present application;
  • FIG5( b ) is a tenth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG5( c ) is an eleventh schematic diagram of an interface example used by a display method of a component provided in an embodiment of the present application;
  • FIG6( a ) is a twelfth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG6( b ) is a thirteenth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG6( c ) is a fourteenth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG. 7( a ) is a fifteenth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG. 7( b ) is a sixteenth schematic diagram of an interface example applied by a display method of a component provided in an embodiment of the present application;
  • FIG. 7( c ) is a seventeenth schematic diagram of an interface example used by a display method of a component provided in an embodiment of the present application;
  • FIG8 is a schematic structural diagram of a display device of a component provided in an embodiment of the present application.
  • FIG9 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application.
  • FIG. 10 is a hardware schematic diagram of an electronic device provided in an embodiment of the present application.
  • first, second, etc. in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the terms used in this way can be interchangeable under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described here, and the objects distinguished by "first”, “second”, etc. are generally of one type, and the number of objects is not limited.
  • the first object can be one or more.
  • “and/or” in the specification and claims represents at least one of the connected objects, and the character “/" generally indicates that the objects associated before and after are in an "or” relationship.
  • the display method of the component provided in the embodiment of the present application is applied to the scenario of viewing different application contents.
  • the specific application scenario can be determined according to the usage requirements and is not limited by the present application.
  • the user if the user needs to view the application contents of APP1 and APP2, the user can drag APP1 and APP2 to overlap to generate component 1; component 1 displays the application contents corresponding to APP1 and the application contents corresponding to APP2. Therefore, the user does not need to open multiple APPs to view the application contents corresponding to each, which simplifies the steps of viewing the application contents of multiple APPs, thereby improving the efficiency of obtaining application contents.
  • the execution subject of the display method of the component provided in this embodiment may be a display device of the component, which may be an electronic device, or a control module or a processing module in the electronic device, etc.
  • a display device of the component which may be an electronic device, or a control module or a processing module in the electronic device, etc.
  • the technical solution provided in the embodiment of the present application is described below using an electronic device as an example.
  • the present application embodiment provides a display method of a component.
  • the display method of the component may include: Next step 201 and step 202:
  • Step 201 The electronic device receives a first input to at least two application icons.
  • the first input may be a dragging input, a clicking input, or other feasible inputs of the application icon by the user.
  • the first input may be an input to one of the at least two application icons, or may be an input to multiple application icons of the at least two application icons.
  • the first input is used to generate a component.
  • the above components can allow users to see the information in the application more intuitively and use the functions of the application more conveniently.
  • the above-mentioned application icon may be an application icon of any application installed in the electronic device.
  • Step 202 The electronic device displays a target component in response to a first input.
  • the target component is used to display application contents of the application programs respectively corresponding to the at least two application icons.
  • the application content may be the default content of the application program, or may be the application content of the application program set by the user.
  • APP1 and APP2 are displayed in the interface 10. If the user drags APP2 to APP1, as shown in FIG2(b), APP1 and APP2 are overlapped. At this time, as shown in FIG2(c), the electronic device generates a target component 11 and displays the target component 11 in the interface 10.
  • the electronic device can receive a first input of at least two application icons to display a target component, wherein the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the at least two application icons include a first application icon and a second application icon; the first application icon is displayed at a first desktop position, and the second application icon is displayed at a second desktop position adjacent to the first desktop position; in the step 202, “the electronic device displays the target component in response to the first input” may include the following step 202a:
  • Step 202a The electronic device displays a target component in the first desktop area in response to the first input.
  • the first desktop area includes the first desktop position and the second desktop position.
  • the first desktop position may be any position on the screen of the electronic device.
  • the second desktop position may be any position on the screen of the electronic device that is adjacent to the first desktop position.
  • the electronic device when the first application icon and the second application icon are adjacent to each other, the electronic device can receive an input for kneading the first application icon and the second application icon (i.e., the first input), and then directly display the target component at the desktop positions corresponding to the first application icon and the second application icon, respectively.
  • the first application icon and the second application icon are directly displayed in the form of components.
  • the application content of the application program corresponding to the application icon is directly displayed at the original position of the application icon, thereby improving the flexibility of the electronic device in displaying the target component.
  • the at least two application icons include a first application icon and a second application icon, and the first application icon is displayed at the first desktop position; in the step 201, "the electronic device receives a first input to the at least two application icons" may include the following step 201a:
  • Step 201a The electronic device receives a first input for moving a second application icon to a first desktop location.
  • the above step 202 of “the electronic device displays the target component in response to the first input” may include the following step 202b:
  • Step 202b The electronic device displays the target component in the second desktop area in response to the first input.
  • the second desktop area includes the first desktop position and the second desktop area corresponding to the first desktop position.
  • the third desktop position may be any position on the screen of the electronic device that is adjacent to the first desktop position.
  • the electronic device can receive the second application icon being dragged to a first desktop position where the first application icon is displayed, and then display a target component including application contents of applications corresponding to the first application icon and the second application icon respectively at the first desktop position and a third desktop position adjacent to the first desktop position.
  • first application icon and the second application icon may be adjacent to each other or not.
  • step 202 “the electronic device displays the target component in response to the first input” may include the following steps 301 to 304:
  • Step 301 The electronic device displays a preview component in response to a first input.
  • the preview component includes component areas corresponding to at least two application programs respectively.
  • the preview component is used to preview the application content of the application displayed in the target component.
  • the preview component may be displayed in the form of a floating window.
  • the above-mentioned one application corresponds to one component area.
  • FIG3(a) the user drags APP2 in the interface 10 to APP1, then as shown in FIG3(b), a preview component 13 is displayed in the interface 10, and the preview component 13 displays a preview style of the target component 11.
  • Step 302 The electronic device receives a second input to one of the component areas.
  • the second input may be a click input by the user on the component area, or other feasible input.
  • the second input is used to select application content of the application corresponding to the application icon.
  • Step 303 The electronic device determines the application content corresponding to the component area in response to the second input.
  • the above-mentioned one application may correspond to multiple application contents.
  • the above-mentioned application content may be play records, collection records, latest movies and TV shows, most popular movies and TV shows, and the like.
  • the above-mentioned application when the above-mentioned application is a social application, the above-mentioned application content may be a conversation box, a contact, a video number, etc.
  • Step 304 The electronic device displays the target component according to the application contents corresponding to each component area.
  • the electronic device displays the target component 11 in the interface 10 according to the message 1 and the message 2 set in the preview component 13.
  • the electronic device can be triggered to directly open the application corresponding to the component area 11 a and display the application interface corresponding to the message 1 .
  • the electronic device is triggered to adjust the application content of each application in the preview component, thereby improving the flexibility of the electronic device in displaying the target component.
  • the display method of the component provided in the embodiment of the present application may further include the following steps 305 to 307:
  • Step 305 The electronic device receives a third input to one of the component areas.
  • the third input may be a user's dragging input on the component area, or other feasible input.
  • the third input is used to adjust the display size corresponding to the component area.
  • Step 306 The electronic device determines the display size corresponding to the component area in response to the third input.
  • the display size corresponding to the above-mentioned component area corresponds one-to-one to the size of the target component.
  • the display size of the component area is equal to the size of the target component.
  • Step 307 The electronic device displays the target component according to the display sizes corresponding to the component areas.
  • the electronic device can adaptively adjust the size of the target component according to the size of the component area adjusted by the user, and display the target component according to the adjusted size of the target component.
  • the size of the target component may be (X*Y).
  • the X coordinate refers to the component width of the target component
  • the Y coordinate refers to the component length of the target component.
  • X*Y may be: 1*2, 2*1, 2*2, 3*2, 3*1, etc.
  • the 1 corresponding to the X coordinate refers to the width of a desktop icon
  • the 2 corresponding to the X coordinate refers to the width of two desktop icons, and so on
  • the 1 corresponding to the Y coordinate refers to the length of a desktop icon
  • the 2 corresponding to the Y coordinate refers to the length of two desktop icons, and so on.
  • the 1 corresponding to the X coordinate may also be other size units, which is not limited in the embodiments of the present application.
  • the size of the 1*2 component can be 70*152
  • the size of the 2*1 component can be 152*70
  • the size of the 2*2 component can be 152*152
  • the size of the 3*2 component can be 234*152
  • the size of the 3*1 component can be 234*70.
  • the electronic device is triggered to adjust the display size of each component preview area, thereby further improving the flexibility of the electronic device in displaying the target component.
  • the preview component includes a first component area corresponding to the first application and a second component area corresponding to the second application.
  • the component display method provided in the embodiment of the present application may further include the following steps 308 and 309:
  • Step 308 The electronic device receives a fourth input to the preview component.
  • the fourth input may be a drag input, a click input, or other feasible input by the user on the first component area or the second component area in the preview component.
  • the fourth input is used to adjust the application corresponding to the component area.
  • Step 309 In response to the fourth input, the electronic device adjusts the application corresponding to the first component area to the second application, and adjusts the application corresponding to the second component area to the first application.
  • the above-mentioned first application may be an application corresponding to the above-mentioned first application icon; and the above-mentioned second application may be an application corresponding to the above-mentioned second application icon.
  • the electronic device may set the application content of the application program that is first displayed in the target component in the preview component.
  • the electronic device may set the order of application contents of the application program displayed in the target component in the preview component.
  • the fourth input is used as the drag input for the component area, and the size of the target component is 4*2.
  • the component area 11b can be dragged to the left in the preview component 13.
  • the applications in the component area 11b and the component area 11a in the preview component 13 are swapped.
  • the user clicks on the target component 11 and then, as shown in Figure 5(c), the electronic device displays the adjusted target component 11 in the interface 10 according to the component style in the preview component 13.
  • the electronic device is triggered to adjust the application corresponding to each component area in the preview component, thereby further improving the flexibility of the electronic device in displaying the target component.
  • step 301 “the electronic device displays a preview component in response to the first input” may include the following step 301a:
  • Step 301a When the first input meets a preset input condition, the electronic device displays a preview component in response to the first input.
  • satisfying the preset input condition may be: during the input process of the first input, the first application icon and the second application icon remain overlapped.
  • the electronic device may continue to display the preview component on the electronic device.
  • the preset input condition may be satisfied as follows: during the input process of the first input, the first application icon and the second application icon remain overlapped, and the overlap duration between the first application icon and the second icon is greater than a preset duration.
  • the electronic device may continue to display the preview component after the user ends the first input.
  • the preset time length may be a default time length of the electronic device, or a time length manually set by a user, for example, the preset time length is 2 seconds.
  • the user drags APP2 in the interface 10 to APP1. If the user maintains the current overlapping state for more than 2 seconds, as shown in FIG3(b), a preview component 13 is displayed in the interface 10, and the preview component 13 displays the preview style of the target component 11.
  • the preview component when the first input meets the preset input condition, the preview component is displayed, and when the overlap duration meets the preset duration, the preview component is continuously displayed, so that the user can more intuitively understand the style of the target component to be generated.
  • the display method of the component provided in the embodiment of the present application may also include the following step 301b:
  • Step 301b When the first input does not meet the preset input condition, the electronic device cancels displaying the preview component.
  • the above-mentioned failure to meet the preset input condition may be: during the input process of the first input, if the user's finger is not released, but the overlap of the first application icon and the second application icon lasts for less than 2 seconds, then after the user's finger drags the first application icon and the second application icon to separate, the above-mentioned preview component is no longer displayed.
  • the above-mentioned failure to meet the preset input condition may be: after the above-mentioned first input is completed, if the user releases his finger, and the overlap between the first application icon and the second application icon lasts for less than 2 seconds, then after the user's finger leaves the screen of the electronic device, the above-mentioned preview component will no longer be displayed.
  • step 202 “the electronic device displays the target component in response to the first input” may include the following steps 202c and 202d:
  • Step 202c In response to the first input, the electronic device determines application content corresponding to each application according to the foreground running interface of the application corresponding to the at least two application icons.
  • the foreground running interface may be the final display interface of the application program running in the background of the electronic device.
  • Step 202d The electronic device displays the target component according to the application contents corresponding to each application program.
  • the electronic device directly determines the application content displayed on the running interface of the application as the application content displayed in the target component, without the need for the user to manually select the application content of each application in the target component.
  • the electronic device can directly use the application content corresponding to the final display interface of the application as the application content of the application in the target component, thereby improving the convenience of the electronic device in displaying the target component.
  • the at least two application icons include a first application icon and a second application icon; in the above step 201, "the electronic device receives a first input to the at least two application icons" may include the following step 201b:
  • Step 201b The electronic device receives a first input for overlapping the first application icon with the second application icon.
  • the above overlap means that the above first application icon and the second application icon are in contact with and overlap each other. For example, part of the area of the first application icon is blocked by the second application icon; or part of the area of the second application icon is blocked by the first application icon. In other words, the above overlap means that one of the above first application icon or the second application icon is blocked by the other application icon and cannot be fully displayed.
  • the electronic device responds to the first input and displays the target
  • the "standard component” may include the following steps 202e and 202f:
  • Step 202e The electronic device determines a target size in response to the first input according to an overlapping area between the first application icon and the second application icon.
  • different overlapping areas correspond to different target sizes.
  • Step 202f The electronic device displays the target component according to the target size.
  • the target size may be a display size of the target component.
  • the electronic device displays the target component when an overlapping area between the first application icon and the second application icon is larger than a preset area.
  • the display size of the target component is the first size.
  • the preset area may be a default overlap value of the electronic device, or may be an overlap value manually set by the user.
  • the preset area may be 50%.
  • the first size may be set by the user or may be a preset value in the electronic device.
  • the first size may be 2*2.
  • the first size is 2*2.
  • APP1 and APP2 are displayed in the interface 10. If the user drags APP2 to APP1, as shown in FIG6(b), APP1 and APP2 are overlapped, and the overlap degree is greater than 50%.
  • the electronic device generates a target component 12 with a size of 2*2 and displays the target component 12 in the interface 10.
  • the electronic device displays the target component when the overlapping area of the first application icon and the second application icon is less than or equal to a preset area.
  • the display size of the target component is the second size.
  • the second size is larger than the first size.
  • the second size may be set by the user or may be a preset value in the electronic device.
  • the second size may be 4*2.
  • the second size of 4*2 is used as an example.
  • APP1 and APP2 are displayed in the interface 10. If the user drags APP2 to APP1, as shown in FIG2(b), APP1 and APP2 are overlapped, and the overlap is less than 50%.
  • the electronic device generates a target component 11 with a size of 4*2 and displays the target component 11 in the interface 10.
  • the display method of the component provided in the embodiment of the present application may further include the following steps 401 and 402:
  • Step 401 The electronic device receives a fifth input to a target component.
  • the fifth input is used to trigger the electronic device to remove the target component.
  • the fifth input may be a long press input, a drag input, or other feasible input by the user on the target component.
  • Step 402 The electronic device cancels display of the target component in response to the fifth input.
  • the application contents of the application programs respectively corresponding to the at least two application icons displayed in the target component can be restored to the at least two application icons.
  • the electronic device removes the target component 11 and restores the display of APP1 and APP2 in the interface 10.
  • the target component is directly deleted, thereby improving the convenience of displaying the target component on the electronic device.
  • the target component includes component areas corresponding to at least two applications respectively;
  • the component display method provided in the embodiment of the present application may further include the following steps 403 and 404:
  • Step 403 The electronic device receives a sixth input to a third component area of the at least two component areas.
  • the sixth input is used to trigger the electronic device to remove the component area.
  • the sixth input may be a long press input, a drag input, or other feasible input by the user on the component area.
  • the at least two application programs mentioned above may be application programs corresponding to the at least two application icons respectively.
  • Step 404 The electronic device removes the third component area from the target component in response to the sixth input.
  • the third component area may be one or more of the at least two component areas.
  • the electronic device can adaptively adjust the display size of the target component after removing the third component area. For example, before removing the third component area, the display size of the target component is 4*2, and after removing the third component area, the display size of the target component is adjusted to 2*2.
  • the component area in the target component is directly removed, thereby improving the convenience of adjusting the target component of the electronic device.
  • the target component includes component areas corresponding to at least two applications respectively;
  • the component display method provided in the embodiment of the present application may further include the following steps 405 and 406:
  • Step 405 The electronic device receives a seventh input to a fourth component area of the at least two component areas.
  • the seventh input is used to trigger the electronic device to switch application content on the display component.
  • the seventh input may be a user's sliding input on the component area in the target component, or other feasible input.
  • Step 302 The electronic device switches to display the application content displayed in the fourth component area in response to the seventh input.
  • the fourth component area may be one or more of the at least two component areas.
  • the electronic device may also receive a user input for switching the application content displayed in the component, so as to switch to display different application content.
  • the electronic device wants to switch the message 1 on the component area 11a, the message 1 can be swiped downwards. At this time, as shown in FIG4(c), the component area 11a is switched to display the message 3.
  • the display method of the component provided in the embodiment of the present application can be executed by a display device of the component.
  • the display device of the component provided in the embodiment of the present application is described by taking the display method of the component performed by the display device of the component as an example.
  • the display device 500 of the component includes: a receiving module 501 and a display module 502, wherein: the above-mentioned receiving module 501 is used to receive a first input to at least two application icons; the above-mentioned display module 502 is used to display a target component in response to the above-mentioned first input received by the receiving module 501; wherein the target component is used to display the application content of the application program corresponding to the above-mentioned at least two application icons respectively.
  • the at least two application icons include a first application icon and a second application icon; the first application icon is displayed at a first desktop position, and the second application icon is displayed at a second desktop position adjacent to the first desktop position; the display module 502 is specifically used to display the target component in a first desktop area in response to the first input; the first desktop area includes the first desktop position and the second desktop position.
  • the at least two application icons include a first application icon and a second application icon, the first application icon is displayed at a first desktop position; the receiving module 501 is specifically configured to receive a first input for moving the second application icon to the first desktop position; the display module 502 is specifically configured to display the target component in a second desktop area in response to the first input received by the receiving module 501; the second desktop area
  • the domain includes the first desktop position and a third desktop position adjacent to the first desktop position.
  • the display module 502 is specifically used to: display a preview component in response to the first input; the preview component includes component areas corresponding to at least two applications respectively; for one of the component areas, determine the application content corresponding to the component area in response to the second input to the component area; and display the target component according to the application content corresponding to each of the component areas.
  • the display module 502 is further used to: for one of the component areas, determine a display size corresponding to the component area in response to a third input to the component area; and display the target component according to the display sizes corresponding to each of the component areas.
  • the preview component includes a first component area corresponding to the first application and a second component area corresponding to the second application; the display device 500 of the component also includes: a processing module; wherein: the processing module is used to adjust the application corresponding to the first component area to the second application, and adjust the application corresponding to the second component area to the first application in response to a fourth input to the preview component.
  • the display module 502 is specifically configured to display the preview component in response to the first input when the first input satisfies a preset input condition.
  • the above-mentioned display module 502 is specifically used to: in response to the above-mentioned first input, determine the application content corresponding to each of the above-mentioned applications according to the foreground running interface of the application corresponding to the above-mentioned at least two application icons; and display the above-mentioned target component according to the application content corresponding to each of the above-mentioned applications.
  • the at least two application icons include a first application icon and a second application icon; the receiving module 501 is specifically used to receive a first input for overlapping the first application icon with the second application icon; the display module 502 is specifically used to display the target component in response to the first input received by the receiving module 501 when the overlapping area between the first application icon and the second application icon is greater than a preset area.
  • the above-mentioned receiving module 501 is further used to receive a fifth input to the above-mentioned target component; the above-mentioned display module 502 is further used to cancel the display of the above-mentioned target component in response to the above-mentioned fifth input received by the receiving module 501.
  • the target component includes component areas corresponding to at least two applications respectively; the receiving module 501 is also used to receive a sixth input to a third component area among the at least two component areas; the processing module is also used to remove the third component area from the target component in response to the sixth input received by the receiving module 501.
  • the at least two application icons include a first application icon and a second application icon; the receiving module 501 is specifically used to receive a first input for overlapping the first application icon with the second application icon; the display module 502 is specifically used to: in response to the first input received by the receiving module 501, determine a target size according to an overlapping area between the first application icon and the second application icon; and display the target component according to the target size.
  • the display device of the component can receive a first input of at least two application icons to display a target component, wherein the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the display device of the component in the embodiment of the present application can be an electronic device or a component in the electronic device, such as an integrated circuit or a chip.
  • the electronic device can be a terminal or a device other than a terminal.
  • the electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, a vehicle-mounted electronic device, a mobile Internet device (Mobile Internet Device, MID), an augmented reality (augmented reality, AR)/virtual reality (virtual reality, VR) device, a robot, a wearable device, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC), a netbook or a personal digital assistant (personal digital assistant, PDA), etc.
  • It can also be a server, a network attached storage (Network Attached Storage, NAS), a personal computer (personal computer, PC), television (TV), ATM or self-service machine, etc., which is not specifically limited in the embodiments of the present application.
  • the display device of the component in the embodiment of the present application may be a device having an operating system.
  • the operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.
  • the display device of the component provided in the embodiment of the present application can implement each process implemented by the method embodiment of Figures 1 to 7(c), and will not be described again here to avoid repetition.
  • an embodiment of the present application also provides an electronic device 600, including a processor 601 and a memory 602, and the memory 602 stores a program or instruction that can be executed on the processor 601.
  • the program or instruction is executed by the processor 601
  • the various steps of the display method embodiment of the above-mentioned component are implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.
  • the electronic devices in the embodiments of the present application include the mobile electronic devices and non-mobile electronic devices mentioned above.
  • FIG. 10 is a schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present application.
  • the electronic device 100 includes but is not limited to components such as a radio frequency unit 101, a network module 102, an audio output unit 103, an input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, and a processor 110.
  • components such as a radio frequency unit 101, a network module 102, an audio output unit 103, an input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, and a processor 110.
  • the electronic device 100 may also include a power source (such as a battery) for supplying power to each component, and the power source may be logically connected to the processor 110 through a power management system, so that the power management system can manage charging, discharging, and power consumption.
  • a power source such as a battery
  • the electronic device structure shown in FIG10 does not constitute a limitation on the electronic device, and the electronic device may include more or fewer components than shown, or combine certain components, or arrange components differently, which will not be described in detail here.
  • the above-mentioned user input unit 107 is used to receive a first input to at least two application icons; the above-mentioned display unit 106 is used to display a target component in response to the above-mentioned first input received by the user input unit 107; wherein the target component is used to display the application content of the application program corresponding to the above-mentioned at least two application icons respectively.
  • the at least two application icons include a first application icon and a second application icon; the first application icon is displayed at a first desktop position, and the second application icon is displayed at a second desktop position adjacent to the first desktop position; the display unit 106 is specifically used to display the target component in a first desktop area in response to the first input; the first desktop area includes the first desktop position and the second desktop position.
  • the at least two application icons include a first application icon and a second application icon, and the first application icon is displayed at a first desktop position;
  • the user input unit 107 is specifically used to receive a first input to move the second application icon to the first desktop position;
  • the display unit 106 is specifically used to display the target component in a second desktop area in response to the first input received by the user input unit 107;
  • the second desktop area includes the first desktop position and a third desktop position adjacent to the first desktop position.
  • the display unit 106 is specifically used to: display a preview component in response to the first input; the preview component includes component areas corresponding to at least two applications respectively; for one of the component areas, determine the application content corresponding to the component area in response to the second input to the component area; and display the target component according to the application content corresponding to each of the component areas.
  • the display unit 106 is further used to: for one of the component areas, determine a display size corresponding to the component area in response to a third input to the component area; and display the target component according to the display sizes corresponding to each of the component areas.
  • the preview component includes a first component area corresponding to the first application and a second component area corresponding to the second application; the processor 110 is used to adjust the application corresponding to the first component area to the second application and adjust the application corresponding to the second component area to the first application in response to a fourth input to the preview component.
  • the display unit 106 is specifically configured to display the preview component in response to the first input when the first input satisfies a preset input condition.
  • the display unit 106 is specifically configured to: in response to the first input, According to the foreground running interfaces of the application programs respectively corresponding to the at least two application icons, the application contents respectively corresponding to the above application programs are determined; and according to the application contents respectively corresponding to the above application programs, the target component is displayed.
  • the at least two application icons include a first application icon and a second application icon; the user input unit 107 is specifically used to receive a first input for overlapping the first application icon with the second application icon; the display unit 106 is specifically used to display the target component in response to the first input received by the user input unit 107 when the overlapping area between the first application icon and the second application icon is greater than a preset area.
  • the user input unit 107 is further used to receive a fifth input to the target component; the display unit 106 is further used to cancel the display of the target component in response to the fifth input received by the user input unit 107.
  • the target component includes component areas corresponding to at least two applications respectively; the user input unit 107 is further used to receive a sixth input to a third component area among the at least two component areas; the processor 110 is further used to remove the third component area from the target component in response to the sixth input received by the user input unit 107.
  • the at least two application icons include a first application icon and a second application icon; the user input unit 107 is specifically used to receive a first input for overlapping the first application icon with the second application icon; the display unit 106 is specifically used to: in response to the first input received by the user input unit 107, determine a target size according to an overlapping area between the first application icon and the second application icon; and display the target component according to the target size.
  • the electronic device can receive a first input of at least two application icons to display a target component, wherein the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the target component is used to display the application content of the application corresponding to the at least two application icons.
  • the input unit 104 may include a graphics processing unit (GPU) 1041 and a microphone 1042, and the graphics processor 1041 processes the image data of a static picture or video obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode.
  • the display unit 106 may include a display panel 1061, and the display panel 1061 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc.
  • the user input unit 107 includes a touch panel 1071 and at least one of other input devices 1072.
  • the touch panel 1071 is also called a touch screen.
  • the touch panel 1071 may include two parts: a touch detection device and a touch controller.
  • Other input devices 1072 may include, but are not limited to, a physical keyboard, function keys (such as a volume control key, a switch key, etc.), a trackball, a mouse, and a joystick, which will not be repeated here.
  • the memory 109 can be used to store software programs and various data.
  • the memory 109 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data, wherein the first storage area may store an operating system, an application program or instructions required for at least one function (such as a sound playback function, an image playback function, etc.), etc.
  • the memory 109 may include a volatile memory or a non-volatile memory, or the memory 109 may include both volatile and non-volatile memories.
  • the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory.
  • the volatile memory may be a random access memory (RAM), a static random access memory (SRAM), a dynamic random access memory (DRAM), a synchronous dynamic random access memory (SDRAM), a double data rate synchronous dynamic random access memory (DDRSDRAM), an enhanced synchronous dynamic random access memory (ESDRAM), a synchronous link dynamic random access memory (SLDRAM) and a direct memory bus random access memory (DRRAM).
  • the memory 109 in the embodiment of the present application includes but is not limited to these and any other suitable types of memory.
  • the processor 110 may include one or more processing units; optionally, the processor 110 integrates an application processor and a modulation
  • the demodulation processor wherein the application processor mainly processes operations related to the operating system, user interface and application programs, and the modulation and demodulation processor mainly processes wireless communication signals, such as the baseband processor. It is understandable that the above-mentioned modulation and demodulation processor may not be integrated into the processor 110.
  • An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored.
  • a program or instruction is stored.
  • the various processes of the display method embodiment of the above-mentioned component are implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.
  • the processor is the processor in the electronic device described in the above embodiment.
  • the readable storage medium includes a computer readable storage medium, such as a computer read-only memory ROM, a random access memory RAM, a magnetic disk or an optical disk.
  • An embodiment of the present application further provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the various processes of the display method embodiment of the above-mentioned components, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.
  • the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.
  • An embodiment of the present application provides a computer program product, which is stored in a storage medium.
  • the program product is executed by at least one processor to implement the various processes of the display method embodiment of the above-mentioned components, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.
  • the technical solution of the present application can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, a disk, or an optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in each embodiment of the present application.
  • a storage medium such as ROM/RAM, a disk, or an optical disk
  • a terminal which can be a mobile phone, a computer, a server, or a network device, etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种组件的显示方法、装置、电子设备及介质，属于电子设备技术领域。该组件的显示方法包括：接收对至少两个应用图标的第一输入；响应于该第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。

Description

组件的显示方法、装置、电子设备及介质
相关申请的交叉引用
本申请主张在2022年11月28日在中国提交的中国专利申请号202211504495.2的优先权，其全部内容通过引用包含于此。
技术领域
本申请属于电子设备技术领域，具体涉及一种组件的显示方法、装置、电子设备及介质。
背景技术
随着智能终端技术的发展，电子设备的中可以安装的应用程序越来越多，为了提高用户的使用体验，对应用程序图标的管理策略也尤为重要。
在相关技术中，用户在需要查看不同应用程序中的具体信息时，需要先打开其中一个应用程序，在查看信息后关闭该应用程序，再打开另一个应用程序，查看信息。如此，导致用户查看应用程序的信息的步骤较为繁琐，从而使得对应用程序的信息获取效率较低。
发明内容
本申请实施例的目的是提供一种组件的显示方法、装置、电子设备及介质，能够解决对应用程序的信息获取效率较低的问题。
第一方面，本申请实施例提供了一种组件的显示方法，该方法包括：接收对至少两个应用图标的第一输入；响应于该第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
第二方面，本申请实施例提供了一种组件的显示装置，该装置包括：接收模块和显示模块，其中：上述接收模块，用于接收对至少两个应用图标的第一输入；上述显示模块，用于响应于接收模块接收到的上述第一输入，显示目标组件；其中，该目标组件用于显示所述至少两个应用图标分别对应的应用程序的应用内容。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
第六方面，本申请实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如第一方面所述的方法。
在本申请实施例中，电子设备可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
附图说明
图1是本申请实施例提供的一种组件的显示方法的方法流程示意图；
图2(a)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之一；
图2(b)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之二；
图2(c)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之三；
图3(a)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之四；
图3(b)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之五；
图4(a)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之六；
图4(b)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之七；
图4(c)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之八；
图5(a)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之九；
图5(b)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十；
图5(c)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十一；
图6(a)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十二；
图6(b)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十三；
图6(c)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十四；
图7(a)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十五；
图7(b)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十六；
图7(c)是本申请实施例提供的一种组件的显示方法所应用的界面实例示意图之十七；
图8是本申请实施例提供的一种组件的显示装置的结构示意图；
图9是本申请实施例提供的一种电子设备的结构示意图；
图10是本申请实施例提供的一种电子设备的硬件示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的术语在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的组件的显示方法、装置、电子设备及介质进行详细地说明。
本申请实施例提供的组件的显示方法应用于查看不同应用内容的场景中，具体的应用场景可以根据使用需求而定，本申请不做限定。
示例性地，以查看两个应用(如APP1和APP2)的应用内容的场景为例。用户需要先打开上述APP1，找到对应的应用内容查看；然后，在查看之后关闭该APP1，再打开上述APP2，找到对应的应用内容进行查看。由于，该方案需要多次打开不同的APP进行查看，导致查看多个APP的应用内容的步骤较为繁琐，从而使得对应用内容的获取效率较低。
在本申请实施例中，若用户需要查看上述APP1和APP2的应用内容，则可以将该APP1和APP2拖动至重合，生成组件1；该组件1中显示有APP1对应的应用内容和APP2对应的应用内容。因此，使得用户无需打开多个APP，即可查看各自对应的应用内容，简化了查看多个APP的应用内容的步骤，从而提高了获取应用内容的效率。
本实施例提供的组件的显示方法的执行主体可以为组件的显示装置，该组件的显示装置可以为电子设备，也可以为该电子设备中的控制模块或处理模块等。以下以电子设备为例来对本申请实施例提供的技术方案进行说明。
本申请实施例提供一种组件的显示方法，如图1所示，该组件的显示方法可以包括如 下步骤201和步骤202：
步骤201：电子设备接收对至少两个应用图标的第一输入。
在本申请实施例中，上述第一输入可以为用户对上述应用图标的拖动输入、点击输入，或其他可行性输入。
示例性地，上述第一输入可以为对上述至少两个应用图标中的一个应用图标的输入，也可以为对上述至少两个应用图标中的多个应用图标的输入。
在本申请实施例中，上述第一输入用于生成组件。
示例性地，上述组件可以让用户更加直观的看到应用程序内的信息、更加便捷的使用应用程序的功能。
在本申请实施例中，上述应用图标可以为电子设备中安装的任一应用的应用图标。
步骤202：电子设备响应于第一输入，显示目标组件。
在本申请实施例中，上述目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
示例性地，上述应用内容可以为上述应用程序的默认内容，也可以为用户设定的上述应用程序的应用内容。
举例说明，以第一输入为拖动应用图标的输入为例，如图2(a)所示，界面10中显示有APP1和APP2，若用户拖动APP2至APP1，如图2(b)所示，将APP1和APP2重合。此时，如图2(c)所示，电子设备会生成目标组件11，并在界面10中显示该目标组件11。
在本申请实施例提供的组件的显示方法中，电子设备可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述第一应用图标显示在第一桌面位置，上述第二应用图标显示在与上述第一桌面位置相邻的第二桌面位置；上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202a：
步骤202a：电子设备响应于第一输入，在第一桌面区域显示目标组件。
在本申请实施例中，上述第一桌面区域包括上述第一桌面位置和上述第二桌面位置。
示例性地，上述第一桌面位置可以为电子设备屏幕上的任一位置。
示例性地，上述第二桌面位置可以为电子设备屏幕上与上述第一桌面位置相邻的任一位置。
在本申请实施例中，在上述第一应用图标与第二应用图标相邻的情况下，电子设备可以接收将上述第一应用图标和第二应用图标捏合的输入(即上述第一输入)，然后，直接在上述第一应用图标和第二应用图标分别对应的桌面位置，显示目标组件。换句话说，直接将上述第一应用图标和第二应用图标以组件的形式显示。
如此，通过接收用户的捏合应用图标的输入，直接在应用图标的原始位置显示应用图标对应的应用程序的应用内容，提高了电子设备显示目标组件的灵活性。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标，上述第一应用图标显示在第一桌面位置；上述步骤201中“电子设备接收对至少两个应用图标的第一输入”可以包括如下步骤201a：
步骤201a：电子设备接收将第二应用图标移动至第一桌面位置的第一输入。
进一步地，结合上述步骤201a，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202b：
步骤202b：电子设备响应于第一输入，在第二桌面区域显示目标组件。
在本申请实施例中，上述第二桌面区域包括上述第一桌面位置和与该第一桌面位置相 邻的第三桌面位置。
示例性地，上述第三桌面位置可以为电子设备屏幕上与上述第一桌面位置相邻的任一位置。
在本申请实施例中，电子设备可以接收将上述第二应用图标拖动至显示有第一应用图标的第一桌面位置，然后，在上述第一桌面位置和与第一桌面位置相邻的第三桌面位置显示包括第一应用图标和第二应用图标分别对应的应用程序的应用内容的目标组件。
示例性地，上述第一应用图标和第二应用图标可以不相邻，也可以相邻。
如此，通过接收用户拖动一个应用图标至另一应用图标的显示位置的输入，在该显示位置和与该显示位置相邻的显示位置上，显示两个应用图标分别对应的应用程序的应用内容，提高了电子设备显示目标组件的灵活性。
可选地，在本申请实施例中，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤301至步骤304：
步骤301：电子设备响应于第一输入，显示预览组件。
在本申请实施例中，上述预览组件包括至少两个应用程序分别对应的组件区域。
在本申请实施例中，上述预览组件用于预览上述目标组件中显示的应用程序的应用内容。
示例性地，上述预览组件可以以悬浮窗口的形式显示。
在本申请实施例中，上述一个应用程序对应一个组件区域。
举例说明，如图3(a)所示，用户将界面10中的APP2拖动至APP1，，则如图3(b)所示，在界面10中显示预览组件13，该预览组件13中显示有目标组件11的预览样式。
步骤302：电子设备对于其中一个组件区域，接收对组件区域的第二输入。
在本申请实施例中，上述第二输入可以为用户对上述组件区域的点击输入，或其他可行性输入。
在本申请实施例中，上述第二输入用于选择应用图标对应的应用程序的应用内容。
步骤303：电子设备响应于第二输入，确定组件区域对应的应用内容。
在本申请实施例中，上述一个应用程序可以对应多个应用内容。
示例性地，在上述应用程序为视频应用程序时，上述应用内容可以为播放记录、收藏记录、最新影视、最热门影视等。
示例性地，在上述应用程序为社交应用程序时，上述应用内容可以为会话框、联系人、视频号等。
步骤304：电子设备根据各组件区域分别对应的应用内容显示目标组件。
举例说明，结合图3(b)，如图4(a)所示，若用户想要调整组件区域11a和组件区域11b上的显示内容，则可以点击组件区域11a中的消息1和组件区域11b中的消息2进行选中，接着再点击目标组件12。然后，如图4(b)所示，电子设备按照预览组件13中设置的消息1和消息2，在界面10中显示目标组件11。
此外，若用户直接点击上述组件区域11a中的消息1，则可以触发电子设备直接打开该组件区域11a对应的应用程序，并显示该消息1对应的应用界面。
如此，通过接收用户对组件区域的输入，触发电子设备调整预览组件中的各应用程序的应用内容，提高了电子设备显示目标组件的灵活性。
可选地，在本申请实施例中，结合上述步骤301，本申请实施例提供的组件的显示方法还可以包括如下步骤305至步骤307：
步骤305：电子设备对于其中一个组件区域，接收对组件区域的第三输入。
在本申请实施例中，上述第三输入可以为用户对上述组件区域的拖动输入，或其他可行性输入。
在本申请实施例中，上述第三输入用于调整组件区域对应的显示尺寸。
步骤306：电子设备响应于第三输入，确定组件区域对应的显示尺寸。
在本申请实施例中，上述组件区域对应的显示尺寸与目标组件的尺寸一一对应。
示例性地，上述组件区域的显示尺寸与目标组件的尺寸相等。
步骤307：电子设备根据各组件区域分别对应的显示尺寸显示目标组件。
在本申请实施例中，电子设备可以根据用户调整后的组件区域的尺寸大小，自适应调整目标组件的尺寸大小，并按照调整后的目标组件的尺寸大小显示该目标组件。
在本申请实施例中，上述目标组件的尺寸可以为(X*Y)。其中，上述X坐标是指该目标组件的组件宽度，上述Y坐标是指该目标组件的组件长度。例如，上述X*Y可以为：1*2，2*1，2*2，3*2，3*1等。
一种可能的示例中，上述X坐标对应的1是指一个桌面图标的宽度，上述X坐标对应的2是指两个桌面图标的宽度，以此类推；上述Y坐标对应的1是指一个桌面图标的长度，上述Y坐标对应的2是指两个桌面图标的长度，以此类推。当然，上述X坐标对应的1也可以为其他尺寸单位，本申请实施例对此不作限定。
举例说明，上述1*2这种组件尺寸可以为70*152，上述2*1这种组件尺寸可以为152*70，上述2*2这种组件尺寸可以为152*152，上述3*2这种组件尺寸可以为234*152，上述3*1这种组件尺寸可以为234*70。
如此，通过接收用户对组件区域的输入，触发电子设备调整各组件预览区域的显示尺寸，进一步提高了电子设备显示目标组件的灵活性。
可选地，在本申请实施例中，上述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域，结合上述步骤301，本申请实施例提供的组件的显示方法还可以包括如下步骤308和步骤309：
步骤308：电子设备接收对预览组件的第四输入。
在本申请实施例中，上述第四输入可以为用户对上述预览组件中的第一组件区域或第二组件区域的拖动输入、点击输入，或其他可行性输入。
在本申请实施例中，上述第四输入用于调整组件区域对应的应用程序。
步骤309：电子设备响应于第四输入，将第一组件区域对应的应用程序调整为第二应用程序，将第二组件区域对应的应用程序调整为第一应用程序。
在本申请实施例中，上述第一应用程序可以为上述第一应用图标对应的应用程序；上述第二应用程序可以为上述第二应用图标对应的应用程序。
一种可能的示例中，在上述目标组件的尺寸为2*2时，电子设备可以在预览组件中设置该目标组件中首先显示的应用程序的应用内容。
另一种可能的示例中，在上述目标组件的尺寸为4*2时，电子设备可以在预览组件中设置该目标组件中显示的应用程序的应用内容的顺序。
举例说明，以上述第四输入为对组件区域的拖动输入，上述目标组件的尺寸为4*2为例。结合图3(b)，如图5(a)所示，若用户想要调整目标组件11中，组件区域11a和组件区域11b中的应用程序，则可以在预览组件13中，向左拖动组件区域11b，此时，如图5(b)所示，预览组件13中，组件区域11b和组件区域11a中的应用程序进行调换。然后，用户点击目标组件11，接着如图5(c)所示，电子设备按照预览组件13中的组件样式，在界面10中显示调整后的目标组件11。
如此，通过接收用户对预览组件的输入，触发电子设备调整预览组件中各组件区域对应的应用程序，进一步提高了电子设备显示目标组件的灵活性。
可选地，在本申请实施例中，上述步骤301中“电子设备响应于第一输入，显示预览组件”可以包括如下步骤301a：
步骤301a：电子设备在第一输入满足预设输入条件的情况下，响应于第一输入，显示预览组件。
一种可能的示例中，上述满足预设输入条件可以为：在第一输入的输入过程中，上述第一应用图标与上述第二应用图标保持重合。
示例性地，电子设备可以在第一输入的输入过程中，若第一应用图标与第二应用图标始终保持重合，在电子设备持续显示上述预览组件。
另一种可能的示例中，上述满足预设输入条件可以为：在第一输入的输入过程中，上述第一应用图标与上述第二应用图标保持重合，且上述第一应用图标与上述第二图标的重合持续时长大于预设时长。
示例性地，电子设备可以在第一输入的输入过程中，若第一应用图标与第二应用图标始终保持重合，且重合持续时长大于预设时长，则用户在结束第一输入之后，电子设备仍会持续显示上述预览组件。
在本申请实施例中，上述预设时长可以为电子设备默认的时长，也可以为用户手动设置的时长，例如上述预设时长为2秒。
举例说明，以上述预设时长为2秒为例。如图3(a)所示，用户将界面10中的APP2拖动至APP1，若用户保持当前重合状态2秒以上，则如图3(b)所示，在界面10中显示预览组件13，该预览组件13中显示有目标组件11的预览样式。
如此，在第一输入满足预设输入条件的情况下，显示预览组件，并在重合持续时长满足预设时长时，将该预览组件持续显示，使得用户可以更加直观的了解到将要生成的目标组件的样式。
进一步可选地，在本申请实施例中，结合上述步骤301a；本申请实施例提供的组件的显示方法还可以包括如下步骤301b：
步骤301b：电子设备在第一输入不满足预设输入条件的情况下，取消显示预览组件。
一种可能的示例中，上述不满足预设输入条件可以为：在第一输入的输入过程中，若用户手指未松开，但第一应用图标和第二应用图标的重合持续时长小于2秒，则在用户手指拖动第一应用图标和第二应用图标分离之后，上述预览组件不再显示。
另一种可能的示例中，上述不满足预设输入条件可以为：在上述第一输入结束后，若用户手指松开，且第一应用图标和第二应用图标的重合持续时长小于2秒，则在用户手指离开电子设备的屏幕之后，上述预览组件也不再显示。
如此，通过在重合持续时长小于预设时长时，在第一应用图标与第二应用图标不重合的情况下，取消显示预览组件，提高了电子设备显示预览组件的灵活性。
可选地，在本申请实施例中，上述步骤202中“电子设备响应于第一输入，显示目标组件”可以包括如下步骤202c和步骤202d：
步骤202c：电子设备响应于第一输入，根据至少两个应用图标分别对应的应用程序的前台运行界面，确定各应用程序分别对应的应用内容。
在本申请实施例中，上述前台运行界面可以为电子设备后台正在运行的应用程序的最终显示界面。
步骤202d：电子设备根据各应用程序分别对应的应用内容显示目标组件。
在本申请实施例中，若上述至少两个应用图标分别对应的应用程序均处于后台运行状态，则电子设备直接将该应用程序的运行界面显示的应用内容，确定为目标组件中显示的应用内容，而无需用户手动选择目标组件中各应用程序的应用内容。
如此，当应用图标对应的应用程序在后台运行时，电子设备可以直接将该应用程序的最终显示界面对应的应用内容作为目标组件中应用程序的应用内容，提高了电子设备显示目标组件的便捷性。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述步骤201中“电子设备接收对至少两个应用图标的第一输入”可以包括如下步骤201b：
步骤201b：电子设备接收将第一应用图标与所述第二应用图标进行重合的第一输入。
在本申请实施例中，上述重合是指上述第一应用图标和第二应用图标互相接触且重叠。例如，第一应用图标的部分区域被第二应用图标挡住；或第二应用图标的部分区域被第一应用图标挡住。换句话说，上述重合是指：上述第一应用图标或第二应用图标中的其中一个应用图标被另一个应用图标遮挡，不能完全显示。
进一步地，结合上述步骤201b，上述步骤202中“电子设备响应于第一输入，显示目 标组件”可以包括如下步骤202e和步骤202f：
步骤202e：电子设备响应于第一输入，根据第一应用图标与第二应用图标的重合面积，确定目标尺寸。
在本申请实施例中，不同的重合面积对应的不同的目标尺寸。
示例性地，上述重合面积越大，目标尺寸越小；反之，上述重合面积越小，目标尺寸越大。
步骤202f：电子设备根据目标尺寸显示目标组件。
在本申请实施例中，上述目标尺寸可以为上述目标组件的显示尺寸。
在一种可能的实施例中，电子设备在第一应用图标与第二应用图标的重合面积大于预设面积的情况下，显示目标组件。
示例性地，在上述重合面积大于预设面积的情况下，目标组件的显示尺寸为第一尺寸。
在本申请实施例中，上述预设面积可以为电子设备默认的重合度值，也可以为用户手动设置的重合度值，例如预设面积可以为50％。
在本申请实施例中，上述第一尺寸可以为用户自行设定的，也可以是电子设备中预设的值，例如第一尺寸可以为2*2。
举例说明，以上述第一尺寸为2*2为例。如图6(a)所示，界面10中显示有APP1和APP2，若用户拖动APP2至APP1，如图6(b)所示，将APP1和APP2重合，且重合度大于50％。此时，如图6(c)所示，电子设备会生成尺寸大小为2*2的目标组件12，并在界面10中显示该目标组件12。
在另一种可能的实施例中，电子设备在第一应用图标与第二应用图标的重合面积小于或等于预设面积的情况下，显示目标组件。
示例性地，在上述重合面积小于或等于预设面积的情况下，目标组件的显示尺寸为第二尺寸。
需要说明的是，上述第二尺寸大于上述第一尺寸。
在本申请实施例中，上述第二尺寸可以为用户自行设定的，也可以是电子设备中预设的值，例如第二尺寸可以为4*2。
举例说明，以上述第二尺寸为4*2为例。如图2(a)所示，界面10中显示有APP1和APP2，若用户拖动APP2至APP1，如图2(b)所示，将APP1和APP2重合，且重合度小于50％。此时，如图2(c)所示，电子设备会生成尺寸大小为4*2的目标组件11，并在界面10中显示该目标组件11。
如此，通过拖动图标使两个应用图标的重合，并根据重合面积的大小确定最终显示的目标组件的组件尺寸，提高了电子设备生成组件的灵活性。
可选地，在本申请实施例中，本申请实施例中提供的组件的显示方法还可以包括如下步骤401和步骤402：
步骤401：电子设备接收对目标组件的第五输入。
在本申请实施例中，上述第五输入用于触发电子设备移除上述目标组件。
在本申请实施例中，上述第五输入可以为用户对上述目标组件的长按输入、拖动输入，或其他可行性输入。
步骤402：电子设备响应于第五输入，取消显示目标组件。
在本申请实施例中，电子设备取消显示目标组件之后，可以将该目标组件中显示的上述至少两个应用图标分别对应的应用程序的应用内容还原为上述至少两个应用图标。
举例说明，以上述第五输入为对目标组件的长按输入为例，如图7(a)所示，若用户想要移除目标组件11，则可以长按该目标组件11，此时，如图7(b)所示，在目标组件11上显示“移除”控件，用户点击该“移除”控件。接着，如图7(c)所示，电子设备移除目标组件11，并在界面10中还原显示APP1和APP2。
如此，通过接收用户对目标组件的输入，直接删除该目标组件，提高了电子设备显示目标组件的便捷性。
可选地，在本申请实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；本申请实施例提供的组件的显示方法还可以包括如下步骤403和步骤404：
步骤403：电子设备接收对至少两个组件区域中的第三组件区域的第六输入。
在本申请实施例中，上述第六输入用于触发电子设备移除上述组件区域。
在本申请实施例中，上述第六输入可以为用户对上述组件区域的长按输入、拖动输入，或其他可行性输入。
在本申请实施例中，上述至少两个应用程序可以为上述至少两个应用图标分别对应的应用程序。
步骤404：电子设备响应于第六输入，从目标组件中移除第三组件区域。
在本申请实施例中，上述第三组件区域可以为上述至少两个组件区域中的一个或多个。
在本申请实施例中，电子设备在移除上述第三组件区域之后，可以自适应的调整目标组件的显示尺寸。例如，移除上述第三组件区域之前，目标组件的显示尺寸为4*2，移除上述第三组件区域之后，目标组件的显示尺寸调整为2*2。
如此，通过接收用户对目标组件中组件区域的输入，直接移除该组件区域，提高了电子设备调整目标组件的便捷性。
可选地，在本申请实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；本申请实施例提供的组件的显示方法还可以包括如下步骤405和步骤406：
步骤405：电子设备接收对至少两个组件区域中的第四组件区域的第七输入。
在本申请实施例中，上述第七输入用于触发电子设备切换显示组件上的应用内容。
在本申请实施例中，上述第七输入可以为用户对上述目标组件中的组件区域的滑动输入，或其他可行性输入。
步骤302：电子设备响应于第七输入，切换显示第四组件区域中显示的应用内容。
在本申请实施例中，上述第四组件区域可以为上述至少两个组件区域中的一个或多个。
在本申请实施例中，电子设备在显示目标组件后，还可以接收用户对组件中显示应用内容的切换输入，以切换显示不同的应用内容。
举例说明，如图4(b)所示，若电子设备想要切换组件区域11a上的消息1，则可以向下滑动该消息1，此时，如图4(c)所示，组件区域11a中切换显示为消息3。
如此，通过接收用户滑动应用内容的输入，切换显示不同的应用内容，提高了电子设备显示不同应用内容的便捷性。
本申请实施例提供的组件的显示方法，执行主体可以为组件的显示装置。本申请实施例中以组件的显示装置执行组件的显示方法为例，说明本申请实施例提供的组件的显示装置。
本申请实施例提供一种组件的显示装置，如图8所示，该组件的显示装置500包括：接收模块501和显示模块502，其中：上述接收模块501，用于接收对至少两个应用图标的第一输入；上述显示模块502，用于响应于接收模块501接收到的上述第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述第一应用图标显示在第一桌面位置，上述第二应用图标显示在与上述第一桌面位置相邻的第二桌面位置；上述显示模块502，具体用于响应于上述第一输入，在第一桌面区域显示上述目标组件；上述第一桌面区域包括上述第一桌面位置和上述第二桌面位置。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标，上述第一应用图标显示在第一桌面位置；上述接收模块501，具体用于接收将上述第二应用图标移动至上述第一桌面位置的第一输入；上述显示模块502，具体用于响应于接收模块501接收到的上述第一输入，在第二桌面区域显示上述目标组件；上述第二桌面区 域包括上述第一桌面位置和与上述第一桌面位置相邻的第三桌面位置。
可选地，在本申请实施例中，上述显示模块502，具体用于：响应于上述第一输入，显示预览组件；该预览组件包括至少两个应用程序分别对应的组件区域；对于其中一个组件区域，响应于对该组件区域的第二输入，确定上述组件区域对应的应用内容；根据各上述组件区域分别对应的应用内容显示上述目标组件。
可选地，在本申请实施例中，上述显示模块502，还用于：对于其中一个组件区域，响应于对该组件区域的第三输入，确定上述组件区域对应的显示尺寸；根据各上述组件区域分别对应的显示尺寸显示上述目标组件。
可选地，在本申请实施例中，上述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域；上述组件的显示装置500还包括：处理模块；其中：上述处理模块，用于响应于对上述预览组件的第四输入，将上述第一组件区域对应的应用程序调整为上述第二应用程序，将上述第二组件区域对应的应用程序调整为上述第一应用程序。
可选地，在本申请实施例中，上述显示模块502，具体用于在上述第一输入满足预设输入条件的情况下，响应于上述第一输入，显示上述预览组件。
可选地，在本申请实施例中，上述显示模块502，具体用于：响应于上述第一输入，根据上述至少两个应用图标分别对应的应用程序的前台运行界面，确定各上述应用程序分别对应的应用内容；根据各上述应用程序分别对应的应用内容显示上述目标组件。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述接收模块501，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示模块502，具体用于响应于接收模块501接收到的上述第一输入，在上述第一应用图标与上述第二应用图标的重合面积大于预设面积的情况下，显示上述目标组件。
可选地，在本申请实施例中，上述接收模块501，还用于接收对上述目标组件的第五输入；上述显示模块502，还用于响应于接收模块501接收到的上述第五输入，取消显示上述目标组件。
可选地，在本申请实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；上述接收模块501，还用于接收对上述至少两个组件区域中的第三组件区域的第六输入；上述处理模块，还用于响应于接收模块501接收到的上述第六输入，从上述目标组件中移除上述第三组件区域。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述接收模块501，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示模块502，具体用于：响应于接收模块501接收到的上述第一输入，根据上述第一应用图标与上述第二应用图标的重合面积，确定目标尺寸；根据该目标尺寸显示上述目标组件。
本申请实施例提供的组件的显示装置中，该组件的显示装置可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
本申请实施例中的组件的显示装置可以是电子设备，也可以是电子设备中的部件，例如集成电路或芯片。该电子设备可以是终端，也可以为除终端之外的其他设备。示例性的，电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(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)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的组件的显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为iOS操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。
本申请实施例提供的组件的显示装置能够实现图1至图7(c)的方法实施例实现的各个过程，为避免重复，这里不再赘述。
可选地，如图9所示，本申请实施例还提供一种电子设备600，包括处理器601和存储器602，存储器602上存储有可在所述处理器601上运行的程序或指令，该程序或指令被处理器601执行时实现上述组件的显示方法实施例的各个步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图10为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备100包括但不限于：射频单元101、网络模块102、音频输出单元103、输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、以及处理器110等部件。
本领域技术人员可以理解，电子设备100还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器110逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图10中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，上述用户输入单元107，用于接收对至少两个应用图标的第一输入；上述显示单元106，用于响应于用户输入单元107接收到的上述第一输入，显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述第一应用图标显示在第一桌面位置，上述第二应用图标显示在与上述第一桌面位置相邻的第二桌面位置；上述显示单元106，具体用于响应于上述第一输入，在第一桌面区域显示上述目标组件；上述第一桌面区域包括上述第一桌面位置和上述第二桌面位置。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标，上述第一应用图标显示在第一桌面位置；上述用户输入单元107，具体用于接收将上述第二应用图标移动至上述第一桌面位置的第一输入；上述显示单元106，具体用于响应于用户输入单元107接收到的上述第一输入，在第二桌面区域显示上述目标组件；上述第二桌面区域包括上述第一桌面位置和与上述第一桌面位置相邻的第三桌面位置。
可选地，在本申请实施例中，上述显示单元106，具体用于：响应于上述第一输入，显示预览组件；该预览组件包括至少两个应用程序分别对应的组件区域；对于其中一个组件区域，响应于对该组件区域的第二输入，确定上述组件区域对应的应用内容；根据各上述组件区域分别对应的应用内容显示上述目标组件。
可选地，在本申请实施例中，上述显示单元106，还用于：对于其中一个组件区域，响应于对该组件区域的第三输入，确定上述组件区域对应的显示尺寸；根据各上述组件区域分别对应的显示尺寸显示上述目标组件。
可选地，在本申请实施例中，上述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域；上述处理器110，用于响应于对上述预览组件的第四输入，将上述第一组件区域对应的应用程序调整为上述第二应用程序，将上述第二组件区域对应的应用程序调整为上述第一应用程序。
可选地，在本申请实施例中，上述显示单元106，具体用于在上述第一输入满足预设输入条件的情况下，响应于上述第一输入，显示上述预览组件。
可选地，在本申请实施例中，上述显示单元106，具体用于：响应于上述第一输入， 根据上述至少两个应用图标分别对应的应用程序的前台运行界面，确定各上述应用程序分别对应的应用内容；根据各上述应用程序分别对应的应用内容显示上述目标组件。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述用户输入单元107，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示单元106，具体用于响应于用户输入单元107接收到的上述第一输入，在上述第一应用图标与上述第二应用图标的重合面积大于预设面积的情况下，显示上述目标组件。
可选地，在本申请实施例中，上述用户输入单元107，还用于接收对上述目标组件的第五输入；上述显示单元106，还用于响应于用户输入单元107接收到的上述第五输入，取消显示上述目标组件。
可选地，在本申请实施例中，上述目标组件包括至少两个应用程序分别对应的组件区域；上述用户输入单元107，还用于接收对上述至少两个组件区域中的第三组件区域的第六输入；上述处理器110，还用于响应于用户输入单元107接收到的上述第六输入，从上述目标组件中移除上述第三组件区域。
可选地，在本申请实施例中，上述至少两个应用图标包括第一应用图标和第二应用图标；上述用户输入单元107，具体用于接收将上述第一应用图标与上述第二应用图标进行重合的第一输入；上述显示单元106，具体用于：响应于用户输入单元107接收到的上述第一输入，根据上述第一应用图标与上述第二应用图标的重合面积，确定目标尺寸；根据该目标尺寸显示上述目标组件。
在本申请实施例提供的电子设备中，电子设备可以接收对至少两个应用图标的第一输入；以显示目标组件；其中，该目标组件用于显示上述至少两个应用图标分别对应的应用程序的应用内容。如此，由于上述目标组件中可以显示至少两个应用图标分别对应的应用程序的应用内容，使得用户可以直接从该目标组件中查看到应用程序的应用内容，简化了查看应用程序的信息的步骤，从而提高了获取应用程序的信息的效率。
应理解的是，本申请实施例中，输入单元104可以包括图形处理器(Graphics Processing Unit，GPU)1041和麦克风1042，图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元106可包括显示面板1061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板1061。用户输入单元107包括触控面板1071以及其他输入设备1072中的至少一种。触控面板1071，也称为触摸屏。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。
存储器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包括但不限于这些和任意其它适合类型的存储器。
处理器110可包括一个或多个处理单元；可选的，处理器110集成应用处理器和调制 解调处理器，其中，应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作，调制解调处理器主要处理无线通信信号，如基带处理器。可以理解的是，上述调制解调处理器也可以不集成到处理器110中。
本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述组件的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器ROM、随机存取存储器RAM、磁碟或者光盘等。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述组件的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
本申请实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如上述组件的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (22)

  1. 一种组件的显示方法，所述方法包括：
    接收对至少两个应用图标的第一输入；
    响应于所述第一输入，显示目标组件；
    其中，所述目标组件用于显示所述至少两个应用图标分别对应的应用程序的应用内容。
  2. 根据权利要求1所述的方法，其中，所述至少两个应用图标包括第一应用图标和第二应用图标；所述第一应用图标显示在第一桌面位置，所述第二应用图标显示在与所述第一桌面位置相邻的第二桌面位置；
    所述响应于所述第一输入，显示目标组件，包括：
    响应于所述第一输入，在第一桌面区域显示所述目标组件；所述第一桌面区域包括所述第一桌面位置和所述第二桌面位置。
  3. 根据权利要求1所述的方法，其中，所述至少两个应用图标包括第一应用图标和第二应用图标，所述第一应用图标显示在第一桌面位置；
    所述接收对至少两个应用图标的第一输入，包括：
    接收将所述第二应用图标移动至所述第一桌面位置的第一输入；
    所述响应于所述第一输入，显示目标组件，包括：
    响应于所述第一输入，在第二桌面区域显示所述目标组件；所述第二桌面区域包括所述第一桌面位置和与所述第一桌面位置相邻的第三桌面位置。
  4. 根据权利要求1所述的方法，其中，所述响应于所述第一输入，显示目标组件，包括：
    响应于所述第一输入，显示预览组件；所述预览组件包括至少两个应用程序分别对应的组件区域；
    对于其中一个组件区域，响应于对所述组件区域的第二输入，确定所述组件区域对应的应用内容；
    根据各所述组件区域分别对应的应用内容显示所述目标组件。
  5. 根据权利要求4所述的方法，其中，所述方法还包括：
    对于其中一个组件区域，响应于对所述组件区域的第三输入，确定所述组件区域对应的显示尺寸；
    根据各所述组件区域分别对应的显示尺寸显示所述目标组件。
  6. 根据权利要求4所述的方法，其中，所述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域；
    所述方法还包括：
    响应于对所述预览组件的第四输入，将所述第一组件区域对应的应用程序调整为所述第二应用程序，将所述第二组件区域对应的应用程序调整为所述第一应用程序。
  7. 根据权利要求4所述的方法，其中，所述响应于所述第一输入，显示预览组件，包括：
    在所述第一输入满足预设输入条件的情况下，响应于所述第一输入，显示所述预览组件。
  8. 根据权利要求1所述的方法，其中，所述响应于所述第一输入，显示目标组件，包括：
    响应于所述第一输入，根据所述至少两个应用图标分别对应的应用程序的前台运行界面，确定各所述应用程序分别对应的应用内容；
    根据各所述应用程序分别对应的应用内容显示所述目标组件。
  9. 根据权利要求1所述的方法，其中，所述至少两个应用图标包括第一应用图标和第二应用图标；
    所述接收对至少两个应用图标的第一输入，包括：
    接收将所述第一应用图标与所述第二应用图标进行重合的第一输入；
    所述响应于所述第一输入，显示目标组件，包括：
    响应于所述第一输入，在所述第一应用图标与所述第二应用图标的重合面积大于预设面积的情况下，显示所述目标组件。
  10. 根据权利要求1所述的方法，其中，所述方法还包括：
    接收对所述目标组件的第五输入；
    响应于所述第五输入，取消显示所述目标组件。
  11. 根据权利要求1所述的方法，其中，所述目标组件包括至少两个应用程序分别对应的组件区域；
    所述方法还包括：
    接收对所述至少两个组件区域中的第三组件区域的第六输入；
    响应于所述第六输入，从所述目标组件中移除所述第三组件区域。
  12. 根据权利要求1所述的方法，其中，所述至少两个应用图标包括第一应用图标和第二应用图标；
    所述接收对至少两个应用图标的第一输入，包括：
    接收将所述第一应用图标与所述第二应用图标进行重合的第一输入；
    所述响应于所述第一输入，显示目标组件，包括：
    响应于所述第一输入，根据所述第一应用图标与所述第二应用图标的重合面积，确定目标尺寸；
    根据所述目标尺寸显示所述目标组件。
  13. 一种组件的显示装置，所述装置包括：接收模块和显示模块，其中：
    所述接收模块，用于接收对至少两个应用图标的第一输入；
    所述显示模块，用于响应于所述接收模块接收到的所述第一输入，显示目标组件；
    其中，所述目标组件用于显示所述至少两个应用图标分别对应的应用程序的应用内容。
  14. 根据权利要求13所述的装置，其中，所述至少两个应用图标包括第一应用图标和第二应用图标；所述第一应用图标显示在第一桌面位置，所述第二应用图标显示在与所述第一桌面位置相邻的第二桌面位置；
    所述显示模块，具体用于响应于所述第一输入，在第一桌面区域显示所述目标组件；所述第一桌面区域包括所述第一桌面位置和所述第二桌面位置。
  15. 根据权利要求13所述的装置，其中，所述至少两个应用图标包括第一应用图标和第二应用图标，所述第一应用图标显示在第一桌面位置；
    所述接收模块，具体用于接收将所述第二应用图标移动至所述第一桌面位置的第一输入；
    所述显示模块，具体用于响应于所述第一输入，在第二桌面区域显示所述目标组件；所述第二桌面区域包括所述第一桌面位置和与所述第一桌面位置相邻的第三桌面位置。
  16. 根据权利要求13所述的装置，其中，
    所述显示模块，具体用于：
    响应于所述第一输入，显示预览组件；所述预览组件包括至少两个应用程序分别对应的组件区域；
    对于其中一个组件区域，响应于对所述组件区域的第二输入，确定所述组件区域对应的应用内容；
    根据各所述组件区域分别对应的应用内容显示所述目标组件。
  17. 根据权利要求16所述的装置，其中，
    所述显示模块，还用于：
    对于其中一个组件区域，响应于对所述组件区域的第三输入，确定所述组件区域 对应的显示尺寸；
    根据各所述组件区域分别对应的显示尺寸显示所述目标组件。
  18. 根据权利要求16所述的装置，其中，所述预览组件包括第一应用程序对应的第一组件区域和第二应用程序对应的第二组件区域；所述装置还包括：处理模块，其中：
    所述处理模块，用于响应于对所述预览组件的第四输入，将所述第一组件区域对应的应用程序调整为所述第二应用程序，将所述第二组件区域对应的应用程序调整为所述第一应用程序。
  19. 一种电子设备，其特征在于，包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1至12任一项所述的组件的显示方法的步骤。
  20. 一种可读存储介质，其特征在于，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1至12任一项所述的组件的显示方法的步骤。
  21. 一种计算机程序产品，所述程序产品被至少一个处理器执行以实现如权利要求1至12中任一项所述的组件的显示方法。
  22. 一种用户设备UE，包括所述UE被配置成用于执行如权利要求1至12中任一项所述的组件的显示方法。
PCT/CN2023/134037 2022-11-28 2023-11-24 组件的显示方法、装置、电子设备及介质 Ceased WO2024114530A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211504495.2A CN115756238A (zh) 2022-11-28 2022-11-28 组件的显示方法、装置、电子设备及介质
CN202211504495.2 2022-11-28

Publications (1)

Publication Number Publication Date
WO2024114530A1 true WO2024114530A1 (zh) 2024-06-06

Family

ID=85339823

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/134037 Ceased WO2024114530A1 (zh) 2022-11-28 2023-11-24 组件的显示方法、装置、电子设备及介质

Country Status (2)

Country Link
CN (1) CN115756238A (zh)
WO (1) WO2024114530A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115756238A (zh) * 2022-11-28 2023-03-07 维沃移动通信有限公司 组件的显示方法、装置、电子设备及介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113835577A (zh) * 2021-09-24 2021-12-24 维沃移动通信有限公司 显示方法、装置、电子设备及存储介质
CN114296595A (zh) * 2021-12-29 2022-04-08 维沃移动通信有限公司 一种显示方法、装置和电子设备
CN114489424A (zh) * 2022-01-28 2022-05-13 维沃移动通信有限公司 桌面组件的控制方法及装置
US20220171513A1 (en) * 2019-08-16 2022-06-02 Vivo Mobile Communication Co.,Ltd. Interface display method and terminal
CN115373555A (zh) * 2022-08-30 2022-11-22 维沃移动通信有限公司 文件夹图标的显示方法、装置、电子设备及介质
CN115756238A (zh) * 2022-11-28 2023-03-07 维沃移动通信有限公司 组件的显示方法、装置、电子设备及介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10459887B1 (en) * 2015-05-12 2019-10-29 Apple Inc. Predictive application pre-launch
CN112148174B (zh) * 2020-09-30 2022-11-22 维沃移动通信有限公司 应用程序信息显示方法、装置及电子设备
CN114500717A (zh) * 2022-01-26 2022-05-13 维沃移动通信有限公司 信息显示方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20220171513A1 (en) * 2019-08-16 2022-06-02 Vivo Mobile Communication Co.,Ltd. Interface display method and terminal
CN113835577A (zh) * 2021-09-24 2021-12-24 维沃移动通信有限公司 显示方法、装置、电子设备及存储介质
CN114296595A (zh) * 2021-12-29 2022-04-08 维沃移动通信有限公司 一种显示方法、装置和电子设备
CN114489424A (zh) * 2022-01-28 2022-05-13 维沃移动通信有限公司 桌面组件的控制方法及装置
CN115373555A (zh) * 2022-08-30 2022-11-22 维沃移动通信有限公司 文件夹图标的显示方法、装置、电子设备及介质
CN115756238A (zh) * 2022-11-28 2023-03-07 维沃移动通信有限公司 组件的显示方法、装置、电子设备及介质

Also Published As

Publication number Publication date
CN115756238A (zh) 2023-03-07

Similar Documents

Publication Publication Date Title
CN112135181B (zh) 视频预览方法、装置及电子设备
CN112269508B (zh) 显示方法、装置和电子设备
JP2023542666A (ja) 操作方法及び装置
CN112835485A (zh) 应用界面处理方法、装置、电子设备及可读存储介质
WO2024164931A1 (zh) 界面显示方法和装置
WO2022242515A1 (zh) 界面显示方法及装置
WO2024109635A1 (zh) 界面显示方法及其装置
WO2024183606A1 (zh) 界面显示方法及其装置、电子设备
WO2024104157A1 (zh) 应用界面管理方法、装置、电子设备及可读存储介质
WO2024109731A1 (zh) 内容分享方法、装置、电子设备和可读存储介质
WO2024114530A1 (zh) 组件的显示方法、装置、电子设备及介质
WO2024078552A1 (zh) 后台应用的管理方法、装置、电子设备及介质
WO2024104113A1 (zh) 截屏方法、截屏装置、电子设备及可读存储介质
CN112181165A (zh) 输入方法、装置及电子设备
WO2023155874A1 (zh) 应用图标管理方法、装置和电子设备
WO2023155877A1 (zh) 应用图标管理方法、装置和电子设备
CN114116087B (zh) 双系统间的界面操作方法、装置、电子设备及介质
CN115407833A (zh) 内容显示方法、内容显示装置
WO2024199215A1 (zh) 文件发送方法、装置、电子设备及介质
WO2024114461A1 (zh) 视频播放方法及其装置
WO2024153027A1 (zh) 应用显示方法和应用显示装置
CN112306320A (zh) 页面显示方法、装置、设备及介质
WO2024114571A1 (zh) 信息显示方法、装置、电子设备和存储介质
CN114995713B (zh) 显示控制方法、装置、电子设备和可读存储介质
WO2024169824A1 (zh) 页面控制方法、装置及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23896681

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 23896681

Country of ref document: EP

Kind code of ref document: A1