Window display method and electronic device

Abstract

A window display method and an electronic device, relating to the technical field of electronic devices, and capable of adjusting a display area of a sub-window. The specific solution comprises: in response to an operation of launching a target application, an electronic device displaying a first window, the first window comprising a second window and a third window displayed in parallel; the electronic device receiving a first operation acting on the second window, the first operation being used for triggering the display of a sub-window of the second window; then, in response to the first operation, displaying the sub-window of the second window. The sub-window of the second window covers a portion of the area where the second window is located and a portion of the area where the third window is located.

Description

Window display method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on August 29, 2023, with application number 202311102415.5 and application name “Window display method and electronic device” and the Chinese patent application filed with the State Intellectual Property Office on September 1, 2023, with application number 202311138690.2 and application name “Window display method and electronic device”, all contents of which are incorporated by reference into this application. Technical Field

[0002] Embodiments of the present application relate to the technical field of electronic devices, and more particularly, to a window display method and electronic device. Background Art

[0003] With the development of electronic technology, electronic devices (such as mobile phones, tablet computers, or smart watches) have more and more functions and can be widely used in various scenarios such as home entertainment, office and study. In addition, electronic devices can handle multiple tasks simultaneously through multitasking to meet user needs.

[0004] Currently, when electronic devices perform multitasking, they can display different task interfaces in a multi-window manner. In addition, there is a parent-child hierarchical relationship between some windows, and the display position and display size of the child window can only be limited to the range of the parent window. For example, an electronic device can simultaneously display window a and window b in the form of floating windows. Afterwards, in response to the user's operation on the display interface in window a, the electronic device can display window c, which is a child window of window a. The size of window c is smaller than window a, and window c can only be displayed within the area where window a is located. Therefore, how to adjust the display area of ​​the child window has become a technical problem that needs to be solved urgently.

[0005] Summary of the Invention

[0006] The present application provides a window display method and electronic device, which can adjust the display area of ​​a sub-window.

[0007] In a first aspect, the present application provides a window display method, wherein, in response to an operation to launch a target application, an electronic device may display a first window, wherein the first window includes a second window and a third window displayed in parallel. Thereafter, the electronic device may receive a first operation acting on the second window, wherein the first operation is used to trigger the display of a subwindow of the second window. Then, in response to the first operation, the subwindow of the second window is displayed. The subwindow of the second window covers a portion of the area where the second window is located and a portion of the area where the third window is located.

[0008] Based on the above technical solution, if the displayed sub-window is used to control the window of the entire application (i.e., the first window), the electronic device will display the sub-window of the second window displayed between the second window and the third window. In this way, it helps the user to understand the functional permissions of the sub-window (i.e., the function in the window is applied to the entire application window), thereby improving the user's experience. In addition, the sub-window of the second window is displayed between the second window and the third window, which can reduce the area covered by the sub-window of the second window and improve the user's experience of using the second window.

[0009] In combination with the first aspect, in a possible design manner, the electronic device can display a sub-window of the second window with a first preset size, where the first preset size is smaller than or equal to the size of the first window.

[0010] That is to say, the size of the sub-window of the second window is not limited to the size of the parent window (ie, the second window), and may not exceed the size of the first window (ie, the display area of ​​the target application), thereby enriching the diversity of sub-window displays.

[0011] In combination with the first aspect, in another possible design manner, the first preset size is smaller than or equal to the size of the display screen.

[0012] That is to say, the size of the sub-window of the second window is not limited to the size of the parent window (ie, the second window), and may not exceed the size of the display screen, thereby enriching the diversity of sub-window displays.

[0013] In combination with the first aspect, in another possible design method, the first preset size is less than or equal to the size of the first window, including: the width of the sub-window of the second window is less than or equal to the width of the first window, and / or the height of the sub-window of the second window is less than or equal to the height of the first window.

[0014] That is, the width and height of the sub-window of the second window are both limited by the first window, so that the sub-window of the second window can be displayed in the area where the first window is located, enriching the diversity of the sub-window display.

[0015] In combination with the first aspect, in another possible design method, the first preset size is less than or equal to the size of the display screen, including: the width of the sub-window of the second window is less than or equal to the width of the display screen, and the height of the sub-window of the second window is less than or equal to the height of the display screen.

[0016] That is, the width and height of the sub-window of the second window are both limited by the display screen, so that the sub-window of the second window can be displayed in any area of ​​the display screen, enriching the diversity of the sub-window display.

[0017] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device receiving a second operation applied to a sub-window of a second window, the second operation being for moving the sub-window of the second window; and then, in response to the second operation, controlling the movement of the sub-window of the second window; wherein the movement area of ​​the sub-window of the second window includes an area where the first window is located and an area beyond the first window.

[0018] It is understandable that the electronic device can change the display area of ​​the sub-window of the second window in response to the user's movement operation, thereby enhancing the user's operability and improving the user's experience.

[0019] In combination with the first aspect, in another possible design method, the display method of the window may also include: the electronic device can receive an open operation acting on a preset move button to enable the movement of the sub-window of the second window, and the preset move button is used to control whether the sub-window is allowed to be moved.

[0020] It is understandable that by setting a preset moving button, the electronic device can activate the function of moving the sub-window according to the user's operation. In this way, the user can set the function of moving the sub-window according to actual needs, avoid accidental touches, and improve the user experience.

[0021] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device displaying at least one application move button, each application move button corresponding to one application, the application move button being used to control whether to allow the moving of a sub-window of the application. Thereafter, the electronic device may receive an activation operation on the application move button for a first application, enabling the moving of the sub-window of the first application, where the first application is any application corresponding to the at least one application move button.

[0022] It is understandable that the electronic device allows users to set the mobile function of sub-windows for different applications by displaying the application move button. In this way, users can set the function of moving sub-windows of different applications according to actual needs, thereby improving the user experience.

[0023] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may receive a third operation for adjusting the size of a sub-window of the second window. Thereafter, in response to the third operation, the electronic device adjusts the size of the sub-window of the second window to a target size, where the target size is different from the size of the sub-window of the second window before the adjustment.

[0024] It is understandable that the electronic device can adjust the display area covered by the sub-window of the second window by adjusting the size of the sub-window of the second window. In this way, the user can flexibly adjust the size of the sub-window displayed by the electronic device to avoid the sub-window blocking other windows, thereby improving the user experience.

[0025] In combination with the first aspect, in another possible design method, the display method of the window may also include: the electronic device can receive an open operation acting on a preset adjustment button to enable the size of the sub-window of the second window to be adjusted, and the preset adjustment button is used to control whether the size of the sub-window is allowed to be adjusted.

[0026] It is understandable that by setting a preset adjustment button, the electronic device can turn on or off the function of adjusting the size of the sub-window according to the user's operation. In this way, the user can set the function of adjusting the size of the sub-window according to actual needs, thereby improving the user's experience.

[0027] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may display a second interface, the second interface including: at least one application adjustment button, each application adjustment button corresponding to one application, the application adjustment button being used to control whether to allow resizing of a sub-window of the application. Thereafter, the electronic device may receive an activation operation of the application adjustment button for a second application, enabling resizing of the sub-window of the second application, the second application being any application corresponding to the at least one application adjustment button.

[0028] It is understandable that the electronic device allows the user to set the sub-window size adjustment function for different applications by displaying the application adjustment button. In this way, the user can set the sub-window size adjustment function for different applications according to actual needs, thereby improving the user experience.

[0029] In conjunction with the first aspect, in another possible design, the subwindow of the second window may include a display toggle button, the display toggle button being used to trigger the subwindow of the second window to be displayed in a preset area at a second preset size, the preset area being an upper area of ​​the area where the second window is located, the second preset size being smaller than the size of the second window. The window display method may further include: the electronic device receiving an operation on the display toggle button, adjusting the size of the subwindow of the second window and / or the display area of ​​the subwindow of the second window, and displaying the subwindow of the second window at the second preset size in the preset area.

[0030] It is understandable that, by operating the display switching button, the electronic device can switch the display mode of the sub-window of the second window, thereby improving the convenience for the user to switch the display mode of the sub-window.

[0031] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may execute a first event, the first event being used to trigger adjustment of a restriction condition on a subwindow of the second window, the restriction condition being used to constrain the size of the subwindow of the second window. The adjusted restriction condition includes: the size of the subwindow of the second window being less than or equal to the size of the first window, or the size of the subwindow of the second window being less than or equal to the size of the display screen.

[0032] It can be understood that by adjusting the restrictions on the sub-windows of the second window, the electronic device can not only display the sub-windows of the second window in the area where the second window is located, but also display the sub-windows of the second window in other areas, enriching the diversity of the sub-window display and thus improving the user experience.

[0033] In conjunction with the first aspect, in another possible design, the first event may include at least one of the following: if the first information is received, the size of the subwindow of the second window is not set to the first information, the first information being used to indicate that the size of the subwindow of the second window matches the size of the second window; if the second window is not a full-screen window, the restriction conditions on the subwindow of the second window are adjusted; if the window information of the subwindow of the second window contains the second information, the restriction conditions on the subwindow of the second window are adjusted, the second information being used to indicate that the window is a subwindow.

[0034] It is understood that when the condition for restricting the sub-window is that the sub-window is related to the display of the parent window, the electronic device can adjust the restriction condition for the sub-window. In this way, the electronic device can not only display the sub-window of the second window in the area where the second window is located, but also display the sub-window of the second window in other areas, enriching the diversity of the sub-window display and thus improving the user experience.

[0035] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may obtain window information of a subwindow of the second window, the window information including: window type information, aspect ratio, and a preset display area. Thereafter, if the window information satisfies a preset condition, the electronic device executes a first event. The preset condition includes at least one of the following: the window type information is preset type information, the aspect ratio is greater than a preset ratio threshold, and the preset display area is not within the area where the second window is located; and the preset type information indicates that the window type is a subwindow type.

[0036] That is to say, when the window type information indicates that the window type is a child window type, the aspect ratio is greater than the preset ratio threshold, and the preset display area is not within the range of the area where the second window is located, the electronic device can adjust the restriction conditions of the child window so that the child window is not attached to the parent window display, thereby increasing the diversity of the child window display.

[0037] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device obtaining window mode information of the first window. If the window mode information is third information, the electronic device is configured to execute the first event, where the third information is used to indicate display in parallel view mode.

[0038] That is, when the first window is displayed in parallel view mode, the electronic device can adjust the restrictions of the sub-window. In this way, the sub-window can be displayed between the second and third windows, which helps the user understand the functional permissions of the sub-window (that is, the functions in the window are applicable to the entire application window) and improves the user experience. In addition, the sub-window of the second window is displayed between the second and third windows, which can reduce the area covered by the sub-window of the second window and improve the user experience of using the second window.

[0039] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may obtain an application whitelist, where the application whitelist indicates applications that are allowed to display sub-windows in a target area, where the target area is a portion of the area where the second window is located and a portion of the area where the third window is located. Thereafter, if the target application is in the application whitelist, the electronic device may execute the first event.

[0040] It is understandable that, by using the whitelist, the electronic device can selectively adjust the restrictions on the sub-windows of some applications, thereby reducing the load on the electronic device and reducing resource consumption.

[0041] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may obtain fourth information indicating a triggering method of the sub-window of the second window; if the fourth information indicates that the sub-window of the second window was triggered by the user, the electronic device executes the first event.

