WO2024114530A1

WO2024114530A1 - Component display method and apparatus, electronic device and medium

Info

Publication number: WO2024114530A1
Application number: PCT/CN2023/134037
Authority: WO
Inventors: 孙鑫
Original assignee: 维沃移动通信有限公司
Priority date: 2022-11-28
Filing date: 2023-11-24
Publication date: 2024-06-06
Also published as: CN115756238A

Abstract

The present application belongs to the technical field of electronic devices. Disclosed are a component display method and apparatus, an electronic device and a medium. The component display method comprises: receiving a first input for at least two application icons; and, in response to the first input, displaying a target component, the target component being used for displaying application contents of application programs respectively corresponding to the at least two application icons.

Description

Component display method, device, electronic device and medium

CROSS-REFERENCE TO RELATED APPLICATIONS

This application claims priority to Chinese patent application No. 202211504495.2 filed in China on November 28, 2022, the entire contents of which are incorporated herein by reference.

Technical Field

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.

Background technique

With the development of smart terminal technology, more and more applications can be installed in electronic devices. In order to improve the user experience, the management strategy of application icons is also particularly important.

In the related art, when a user needs to view specific information in different applications, he needs to first open one of the applications, close the application after viewing the information, and then open another application to view the information. This makes the steps for users to view the information of the applications more complicated, resulting in low efficiency in obtaining the information of the applications.

Summary of the invention

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.

In a first aspect, 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.

In a second aspect, 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.

In a third aspect, 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.

In a fourth aspect, 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.

In a fifth aspect, 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.

In a sixth 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.

In an embodiment of the present application, 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. In this way, since the application content of the application corresponding to the at least two application icons can be displayed in the target component, the user can directly view the application content of the application from the target component, simplifying the steps of viewing the application information, thereby improving the efficiency of obtaining the application information.

BRIEF DESCRIPTION OF THE DRAWINGS

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.

Detailed ways

The following will be combined with the drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments in the present application belong to the scope of protection of this application.

The terms "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. For example, the first object can be one or more. In addition, "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, device, electronic device and medium of the components provided in the embodiments of the present application are described in detail below with reference to the accompanying drawings through specific embodiments and their application scenarios.

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.

For example, take the scenario of viewing the application content of two applications (such as APP1 and APP2) as an example. The user needs to open the above APP1 first, find the corresponding application content to view; then, after viewing, close the APP1, open the above APP2, find the corresponding application content to view. Since this solution requires opening different APPs for viewing multiple times, the steps for viewing the application content of multiple APPs are relatively cumbersome, which makes the acquisition efficiency of application content low.

In the embodiment of the present application, 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. 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. As shown in FIG1 , 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.

In the embodiment of the present application, the first input may be a dragging input, a clicking input, or other feasible inputs of the application icon by the user.

Exemplarily, 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.

In an embodiment of the present application, the first input is used to generate a component.

Exemplarily, the above components can allow users to see the information in the application more intuitively and use the functions of the application more conveniently.

In the embodiment of the present application, 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.

In the embodiment of the present application, the target component is used to display application contents of the application programs respectively corresponding to the at least two application icons.

Exemplarily, 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.

For example, taking the first input as an input of dragging an application icon, as shown in FIG2(a), 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.

In the component display method provided in the embodiment of the present application, 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. In this way, since the application content of the application corresponding to the at least two application icons can be displayed in the target component, the user can directly view the application content of the application from the target component, simplifying the steps of viewing the application information, thereby improving the efficiency of obtaining the application information.

Optionally, in an embodiment of the present application, 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.

In the embodiment of the present application, the first desktop area includes the first desktop position and the second desktop position.

Exemplarily, the first desktop position may be any position on the screen of the electronic device.

Exemplarily, the second desktop position may be any position on the screen of the electronic device that is adjacent to the first desktop position.

In the embodiment of the present application, 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. In other words, the first application icon and the second application icon are directly displayed in the form of components.

In this way, by receiving the user's input of pinching the application icon, 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.

Optionally, in the embodiment of the present application, 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.

Further, in combination with the above step 201a, 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.

In the embodiment of the present application, the second desktop area includes the first desktop position and the second desktop area corresponding to the first desktop position. The third desktop position next to it.

Exemplarily, the third desktop position may be any position on the screen of the electronic device that is adjacent to the first desktop position.

In an embodiment of the present application, 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.

Exemplarily, the first application icon and the second application icon may be adjacent to each other or not.

In this way, by receiving input from a user dragging an application icon to the display position of another application icon, the application contents of the applications corresponding to the two application icons are displayed at the display position and the display position adjacent to the display position, thereby improving the flexibility of the electronic device in displaying target components.