[0042] It is understandable that by determining whether a sub-window is triggered by a user, the electronic device only adjusts the restrictions on the sub-window triggered by the user. In this way, it is possible to avoid adjusting the restrictions on windows not triggered by the user (such as advertising windows), thereby reducing the consumption of electronic device resources.

[0043] In conjunction with the first aspect, in another possible design, the window display method may further include: the electronic device may generate a second event through the second window, the second event being used to trigger the creation of a child window of the second window. Thereafter, the electronic device may obtain window hierarchy information through the second window, the window hierarchy information being used to indicate the hierarchical relationship between the second window and the third window. Then, if the window hierarchy information indicates that the second window is above the third window, the second event is executed through the second window.

[0044] It is understood that the electronic device determines the hierarchical relationship between the second window and the third window through window hierarchy information. If the window hierarchy information indicates that the second window is above the third window, it means that the sub-window created by the second window has a higher hierarchical relationship than the third window. In this way, the electronic device executes the window creation event through the second window, so that the sub-window of the second window can be fully displayed above the second and third windows, improving the user experience.

[0045] In combination with the first aspect, in another possible design method, the window display method may also include: if the window hierarchy information is used to indicate that the third window is above the second window, then sending a second event to the third window through the second window, and executing the second event through the third window.

[0046] It is understood that if the window hierarchy information indicates that the third window is above the second window, it means that the sub-window created by the second window is at a lower level than the third window. In this way, the electronic device can send a window creation event to the third window through the second window and execute the window creation event through the third window, so that the sub-window of the second window can be fully displayed above the second and third windows, thereby improving the user experience.

[0047] In combination with the first aspect, in another possible design method, the second window may include a first drag button, and the third window may include a second drag button. The display method of the window may also include: the electronic device may receive an operation acting on the first drag button through the second window, and generate a state change message, wherein the state change message is used to indicate the adjustment of the state of the drag button, and the state of the drag button includes at least one of the following: button size, button shape, and button color. Afterwards, in response to the state change message, the electronic device may adjust the state of the first drag button to the target state through the second window. Then, the electronic device may send a state change message to the third window. Then, in response to the state change message, the electronic device may adjust the state of the second drag button to the target state through the third window.

[0048] It is understandable that after the electronic device receives the operation acting on the first drag button, it can not only adjust the state of the first drag button, but also send a state change message to the third window, so that the electronic device can adjust the state of the second drag button, ensuring the synchronization of the states of the first drag button and the second drag button, and improving the user's visual experience.

[0049] In combination with the first aspect, in another possible design manner, the first window may be a floating window or a full-screen window.

[0050] That is, the target application can be displayed in a floating state in the parallel view mode, or the target application can be displayed in full screen in the parallel view mode.

[0051] In combination with the first aspect, in another possible design, the second window and the third window display different interfaces of the target application.

[0052] That is, two interfaces of the same application can be displayed simultaneously through the second window and the third window respectively.

[0053] In a second aspect, the present application provides an electronic device, comprising: a memory, a display screen, and one or more processors, wherein the memory and the display screen are coupled to the processors; the memory is used to store computer program code, and the computer program code includes computer instructions; when the computer instructions are executed by the one or more processors, the electronic device performs the following operations: in response to an operation of starting a target application, a first window of the target application is displayed, the first window including: a second window and a third window displayed in parallel. A first operation acting on the second window is received, the first operation being used to trigger the display of a sub-window of the second window. In response to the first operation, a sub-window of the second window is displayed. The sub-window of the second window covers a portion of the area where the second window is located and a portion of the area where the third window is located.

[0054] In combination with the second aspect, in one possible design method, when the computer instructions are executed by the above-mentioned one or more processors, the electronic device can also perform the following operations: display a sub-window of the second window of a first preset size; wherein the first preset size is less than or equal to the size of the first window, or the first preset size is less than or equal to the size of the display screen.

[0055] In combination with the second aspect, in another possible design method, the first preset size is less than or equal to the size of the first window, including: the width of the sub-window of the second window is less than or equal to the width of the first window, and / or the height of the sub-window of the second window is less than or equal to the height of the first window.

[0056] In combination with the second aspect, in another possible design method, the first preset size is less than or equal to the size of the display screen, including: the width of the sub-window of the second window is less than or equal to the width of the display screen, and the height of the sub-window of the second window is less than or equal to the height of the display screen.

[0057] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operation: receiving a second operation applied to a sub-window of a second window, the second operation being for moving the sub-window of the second window. In response to the second operation, the sub-window of the second window moves accordingly; wherein the movement area of ​​the sub-window of the second window includes the area where the first window is located and an area beyond the first window.

[0058] In combination with the second aspect, in another possible design method, when the computer instructions are executed by the above-mentioned one or more processors, the electronic device can also perform the following operations: receiving an open operation acting on a preset move button, enabling the sub-window of the second window to be moved, and the preset move button is used to control whether the sub-window is allowed to be moved.

[0059] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operations: displaying a first interface, the first interface including at least one application move button, each application move button corresponding to one application, the application move button being used to control whether to allow the movement of a sub-window of the application; receiving an activation operation on the application move button for a first application, and enabling the movement of the sub-window of the first application, where the first application is any application corresponding to the at least one application move button.

[0060] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operation: receiving a third operation for adjusting the size of a subwindow of the second window; and in response to the third operation, adjusting the size of the subwindow of the second window to a target size, where the target size is different from the size of the subwindow of the second window before the adjustment.

[0061] In combination with the second aspect, in another possible design method, when the computer instructions are executed by the above-mentioned one or more processors, the electronic device can also perform the following operations: receiving an activation operation acting on a preset adjustment button to enable adjustment of the size of the sub-window of the second window, and the preset adjustment button is used to control whether adjustment of the size of the sub-window is allowed.

[0062] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operations: displaying a second interface, the second interface including: at least one application adjustment button, each application adjustment button corresponding to one application, the application adjustment button being used to control whether to allow resizing of a subwindow of the application; receiving an activation operation of the application adjustment button for a second application, and enabling resizing of the subwindow of the second application, the second application being any application corresponding to the at least one application adjustment button.

[0063] In conjunction with the second aspect, in another possible design, the subwindow of the second window includes a display toggle button, the display toggle button being used to trigger the subwindow of the second window to be displayed in a preset area at a second preset size, the preset area being an upper area of ​​an area where the second window is located, and the second preset size being smaller than the size of the second window. When the computer instructions are executed by the one or more processors, the electronic device may further perform the following operations: receiving an operation on the display toggle button, adjusting the size of the subwindow of the second window and / or the display area of ​​the subwindow of the second window, and displaying the subwindow of the second window at the second preset size in the preset area.

[0064] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operations: executing a first event, the first event being used to trigger adjustment of a constraint on a subwindow of the second window, the constraint being used to constrain the size of the subwindow of the second window. The adjusted constraint includes: the size of the subwindow of the second window being less than or equal to the size of the first window, or the size of the subwindow of the second window being less than or equal to the size of the display screen.

[0065] In conjunction with the second aspect, in another possible design, the first event includes at least one of the following: if the first information is received, the size of the subwindow of the second window is not set to the first information, the first information being used to indicate that the size of the subwindow of the second window matches the size of the second window; if the second window is not a full-screen window, the restriction conditions on the subwindow of the second window are adjusted; if the window information of the subwindow of the second window contains the second information, the restriction conditions on the subwindow of the second window are adjusted, the second information being used to indicate that the window is a subwindow.

[0066] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operation: obtaining window information of a subwindow of the second window, the window information including: window type information, aspect ratio, and preset display area. If the window information satisfies a preset condition, executing a first event. The preset condition includes at least one of the following: the window type information is preset type information, the aspect ratio is greater than a preset ratio threshold, and the preset display area is not within the range of the area where the second window is located; and the preset type information is used to indicate that the window type is a subwindow type.

[0067] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operation: obtaining window mode information of the first window; and if the window mode information is third information, executing the first event, where the third information indicates display in parallel view mode.

[0068] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operation: obtaining an application whitelist, where the application whitelist indicates applications that are allowed to display sub-windows in a target area, where the target area is a portion of the area where the second window is located and a portion of the area where the third window is located. If the target application is in the application whitelist, executing the first event.

[0069] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operation: obtaining fourth information indicating a triggering method of a sub-window of the second window; and executing the first event if the fourth information indicates that the sub-window of the second window was triggered by a user.

[0070] In conjunction with the second aspect, in another possible design, when the computer instructions are executed by the one or more processors, the electronic device may further perform the following operations: generating a second event through the second window, the second event being used to trigger the creation of a subwindow of the second window; obtaining window hierarchy information through the second window, the window hierarchy information being used to indicate the hierarchical relationship between the second window and the third window; and executing the second event through the second window if the window hierarchy information indicates that the second window is above the third window.

[0071] In combination with the second aspect, in another possible design method, when the computer instructions are executed by the above-mentioned one or more processors, the electronic device can also perform the following operations: if the window hierarchy information is used to indicate that the third window is above the second window, then the second event is sent to the third window through the second window, and the second event is executed through the third window.

[0072] In combination with the second aspect, in another possible design method, the second window includes: a first drag button, and the third window includes: a second drag button. When the computer instructions are executed by the one or more processors mentioned above, the electronic device can also perform the following operations: receiving an operation acting on the first drag button through the second window, generating a state change message, the state change message is used to indicate the adjustment of the state of the drag button, and the state of the drag button includes at least one of the following: button size, button shape, button color. In response to the state change message, the state of the first drag button is adjusted to the target state through the second window. Send a state change message to the third window. In response to the state change message, the state of the second drag button is adjusted to the target state through the third window.

[0073] In combination with the second aspect, in another possible design method, the first window is a floating window or a full-screen window.

[0074] In conjunction with the second aspect, in another possible design, the second window and the third window display different interfaces of the target application.

[0075] In a third aspect, the present application provides a chip system, which is applied to an electronic device. The chip system includes one or more interface circuits and one or more processors. The interface circuits and processors are interconnected via a circuit. The interface circuit is configured to receive a signal from a memory of the electronic device and send the signal to the processor, the signal including computer instructions stored in the memory. When the processor executes the computer instructions, the electronic device performs the method described in the first aspect and any possible design thereof.

[0076] In a fourth aspect, the present application provides a computer-readable storage medium, which includes computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes the method described in the first aspect and any possible design thereof.

[0077] In a fifth aspect, the present application provides a computer program product, which, when executed on a computer, enables the computer to execute the method described in the first aspect and any possible design thereof.

[0078] It can be understood that the beneficial effects that can be achieved by the electronic device described in the second aspect and any possible design method provided above, the chip system described in the third aspect, the computer-readable storage medium described in the fourth aspect, and the computer program product described in the fifth aspect can be referred to the beneficial effects in the first aspect and any possible design method thereof, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0079] FIG1 is a schematic diagram showing an example of a sub-window display provided in an embodiment of the present application;

[0080] FIG2 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0081] FIG3 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application;

[0082] FIG4 is a schematic diagram of a software structure of an electronic device provided in an embodiment of the present application;

[0083] FIG5A is a schematic diagram illustrating another example of a sub-window display provided in an embodiment of the present application;

[0084] FIG5B is a schematic diagram illustrating another example of a sub-window display provided in an embodiment of the present application;

[0085] FIG6A is a schematic diagram illustrating another example of a sub-window display provided in an embodiment of the present application;

[0086] FIG6B is a schematic diagram illustrating another example of a sub-window display provided in an embodiment of the present application;

[0087] FIG7 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0088] FIG8 is a schematic diagram illustrating an example of sub-window movement provided in an embodiment of the present application;

[0089] FIG9A is a schematic diagram illustrating an example of a sub-window setting interface provided in an embodiment of the present application;

[0090] FIG9B is a schematic diagram illustrating another example of a sub-window setting interface provided in an embodiment of the present application;

[0091] FIG10 is a schematic diagram illustrating another example of a sub-window setting interface provided in an embodiment of the present application;

[0092] FIG11 is a schematic diagram illustrating another example of a sub-window setting interface provided in an embodiment of the present application;

[0093] FIG12 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0094] FIG13 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0095] FIG14A is a schematic diagram of a flow chart of a sub-window layout method provided in an embodiment of the present application;

[0096] FIG14B is a schematic diagram of a flow chart of a sub-window limiting method provided in an embodiment of the present application;

[0097] FIG15 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0098] FIG16 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0099] FIG17 is a schematic diagram showing another example of a sub-window display provided in an embodiment of the present application;

[0100] FIG18 is a schematic diagram of the structural composition of a chip system provided in an embodiment of the present application. DETAILED DESCRIPTION

[0101] The following will be combined with the accompanying drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments of this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0102] In this application, the character " / " generally indicates that the preceding and following objects are in an "or" relationship. For example, A / B can be understood as A or B.

[0103] The terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of the technical features being referred to. Thus, a feature identified as "first" or "second" may explicitly or implicitly include one or more of such features. In the description of this embodiment, unless otherwise specified, "plurality" means two or more.

[0104] Furthermore, the terms "including," "having," and any variations thereof, as used in the description of this application are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or apparatus comprising a series of steps or modules is not limited to the listed steps or modules, but may optionally include other steps or modules not listed, or may optionally include other steps or modules inherent to the process, method, product, or apparatus.

[0105] Additionally, in the embodiments of this application, words such as "exemplary" or "for example" are used to indicate examples, illustrations, or descriptions. Any embodiment or design described in this application as "exemplary" or "for example" should not be construed as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present concepts in a concrete manner.

[0106] With the development of electronic technology, electronic devices (such as mobile phones, tablet computers, or smart watches) have more and more functions and can be widely used in various scenarios such as home entertainment, office and study. In addition, electronic devices can handle multiple tasks simultaneously through multitasking to meet user needs.

[0107] When an electronic device is performing multi-tasking, it can display different task interfaces in a multi-window manner. In addition, there is a parent-child hierarchical relationship between some windows, namely a parent window and a child window. Among them, the electronic device can pop up a new window in response to the user's operation in the parent window, and the pop-up new window is a child window. The interface displayed by the child window and the application interface displayed by the parent window can be the application interface of the same application, or the interface displayed by the child window can be an interface associated with the parent window, such as an interface for setting parent window properties. At present, when an electronic device pops up a child window, it will set the display position and display size of the child window to be limited to the range of the parent window.

[0108] For example, as shown in FIG1 , an electronic device may display a floating window 101, wherein the application interface of application a is displayed in the floating window 101, and the floating window 101 includes a drag button 102. In response to an operation on the drag button 102 (such as a click operation or a long press operation), the electronic device may display a floating window 103 (i.e., a subwindow of the floating window 101) above the area where the floating window 101 is located. For example, the floating window 103 may be displayed on top of the floating window 101. Optionally, the floating window 103 may include a window setting interface, which may include an enlargement button, a reduction button, and a close button. The enlargement button is used to enlarge the floating window 101 (such as adjusting the floating window 101 to full screen display), the reduction button is used to reduce the floating window 101 (such as hiding the floating window 101), and the close button is used to close the floating window 101. Furthermore, the floating window 103 cannot be displayed in any area of ​​the display screen other than the area where the floating window 101 is located. For example, the floating window 102 cannot be displayed in area 104.

[0109] Furthermore, in order to improve the user experience when electronic devices perform multi-tasking in parallel, electronic devices can display two interfaces of the same application in parallel view mode. That is, when the electronic device is in parallel view mode, a floating window can be divided into two windows, displaying two pages of the same application at the same time. However, when the user operates one of the two windows (such as window a), the sub-window of window a that pops up on the electronic device can only be displayed in window a and cannot be displayed in other areas of the display.

[0110] For example, the size of a floating window can be freely adjusted. However, when the size of the floating window is reduced to a certain ratio, the zoom-in, zoom-out, and close buttons on the left and right sides of the floating window title bar will disappear. Afterwards, when the electronic device receives a click and drag operation on the button, it can display a sub-window that displays the zoom-in, zoom-out, and close buttons.

[0111] For example, as shown in FIG2 , an electronic device may display a floating window 201, which may include a floating window 202 and a floating window 203. Both the floating window 202 and the floating window 203 display the application interface of application a. The floating window 202 includes a drag button 204, and the floating window 203 includes a drag button 205. Subsequently, in response to an operation on the drag button 204 (such as a click operation or a long press operation), the electronic device may display a floating window 206 (i.e., a subwindow of the floating window 202) on the upper layer of the area where the floating window 202 is located. For example, the floating window 206 may be displayed on top of the floating window 202. Optionally, the floating window 206 may include: an enlargement button, a reduction button, and a close button. The enlargement button is used to enlarge the floating window 201 (such as adjusting the floating window 201 to full screen display), and the reduction button is used to reduce the floating window 201 (such as hiding the floating window 101). In addition, the floating window 206 cannot be displayed in any area of ​​the display screen other than the area where the floating window 202 is located. For example, the floating window 206 cannot be displayed in the area where the floating window 203 is located.

[0112] As shown in Figure 2 , the control buttons in floating window 206 are used to control floating window 201, but they can only be displayed in the area where floating window 202 is located. This may cause users to mistakenly believe that the control buttons in floating window 206 are used to control floating window 202, causing confusion and affecting the user experience. Therefore, how to adjust the display mode of sub-windows has become a technical problem that needs to be solved urgently.

[0113] To this end, an embodiment of the present application provides a window display method. In this method, an electronic device can display a parent window. Thereafter, the electronic device can receive an operation acting on the parent window to trigger the display of a child window corresponding to the parent window. In response to the operation acting on the parent window, the electronic device can display the child window in the parent window, or the electronic device can display the child window in an area of ​​the display screen other than the parent window. In this way, the electronic device can display the child window not only in the parent window, but also in an area other than the parent window. In this way, the flexibility of window display can be increased, and the user experience can be improved.

[0114] Among them, in the embodiment of the present application, the window can display the application interface of the application, or the window can display the system interface, which is not limited in the embodiment of the present application. The application in the embodiment of the present application can be an embedded application installed in the electronic device (i.e., a system application of the electronic device) or a downloadable application. Among them, the embedded application is an application provided as part of the implementation of an electronic device (such as a mobile phone). A downloadable application is an application that can provide its own Internet Protocol Multimedia Subsystem (IMS) connection. The downloadable application can be an application pre-installed in the terminal or a third-party application that can be downloaded and installed in the terminal by the user.

[0115] For example, the above application may be an embedded application program installed in the terminal (ie, a system application of the terminal), such as a clock, a calendar, a calculator, and the like.

[0116] For another example, the multiple applications may be downloadable applications, such as social applications, shopping applications, short video applications, etc.

[0117] For example, the electronic device in the embodiments of the present application may be a tablet computer, a mobile phone, a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), an augmented reality (AR) device, a virtual reality (VR) device, an in-vehicle device, or the like. The embodiments of the present application do not impose any special restrictions on the specific form of the electronic device.

[0118] The execution subject of the window display method provided by the present application can be a window display device, and the execution device can be the electronic device shown in Figure 3. At the same time, the execution device can also be a central processing unit (CPU) of the electronic device, or a display control module for the window in the electronic device. In the embodiments of the present application, the window display method provided by the embodiments of the present application is described by taking the execution of the window display method by the electronic device as an example.

[0119] Please refer to Figure 3. This application uses the electronic device, tablet computer 200, shown in Figure 3 as an example to introduce the electronic device provided by this application. Tablet computer 200 shown in Figure 3 is merely an example of an electronic device, and tablet computer 200 may have more or fewer components than shown, may combine two or more components, or may have a different component configuration. The various components shown in Figure 3 may be implemented in hardware, including one or more signal processing and / or application-specific integrated circuits, software, or a combination of hardware and software.

[0120] As shown in Figure 3, the tablet computer 200 may include: a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, an earphone interface 270D, a sensor module 280, a button 290, a motor 291, an indicator 292, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc.

[0121] Among them, the above-mentioned sensor module 280 may include sensors such as pressure sensor, gyroscope sensor, air pressure sensor, magnetic sensor, acceleration sensor, distance sensor, proximity light sensor, fingerprint sensor, temperature sensor, touch sensor, ambient light sensor and bone conduction sensor.

[0122] The processor 210 may include one or more processing units. For example, the processor 210 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). Different processing units may be independent devices or integrated into one or more processors.

[0123] The controller can be the nerve center and command center of the tablet computer 200. The controller can generate operation control signals based on instruction operation codes and timing signals to complete the control of instruction fetching and execution.

[0124] Processor 210 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 210 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 210. If processor 210 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 210 latency, and thus improves system efficiency.

[0125] In some embodiments, the processor 210 may include one or more interfaces. The interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface.

[0126] It should be understood that the interface connection relationship between the modules illustrated in this embodiment is merely illustrative and does not constitute a structural limitation on the tablet computer 200. In other embodiments, the tablet computer 200 may also adopt a different interface connection method from the above embodiments, or a combination of multiple interface connection methods.

[0127] The charging management module 240 is used to receive charging input from a charger. The charger can be a wireless charger or a wired charger. While charging the battery 242, the charging management module 240 can also power the electronic device through the power management module 241.

[0128] The power management module 241 is used to connect the battery 242, the charging management module 240, and the processor 210. The power management module 241 receives input from the battery 242 and / or the charging management module 240 and provides power to the processor 210, the internal memory 221, the external memory, the display 294, the camera 293, and the wireless communication module 260. In some embodiments, the power management module 241 and the charging management module 240 can also be provided in the same device.

[0129] The wireless communication function of tablet computer 200 can be implemented through antenna 1, antenna 2, mobile communication module 250, wireless communication module 260, a modem processor, and a baseband processor. In some embodiments, antenna 1 of tablet computer 200 is coupled to mobile communication module 250, and antenna 2 is coupled to wireless communication module 260, allowing tablet computer 200 to communicate with a network and other devices via wireless communication technology. For example, in this embodiment of the present application, tablet computer 200 can transmit the aforementioned target data to other devices via wireless communication technology.

[0130] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in tablet computer 200 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0131] Mobile communication module 250 can provide wireless communication solutions for tablet computer 200, including 2G / 3G / 4G / 5G. Mobile communication module 250 can include at least one filter, switch, power amplifier, low-noise amplifier (LNA), etc. Mobile communication module 250 can receive electromagnetic waves from antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modem processor for demodulation.

[0132] The mobile communication module 250 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via the antenna 1. In some embodiments, at least some functional modules of the mobile communication module 250 can be set in the processor 210. In some embodiments, at least some functional modules of the mobile communication module 250 can be set in the same device as at least some modules of the processor 210.

[0133] The wireless communication module 260 can provide wireless communication solutions for the tablet computer 200, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), and the like. For example, in the embodiment of the present application, the tablet computer 200 can access a Wi-Fi network through the wireless communication module 260.