Optionally, in the embodiment of the present application, in the above 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.

In the embodiment of the present application, the preview component includes component areas corresponding to at least two application programs respectively.

In an embodiment of the present application, the preview component is used to preview the application content of the application displayed in the target component.

Exemplarily, the preview component may be displayed in the form of a floating window.

In the embodiment of the present application, the above-mentioned one application corresponds to one component area.

For example, as shown in 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.

In the embodiment of the present application, the second input may be a click input by the user on the component area, or other feasible input.

In the embodiment of the present application, 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.

In an embodiment of the present application, the above-mentioned one application may correspond to multiple application contents.

Exemplarily, when the above-mentioned application is a video application, 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.

Exemplarily, 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.

For example, in combination with FIG3(b), as shown in FIG4(a), if the user wants to adjust the display content on the component area 11a and the component area 11b, the user can click on the message 1 in the component area 11a and the message 2 in the component area 11b to select them, and then click on the target component 12. Then, as shown in FIG4(b), 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.

In addition, if the user directly clicks on the message 1 in the component area 11 a , 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 .

In this way, by receiving the user's input on the component area, 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.

Optionally, in the embodiment of the present application, in combination with the above step 301, 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.

In the embodiment of the present application, the third input may be a user's dragging input on the component area, or other feasible input.

In the embodiment of the present application, 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.

In the embodiment of the present application, the display size corresponding to the above-mentioned component area corresponds one-to-one to the size of the target component.

Exemplarily, 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.

In an embodiment of the present application, 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.

In the embodiment of the present application, the size of the target component may be (X*Y). The X coordinate refers to the component width of the target component, and the Y coordinate refers to the component length of the target component. For example, X*Y may be: 1*2, 2*1, 2*2, 3*2, 3*1, etc.

In a possible example, 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. Of course, the 1 corresponding to the X coordinate may also be other size units, which is not limited in the embodiments of the present application.

For example, 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, and the size of the 3*1 component can be 234*70.

In this way, by receiving the user's input on the component area, 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.

Optionally, in the embodiment of the present application, the preview component includes a first component area corresponding to the first application and a second component area corresponding to the second application. In combination with the above step 301, 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.

In the embodiment of the present application, 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.

In the embodiment of the present application, 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.

In the embodiment of the present 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.

In a possible example, when the size of the target component is 2*2, the electronic device may set the application content of the application program that is first displayed in the target component in the preview component.

In another possible example, when the size of the target component is 4*2, the electronic device may set the order of application contents of the application program displayed in the target component in the preview component.

For example, the fourth input is used as the drag input for the component area, and the size of the target component is 4*2. In combination with Figure 3(b), as shown in Figure 5(a), if the user wants to adjust the applications in the component area 11a and the component area 11b in the target component 11, the component area 11b can be dragged to the left in the preview component 13. At this time, as shown in Figure 5(b), the applications in the component area 11b and the component area 11a in the preview component 13 are swapped. Then, 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.

In this way, by receiving the user's input on the preview component, 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.

Optionally, in the embodiment of the present application, in the above 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.

In a possible example, 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.

For example, during the input process of the first input, if the first application icon and the second application icon always remain overlapped, the electronic device may continue to display the preview component on the electronic device.

In another possible example, 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.

For example, during the input process of the first input, if the first application icon and the second application icon always overlap and the overlap lasts longer than a preset time, the electronic device may continue to display the preview component after the user ends the first input.

In an embodiment of the present application, 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.

For example, taking the above preset duration of 2 seconds as an example, as shown in FIG3(a), 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.

In this way, 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.

Further optionally, in the embodiment of the present application, in combination with the above step 301a, 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.

In a possible example, 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.

In another possible example, 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.

In this way, by canceling the display of the preview component when the overlap duration is less than the preset duration and the first application icon does not overlap with the second application icon, the flexibility of the electronic device in displaying the preview component is improved.

Optionally, in the embodiment of the present application, in the above 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.

In the embodiment of the present application, 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.

In an embodiment of the present application, if the applications corresponding to the at least two application icons mentioned above are both running in the background, 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.

In this way, when the application corresponding to the application icon is running in the background, 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.

Optionally, in the embodiment of the present application, 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.

In the embodiment of the present application, 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.

Further, in combination with the above step 201b, in the above step 202, "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.

In the embodiment of the present application, different overlapping areas correspond to different target sizes.

Exemplarily, the larger the overlap area is, the smaller the target size is; conversely, the smaller the overlap area is, the larger the target size is.

Step 202f: The electronic device displays the target component according to the target size.

In the embodiment of the present application, the target size may be a display size of the target component.

In a possible embodiment, 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.

Exemplarily, when the overlapping area is greater than the preset area, the display size of the target component is the first size.