[0134] Wireless communication module 260 can be one or more devices that integrate at least one communication processing module. Wireless communication module 260 receives electromagnetic waves via antenna 2, frequency-modulates and filters the electromagnetic wave signals, and transmits the processed signals to processor 210. Wireless communication module 260 can also receive signals to be transmitted from processor 210, frequency-modulate and amplify them, and then convert them into electromagnetic waves for radiation via antenna 2.

[0135] Tablet computer 200 implements display functionality through a GPU, display screen 294, and an application processor. The GPU is a microprocessor for image processing that connects display screen 294 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 210 may include one or more GPUs that execute program instructions to generate or modify display information.

[0136] The display screen 294 is used to display images, videos, etc. The display screen 294 includes a display panel. For example, in an embodiment of the present application, the display screen 294 can be used to display the application interface of the above-mentioned application, such as the device sharing interface, the device search interface, and the QR code scanning interface.

[0137] Tablet computer 200 can implement a camera function through an ISP, a camera 293, a video codec, a GPU, a display 294, and an application processor. The ISP is responsible for processing data fed back by the camera 293. The camera 293 is responsible for capturing still images or videos. In some embodiments, tablet computer 200 may include one or N cameras 293, where N is a positive integer greater than one.

[0138] The external memory interface 220 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the tablet computer 200. The external memory card communicates with the processor 210 via the external memory interface 220 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0139] The internal memory 221 can be used to store computer executable program code, which includes instructions. The processor 210 executes various functional applications and data processing of the tablet computer 200 by running the instructions stored in the internal memory 221. For example, in an embodiment of the present application, the processor 210 can execute instructions stored in the internal memory 221, and the internal memory 221 can include a program storage area and a data storage area.

[0140] The program storage area can store an operating system and at least one application required for a function (such as a sound playback function, an image playback function, etc.). The data storage area can store data created during the use of the tablet computer 200 (such as audio data, a phone book, etc.). In addition, the internal memory 221 can include high-speed random access memory and non-volatile memory, such as at least one disk storage device, a flash memory device, or a universal flash storage (UFS).

[0141] The tablet computer 200 can implement audio functions such as music playback and recording through the audio module 270 , the speaker 270A, the receiver 270B, the microphone 270C, the headphone jack 270D, and the application processor.

[0142] The buttons 290 include a power button, a volume button, etc. The buttons 290 can be mechanical buttons. They can also be touch buttons. The motor 291 can generate a vibration prompt. The motor 291 can be used for incoming call vibration prompts, or for touch vibration feedback. The indicator 292 can be an indicator light, which can be used to indicate the charging status, power changes, messages, missed calls, notifications, etc. The SIM card interface 295 is used to connect the SIM card. The SIM card can be connected to and separated from the tablet computer 200 by inserting it into the SIM card interface 295 or pulling it out from the SIM card interface 295. The tablet computer 200 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 295 can support Nano SIM cards, Micro SIM cards, SIM cards, etc.

[0143] Although not shown in FIG3 , the tablet computer 200 may further include a flashlight, a micro-projection device, a near field communication (NFC) device, etc., which will not be described in detail here.

[0144] It should be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the tablet computer 200. In other embodiments, the tablet computer 200 may include more or fewer components than illustrated, or may combine or separate certain components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0145] After introducing the hardware structure of the electronic device, this application takes the electronic device as a tablet computer 200 as an example to introduce the system architecture of the electronic device provided by this application. The system architecture of the tablet computer 200 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. The operating system of the tablet computer 200 can be an Android™ operating system, a Hongmeng™ operating system, or an IOS™ operating system, which is not limited in this embodiment of the application. The following embodiments of the present invention take a layered architecture as an example. Taking the system as an example, the software structure of the tablet computer 200 is exemplified.

[0146] FIG4 is a software structure block diagram of the tablet computer 200 according to an embodiment of the present invention.

[0147] A layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers: the application layer, the application framework layer, the Android runtime and system libraries, the hardware abstraction layer, and the kernel layer.

[0148] The application layer can include a series of application packages. As shown in Figure 4, the application package can include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

[0149] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions. As shown in Figure 4, the application framework layer may include a layout manager, an activity manager, a window manager, a view system, a resource manager, a notification manager, and a content provider.

[0150] The layout manager manages the position and size of components within a container. Graphical user interfaces (GUIs) need to adapt to different window sizes and screen resolutions. When the window size changes, the layout manager adjusts the position and size of components.

[0151] The activity manager is used to create windows. It is also used to distribute user input operation events and respond to user operations. For example, if the activity manager receives a user operation to create a window, it can create a new window.

[0152] A window manager manages windowed programs. It adjusts the layout of windows, such as determining their size and position. It can also determine the display size, whether a status bar is present, lock the screen, and take screenshots.

[0153] The window manager can include application windows and child windows. An application window corresponds to an application window of a specific application. For example, an application window of a reading application displays the content within the reading application; an application window of a shopping application displays the content within the shopping application; and an application window of a memo application displays the content within the memo application. Child windows are dependent on their parent window, meaning they cannot exist independently and must rely on an application. For example, a child window can be an application input method window, an application prompt window, a shopping cart window, etc.

[0154] In one possible design, a window is a child window when its attributes are between WindowManager.LayoutParams.FIRST_SUB_WINDOW (1000) and WindowManager.LayoutParams.LAST_APPLICATION_WINDOW (99).

[0155] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0156] The view system includes visual controls, such as those for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views. For example, a display interface containing a text notification icon might include a view for displaying text and a view for displaying images.

[0157] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0158] The Notification Manager allows applications to display notifications in the status bar. These messages can be displayed briefly and then disappear automatically without user interaction. For example, the Notification Manager is used to notify users of completed downloads and message reminders. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog windows on the screen. Examples include text messages in the status bar, beeps, vibrations on electronic devices, and flashing indicator lights.

[0159] The Android Runtime consists of core libraries and a virtual machine (VM). The Android Runtime is responsible for scheduling and management of the Android system. The core libraries consist of two parts: one containing the Java language's callable functions and the other the Android core library. The application layer and the application framework layer run in the VM. The VM executes the Java files in the application layer and application framework layer as binary files. The VM is responsible for performing functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0160] The system library can include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0161] The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.

[0162] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0163] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0164] A 2D graphics engine is a drawing engine for 2D drawings.

[0165] The hardware abstraction layer is used to encapsulate kernel layer drivers and provide a calling interface to the upper layer.

[0166] The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, camera driver, audio driver, and sensor driver.

[0167] The following describes the workflow of the software and hardware of the tablet computer 200 in conjunction with a scenario of displaying an application window.

[0168] When touch sensor 180K receives a touch operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, touch operation timestamp, and other information). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. For example, if the touch operation is a single-click operation and the control corresponding to the single-click operation is a shopping application icon control, the shopping application calls the application framework layer interface to start the shopping application, and then calls the kernel layer to start the display driver, displaying the shopping application application window on the display screen.

[0169] The methods in the following embodiments can all be implemented in an electronic device having the above hardware structure and the above system architecture. In the following embodiments, the electronic device is a tablet computer 200 as an example to illustrate the methods of the embodiments of the present application.

[0170] In some embodiments, the electronic device can display a subwindow in a parallel view mode. Among them, the parallel view mode is different from the traditional split-screen mode: the traditional split-screen mode is to display two different applications (specifically, the interface of the application) through two split-screen areas of the display screen, while the parallel view mode can be understood as a split-screen display mode for the same application, that is, two different interfaces of an application can be displayed through two split-screen areas of the display screen (or two windows in a floating window). For example, as shown in Figure 2, the floating window 202 is used to display the application homepage, which may include multiple search options, one search option corresponds to one page content, and the floating window 203 is used to display the page content corresponding to the search option.

[0171] It should be noted that before the electronic device displays the application interface in parallel vision mode, the electronic device can turn on the parallel vision mode in response to the user's operation. The embodiment of the present application does not limit the method of turning on the parallel vision mode. For example, the user can open the setting interface of the parallel vision mode in the system setting interface and select the option to turn on the parallel vision mode. For another example, the user can trigger the turning on of the parallel vision mode through voice operation. For another example, the user can adjust the aspect ratio of the window (such as the aspect ratio of the window is greater than the aspect ratio threshold, that is, the window is displayed in a horizontal manner) to trigger the turning on of the parallel vision mode.

[0172] In an embodiment of the present application, after displaying two application windows of an application in parallel view mode, the electronic device can display a subwindow of the application window in response to a user operation. In response to the operation of launching the target application, the electronic device can display a first window, which includes: a second window and a third window displayed in parallel. The second window and the third window are both used to display the application interface of the same application. Thereafter, the electronic device can receive a first operation acting on the second window, the first operation being used to trigger the display of the subwindow of the second window. In response to the first operation, the electronic device can display the subwindow of the second window.

[0173] In some examples, the second window and the third window are windows of the same application (eg, target application), and there is no parent-child relationship between the second window and the third window.

[0174] In other examples, the second window and the third window have a parent-child relationship. The third window can be a child window of the second window. Alternatively, the second window can be a child window of the third window.

[0175] In an embodiment of the present application, the electronic device may display a sub-window of the second window in the target area.

[0176] In a possible design, the target area is a partial area of ​​the area where the second window is located and / or a partial area of ​​the area where the third window is located.

[0177] That is to say, the target area is any area in the area where the first window is located. Among them, when the target area is the area where the first window is located, the sub-window of the second window has the following three display modes (Mode 1-Mode 3). Mode 1, the electronic device can display the sub-window of the second window in the area where the second window is located. Mode 2, the electronic device can display the sub-window of the second window in the area where the third window is located. Mode 3, the electronic device can display the sub-window of the second window between the second window and the third window.

[0178] In some examples, the first window may be a floating window. Alternatively, the first window may be a full-screen window. The following describes this application using the example of the first window being a floating window.

[0179] In mode 1, in response to the first operation, the electronic device may display a sub-window of the second window in the area where the second window is located, that is, the sub-window of the second window may cover a portion of the area where the second window is located (as shown in FIG2 ).

[0180] In some examples, the electronic device can display a sub-window of the second window in any area within the area where the second window is located. For example, with reference to FIG2 , the electronic device can display floating window 204 in the top area of ​​floating window 202; or, the electronic device can display floating window 204 in the middle area of ​​floating window 202; or, the electronic device can display floating window 204 in the bottom area of ​​floating window 202.

[0181] In manner 2, in response to the first operation, the electronic device may display a sub-window of the second window in the area where the third window is located, that is, the sub-window of the second window may cover a portion of the area where the third window is located.

[0182] For example, in combination with FIG. 2 , as shown in FIG. 5A , after the electronic device receives an operation of the user clicking the drag button 204 , the electronic device may display a floating window 501 on an upper layer of the floating window 203 .

[0183] In some examples, the electronic device can display a sub-window of the second window in any area within the area where the third window is located. For example, with reference to FIG5A , the electronic device can display floating window 501 in the top area of ​​floating window 203; or, the electronic device can display floating window 501 in the middle area of ​​floating window 203; or, the electronic device can display floating window 501 in the bottom area of ​​floating window 203.

[0184] It is understandable that if the user is using the second window, the electronic device will display the sub-window of the second window displayed in the third window. In this way, the electronic device can fully display the second window and the sub-window of the second window to reduce the impact on the user's use of the second window.

[0185] In mode 3, in response to the first operation, the electronic device can display a sub-window of the second window between the second window and the third window, that is, the sub-window of the second window can simultaneously cover the second window and the third window (that is, cover a partial area of ​​the second window and a partial area of ​​the third window).

[0186] For example, in combination with FIG. 2 , as shown in FIG. 5B , after the electronic device may receive an operation of the user clicking the drag button 204 , the electronic device may display the floating window 502 on an upper layer of the floating window 202 and the floating window 203 .

[0187] In some examples, the electronic device can display a sub-window of the second window in any area between the second window and the third window. For example, with reference to FIG5B , the electronic device can display floating window 502 in the top area between floating window 202 and floating window 203; or, the electronic device can display floating window 502 in the middle area between floating window 202 and floating window 203; or, the electronic device can display floating window 502 in the bottom area between floating window 202 and floating window 203.

[0188] It is understandable that if the displayed sub-window is used to control the window of the entire application (i.e., the first window), the electronic device will display the sub-window of the displayed second window between the second window and the third window. This helps the user understand the functional permissions of the sub-window (i.e., the functions in the window are applicable to the entire application window), thereby improving the user experience.

[0189] In another possible design, the target area may be any area in the display screen.

[0190] That is to say, the target area can be not only any area in the area where the first window is located, but also other areas in the display screen except the first window. Among them, when the target area can be any area in the display screen, the sub-window of the second window not only has the above three display modes (i.e., the above-mentioned modes 1-3), but also can include the following two display modes (modes 4 and 5). Mode 4, the electronic device can display other areas in the display screen except the first window (which can be called the first target area). Mode 5, the electronic device can display the sub-window of the second window between the first target area and the first window.

[0191] In manner 4, in response to the first operation, the electronic device may display the subwindow of the second window in the first target area, that is, the subwindow of the second window does not cover the first window, and there is no intersection between the subwindow of the second window and the first window.

[0192] For example, in combination with FIG. 2 , as shown in FIG. 6A , after the electronic device may receive an operation of the user clicking the drag button 204 , the electronic device may display a floating window 601 in the top area of ​​the display screen.

[0193] In method 5, in response to the first operation, the electronic device may display a sub-window of the second window between the first target area and the first window, that is, the sub-window of the second window simultaneously covers the upper layer of the first window and the first target area (such as the sub-window of the second window simultaneously covers the second window and the first target area, or, the sub-window of the second window simultaneously covers a partial area of ​​the area where the third window is located and a partial area of ​​the first target area, or, the sub-window of the second window simultaneously covers a partial area of ​​the area where the second window is located, a partial area of ​​the area where the third window is located, and a partial area of ​​the first target area).

[0194] For example, in combination with FIG2 , as shown in FIG6B , after the electronic device may receive an operation of the user clicking the drag button 204 (or the drag button 504 ), the electronic device may display a floating window 602 between the third window and the first target area.

[0195] It is understood that the electronic device can display a sub-window of the second window in any area of ​​the display screen, that is, it can display a sub-window of the second window not only in the first window but also in the first target area. In this way, the display area of ​​the display screen can be fully utilized, the occlusion between windows can be reduced, and the user experience can be improved.

[0196] In some examples, the above embodiments are described by taking the subwindow displaying a button with a management function for the first window as an example. The following describes the present application by taking the subwindow and the parent window displaying the application interface of the same application as an example.

[0197] For example, as shown in FIG7 , taking an electronic device displaying an application interface of a shopping application as an example, the electronic device may display a floating window 701 and a floating window 702. Floating window 701 displays a product browsing interface, and floating window 702 displays a product information interface. Floating window 702 also includes a shopping cart button 703. In response to an operation on shopping cart button 703, the electronic device may display a floating window 704 above the area where floating window 701 is located. Floating window 704 displays a shopping cart interface.

[0198] It should be noted that FIG7 is only an example of displaying floating window 704 above the area where floating window 701 is located. The present embodiment does not limit the display area of ​​floating window 704. For details, please refer to the introduction of the sub-window of the second window displayed by the electronic device in the above embodiment, which will not be repeated here.

[0199] The above embodiments are merely examples of the display area and display interface of a sub-window displaying a second window, and are not limited to these embodiments of the present application. Below, taking the example of a sub-window of a second window including a button with management functions for a first window (as shown in FIG5A ), the window size of the sub-window displaying a second window will be described.

[0200] In an embodiment of the present application, the electronic device can display a subwindow of the second window of a first preset size, wherein the first preset size is smaller than or equal to the size of the first window, or the first preset size is smaller than or equal to the size of the display screen.

[0201] In one possible design, the window size may include: the length of the window and the width of the window. The first preset size being less than or equal to the size of the display screen may include: the width of the subwindow of the second window being less than or equal to the width of the display screen, and the height of the subwindow of the second window being less than or equal to the height of the display screen. The first preset size being less than or equal to the size of the first window may include: the width of the subwindow of the second window being less than or equal to the width of the first window, and / or the height of the subwindow of the second window being less than or equal to the height of the first window.

[0202] That is, the width and height of the subwindow of the second window are both smaller than or equal to the first window, or the width of the subwindow of the second window is smaller than or equal to the width of the first window, or the height of the subwindow of the second window is smaller than or equal to the height of the first window. The following describes the embodiments of the present application using the example where the width and height of the subwindow of the second window are both smaller than or equal to the first window.

[0203] For example, if the width of the first window is 10 and the height is 5, the width of the sub-window of the second window may be 8 and the height may be 4.

[0204] Optionally, the window size may further include the area of ​​the window. That is, the first preset size may be less than or equal to the size of the display screen, and the area of ​​the subwindow of the second window may be less than or equal to the area of ​​the display screen. The first preset size may be less than or equal to the size of the first window, and the area of ​​the subwindow of the second window may be less than or equal to the area of ​​the first window.

[0205] In a possible implementation, when the first preset size is smaller than or equal to the size of the first window, the target area may be any one of an area where the second window is located and an area where the third window is located.

[0206] That is, when the size of the sub-window of the second window is smaller than or equal to the size of the first window, the sub-window of the second window can be displayed in the area where the first window is located according to the first preset size.

[0207] In another possible implementation, when the first preset size is smaller than or equal to the size of the display screen, the target area may be any area in the display screen.

[0208] That is, when the size of the sub-window of the second window is smaller than or equal to the size of the display screen, the sub-window of the second window can be displayed in any area of ​​the display screen according to the first preset size.

[0209] It should be noted that, in the embodiment of the present application, since the child window can be displayed in the parent window or in any area outside the parent window, and the size of the child window may be relatively large, if the display position is not appropriate, it may block the display content in part of the electronic device, affecting the user experience.

[0210] In some embodiments, the electronic device can move a sub-window of the second window to adjust the display area of ​​the sub-window of the second window. The electronic device can receive a second operation applied to the sub-window of the second window, the second operation being used to move the sub-window of the second window. In response to the second operation, the movement of the sub-window of the second window is controlled. The movement area of ​​the sub-window of the second window can include: the area where the first window is located and an area beyond the first window.

[0211] Exemplarily, as shown in Figure 8, taking the application interface of a shopping application displayed by an electronic device as an example, the electronic device can display a floating window 801, a floating window 802, and a floating window 803, and the floating window 803 is located in the upper layer of the area where the floating window 801 is located (i.e., the target area). Among them, the floating window 801 displays a product browsing interface, the floating window 802 displays a product information interface, and the floating window 803 displays a shopping cart interface. In response to the drag operation on the floating window 803, the electronic device can move the floating window 803 to the right area of ​​the floating window 802 (i.e., the first area). In this way, the electronic device can simultaneously display the product browsing interface, the product information interface, and the shopping cart interface, so that the user can view relevant information at the same time without frequently switching interfaces (such as the total amount of the shopping cart can be viewed at the same time after adding the product to the shopping cart), thereby improving the user experience.

[0212] It is understandable that the electronic device can change the display area of ​​the sub-window of the second window in response to the user's operation, thereby enhancing the user's operability and improving the user's experience.

[0213] In some embodiments, to prevent the sub-window from being moved due to accidental touch by the user, the electronic device can set whether to allow the sub-window to be moved. The electronic device can receive an activation operation acting on a preset move button to enable the sub-window of the second window to be moved. The preset move button is used to control whether the sub-window is allowed to be moved.

[0214] That is, after the electronic device receives the start operation acting on the preset move button, the user can move the sub-window of the second window through the operation.

[0215] For example, as shown in FIG9A , the electronic device may display a parallel view setting interface 901. The parallel view setting interface 901 may include a parallel view switch button 902 and a sub-window move button 903. The sub-window move button 903 may include an on-move state and an off-move state. The on-move state indicates that the sub-window can be moved, and the off-move state indicates that the sub-window cannot be moved. The electronic device may receive an on-move operation performed by the user on the sub-window move button 903 and set the state of the sub-window move button 903 to the on-move state.

[0216] Optionally, the electronic device may receive a close operation on a preset move button to enable movement of the sub-window of the second window. In other words, after the electronic device receives the close operation on the preset move button, the user cannot move the sub-window of the second window through operation.

[0217] It is understandable that, by setting a preset moving button, the electronic device can turn on or off the function of moving the sub-window according to the user's operation. In this way, the user can set the function of moving the sub-window according to actual needs, thereby improving the user's experience.

[0218] Optionally, after the electronic device receives an activation operation on a preset move button, the electronic device may display a first interface, where the first interface includes: at least one application move button, each application move button corresponding to one application, and the application move button is used to control whether a subwindow of the application is allowed to be moved. When the electronic device receives an activation operation on an application move button for a first application, the subwindow of the first application may be enabled to be moved, where the first application is any application corresponding to the at least one application move button.

[0219] For example, as shown in FIG9B , the electronic device may display a parallel view setting interface 901, which may include a parallel view switch button 902 and a sub-window move button 903. The electronic device may receive a user activation operation on the sub-window move button 903 and display an "Application 1" button, an "Application 2" button, and an "Application 3" button. In response to the user activation operation on the "Application 1" button, the electronic device allows the sub-window of Application 1 to be moved.

[0220] It should be noted that the above is only one implementation method for setting the sub-window movement provided in the embodiment of the present application, and the embodiment of the present application does not limit the implementation method of setting the sub-window movement. For example, the user can also set the sub-window movement by voice (such as the user inputting the voice "Turn on the sub-window movement function of application 1").

[0221] It is understandable that the electronic device allows the user to set the mobile function of the sub-window for different applications by displaying the application move button. In this way, the user can set the function of moving the sub-window of different applications according to actual needs, thereby improving the user experience.

[0222] In some embodiments, the electronic device may adjust the size of the sub-window of the second window to adjust the display area covered by the sub-window of the second window. The electronic device may receive a third operation for adjusting the size of the sub-window of the second window. In response to the third operation, the electronic device may adjust the size of the sub-window of the second window to a target size, which is different from the size of the sub-window of the second window before the adjustment.

[0223] For example, with reference to FIG7 , in response to a reduction operation on the floating window 704 (such as two fingers touching the display screen and sliding toward the inside of the window at the same time, or the user pulling the window border), the electronic device can reduce the floating window 704. Alternatively, in response to an enlargement operation on the floating window 704 (such as two fingers touching the display screen and sliding toward the outside of the window at the same time), the electronic device can enlarge the floating window 704 (not shown in the figure).