In the embodiment of the present application, the preset area may be a default overlap value of the electronic device, or may be an overlap value manually set by the user. For example, the preset area may be 50%.

In the embodiment of the present application, the first size may be set by the user or may be a preset value in the electronic device. For example, the first size may be 2*2.

For example, the first size is 2*2. As shown in FIG6(a), 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%. At this time, as shown in FIG6(c), the electronic device generates a target component 12 with a size of 2*2 and displays the target component 12 in the interface 10.

In another possible embodiment, 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.

Exemplarily, when the above-mentioned overlapping area is less than or equal to the preset area, the display size of the target component is the second size.

It should be noted that the second size is larger than the first size.

In the embodiment of the present application, the second size may be set by the user or may be a preset value in the electronic device. For example, the second size may be 4*2.

For example, the second size of 4*2 is used as an example. As shown in FIG2(a), 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%. At this time, as shown in FIG2(c), the electronic device generates a target component 11 with a size of 4*2 and displays the target component 11 in the interface 10.

In this way, two application icons are overlapped by dragging the icons, and the component size of the target component finally displayed is determined according to the size of the overlapped area, thereby improving the flexibility of the electronic device in generating components.

Optionally, in the embodiment of the present application, 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.

In an embodiment of the present application, the fifth input is used to trigger the electronic device to remove the target component.

In an embodiment of the present application, 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.

In an embodiment of the present application, after the electronic device cancels display of the target component, 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.

For example, taking the fifth input as a long press input of the target component, as shown in FIG7(a), if the user wants to remove the target component 11, the user can long press the target component 11. At this time, as shown in FIG7(b), a "remove" control is displayed on the target component 11, and the user clicks the "remove" control. Then, as shown in FIG7(c), the electronic device removes the target component 11 and restores the display of APP1 and APP2 in the interface 10.

In this way, by receiving the user's input on the target component, the target component is directly deleted, thereby improving the convenience of displaying the target component on the electronic device.

Optionally, in the embodiment of the present application, 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.

In an embodiment of the present application, the sixth input is used to trigger the electronic device to remove the component area.

In the embodiment of the present application, the sixth input may be a long press input, a drag input, or other feasible input by the user on the component area.

In the embodiment of the present application, 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.

In the embodiment of the present application, the third component area may be one or more of the at least two component areas.

In the embodiment of the present application, 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.

In this way, by receiving the user's input on the component area in the target component, the component area is directly removed, thereby improving the convenience of adjusting the target component of the electronic device.

Optionally, in the embodiment of the present application, 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.

In an embodiment of the present application, the seventh input is used to trigger the electronic device to switch application content on the display component.

In the embodiment of the present application, 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.

In the embodiment of the present application, the fourth component area may be one or more of the at least two component areas.

In the embodiment of the present application, after displaying the target component, 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.

For example, as shown in FIG4(b), if 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.

In this way, by receiving the user's input of sliding application content, different application contents are switched and displayed, thereby improving the convenience of the electronic device in displaying different application contents.

The display method of the component provided in the embodiment of the present application can be executed by a display device of the component. In the embodiment of the present application, 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.

An embodiment of the present application provides a display device of a component, as shown in Figure 8, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in the embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

In the display device of the component provided in the embodiment of the present application, 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. In this way, since the application content of the application corresponding to the at least two application icons can be displayed in the target component, the user can directly view the application content of the application from the target component, simplifying the steps of viewing the application information, thereby improving the efficiency of obtaining the application information.

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. Exemplarily, 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.

Optionally, as shown in Figure 9, 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. When 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.

It should be noted that 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.

Those skilled in the art will appreciate that 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. 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.

Among them, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in the embodiment of the present application, 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.

Optionally, in the embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

Optionally, in an embodiment of the present application, 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.

In the electronic device provided in the embodiment of the present application, 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. In this way, since the application content of the application corresponding to the at least two application icons can be displayed in the target component, the user can directly view the application content of the application from the target component, simplifying the steps of viewing the application information, thereby improving the efficiency of obtaining the application information.

It should be understood that in the embodiment of the present application, 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. In addition, 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. Among them, 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. When the program or instruction is executed by a processor, 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.

It should be understood that 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.

It should be noted that, in this article, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the sentence "comprises one..." does not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be noted that the scope of the method and device in the embodiment of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved, for example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, or the part that contributes to the prior art, 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.

The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

Claims

A method for displaying a component, the method comprising:

receiving a first input of at least two application icons;

In response to the first input, displaying a target component;

The target component is used to display application contents of the application programs respectively corresponding to the at least two application icons.
The method according to claim 1, wherein 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 step of displaying a target component in response to the first input comprises:

In response to the first input, the target component is displayed in a first desktop area; the first desktop area includes the first desktop position and the second desktop position.
The method according to claim 1, wherein 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 receiving a first input of at least two application icons includes:

receiving a first input for moving the second application icon to the first desktop position;

The step of displaying a target component in response to the first input comprises:

In response to the first input, the target component is displayed in a second desktop area; the second desktop area includes the first desktop position and a third desktop position adjacent to the first desktop position.
The method according to claim 1, wherein, in response to the first input, displaying the target component comprises:

In response to the first input, displaying a preview component; the preview component includes component areas corresponding to at least two applications respectively;

For one of the component areas, in response to a second input to the component area, determining application content corresponding to the component area;

The target component is displayed according to the application contents respectively corresponding to each of the component areas.
The method according to claim 4, wherein the method further comprises:

For one of the component areas, in response to a third input to the component area, determining a display size corresponding to the component area;

The target component is displayed according to the display sizes respectively corresponding to the component areas.
The method according to claim 4, wherein the preview component includes a first component area corresponding to the first application and a second component area corresponding to the second application;

The method further comprises:

In response to a fourth input to the preview component, the application corresponding to the first component area is adjusted to the second application, and the application corresponding to the second component area is adjusted to the first application.
The method according to claim 4, wherein, in response to the first input, displaying a preview component comprises:

In a case where the first input satisfies a preset input condition, the preview component is displayed in response to the first input.
The method according to claim 1, wherein, in response to the first input, displaying the target component comprises:

In response to the first input, determining application contents corresponding to the respective application programs according to foreground running interfaces of the application programs respectively corresponding to the at least two application icons;

The target component is displayed according to the application contents respectively corresponding to each of the application programs.
The method according to claim 1, wherein the at least two application icons include a first application icon and a second application icon;

The receiving a first input of at least two application icons includes:

receiving a first input for overlapping the first application icon with the second application icon;

The step of displaying a target component in response to the first input comprises:

In response to the first input, when an overlapping area between the first application icon and the second application icon is greater than a preset area, the target component is displayed.
The method according to claim 1, wherein the method further comprises:

receiving a fifth input to the target component;

In response to the fifth input, the target component is canceled from being displayed.
The method according to claim 1, wherein the target component includes component areas corresponding to at least two application programs respectively;

The method further comprises:

receiving a sixth input for a third component area of the at least two component areas;

In response to the sixth input, the third component region is removed from the target component.
The method according to claim 1, wherein the at least two application icons include a first application icon and a second application icon;

The receiving a first input of at least two application icons includes:

receiving a first input for overlapping the first application icon with the second application icon;

The step of displaying a target component in response to the first input comprises:

In response to the first input, determining a target size according to an overlapping area of the first application icon and the second application icon;

The target component is displayed according to the target size.
A display device of a component, the device comprising: a receiving module and a display module, wherein:

The receiving module is used to receive a first input of at least two application icons;

The display module is configured to display a target component in response to the first input received by the receiving module;

The target component is used to display application contents of application programs respectively corresponding to the at least two application icons.
The device according to claim 13, wherein 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 is specifically configured 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 device according to claim 13, wherein 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 receiving module is specifically configured to receive a first input for moving the second application icon to the first desktop position;

The display module is specifically used to display the target component in a second desktop area in response to the first input; the second desktop area includes the first desktop position and a third desktop position adjacent to the first desktop position.
The device according to claim 13, wherein

The display module is specifically used for:

In response to the first input, displaying a preview component; the preview component includes component areas corresponding to at least two applications respectively;

For one of the component areas, in response to a second input to the component area, determining application content corresponding to the component area;

The target component is displayed according to the application contents respectively corresponding to each of the component areas.
The device according to claim 16, wherein

The display module is also used for:

For one of the component areas, in response to a third input to the component area, determining the component area The corresponding display size;

The target component is displayed according to the display sizes respectively corresponding to the component areas.
The device according to claim 16, wherein the preview component includes a first component area corresponding to the first application and a second component area corresponding to the second application; the device further 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.
An electronic device, characterized in that it includes a processor and a memory, wherein the memory stores a program or instruction that can be run on the processor, and when the program or instruction is executed by the processor, the steps of the display method of the component as described in any one of claims 1 to 12 are implemented.
A readable storage medium, characterized in that a program or instruction is stored on the readable storage medium, and when the program or instruction is executed by a processor, the steps of the display method of the component as described in any one of claims 1 to 12 are implemented.
A computer program product, wherein the program product is executed by at least one processor to implement the display method of the component according to any one of claims 1 to 12.
A user equipment UE comprises a display method in which the UE is configured to execute a component according to any one of claims 1 to 12.