[0224] In an embodiment of the present application, the target size is different from the first preset size. The target size may be larger than the first preset size, or the target size may be smaller than the first preset size. Furthermore, in an embodiment of the present application, if the first preset size is smaller than or equal to the size of the first window, the target size is smaller than or equal to the size of the first window. Alternatively, if the first preset size is smaller than or equal to the size of the display screen, the target size is smaller than or equal to the size of the display screen.

[0225] It is understandable that the electronic device can adjust the display area covered by the sub-window of the second window by adjusting the size of the sub-window of the second window. In this way, the user can flexibly adjust the size of the sub-window displayed by the electronic device to avoid the sub-window blocking other windows, thereby improving the user experience.

[0226] In some embodiments, to prevent the size of the sub-window from changing due to accidental user touches, the electronic device can set whether to allow the sub-window to be resized. The electronic device can receive an activation operation on a preset adjustment button to enable the resizing of the sub-window of the second window, where the preset adjustment button is used to control whether the sub-window can be resized.

[0227] That is, after the electronic device receives the start operation acting on the preset adjustment button, the user can adjust the size of the sub-window of the second window through the operation.

[0228] For example, as shown in FIG10 , the electronic device may display a parallel view setting interface 1101. The parallel view setting interface 1101 may include: a parallel view switch button 1102, a sub-window resize button 1103, and the sub-window resize button 1103. The sub-window resize button 1103 includes an on adjustment state and a off adjustment state. The on adjustment state indicates that the sub-window can be resized, and the off adjustment state indicates that the sub-window cannot be resized. Optionally, the parallel view setting interface 1101 may further include: a sub-window resize button. The electronic device may receive a user's on-operation on the sub-window resize button 1103 and set the state of the sub-window resize button 1103 to the on adjustment state.

[0229] Optionally, the electronic device may receive a close operation on a preset adjustment button to enable adjustment of the sub-window of the second window. That is, after the electronic device receives the close operation on the preset adjustment button, the user cannot adjust the size of the sub-window of the second window through operation.

[0230] It is understandable that by setting a preset adjustment button, the electronic device can turn on or off the function of adjusting the size of the sub-window according to the user's operation. In this way, the user can set the function of adjusting the size of the sub-window according to actual needs, thereby improving the user's experience.

[0231] Optionally, after the electronic device receives an activation operation on a preset adjustment button, the electronic device may display a second interface, where the second interface includes at least one application adjustment button, each application adjustment button corresponding to one application, and the application adjustment button is used to control whether the subwindow of the application can be resized. Upon receiving an activation operation on an application adjustment button for a second application, the electronic device may enable the resizing of the subwindow of the second application, where the second application is any application corresponding to the at least one application adjustment button.

[0232] For example, as shown in FIG11 , the electronic device may display a parallel view setting interface 1101, which may include a parallel view switch button 1102 and a sub-window resize button 1103. The electronic device may receive a user activation operation on the sub-window resize button 1103 and display an "Application 1" button, an "Application 2" button, and an "Application 3" button. In response to the user activation operation on the "Application 2" button, the electronic device allows the sub-window of Application 2 to be moved.

[0233] It should be noted that the above is an implementation method of setting the sub-window size adjustment function provided in the embodiment of the present application, and the embodiment of the present application does not limit the implementation method of setting the sub-window size adjustment function. For example, the user can set the sub-window size by entering a specific width and height.

[0234] It is understandable that the electronic device allows the user to set the sub-window size adjustment function for different applications by displaying the application adjustment button. In this way, the user can set the sub-window size adjustment function for different applications according to actual needs, thereby improving the user experience.

[0235] In some embodiments, the electronic device can restore the display mode of the sub-window to be displayed in dependence on the parent window. The sub-window of the second window may include: a display switching button, which is used to switch the display mode of the sub-window of the second window to the initial display mode. The initial display mode is that the sub-window of the second window is displayed in a preset area according to a second preset size, the preset area is the upper area of ​​the area where the second window is located, and the second preset size is smaller than the size of the second window. In other words, the electronic device can display the sub-window of the second window in the area where the second window is located according to the initial display mode.

[0236] In an embodiment of the present application, the electronic device can receive an operation acting on a display switch button, adjust the size of the sub-window of the second window and / or the display area of ​​the sub-window of the second window, and display the sub-window of the second window of a second preset size in a preset area.

[0237] For example, as shown in FIG12 , the electronic device may display a floating window 1201, a floating window 1202, and a floating window 1203, with the floating window 1203 being displayed on top of the floating window 1201 and the floating window 1202. The floating window 1203 is a subwindow of the floating window 1201 (e.g., a pop-up window is triggered by clicking a drag button in the floating window 1201). The width of the floating window 1203 may be 12 and the height may be 6. The floating window 1203 may include a display switching button 1204. In response to a user's operation on the display switching button 1204, the electronic device may display the floating window 1203 on top of the floating window 1201 in an initial display mode. In the initial display mode, the width of the floating window 1203 may be 6 and the height may be 4.

[0238] Optionally, the electronic device may further display a sub-window of the second window of a second preset size in a preset area by receiving a user gesture operation. For example, the electronic device may receive a user swipe-up operation on the sub-window of the second window and display the sub-window of the second window in the initial display mode.

[0239] Optionally, when the electronic device displays the sub-window of the second window in the initial display mode, the electronic device can receive an operation acting on the display switch button, adjust the size of the sub-window of the second window and / or the display area of ​​the sub-window of the second window, and display the sub-window of the second window of the first preset size in the target area.

[0240] It is understandable that, by operating the display switching button, the electronic device can switch the display mode of the sub-window of the second window, thereby improving the convenience for the user to switch the display mode of the sub-window.

[0241] In other embodiments, the electronic device may display a second window and display subwindows of the second window in an initial display mode. Subsequently, the electronic device may receive a fourth operation applied to the second window, the fourth operation being used to trigger display of the second window in parallel view mode. In response to the fourth operation, the electronic device may display the first window and display subwindows of the second window in a target area. The first window includes a second window and a third window, the second window and the third window being displayed in landscape orientation in parallel view mode.

[0242] It should be noted that the fourth operation is not limited in the embodiments of the present application. For example, the fourth operation can be dragging the border of the second window. For another example, the fourth operation can be a voice operation (such as "display application a in horizontal mode with parallel view").

[0243] For example, as shown in FIG13 , the electronic device displays floating window 1301 and floating window 1302, where floating window 1302 is a subwindow of floating window 1301. Subsequently, the electronic device may receive a user drag operation on the border of floating window 1301, floating windows 1301 and 1303 in a parallel view mode, with floating window 1302 positioned above floating window 1301 and 1303.

[0244] It is understood that when an electronic device displays a parent window and a child window is within the parent window, if the electronic device displays the parent window in parallel view mode, the display area of ​​the child window can be adjusted. This can improve the layout between windows and enhance the user experience.

[0245] It should be noted that the above embodiments describe how electronic devices display sub-windows and how they operate. The following describes the principle of how electronic devices display sub-windows in this application. Currently, electronic devices limit the size of sub-windows so that they can only be displayed in the area of ​​the parent window (i.e., the initial display method described above). Taking the Android™ operating system as an example, electronic devices can limit the size of sub-windows in the applyGravityAndUpdateFrame method.

[0246] Exemplarily, as shown in FIG14A , in response to the user's operation of adding a window, the window management service module (such as WindowManagerService) can call a function (such as performSurfacePlacement, performSurfacePlacementLoop, etc.) to refresh the window layout, and instruct the window layer placement module to refresh the display area of ​​the window. Afterwards, the window layer placement module (such as WindowSurfacePlacer) can instruct the screen management module to traverse all areas in the display screen. Next, the screen management module (such as DisplayPolicy) can instruct the window container module to calculate the size of the window and the display area of ​​the window. Then, the window container module (such as WindowState) can calculate the display area of ​​the window based on the client layout parameters. For example, DisplayPolicy can call the computeFrameLw method to calculate and adjust the layout, and call the applyGravityAndUpdateFrame method through WindowState to limit the size of the child window. For example, as shown in Figure 14B, in the Android™ operating system's applyGravityAndUpdateFrame method, when the client sets the child window's width, it sets matchParent for the child window. The applyGravityAndUpdateFrame method, upon recognizing that the child window is set to matchParent, sets the child window's width and height to equal the parent window's. If the parent window isn't displayed full screen, the minimum of the parent window's width and height and the width and height requested by the application is used. When the LAYOUT_IN_PARENT field is configured in a floating window, the child window's size and display area are limited to the parent window area.

[0247] In some embodiments, an electronic device can modify restrictions on sub-windows. After the electronic device receives a first operation applied to a second window, the electronic device can execute a first event. The first event is used to trigger adjustment of restrictions on sub-windows of the second window, where the restrictions are used to constrain the size of the sub-windows of the second window. The adjusted restrictions include: the size of the sub-window of the second window is less than or equal to the size of the first window, or the size of the sub-window of the second window is less than or equal to the size of the display screen.

[0248] In an embodiment of the present application, after the electronic device executes the first event, the electronic device may display a sub-window of the second window in the target area.

[0249] In one possible design, the first event may include at least one of the following: a first sub-event, a second sub-event, and a third sub-event.

[0250] The first sub-event is: if the first information is received, the electronic device does not set the size of the sub-window of the second window to the first information, and the first information is used to indicate that the size of the sub-window of the second window matches the second window. For example, the first information can be matchParent.

[0251] The second sub-event is: if the second window is not a full-screen window, the electronic device adjusts the restriction condition on the sub-window of the second window.

[0252] The third sub-event is: if the window information of the sub-window of the second window contains second information, the electronic device adjusts the restriction conditions on the sub-window of the second window, and the second information is used to indicate that the window is a sub-window. For example, the second information can be the LAYOUT_IN_PARENT field configured in the floating window.

[0253] It should be noted that the first event can be applicable to operating systems such as the Android™ operating system, the Hongmeng™ operating system, or the IOS™ operating system. Taking the Android™ operating system as an example, the electronic device can add the first event in the applyGravityAndUpdateFrame method.

[0254] It is understandable that by adjusting the restriction conditions on the sub-windows of the second window, the size of the sub-windows of the second window is limited to the area of ​​the first window or the display screen, thereby expanding the display area of ​​the sub-windows of the second window. In this way, the diversity of the sub-windows displayed in the second window can be increased, thereby improving the user experience.

[0255] It should be noted that when an electronic device displays a sub-window, the restriction conditions on the sub-window will be adjusted, which may increase the load of the electronic device.

[0256] In some embodiments, the electronic device can determine whether to adjust the restriction conditions on the sub-window based on the window information of the sub-window. After the electronic device receives the first operation acting on the second window, the electronic device can obtain the window information of the sub-window of the second window, and the window information includes: window type information, window aspect ratio, and preset display area, wherein the window information is the window information sent by the application corresponding to the sub-window of the second window (or the second window). Afterwards, the electronic device can determine whether the window information of the sub-window of the second window meets the preset conditions. If the window information meets the preset conditions, the electronic device executes the first event. The preset conditions include at least one of the following: the window type information is preset type information, the aspect ratio is greater than the preset ratio threshold, and the preset display area is not within the range of the area where the second window is located; the preset type information is used to indicate that the window type is a sub-window type.

[0257] It should be noted that the embodiment of the present application does not limit the preset ratio threshold. For example, the preset ratio threshold may be 2:1, 3:1, 4:1, etc.

[0258] In some examples, if the aspect ratio is greater than a preset ratio threshold, it means that the electronic device displays the second window and the third window in parallel (ie, displays two windows in landscape mode).

[0259] For example, if the preset ratio threshold is 2:1, the window type information indicates that the window type is a sub-window type, the aspect ratio is 3:1, and the preset display area is not within the range of the area where the second window is located, the electronic device can display the sub-window of the second window in any area of ​​the display screen.

[0260] Optionally, if the window information does not meet the preset condition, the electronic device does not execute the first event, and displays the sub-window of the second window in the initial display mode.

[0261] It can be understood that when the window type information indicates that the window type is a child window type, the aspect ratio is greater than the preset ratio threshold, and the preset display area is not within the range of the area where the second window is located, the electronic device can display the child window of the second window in the target area, so that the child window is not dependent on the parent window display, thereby increasing the diversity of the child window display.

[0262] In some embodiments, the electronic device may determine whether to adjust the restriction condition on the sub-window based on the application corresponding to the sub-window.

[0263] In one possible implementation, an application whitelist is stored in the electronic device, which is used to indicate applications that are allowed to display sub-windows in the target area (i.e., restrictions on sub-windows of applications in the application whitelist are allowed to be adjusted). The electronic device can obtain the application whitelist. Afterwards, the electronic device can determine whether there is a target application in the application whitelist, where the target application is the application corresponding to the application interface displayed in the second window. If the target application exists in the application whitelist, the electronic device executes the first event. If the target application does not exist in the application whitelist, the electronic device does not execute the first event and displays the sub-window of the second window according to the initial display mode.

[0264] It should be noted that the application whitelist can be set by the user (for example, by selecting an application in the system setting interface); or, the application whitelist can be set by the developer. This embodiment of the present application does not limit this.

[0265] It is understandable that, by using the whitelist, the electronic device can selectively adjust the restrictions on the sub-windows of some applications, thereby reducing the load on the electronic device and reducing resource consumption.

[0266] In some embodiments, the electronic device may determine whether to adjust restrictions on the sub-window based on the triggering method of the sub-window. The electronic device may obtain fourth information indicating the triggering method of the sub-window of the second window. If the fourth information indicates that the sub-window of the second window was triggered by the user, the electronic device executes the first event. If the fourth information indicates that the sub-window of the second window was not triggered by the user, the electronic device does not execute the first event and displays the sub-window of the second window in the initial display mode.

[0267] It should be noted that the non-user-triggered window may be an advertisement-type window, a window actively sent by the server, etc., and this embodiment of the present application does not limit this.

[0268] It is understandable that by determining whether a sub-window is triggered by a user, the electronic device only adjusts the restrictions on the sub-window triggered by the user. In this way, it is possible to avoid adjusting the restrictions on windows not triggered by the user (such as advertising windows), thereby reducing the consumption of electronic device resources.

[0269] In some embodiments, the electronic device may adjust the restriction conditions on the sub-window when the first window is displayed in the parallel view mode. After the electronic device receives the first operation acting on the second window, the electronic device may obtain the window mode information of the first window, which is the first mode information (also referred to as the third information) or the second mode information. The first mode information is used to indicate that the display is in the parallel view mode, and the second mode information is used to indicate that the display is not in the parallel view mode. Afterwards, if the window mode information is the first mode information, the electronic device executes the first event. If the window mode information is the second mode information, the electronic device does not execute the first event, and displays the sub-window of the second window according to the initial display mode.

[0270] Optionally, the first mode information is used to indicate that the horizontal screen display is performed in the parallel view mode, and the second mode information is used to indicate that the horizontal screen display is not performed in the parallel view mode.

[0271] It is understood that when an electronic device displays windows in parallel view mode, it can simultaneously display two window pages of an application. In this way, the electronic device can adjust the display method of the sub-window and flexibly display the sub-window (such as displaying it on top of two windows), thereby improving the user experience.

[0272] In some examples, when an application is displayed in a floating window in parallel view mode, one application corresponds to an application task stack (task), an application task stack can include at least one activity (activity), and one activity corresponds to a main window (i.e., parent window). In addition, there is a hierarchical relationship between windows within an application stack. When two windows overlap, the higher-level window can cover the lower-level window. In addition, the hierarchy of the child window inherits the hierarchy of the parent window. In this way, when an electronic device displays two windows in parallel view mode, if the hierarchy of the parent window corresponding to the child window is lower, even if the display area of ​​the child window can be enlarged, the child window may still be covered by another window, resulting in incomplete display of the child window.

[0273] For example, as shown in FIG15 , the electronic device may display a floating window 1501 and a floating window 1502, wherein the floating window 1501 includes a drag button 1503, wherein the level of the floating window 1501 is lower than the level of the floating window 1502. The electronic device may receive an operation of a user clicking the drag button 1503 and display a floating window 1504 above the floating window 1501 and below the floating window 1502, i.e., a portion of the floating window 1504 is covered by the floating window 1502.

[0274] In some embodiments, the electronic device can determine the window that creates the subwindow by determining the hierarchical relationship between windows. After the electronic device receives the first operation acting on the second window, the electronic device can generate a window creation event through the second window, and the window creation event is used to trigger the creation of a subwindow of the second window. Thereafter, the electronic device can obtain window hierarchy information through the second window, and the window hierarchy information is used to indicate the hierarchical relationship between the second window and the third window. If the window hierarchy information is used to indicate that the second window is above the third window, the electronic device executes the window creation event through the second window.

[0275] Optionally, if the window level information is used to indicate that the third window is above the second window, the electronic device sends a window creation event to the third window through the second window, and executes the window creation event through the third window.

[0276] For example, in conjunction with Figure 15, if an activity hierarchy list is maintained in the ActivityThread of the client in the application framework layer, the hierarchy information (such as the topActivity information of each window) of the windows (such as floating window 1501 and floating window 1502) in the same application stack can be updated. If the topActivity information of floating window 1501 indicates that the activity corresponding to floating window 1501 is at the top of the stack, the activity corresponding to floating window 1501 can display a pop-up window, that is, floating window 1501 can execute a window creation event (the electronic device can display the interface shown in Figure 5B, that is, floating window 502 is displayed on the upper layer of floating window 202 and floating window 203). If the topActivity information of the floating window 1502 indicates that the activity corresponding to the floating window 1502 is at the top of the stack, the activity corresponding to the floating window 1502 can display a pop-up window, that is, the floating window 1501 can send a window creation event to the floating slave window 1502, and the floating window 1502 executes the window creation event (the electronic device can display the interface as shown in Figure 5B, that is, the floating window 502 is displayed on the upper layer of the floating window 202 and the floating window 203).

[0277] It is understandable that the electronic device determines the hierarchical relationship between the second window and the third window through the window hierarchy information. If the window hierarchy information is used to indicate that the second window is on the upper layer of the third window, it means that the hierarchical relationship of the sub-window created by the second window is higher than that of the third window. In this way, the electronic device executes the window creation event through the second window, so that the sub-window of the second window can be completely displayed on the upper layer of the second window and the third window, thereby improving the user experience. If the window hierarchy information is used to indicate that the third window is on the upper layer of the second window, it means that the hierarchical relationship of the sub-window created by the second window is lower than that of the third window. In this way, the electronic device can send a window creation event to the third window through the second window, and execute the window creation event through the third window, so that the sub-window of the second window can be completely displayed on the upper layer of the second window and the third window, thereby improving the user experience.

[0278] It should be noted that when the application is displayed in the floating window in parallel view mode, the title bar (captionView) corresponding to the application stack is also spliced ​​together by two title bars. For example, in combination with Figure 2, it can be seen that the area where the floating window 201 is located is an application task stack, the area where the floating window 202 is located is an activity, and the area where the floating window 203 is located is an activity. The area where the drag button 204 is located is the title bar corresponding to the floating window 202, and the area where the drag button 205 is located is the title bar corresponding to the floating window 203. In other words, visually, the floating window 201 only includes one title bar. In fact, the title bar of the floating window 201 is spliced ​​together by the title bar corresponding to the floating window 202 and the title bar corresponding to the floating window 203, and the drag button is also spliced ​​together by the drag button 204 and the drag button 205.

[0279] In this way, when the user operates one of the title bars, the other title bar will not respond to the operation synchronously. For example, when the user operates the drag button of one window, the drag button of the other window will not respond to the operation. For example, in conjunction with Figure 2, when the user clicks on the drag button 204, the drag button 204 can be adjusted to the user touch state (such as changing color), while the drag button 205 will not respond to the click operation and will not be adjusted accordingly. In this way, the states of the two drag buttons cannot be synchronized, affecting the user's visual experience.

[0280] In some embodiments, when an application is displayed in a floating window in parallel vision mode, after the user operates one window, the electronic device can synchronize the operation event to another window. The second window includes: a first drag button, and the third window includes: a second drag button. The electronic device can receive the operation acting on the first drag button through the second window and generate a state change message. The state change message is used to indicate the adjustment of the state of the drag button, and the state of the drag button includes at least one of the following: button size, button shape, and button color. Afterwards, in response to the state change message, the electronic device adjusts the state of the first drag button to the target state through the second window. In addition, the electronic device can send a state change message to the third window. In response to the state change message, the electronic device can adjust the state of the second drag button to the target state through the third window.

[0281] It should be noted that the embodiments of the present application do not limit the adjustment of the state of the drag button. For example, the electronic device can change the size of the drag button from small to large. Alternatively, the electronic device can change the size of the drag button from small to large and change the button color of the drag button from white to blue. Alternatively, the electronic device can change the shape of the drag button from oval to round.

[0282] For example, in combination with Figure 2, as shown in Figure 16, in response to an operation on the drag button 1601 (such as a click operation), the color of the drag button 1601 and the drag button 1602 can be changed from white to black, and the button sizes of the drag button 1601 and the drag button 1602 are both increased.

[0283] It is understandable that after the electronic device receives the operation acting on the first drag button, it can not only adjust the state of the first drag button, but also send a state change message to the third window, so that the electronic device can adjust the state of the second drag button, ensuring the synchronization of the states of the first drag button and the second drag button, and improving the user's visual experience.

[0284] The above embodiments describe this application using an electronic device displaying a sub-window in floating window parallel view mode as an example. Similarly, this application can also be used in scenarios where sub-windows are displayed in other modes. For example, the following describes this application using an electronic device displaying a first window in full screen as an example.

[0285] In some embodiments, an electronic device displays a first window in full screen in parallel view mode, where the first window is a full screen window. The first window may include a second window and a third window displayed in parallel. Furthermore, in response to a first operation performed on the second window, the electronic device may display a sub-window of the second window, where the sub-window of the second window may be displayed in any area within the area where the first window is located.

[0286] In some examples, the subwindow of the second window can be displayed in an upper layer of the area where the second window is located (i.e., the subwindow of the second window covers a portion of the area of ​​the second window). Alternatively, the subwindow of the second window can be displayed in an upper layer of the area where the third window is located (i.e., the subwindow of the second window covers a portion of the area of ​​the third window). Alternatively, the subwindow of the second window can be displayed in an upper layer of the area where the second window is located and the area where the third window is located (i.e., the subwindow of the second window covers a portion of the area of ​​the second window and a portion of the area of ​​the third window).

[0287] For example, as shown in FIG. 17 , the electronic device may display window 1701 , window 1702 , and window 1703 . Window 1703 is a sub-window of window 1701 , and window 1703 covers the area where window 1702 and window 1703 are located.

[0288] In other embodiments, when the electronic device does not display the first window in the parallel view mode, in response to the first operation performed on the second window, the electronic device may display a sub-window of the second window in the target area.

[0289] In some examples, the electronic device can display a second window and a third window in a split screen, where the second window and the third window display interfaces of different applications. The second window can cover a portion of the area where the second window is located and a portion of the area where the third window is located. Alternatively, the second window can cover a portion of the area where the second window is located. Alternatively, the second window can cover a portion of the area where the third window is located.

[0290] The above mainly introduces the solution provided by the embodiment of the present application from the perspective of an electronic device. It is understandable that, in order to realize the above functions, the electronic device includes a hardware structure and / or software module corresponding to the execution of each function. Those skilled in the art should easily realize that, in combination with the steps of a method for displaying a window in each example described in the embodiment disclosed in this application, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or electronic device software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0291] In the embodiment of the present application, the display device of the window can be divided into functional modules or functional units according to the above method example. For example, each functional module or functional unit can be divided according to each function, or two or more functions can be integrated into one processing module. The above-mentioned integrated module can be implemented in the form of hardware or in the form of software functional modules or functional units. Among them, the division of modules or units in the embodiment of the present application is schematic and is only a logical functional division. In actual implementation, there may be other division methods.

[0292] Some embodiments of the present application provide an electronic device (a tablet computer 200 as shown in FIG3 ). The electronic device may include: a memory and one or more processors. The memory and the processor are coupled. The electronic device may also include a camera. Alternatively, the electronic device may be connected to an external camera. The memory is used to store computer program code, which includes computer instructions. When the processor executes the computer instructions, the electronic device may perform the various functions or steps performed by the mobile phone in the above method embodiment. The structure of the electronic device may refer to the structure of the tablet computer 200 shown in FIG3 .

[0293] An embodiment of the present application also provides a chip system, as shown in Figure 18, which includes at least one processor 1801 and at least one interface circuit 1802. The processor 1801 and the interface circuit 1802 can be interconnected via lines. For example, the interface circuit 1802 can be used to receive signals from other devices (such as the memory of an electronic device). For another example, the interface circuit 1802 can be used to send signals to other devices (such as the processor 1801). Exemplarily, the interface circuit 1802 can read instructions stored in the memory and send the instructions to the processor 1801. When the instructions are executed by the processor 1801, the electronic device (the tablet computer 200 shown in Figure 3) can be enabled to perform the various steps in the above embodiments. Of course, the chip system can also include other discrete components, which is not specifically limited in the embodiment of the present application.

[0294] An embodiment of the present application also provides a computer-readable storage medium, which includes computer instructions. When the computer instructions are executed on the above-mentioned electronic device (the tablet computer 200 as shown in Figure 3), the electronic device executes the various functions or steps executed by the mobile phone in the above-mentioned method embodiment.

[0295] The embodiment of the present application further provides a computer program product, which, when executed on a computer, enables the computer to execute the functions or steps executed by the mobile phone in the above method embodiment.

[0296] Through the description of the above implementation methods, technical personnel in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0297] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely schematic. For example, the division of the modules or units is merely a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0298] The units described as separate components may or may not be physically separate, and the components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place or distributed in multiple places. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0299] In addition, the functional units in the various embodiments of the present application may be integrated into a single processing unit, or each unit may exist physically separately, or two or more units may be integrated into a single unit. The aforementioned integrated units may be implemented in the form of hardware or software functional units.

[0300] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0301] The above content is only a specific embodiment of this application, but the scope of protection of this application is not limited to this. Any changes or replacements within the technical scope disclosed in this application should be included in the scope of protection of this application. Therefore, the scope of protection of this application should be based on the scope of protection of the claims.

Claims

1. A method for displaying a window, characterized in that: The method comprises: In response to an operation of starting a target application, displaying a first window of the target application, the first window comprising: a second window and a third window displayed in parallel; receiving a first operation applied to the second window, wherein the first operation is used to trigger display of a sub-window of the second window; In response to the first operation, displaying a sub-window of the second window; The sub-window of the second window covers a portion of the area where the second window is located and a portion of the area where the third window is located.

2. The method according to claim 1, characterized in that The sub-window of the second window is displayed, comprising: A subwindow of the second window of a first preset size is displayed; wherein the first preset size is smaller than or equal to the size of the first window, or the first preset size is smaller than or equal to the size of a display screen.

3. The method according to claim 2, characterized in that The first preset size is smaller than or equal to the size of the first window, including: the width of the subwindow of the second window is smaller than or equal to the width of the first window, and / or the height of the subwindow of the second window is smaller than or equal to the height of the first window; The first preset size is smaller than or equal to the size of the display screen, including: the width of the subwindow of the second window is smaller than or equal to the width of the display screen, and the height of the subwindow of the second window is smaller than or equal to the height of the display screen.

4. The method according to any one of claims 1 to 3, characterized in that The method further comprises: receiving a second operation acting on a sub-window of the second window, wherein the second operation is used to move the sub-window of the second window; In response to the second operation, the sub-window of the second window moves accordingly; wherein the moving area of ​​the sub-window of the second window includes the area where the first window is located and an area beyond the first window.

5. The method according to claim 4, characterized in that The method further comprises: An opening operation acting on a preset moving button is received to enable the sub-window of the second window to be moved, wherein the preset moving button is used to control whether the sub-window is allowed to be moved.

6. The method according to claim 5, characterized in that After receiving the start operation acting on the preset movement button, the method further includes: Displaying a first interface, the first interface comprising: at least one application moving button, one application moving button corresponding to one application, the application moving button being used to control whether to allow moving a sub-window of an application; An opening operation of an application moving button acting on a first application is received, and a sub-window of the first application is enabled to be moved, wherein the first application is any application among the applications corresponding to the at least one application moving button.

7. The method according to any one of claims 1 to 6, characterized in that The method further comprises: receiving a third operation, where the third operation is used to adjust the size of the sub-window of the second window; In response to the third operation, the size of the sub-window of the second window is adjusted to a target size, where the target size is different from the size of the sub-window of the second window before the adjustment.

8. The method according to claim 7, characterized in that The method further comprises: An opening operation acting on a preset adjustment button is received to enable adjustment of the size of the sub-window of the second window, wherein the preset adjustment button is used to control whether adjustment of the size of the sub-window is allowed.

9. The method according to claim 8, characterized in that After receiving the activation operation acting on the preset adjustment button, the method further includes: Displaying a second interface, the second interface comprising: at least one application adjustment button, one application adjustment button corresponding to one application, the application adjustment button being used to control whether to allow adjustment of the size of a sub-window of the application; An opening operation of an application adjustment button acting on a second application is received to enable adjustment of the size of a sub-window of the second application, where the second application is any application among the applications corresponding to the at least one application adjustment button.

10. The method according to any one of claims 1 to 9, characterized in that The sub-window of the second window includes a display switching button, and the display switching button is used to trigger the sub-window of the second window to be displayed in a preset area according to a second preset size, and the preset area is an upper area of ​​the area where the second window is located, and the second preset size is smaller than the size of the second window; the method also includes: An operation on the display switching button is received, a size of the sub-window of the second window and / or a display area of ​​the sub-window of the second window is adjusted, and the sub-window of the second window of the second preset size is displayed in the preset area.

11. The method according to any one of claims 1 to 10, characterized in that After receiving the first operation acting on the second window, the method further includes: Executing a first event, where the first event is used to trigger adjustment of a restriction condition on a sub-window of the second window, where the restriction condition is used to constrain a size of the sub-window of the second window; The adjusted restriction condition includes: the size of the sub-window of the second window is smaller than or equal to the size of the first window, or the size of the sub-window of the second window is smaller than or equal to the size of the display screen.

12. The method according to claim 11, characterized in that The first event includes at least one of the following: If the first information is received, the size of the sub-window of the second window is not set to the first information, the first information being used to indicate that the size of the sub-window of the second window matches the second window; If the second window is not a full-screen window, adjusting the restriction condition on the sub-window of the second window; If the window information of the sub-window of the second window contains second information, then the restriction condition on the sub-window of the second window is adjusted, and the second information is used to indicate that the window is a sub-window.

13. The method according to claim 11 or 12, characterized in that: After receiving the first operation acting on the second window, the method further includes: Acquire window information of a sub-window of the second window, wherein the window information includes: window type information, aspect ratio, and preset display area; The executing the first event includes: If the window information meets the preset condition, executing the first event; Among them, the preset condition includes at least one of the following: the window type information is preset type information, the aspect ratio is greater than a preset ratio threshold, and the preset display area is not within the range of the area where the second window is located; the preset type information is used to indicate that the window type is a sub-window type.

14. The method according to any one of claims 11 to 13, characterized in that After receiving the first operation acting on the second window, the method further includes: Obtaining window mode information of the first window; The executing the first event includes: If the window mode information is the third information, the first event is executed, and the third information is used to indicate display in parallel view mode.

15. The method according to any one of claims 11 to 14, characterized in that After receiving the first operation acting on the second window, the method further includes: Acquire an application whitelist, where the application whitelist is used to indicate applications that are allowed to display sub-windows in a target area, where the target area is a partial area of ​​the area where the second window is located and a partial area of ​​the area where the third window is located; The executing the first event includes: If the target application is in the application whitelist, the first event is executed.

16. The method according to any one of claims 11 to 15, characterized in that After receiving the first operation acting on the second window, the method further includes: Acquire fourth information, where the fourth information is used to indicate a triggering mode of a sub-window of the second window; The executing the first event includes: If the fourth information is used to indicate that the sub-window of the second window is triggered by the user, the first event is executed.

17. The method according to any one of claims 1 to 16, characterized in that After receiving the first operation acting on the second window, the method further includes: generating a second event through the second window, wherein the second event is used to trigger creation of a sub-window of the second window; acquiring window level information through the second window, where the window level information is used to indicate a level relationship between the second window and the third window; If the window level information is used to indicate that the second window is above the third window, the second event is executed through the second window.

18. The method according to claim 17, characterized in that The method further comprises: If the window level information is used to indicate that the third window is on an upper layer of the second window, the second event is sent to the third window through the second window, and the second event is executed through the third window.

19. The method according to any one of claims 1 to 18, characterized in that The second window includes: a first drag button, the third window includes: a second drag button, and the method further includes: receiving, through the second window, an operation on the first drag button, and generating a state change message, wherein the state change message is used to indicate adjustment of a state of the drag button, wherein the state of the drag button includes at least one of the following: button size, button shape, and button color; In response to the state change message, adjusting the state of the first drag button to a target state through the second window; Sending the state change message to the third window; In response to the state change message, the state of the second drag button is adjusted to the target state through the third window.

20. The method according to any one of claims 1 to 19, characterized in that The first window is a floating window or a full-screen window.

21. The method according to any one of claims 1 to 20, characterized in that The second window and the third window display different interfaces of the target application.

22. An electronic device, characterized in that: The electronic device comprises: a memory, a display screen and one or more processors; the memory and the display screen are coupled to the processor, the memory is used to store computer program code, the computer program code comprises computer instructions, and when the computer instructions are executed by the one or more processors, the electronic device executes the method as described in any one of claims 1-21.

23. A computer-readable storage medium, characterized in that: The method comprises computer instructions, which, when executed on an electronic device, cause the electronic device to execute the method as claimed in any one of claims 1 to 21.

24. A computer program product, characterized in that When the computer program product is run on a computer, the computer is caused to perform the method according to any one of claims 1 to 21.

Images