Display method and electronic device

Abstract

The present invention discloses a display method and an electronic device, which relate to the field of electronic devices and can display application windows based on a display grid. This makes the display effect of a single application window or multiple application windows clearer and more indirect, thereby facilitating users to quickly obtain the information they want. The specific scheme is: in response to a first operation input by a user, the electronic device displays a first window interface of a first application on the display, and the first application runs in the electronic device. In response to a second operation input by the user, the electronic device displays a second window interface of a second application on the display, and the second application runs in the electronic device. The display area corresponding to the second window interface does not overlap with the display area corresponding to the first window interface. Particularly, the display areas of the first window interface and the second window interface both include an integer multiple of display grids.

Description

Technical Field

[0001] The present application relates to the field of electronic devices, and in particular to a display method and electronic device. Background Art

[0002] An electronic device can run multiple applications simultaneously to provide multiple functions to a user. In some implementations, the electronic device can display multiple windows, each corresponding to an application, thereby facilitating user viewing and switching.

[0003] In the current multi-window display mechanism, the distribution of windows on the display screen is irregular. When there are too many windows, the display screen content is relatively chaotic, which is not convenient for users to use. Summary of the Invention

[0004] The embodiments of the present application provide a display method and electronic device that can display application windows based on a display grid, thereby making the display effect of a single application window or multiple application windows clearer and more concise, thereby facilitating users to quickly obtain desired information.

[0005] In order to achieve the above objectives, the embodiments of the present application adopt the following technical solutions:

[0006] In a first aspect, a display method is provided, which is applied to an electronic device, wherein the electronic device is provided with a display for providing a display function, and the display area of the display is divided into multiple display grids. The method includes: in response to a first operation input by a user, the electronic device displays a first window interface of a first application on the display, and the first application runs on the electronic device. In response to a second operation input by the user, the electronic device displays a second window interface of a second application on the display, and the second application runs on the electronic device. The display area corresponding to the second window interface does not overlap with the display area corresponding to the first window interface. The display areas of the first window interface and the second window interface each include an integer multiple of display grids.

[0007] By dividing the area into multiple display grids, the display unit base of the display windows is reallocated. Regardless of whether one or more windows are displayed, the display grid can be used as the smallest display unit to arrange the windows, making the display effect more concise and direct. This makes it easier for users to obtain the desired information from the windows more efficiently.

[0008] Optionally, the first window interface and the second window interface include a first side that overlaps with each other, and the method further includes: receiving a third operation input by the user, the third operation being an operation on the first side, and the third operation being used to instruct the electronic device to adjust the size of the first window interface and the second window interface. In response to the third operation, according to the direction indicated by the third operation, the display area of the first window interface is expanded by an integer multiple of display grids, and the display area of the second window interface is reduced by an integer multiple of display grids. Alternatively, the display area of the first window interface is reduced by an integer multiple of display grids, and the display area of the second window interface is expanded by an integer multiple of display grids.

[0009] In this example, the first window and the second window displayed by the electronic device can be adjacent to each other and share the same first side. In this way, when the user needs to adjust the two application windows, he can input an operation on the first side. For example, the third operation may include pressing the first side and sliding to the middle position of the application window that needs to be reduced. Correspondingly, the electronic device can adjust the size of the first window and the second window based on the granularity of the display grid. As a result, the size of the resized first window and the second window is still an integer multiple of the display grid, maintaining a concise and orderly display state.

[0010] Optionally, the first operation includes: a single-hand pinch operation or a two-finger pinch operation of the user on the full-screen display of the first application interface.

[0011] Optionally, any two display grids in the multiple display grids have the same size.

[0012] Optionally, the display grid is a rectangular grid. It should be noted that the size of the display grid may be preset in the electronic device. Alternatively, the electronic device may provide a user with an interface for manual setting. During the process of aligning one or more windows to the grid, the boundaries of the display grid may be displayed on the display screen for user convenience. Alternatively, the boundaries of the display grid may not be displayed.

[0013] Optionally, after receiving the first operation input by the user, displaying the first window interface includes: displaying a third window interface corresponding to the first application according to the user's first operation, and adjusting the third window interface to display the first window interface when the third window interface does not include an integer multiple of display grids. In this way, the display area of the first window can be aligned with the display grid. From another perspective, the alignment process can also be described as the display effect of the first window obtained after the four edges of the original third window are adsorbed to the nearest display grid.

[0014] Optionally, adjusting the third window interface to display the first window includes: searching for a second vertex corresponding to a first vertex, where the first vertex is any vertex of the third window interface, and the second vertex is a vertex of a display grid closest to the first vertex. Searching for a fourth vertex corresponding to a third vertex, where the third vertex is a vertex on the third window interface that is diagonally arranged with respect to the first vertex, and the fourth vertex is a vertex of a display grid closest to the third vertex. Determining the display area of the first window interface based on the second vertex and the fourth vertex.

[0015] Optionally, the second vertex and the fourth vertex respectively correspond to vertices arranged diagonally on the first window interface.

[0016] Optionally, adjusting the third window interface to display the first window includes: searching for a third side corresponding to the second side, where the second side is any side of the third window interface, and the third side is the side of the display grid closest to the second side. Searching for a fifth side corresponding to the fourth side, where the fourth side is an side on the third window interface adjacent to the second side, and the fifth side is the side of the display grid closest to the fourth side. Determining the display area of the first window interface based on the third side and the fifth side. The third side and the fifth side correspond to two adjacent sides of the first window interface, respectively.

[0017] Therefore, vertex-based and edge-based grid alignment are provided. In the specific implementation, you can flexibly choose which one to use.

[0018] Optionally, the third window interface includes the same display elements as those in the first window interface. It is understandable that after grid alignment, the size of the first window interface and the size of the third window interface may differ to a certain extent. Therefore, after grid alignment, all elements in the third window interface can still be displayed in the first window interface. In some implementations, in order to make the display layout more reasonable, the relative position relationship between the elements in the first window interface can be adjusted according to the size of the first window interface.

[0019] Optionally, the first window interface includes a first functional control, which is used to provide functions of moving the first window interface, adjusting the size of the first window interface, and closing the first window interface, thereby making the aligned first window interface more convenient for users to operate.

[0020] Optionally, when the electronic device displays the first window interface, the method further includes: the electronic device displaying other application windows on the display, wherein the other application windows include icons of other application programs installed in the electronic device that are different from the first application. The display area of the other application window includes an integer multiple of display grids, and the display area of the other application window does not overlap with the display area of the first window interface. It is understandable that the other application window can be a collection window of multiple icons.

[0021] Optionally, when the size of the first window interface is smaller than a preset size, the other application window is displayed.

[0022] In this way, when the first window interface is small, the electronic device can display other application windows in the blank space, so that the user can trigger operations on other applications. For example, the user can operate the icon of the second application in the other application window, so that the electronic device can display the second application based on the display grid in the window mode.

[0023] Optionally, the electronic device is configured with at least one application group, which includes at least one application. If the first application is included in the first application group, the electronic device displays the first application group at the top of the other application windows. By setting the first application group, the electronic device can prioritize providing the user with other application options that are related to the first application or in the same application scenario. This makes it easier for the user to quickly open the application they need.

[0024] Optionally, when the electronic device displays the first window interface, the method further includes: the electronic device displaying an application sidebar on the display, the application sidebar including icons of other application programs installed on the electronic device that are different from the first application. The display area of the application sidebar includes an integer multiple of display grids, the display area of the application sidebar does not overlap with the display area of the first window interface, and the application sidebar is at least adhered to the edge of the display area of the display.

[0025] Optionally, when the size of the first window interface is larger than a preset size, the application sidebar is displayed.

[0026] In this way, when the first window interface is large, the sidebar can be used to improve the user's efficiency in using other applications without occupying a large display area. For example, the second application can be included in the application sidebar, so that when the user inputs a second operation on the icon of the second application, the electronic device can display the second application based on the display grid in window mode.

[0027] Optionally, the electronic device is configured with at least one application group, which includes at least one application. If the first application is included in the first application group, the electronic device displays the first application group at the top of the application sidebar.

[0028] Optionally, the first application group also includes a third application, and the method further includes: receiving a fourth operation of the user on the first application group, and displaying a display window corresponding to the first application and a display window corresponding to the third application included in the first application group in the display area of the display screen according to the first layout. The first layout is used to indicate the position and size of the display window corresponding to each application in the first application group, and the display area of all display windows indicated by the first layout includes an integer multiple of display grids. The first layout is pre-configured in the electronic device.

[0029] Exemplarily, the fourth operation may be input for the identifier of the first application group. Thus, the electronic device can provide the user with a solution for quickly opening multiple applications in a certain scenario. For example, in some specific scenarios, such as online class scenarios, navigation scenarios, etc., the user can trigger the display of multiple applications through simple operations. Since the windows of the multiple applications are aligned according to the display grid and displayed according to the pre-set first layout, a better user experience can be obtained.

[0030] Optionally, a second function control is displayed on the display window corresponding to the first application and the display window corresponding to the third application, respectively. The second function control is used to adjust the display status of the corresponding display window on the display, and / or the second function control is used to provide the functions of moving the corresponding window interface, adjusting the size of the corresponding window interface, and closing the corresponding window interface.

[0031] Optionally, a fifth user operation is received, where the fifth operation is an operation inputted into a second function control on the display window corresponding to the first application. Accordingly, the display window corresponding to the first application is enlarged and displayed on top, with an edge of the enlarged display window corresponding to the first application not exceeding the display window corresponding to the third application.

[0032] Optionally, a sixth user operation is received, where the sixth operation is an operation input to a second function control in the display window corresponding to the enlarged first application. In response to the sixth operation, the electronic device displays the display window corresponding to the first application and the display window corresponding to the third application according to the first layout.

[0033] In a second aspect, a display method is provided, which is applied to an electronic device, wherein the electronic device is provided with a display for providing a display function, and the display area of the display is divided into multiple display grids. A second application group is pre-configured in the electronic device, and the second application group includes at least two applications. The method includes: in response to a seventh operation input by the user, the electronic device displays the display windows of all applications included in the second application group on the display according to a second layout. The second layout is used to indicate the position and size of the display window corresponding to each application in the second application group, and the display area of all display windows indicated by the second layout includes an integer multiple of display grids. The second layout is pre-configured in the electronic device.

[0034] Optionally, the seventh operation includes: a preset operation of triggering display of the second application group.

[0035] Optionally, the preset operation for triggering the display of the second application group includes any one of the following: a preset single-finger / two-finger sliding operation, and a preset voice instruction for triggering the display of the second application group.

[0036] Thus, through the solution provided by the second aspect, the user can realize the display of multiple application windows in a grid by inputting a single instruction without opening any application. The layout can also be set corresponding to the application group.

[0037] In a third aspect, an electronic device is provided, comprising one or more processors and one or more memories. The one or more memories are coupled to the one or more processors, and the one or more memories store computer instructions. When the one or more processors execute the computer instructions, the electronic device performs the method provided in the first aspect and any possible design thereof. Alternatively, the electronic device performs the method provided in the second aspect and any possible design thereof.

[0038] In a fourth aspect, a chip system is provided, comprising an interface circuit and a processor. The interface circuit and the processor are interconnected via a circuit. The interface circuit is configured to receive signals from a memory and send signals to the processor, the signals comprising computer instructions stored in the memory. When the processor executes the computer instructions, the chip system performs the method provided in the first aspect and any possible design thereof. Alternatively, the chip system performs the method provided in the second aspect and any possible design thereof.

[0039] In a fifth aspect, a computer-readable storage medium is provided, the computer-readable storage medium including computer instructions, which, when executed, execute the method provided in the first aspect and any possible design thereof. Alternatively, the method provided in the second aspect and any possible design thereof is executed.

[0040] In a sixth aspect, a computer program product is provided. The computer program product includes instructions that, when executed on a computer, enable the computer to perform the method provided in the first aspect and any possible design thereof according to the instructions. Alternatively, the computer may perform the method provided in the second aspect and any possible design thereof.

[0041] It should be understood that the technical solutions provided in the third to sixth aspects above, their technical features can all correspond to the technical solutions provided in the first aspect or the second aspect and their possible designs, so the beneficial effects that can be achieved are similar and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] Figure 1 is a schematic diagram of a display interface;

[0043] Figure 2 A schematic diagram of a full-screen display application;

[0044] Figure 3 A schematic diagram of a window display application;

[0045] Figure 4 A schematic diagram of another full-screen display application;

[0046] Figure 5 A schematic diagram of another window displaying an application;

[0047] Figure 6 A schematic diagram of a display solution provided in an embodiment of the present application;

[0048] Figure 7 A schematic diagram of the composition of an electronic device provided in an embodiment of the present application;

[0049] Figure 8 A schematic diagram of a display grid provided in an embodiment of the present application;

[0050] Figure 9 A schematic diagram of grid alignment provided in an embodiment of the present application;

[0051] Figure 10 A schematic diagram of another grid alignment provided in an embodiment of the present application;

[0052] Figure 11A schematic diagram of an operation for triggering window display provided in an embodiment of the present application;

[0053] Figure 12 A schematic diagram of an operation for triggering window display provided in an embodiment of the present application;

[0054] Figure 13 A schematic diagram of adjusting a window interface provided in an embodiment of the present application;

[0055] Figure 14 A schematic diagram of adjusting a window interface provided in an embodiment of the present application;

[0056] Figure 15 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0057] Figure 16 A schematic diagram of a sidebar display provided in an embodiment of the present application;

[0058] Figure 17 A schematic diagram of the composition of different application groups provided in an embodiment of the present application;

[0059] Figure 18 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0060] Figure 19 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0061] Figure 20 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0062] Figure 21 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0063] Figure 22 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0064] Figure 23 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0065] Figure 24 A schematic diagram of a multi-window display provided in an embodiment of the present application;

[0066] Figure 25 A schematic diagram of the composition of an electronic device provided in an embodiment of the present application;

[0067] Figure 26 A schematic diagram of the composition of a chip system provided in an embodiment of the present application. DETAILED DESCRIPTION

[0068] When multiple applications (APPs) are running on an electronic device, the split-screen display function can be used to simultaneously display the interfaces of at least two applications in different areas of the display screen for user convenience.

[0069] For example, the electronic device is a tablet computer (referred to as a tablet computer for short). Figure 1 , the tablet can be installed and run with weather applications, map navigation and other applications. The main interface of the tablet (such as interface 101) can display icons of these applications for user operation.

[0070] As a possible implementation, refer to Figure 2 The user can click on the weather application icon 102 on the interface 101. In response to the click operation, the electronic device can run the weather application and display the interface 103 corresponding to the weather application. Generally, after the user inputs an instruction to open the application, the electronic device can display the interface of the application in full screen, such as interface 103.

[0071] The electronic device can also provide users with a function of displaying an application interface through a window.

[0072] For example, when displaying Figure 2 After the interface 103 is displayed, the electronic device can display the display content of the weather application in the window based on a specific operation input by the user.

[0073] As a possible implementation, refer to Figure 3 The user can input an upward swipe operation to instruct the tablet to display the display content of the current application through the window. The upward swipe operation may include: when the tablet displays the interface 103 in full screen, clicking the lower edge of the interface 103, keeping pressing and sliding upward until the pressing of the display screen stops at a certain position in the interface 103. In response to the upward swipe operation, the tablet can display all or part of the elements in the interface 103 in the window. For example, after receiving the upward swipe operation, the tablet can display the following Figure 3 Window interface 104 is shown. Window interface 104 may include all the content of full-screen interface 103, i.e., the display information of the weather application. Of course, in other implementations, because the display area of window interface 104 is smaller than that of full-screen display, the elements included in window interface 104 may also be fewer than those in full-screen display.

[0074] In the above example, the user opens the weather application in the tablet computer through operation as an example to briefly explain the display of the weather application. It is understandable that when using an electronic device, the user often needs to open multiple applications at the same time. As an example, the user can input the operation of displaying the desktop to the electronic device, such as Figure 3 or Figure 2 The display interface shown returns to the main display interface. In this way, the user can instruct the electronic device to run other applications in order to use related functions.

[0075] For example, Figure 4 As described above, the user can click on the icon 105 of the map navigation application on the main interface. In response to the click operation, the tablet computer can display the display information of the map navigation application in full screen, such as interface 106. Similar to the above Figure 3 The user can also instruct the electronic device to display the map navigation information through a window through the above-mentioned swiping operation or other similar operations. As an example, if Figure 5 As shown, after receiving the user's instruction to perform a window display operation, the tablet computer can display the display information of the map navigation application in the window interface 107.

[0076] In this example, the electronic device can run multiple applications at the same time, such as a weather application and a map navigation application. Thus, while displaying the window interface 107 corresponding to the map navigation application, the electronic device can also display the window interface 104 corresponding to the weather application. The display of the two window interfaces on the interface may include at least partial overlap. The top window interface may be the application that the user last opened. For example, in Figure 5 In the example shown in FIG. 1 , the tablet computer can simultaneously display a window interface 104 corresponding to a weather application and a window interface 107 corresponding to a map navigation application. The map navigation application may be the last application opened, so the window interface 107 can cover at least a portion of the window interface 104 and be displayed on top. When the user needs to view the entire window interface 104 of the weather application, they can click on the portion of the window interface 104 not covered by the window interface 107. In response to this operation, the tablet computer can display the window interface 104 of the weather application on top.

[0077] Combine Figure 5 As explained, since the window interface of each application needs to display as much of the display content of the respective application as possible, there will be Figure 5 The multiple windows shown cover each other. This can cause significant inconvenience when users need to view the interfaces of multiple applications at the same time. In addition, when multiple applications are opened and displayed, the display interface becomes cluttered, making it difficult for users to find the information they need.

[0078] The display solution provided by the embodiment of the present application enables the electronic device to divide the display interface into multiple regular display grids when performing window display. Figure 6Taking a tablet as an example, the electronic device can be divided into multiple display grids. When displaying multiple application window interfaces, the boundary of each application window interface can fall on the edge of a display grid. In this way, when displaying multiple application window interfaces, each window interface can be displayed using the display grid as the basic unit, thereby reducing the clutter and making the display of multiple application windows more organized, making it easier for users to find the information they need. In some embodiments, the electronic device can also group currently installed applications, with each group corresponding to a preset scenario. For example, the scenario can include an office scenario, a travel (navigation) scenario, an online class scenario, etc. The group of each scenario can include at least two commonly used applications in that scenario. In this way, when a user controls the electronic device to display an application window, the electronic device can, based on the grouping, assist the user in quickly displaying windows of other applications in the same group on the display screen, thereby enabling the user to quickly open and display each application in the scenario. The display layout of the multiple applications on the display screen can be based on the display grid preset in the electronic device. In this way, after entering a certain scenario, the electronic device can assist the user in quickly opening the corresponding application and provide a reasonably arranged window display on the display screen.

[0079] In the following examples, the solutions provided by the embodiments of the present application will be described in detail with reference to the accompanying drawings.

[0080] The display solution provided in the embodiments of the present application can be applied to an electronic device. The electronic device can run multiple applications, and at least two of the multiple applications can support window display.

[0081] In different embodiments, the specific implementation of the electronic device may be different. For example, the electronic device may be a mobile phone, a tablet computer, a handheld computer, a personal computer (PC), a cellular phone, a personal digital assistant (PDA), a wearable device (such as a smart watch, a smart bracelet), a smart home device (such as a TV), a car computer (such as a car computer), a smart screen, a projector, a game console, a camera, and an augmented reality (AR) / virtual reality (VR) device. The embodiments of the present application do not limit the specific implementation of the electronic device.

[0082] Figure 7 A schematic diagram showing a hardware component of the electronic device is shown. The hardware component can correspond to devices such as mobile phones and tablet computers.

[0083] like Figure 7 As shown, the electronic device may include a processor 710, an external memory interface 720, an internal memory 721, a universal serial bus (USB) connector 730, a charging management module 740, a power management module 741, a battery 742, an antenna 1, an antenna 2, a mobile communication module 750, a wireless communication module 760, an audio module 770, a speaker 770A, a receiver 770B, a microphone 770C, an earphone interface 770D, a sensor module 780, a button 790, a motor 791, an indicator 792, a camera 793, a display screen 794, and a subscriber identification module (SIM) card interface 795, etc. The sensor module 780 may include a pressure sensor 780A, a gyroscope sensor 780B, an air pressure sensor 780C, a magnetic sensor 780D, an acceleration sensor 780E, a distance sensor 780F, a proximity light sensor 780G, a fingerprint sensor 780H, a temperature sensor 780J, a touch sensor 780K, an ambient light sensor 780L, a bone conduction sensor 780M, etc.

[0084] It is understood that the structures illustrated in the embodiments of the present application do not constitute specific limitations on the electronic device. In other embodiments of the present application, the electronic device may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

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

[0086] The processor can generate operation control signals based on instruction opcodes and timing signals to complete the control of instruction fetching and execution.

[0087] Processor 710 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 710 may be a cache memory. This memory can store instructions or data that have been used or are frequently used by processor 710. When processor 710 needs to use the instruction or data, it can directly access it from this memory. This avoids duplicate accesses, reduces processor 710 latency, and thus improves system efficiency.

[0088] In some embodiments, the processor 710 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. The processor 710 may be connected to modules such as a touch sensor, an audio module, a wireless communication module, a display, and a camera through at least one of the above interfaces.

[0089] It is understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is only for illustrative purposes and does not constitute a structural limitation on the electronic device. In other embodiments of the present application, the electronic device may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.

[0090] The wireless communication function of the electronic device can be implemented through antenna 1, antenna 2, mobile communication module 750, wireless communication module 760, modem processor and baseband processor.

[0091] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in an electronic device 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.

[0092] The mobile communication module 750 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to electronic devices. The mobile communication module 750 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 750 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 750 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 750 can be set in the processor 710. In some embodiments, at least some of the functional modules of the mobile communication module 750 can be set in the same device as at least some of the modules of the processor 710.

[0093] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 770A, the receiver 770B, etc.) or displays an image or video through the display screen 794. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 710 and be provided in the same device as the mobile communication module 750 or other functional modules.

[0094] The wireless communication module 760 can provide wireless communication solutions for electronic devices, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), Bluetooth low energy (BLE), ultra wide band (UWB), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc. The wireless communication module 760 can be one or more devices that integrate at least one communication processing module. The wireless communication module 760 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 710. The wireless communication module 760 can also receive the signal to be sent from the processor 710, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0095] In some embodiments, antenna 1 of the electronic device is coupled to mobile communication module 750, and antenna 2 is coupled to wireless communication module 760, so that the electronic device can communicate with a network and other electronic devices via wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), Beidou navigation satellite system (BDS), quasi-zenith satellite system (QZSS) and / or satellite-based augmentation system (SBAS).

[0096] The electronic device can implement display functions using a GPU, display screen 794, and an application processor. A GPU is a microprocessor for image processing that connects display screen 794 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 710 may include one or more GPUs that execute program instructions to generate or modify display information.

[0097] Display screen 794 is used to display images, videos, and the like. Display screen 794 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, an electronic device may include one or more display screens 794.

[0098] The electronic device can realize the camera function through the camera module 793, ISP, video codec, GPU, display screen 794, application processor AP, neural network processor NPU, etc.

[0099] External memory interface 720 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device. The external memory card communicates with processor 710 via external memory interface 720 to implement data storage. For example, files such as music and videos can be stored on the external memory card or transferred from the electronic device to the external memory card.

[0100] The internal memory 721 can be used to store computer executable program code, which includes instructions. The internal memory 721 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created during the use of the electronic device (such as audio data, a phone book, etc.), etc. In addition, the internal memory 721 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc. The processor 710 executes various functional methods or data processing of the electronic device by running instructions stored in the internal memory 721, and / or instructions stored in a memory provided in the processor.

[0101] An electronic device can implement audio functions such as music playback and recording through an audio module 770, a speaker 770A, a receiver 770B, a microphone 770C, a headphone jack 770D, and an application processor. The audio module 770 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 770 can also be used to encode and decode audio signals. In some embodiments, the audio module 770 can be located within the processor 710, or some of the functional modules of the audio module 770 can be located within the processor 710. The speaker 770A, also known as a "speaker," is used to convert audio electrical signals into sound signals. The electronic device can use the speaker 770A to listen to music or output audio signals for hands-free calls. The receiver 770B, also known as a "handset," is used to convert audio electrical signals into sound signals. When the electronic device receives a call or voice message, the voice can be heard by placing the receiver 770B close to the ear. The microphone 770C, also known as a "microphone," is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can speak by putting their mouth close to the microphone 770C to input the sound signal into the microphone 770C. The electronic device can be provided with at least one microphone 770C. In other embodiments, the electronic device can be provided with two microphones 770C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device can also be provided with three, four or more microphones 770C to realize the collection of sound signals, noise reduction, identification of sound sources, and directional recording functions. The headphone jack 770D is used to connect wired headphones. The headphone jack 770D can be a USB interface 730, or it can be a 3.5mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0102] above Figure 7 The hardware composition of the electronic device in the embodiment is only an example. In other implementations, the electronic device to which the display solution provided by the present application is applied may also have a display device having ... Figure 7 More or fewer components. The embodiments of the present application do not limit the specific composition of the electronic device.

[0103] In the following examples, the electronic device is taken as an example of a tablet computer to describe in detail the solution provided in the embodiments of the present application.

[0104] In this application, when the tablet displays windows, the application windows can be aligned and displayed based on a preset display grid.

[0105] For example, combined Figure 8 The display area of the tablet display can be evenly divided into multiple display grids. Each display grid has the same size. As an implementation, the display grid can be a rectangle, such as a rectangle with two adjacent sides of different lengths, or a square with two adjacent sides of the same length. The length of any side of each display grid can be an integer multiple of the pixel size in the corresponding direction. This allows for complete display of any display grid.

[0106] In the embodiment of the present application, by dividing the display area of the display screen into multiple display grids, the electronic device can display corresponding windows in units of display grids when displaying windows. In the present application, this process can be referred to as aligned display of application windows.

[0107] For example, in some embodiments, when displaying a window, the electronic device can adsorb each vertex of the application window to the vertex of the nearest display grid based on the preset size and position of the application window, thereby adjusting the application window to the grid line of the display grid and achieving alignment of the window to the display grid.

[0108] refer to Figure 9 , take the example of displaying a weather application through a window. The electronic device can display a window of a weather application under the operation of the user. In this example, the window of the weather application can be referred to as a weather window. Figure 9 As shown, after receiving a user instruction to display a window, the electronic device can display weather window 901 at a preset size and at the user-indicated location. It can be seen that none of the vertices of weather window 901 (such as vertex 91-vertex 94) fall on the display grid. Then, the electronic device can search for the intersection of the display grid closest to each vertex. For example, the intersection of the display grid closest to vertex 91 is P1, the intersection of the display grid closest to vertex 92 is P2, the intersection of the display grid closest to vertex 93 is P3, and the intersection of the display grid closest to vertex 94 is P4. The electronic device can then move each vertex of the weather window to the corresponding intersection of the display grid for display. For example, move vertex 91 to P1, move vertex 92 to P2, move vertex 93 to P3, and move vertex 94 to P4. In this way, the electronic device can display weather window 902 on the interface after alignment according to the display grid. It can be seen that after alignment according to the display grid, the display of the weather window 902 can cover an integer number of display grids, thereby obtaining a neat display effect.

[0109] For example, in other embodiments, when the electronic device displays a window, it can adsorb each edge of the application window to the edge of the nearest display grid based on the preset size and position of the application window, thereby adjusting the application window to the grid line of the display grid and achieving alignment of the window to the display grid.

[0110] refer to Figure 10 , take the example of displaying a weather application through a window. The electronic device can display a window of a weather application under the operation of the user. Figure 10 As shown, after receiving the user's instruction to perform a window display operation, the electronic device can display the weather window 1001 at the user's indicated location with a preset size. It can be seen that none of the edges of the weather window 1001 (such as edges 1 to 4) fall on the display grid. Then, the electronic device can search for the edge of the display grid closest to each edge of the weather window 1001. For example, the edge of the display grid closest to edge 11 is edge 15, the edge of the display grid closest to edge 12 is edge 16, the edge of the display grid closest to edge 13 is edge 17, and the edge of the display grid closest to edge 14 is edge 18. Then, the electronic device can move each edge of the weather window to the edge of the corresponding display grid for display. For example, move edge 11 to edge 15, move edge 12 to edge 16, move edge 13 to edge 17, and move edge 14 to edge 18. In this way, the electronic device can display the weather window 1002 aligned according to the display grid on the interface. It can be seen that after alignment according to the display grid, the display of the weather window 1002 can cover an integer number of display grids, thereby obtaining a neat display effect.

[0111] It is understandable that in Figure 9 or Figure 10 After the alignment shown, the size of the weather window may change. For example, Figure 10 Take the alignment operation as an example. The size of weather window 1002 is different from that of weather window 1001. Then, after the alignment operation and before displaying, the electronic device can also scale the displayed content in the window according to the size of the aligned window, so that the corresponding content is properly displayed in the adjusted window (such as weather window 1002).

[0112] In different implementations, when displaying windows of different applications, electronic devices can follow the above Figure 9 or Figure 10 The solution is to align the windows to the grid, thereby obtaining an aligned display effect based on the display grid.

[0113] As a possible implementation, the user can enter a preset first operation when opening a certain application for full-screen display, triggering the above Figure 9 or Figure 10 The windows shown are aligned for display.

[0114] In some embodiments, reference Figure 11 , is a schematic diagram of a user inputting a first operation. In this example, the window display of the weather application is continued as an example. The first operation may include: a one-hand pinch operation. Figure 11 As shown, when the electronic device displays the weather application in full screen, the user can input a one-hand pinch operation on the interface. In response to the one-hand pinch operation, the electronic device can Figure 9 or Figure 10 The solution shown performs alignment of the weather window to the display grid and display.

[0115] In other embodiments, reference Figure 12 , is a schematic diagram of another user inputting a first operation. In this example, the window display of the weather application is continued as an example. The first operation may include: a pinching operation with both hands. Figure 12 As shown, when the electronic device displays the weather application in full screen, the user can input a pinch operation with both hands on the interface. The pinch operation can include: the user uses one finger on each hand to press a point on the diagonal of the display screen. At the same time, the user controls the two fingers to slide toward the center of the display screen. In response to the pinch operation, the electronic device can Figure 9 or Figure 10 The solution shown performs alignment of the weather window to the display grid and display.

[0116] In other embodiments, the trigger is as follows: Figure 9 or Figure 10 The alignment gesture shown in FIG. 1 may also be other gestures preset by the user. In other embodiments, the alignment gesture shown in FIG. 1 may be other gestures preset by the user. Figure 9 or Figure 10 The alignment display shown can also be triggered by other means, such as a user's voice command. For example, when the user inputs a voice command: "window alignment display", the triggering Figure 9 or Figure 10 The alignment shown shows the operation.

[0117] It should be noted that in some embodiments of the present application, function controls may also be displayed in the aligned application windows. The function controls may be used to adjust the aligned displayed windows. For example, Figure 13As shown. A function control 1301 may be displayed at the top of the weather window. The function control 1301 may be used to provide functions such as moving the window, adjusting the window size, and closing the window. For example, Figure 13 As shown, the user can press function control 1301 and input a drag operation. In response to this operation, the electronic device can adjust the display position of the weather application according to the end point of the drag operation. For example, the weather window is moved from position 1302 to position 1303 for display.

[0118] In other implementations, the user can also input double-click, long press, circle, etc. on the function control 1301 to achieve control of the size adjustment, closing, etc. of the application window. Among them, each operation corresponds to the corresponding function one by one. The correspondence relationship can be preset in the electronic device or customized by the user. For example, refer to Figure 14 , take the example of triggering window size adjustment by double-clicking the function control 1301. The user can input a double-click operation on the function control 1301. In response to this operation, the weather window can enter the size adjustment activation state. As an example, when entering the size adjustment activation state, the application window can be highlighted and / or the border can be bolded, etc., thereby prompting the user to adjust the window size. Then, the user can input an adjustment operation on the edge of the window that needs to be resized. For example, Figure 14 As shown, the user can input a leftward drag operation on the right side, thereby instructing the electronic device to shrink the weather window from the right. In response to this operation, the electronic device can indent the right side of the weather window to the left, and the indentation end point can correspond to the end point of the user's drag operation. It can be understood that, in combination with the above description, after indentation, the right side of the weather window can still be adsorbed onto a grid line closest to the end point corresponding to the user's drag operation. It can be understood that after the size of the weather window changes, the content displayed therein can be adjusted accordingly for normal display. In this way, the electronic device can display the window interface 1401 after the size adjustment according to the user's instructions.

[0119] Of course, in other implementations of the present application, other controls may also be provided at the top of the window for quick operation of the user. For example, a close button 1304 may be displayed at the top of the window so that when the user needs to close the window, they can click on the close button 1304 to input an instruction.

[0120] above Figures 9-14 In the description of the present application, the single application window display mechanism based on the display grid is described in detail. In some embodiments, when a single application window is aligned and displayed as described above, the electronic device can also display information of other applications in an area outside the application window on the display screen.

[0121] For example, combined Figure 15 , the electronic device can, under the control of the user, display the weather window 1501 aligned with the display grid. In other areas on the display screen, the electronic device can also display application windows aligned with the grid. For example, the electronic device can also display other application windows 1502 on the display screen. The other application window 1502 can include icons of multiple applications. The user can input operations on the icons of the applications in the other application window 1502. In response to the operations input by the user, the electronic device can display the corresponding content in the other application window 1502. For example, after the user clicks on the icon of the calendar application, the electronic device can display the window of the calendar application on the display screen. In some implementations, the window of the calendar application can cover the other application window 1502. Its specific display and alignment with the grid can refer to the aforementioned examples and will not be repeated here.

[0122] In some embodiments, the electronic device may, under the user's instruction, execute the window display of a single application program without considering the size of the application program window, that is, according to the following example: Figure 15 The solution shown is to display other application windows.

[0123] In other embodiments, the electronic device may also, when determining that the window of a single application is smaller than a preset size, Figure 15 The solution shown is used to display other application windows. It can be understood that when the window of a single application is set by the user to be larger than the preset size, then the single application can already provide most of the information that the user currently needs. That is, the current user has no need to use other applications. Therefore, in this case, the electronic device may not display other application windows. On the contrary, when the window of a single application is set by the user to be smaller than the preset size, it indicates that the user may need to obtain more information by opening other applications. Then in this case, the electronic device can follow the following steps: Figure 15 The scenario shown displays other application windows.

[0124] In other embodiments, unlike Figure 15 For other application windows 1502, the electronic device may also set an application sidebar on the display screen. Figure 16 . The electronic device can display the weather window 1601 by grid alignment under the operation of the user. In addition, an application sidebar 1602 can also be displayed on the display screen of the electronic device. The application sidebar 1602 can include icons of multiple applications. In some implementations, the application sidebar 1602 can also be aligned with the grid. In this way, the electronic device can provide the user with a shortcut operation window of other users in a smaller display area. Combined with the above Figure 15 In some implementations, when the window of the opened application is larger than the preset size, the electronic device may Figure 16 The solution shown provides the display of icons of other applications, thereby providing the user with more diverse operation options for the applications in a smaller display space.

[0125] It should be noted that Figure 15 or Figure 16 The illustrated solution is based on the case where no other applications are currently running on the electronic device. In other embodiments, if the electronic device already has other applications running in the background other than the weather application, after performing window alignment display of the weather window according to the above solution, the electronic device can display the already running application as a window in another area of the display screen. The window alignment process of this process can be referred to in the previous example and will not be repeated here.

[0126] Based on Figure 15 As shown in the example of the scheme, in some implementations, the electronic device can display icons of other applications different from the currently opened application (such as a weather application) to the user in the other application window 1502 in the order of the various applications displayed on the main interface.

[0127] In other embodiments, the electronic device may also prioritize displaying icons of application programs that are highly relevant to the currently opened application in the other application window 1502 based on the currently opened application.

[0128] It is understandable that in different usage scenarios of users, electronic devices can provide users with comprehensive information and functions through multiple different applications. In this example, the electronic device can be pre-configured with an application group corresponding to at least one scenario. The application group can include at least two applications related to the scenario. That is, the two or more applications in the application group are applications with strong correlation. In other embodiments, the creation of the application group and the addition / deletion of applications therein can also be set and stored by the user through the setting interface provided by the electronic device.

[0129] As an example, Figure 17 The following shows the logic diagram of the corresponding application groups in several scenarios. Figure 17As shown, in the online class scenario, the corresponding application group may include translation applications, calendar applications, video applications, memo applications, and countdown applications. In the environment scenario, the corresponding application group may include calendar applications, weather applications, clock applications, etc. In the office scenario, the corresponding application group may include calendar applications, weather applications, office chat applications, calendar applications, and to-do applications. In the navigation scenario, the corresponding application group may include phone applications, music applications, map navigation applications, smart home applications, etc.

[0130] In this example, Figure 17 The application groups shown can be pre-configured in the electronic device. Of course, the user can also adjust the pre-configured application groups according to needs.

[0131] Based on this Figure 17 In some embodiments, the electronic device can perform the following steps to set the application group: Figure 15 or Figure 16 In the display scheme shown, applications that are in the same application group as the opened application are preferentially displayed in other application windows 1502 or application sidebar 1602 .

[0132] For example, combined Figure 18 , the electronic device executes the following steps: Figure 15 Take the display scheme shown in the figure as an example. Figure 18 As shown, the electronic device can display the weather window 1501 under the control of the user. Correspondingly, in the other application window 1502, icons of other applications that have a strong correlation with the weather application can be displayed first. Figure 17 For example, a weather application can be included in both the environmental application group and the office application group. Then, the electronic device can display application group 1503 corresponding to the environmental application group and application group 1504 corresponding to the office application group in other application window 1502. In this way, when the user needs to use other applications in the environmental application group, they can input an operation on the corresponding icon in application group 1503 to open the corresponding application. Similarly, when the user needs to use other applications in the office application group, they can input an operation on the corresponding icon in application group 1504 to open the corresponding application.

[0133] It is understandable that due to the limited display area on a single page, not all application groups can be displayed at once in other application window 1502. Therefore, other application window 1502 can also provide a left / right swiping function. This left / right swiping function can trigger other application window 1502 to display different window interfaces. Application icons of different application groups can be displayed on different window interfaces. Application groups that are not strongly related to the currently open application can be displayed after application groups that are strongly related to the currently open application.

[0134] For example, combined Figure 19 The user can input a sliding operation (such as sliding left) in the other application window 1502. Correspondingly, the electronic device can display other application groups different from the application group 1503 and the application group 1504 in the other application window 1502. It is understandable that, in combination with Figure 17 For example, the application groups that are strongly correlated with the weather application may be application group 1503 and application group 1504. Then, after the user inputs a left swipe operation, the electronic device may display the application group that is not strongly correlated with the weather application in the other application window 1502. Figure 17 As shown, an application group 1505 corresponding to the navigation application group and an application group 1506 corresponding to the online course application group may be displayed in the other application window 1502. This facilitates the user to operate the applications in the other application groups.

[0135] In this way, by Figures 15-19 For example, an electronic device can provide users with more application icons to facilitate user input of operations for other applications. Furthermore, the electronic device can prioritize highly relevant applications based on pre-set application groups, allowing users to configure the electronic device's application display mechanism according to their preferences, thereby providing a more convenient and fast application operation experience.

[0136] It is understood that the display of windows of a single application and / or multiple applications can be based on the grid alignment in the above examples. Therefore, even if two or more windows are opened and displayed simultaneously, the basic display unit of each window is the same display grid. This enables the electronic device to provide a simple and easy-to-use display interface when multiple windows are displayed simultaneously.

[0137] The following describes an example of a solution in which an electronic device opens multiple applications for display at the same time with reference to the accompanying drawings.

[0138] For example, an electronic device may display Figure 18As described above, in some embodiments, the electronic device can, under the operation of the user, input an operation on the icon of any application in the other application window 1502, thereby opening the corresponding application window, covering the other application window 1502 and displaying it together with the weather window 1501 on the display screen.

[0139] In other embodiments, the user may also input an operation on the corresponding control in the application group when he needs to open all applications in a certain application group. In response to the operation, the electronic device may jump to display the application window including all applications in the application group. For example, please refer to Figure 20 . The user can input operations on the control 2001 in the other application window 1502. The control 2001 can provide the function of opening all applications in the application group 1504 corresponding to the office application group for window display. In response to the operation on the control 2001, the electronic device can jump to display the interface including window 2003-window 2006. Each window corresponds to an application in the application group 1504. For example, window 2002 is an application window of a calendar application, window 2003 is an application window of an office chat application, window 2004 is an application window of a schedule application, window 2005 is an application window of a to-do application, and window 2006 is an application window of a weather application.

[0140] In this application, any application group may include one or more main programs. The main program may be preset by the user, or determined by the electronic device based on the user's historical usage data, or obtained by the electronic device from cloud big data. The main program may provide the main display information of the application group, that is, the application window of the main program may have the largest display area. For example, in Figure 20 In the office application group shown, the calendar application can be used as the main application of the application group, set in the middle of the display screen, and has a larger display area than other application windows.

[0141] In some embodiments of the present application, an application group may correspond to one or more preset display layouts. The display layout may be used to indicate information such as the display position and window size of each application window. The display layout may be preset by the user in the electronic device, or generated by the electronic device based on the composition of the application group. In different display layouts, each application window may be displayed aligned based on the display grid described in the aforementioned example.

[0142] Exemplarily, in some embodiments, combined Figure 20 After receiving an operation of displaying the office application group input by the user, the electronic device may display each application window according to a display layout corresponding to the office application group.

[0143] like Figure 20 As shown, window 2002 corresponding to the main application (i.e., calendar application) covers the largest number of display grids. Window 2002 can be set in the middle of the display screen to display the interface corresponding to the calendar application. Application windows of other applications can be displayed around window 2002. For example, window 2003 of the office chat application and window 2004 of the schedule application are displayed on both sides of window 2002. Below window 2002 and window 2003, window 2005 corresponding to the to-do application and window 2006 corresponding to the weather application can be displayed horizontally.

[0144] In other embodiments, combined Figure 21 . Electronic devices display Figure 19 As shown, for example, other application window 1502 does not include an application group that is currently open. The user can input an operation (e.g., a click operation) on control 2002 corresponding to the navigation application group (i.e., application group 1505) in other application window 1502. In response to this operation, the electronic device can display each application window according to the display layout corresponding to the navigation application group.

[0145] like Figure 21 As shown, the main application corresponding to the navigation application group can be a map navigation application. Then, the window 2101 corresponding to the main application (i.e., the map navigation application) covers the largest number of display grids. The window 2101 can be set in the middle of the display screen to display the interface corresponding to the map navigation application. Around the window 2101, the application windows of other applications can be displayed. For example, on the lower side of the window 2101, a window 2102 of a music application, a window 2103 of a smart home application, and a window 2104 of a phone application can be displayed from left to right.

[0146] and Figure 20 or Figure 21 Similarly, under the user's instruction, the electronic device can also display Figure 22 As shown in the figure, each application window of the online course application group. Figure 22 As shown, in the online course application group, two main applications may be included, such as a video application and a memo application. Then, in the multi-application window displayed according to the preset layout corresponding to the online course application group, the window 2201 corresponding to the video application and the window 2202 corresponding to the memo application can cover more display grids. For example, the window 2201 and the window 2202 can be arranged horizontally in the upper middle part of the display screen. Below the window 2201 and the window 2202, the window 2203 corresponding to the translation application, the window 2204 corresponding to the countdown application, and the window 2205 corresponding to the schedule application can be displayed respectively.

[0147] In this way, the electronic device can quickly and neatly display the application windows of the application group on the interface according to the preset layout based on the display grid.

[0148] In the above description, the electronic device may display a multi-application window of a certain application group when the user inputs an instruction (such as Figure 20 The operation for control 2001 shown, or Figure 21 After the operation on the control 2002 is performed, multiple application windows are displayed according to the preset layout corresponding to the application group. In some embodiments, the electronic device can further input operations on the application windows displayed based on the preset layout to adjust the application windows.

[0149] For example, combined Figure 13 In this example, when the electronic device displays multiple application windows, a function control may be displayed in each application window. The function control may be used to adjust the display of the current window.

[0150] As an example, an electronic device displays Figure 22 Take the multiple application windows corresponding to the online course application group shown as an example. Figure 23 As shown. In window 2201 of the video application, a function control 2301 may be displayed. Function control 2301 is used to provide functions such as window movement and window resizing for window 2201. For example, a user may double-click function control 2301 to instruct the user to enlarge window 2201. In response to this operation, the electronic device may enlarge window 2201 and display it on top.

[0151] It is understandable that in this example, based on the preset layout corresponding to the online course application group, the application windows of all applications will not overlap each other when displayed. Based on the operation of the function control 2301, such as the double-click operation mentioned above, the electronic device can flexibly adjust the display of an application window. For example, when window 2201 is enlarged to window 2302 for top display. It can be seen that the display area of ​​window 2302 can cover at least part of other application windows. This makes it easier for users to watch video streams in a larger display area.

[0152] In some embodiments of the present application, the display area outside the enlarged video application window (such as window 2302) can also display at least part of other application windows to achieve other display effects.

[0153] For example, when window 2302 of the video application is displayed, the user can click on a portion of window 2202 of the memo application that is not covered by window 2302. In response to this operation, the electronic device can display window 2303 corresponding to the memo application on top while displaying window 2302. This facilitates the user to quickly record content in the memo application.

[0154] In other embodiments, the user can also double-click the function control 2301 when the window 2302 of the video application is displayed. In response to this operation, the electronic device can return to displaying the window 2302 of the video application. Figure 22 The layout shown is displayed.

[0155] It should be understood that the above Figure 23 In the example, the user double-clicks the function control 2301 to adjust the size of the window. In other embodiments of the present application, the user can also adjust or move the window size through other preset operations. The embodiments of the present application do not limit the implementation of the specific triggering operation of the above-mentioned window adjustment function.

[0156] Thus, through the above Figure 21-23 The example of the invention enables the electronic device to quickly display multiple applications in a grid-based window display. In addition, a customized adjustment function for each window is provided to facilitate users to flexibly adjust the display of the window according to their personal habits and current specific circumstances.

[0157] It should be noted that, in conjunction with the above description, the electronic device can open at least one application under the user's instruction and Figure 18 or Figure 19 Under the mechanism shown, the multi-application window display of the preset application group is realized. In other embodiments, even if no application is opened, the electronic device can also display the multi-application window of the preset application group according to the preset layout under the user's instruction. For example, in combination with Figure 24 When the electronic device displays a desktop, the user can input a voice command. For example, open the online course application group. In response to the voice command, the electronic device can search for the online course application group and display the corresponding preset layout. Figure 22 The application windows of each application in the online course application group are shown.

[0158] In this way, based on the display grid, the electronic device can provide a clear and convenient window display of a single application or multiple applications, so that the user can use the functions provided by each application in the electronic device more efficiently and conveniently.

[0159] It should be understood that the above mainly introduces the solutions provided by the embodiments of the present application from the perspective of electronic devices. In order to achieve the above functions, it includes hardware structures and / or software modules corresponding to the execution of each function. Those skilled in the art should easily appreciate that, in combination with the units and algorithm steps of each example described in the embodiments disclosed herein, 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 a hardware or computer software driven hardware manner 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.

[0160] The embodiments of the present application can divide the functional modules of the devices involved therein according to the above method examples. For example, each functional module can be divided according to each function, or two or more functions can be integrated into one processing module. The above-mentioned integrated modules can be implemented in the form of hardware or in the form of software functional modules. It should be noted that the division of modules in the embodiments of the present application is schematic and is only a logical function division. In actual implementation, there may be other division methods.

[0161] As an example, see Figure 25 , is a schematic diagram of another electronic device provided in an embodiment of the present application. Figure 25 As shown, the electronic device 2500 may include: a processor 2501 and a memory 2502. The memory 2502 is used to store computer-executable instructions. For example, in some embodiments, when the processor 2501 executes the instructions stored in the memory 2502, the electronic device 2500 may implement any of the technical solutions shown in the above embodiments.

[0162] It should be noted that all relevant contents of each step involved in the above method embodiment can be referred to the functional description of the corresponding functional module and will not be repeated here.

[0163] Figure 26 A schematic diagram of the composition of a chip system 2600 is shown. The chip system 2600 may include: a processor 2601 and a communication interface 2602, which are used to support related devices to implement the functions involved in the above embodiments. In one possible design, the chip system also includes a memory for storing program instructions and data necessary for the terminal. The chip system can be composed of chips, or it can include chips and other discrete devices. It should be noted that in some implementations of the present application, the communication interface 2602 may also be referred to as an interface circuit.

[0164] It should be noted that all relevant contents of each step involved in the above method embodiment can be referred to the functional description of the corresponding functional module and will not be repeated here.

[0165] The functions, actions, operations, steps, etc. in the above embodiments can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented using a software program, they can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the processes or functions described in the embodiments of the present application are generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server or data center that can be integrated with the medium. The available medium may be a magnetic medium (eg, a floppy disk, a hard disk, a magnetic tape), an optical medium (eg, a DVD), or a semiconductor medium (eg, a solid state disk (SSD)).

[0166] Although the present application has been described with reference to specific features and embodiments thereof, it is apparent that various modifications and combinations may be made thereto without departing from the spirit and scope of the present application. Accordingly, this specification and the drawings are merely illustrative of the present application as defined by the appended claims and are deemed to cover any and all modifications, variations, combinations or equivalents within the scope of the present application. Obviously, those skilled in the art may make various modifications and variations to the present application without departing from the spirit and scope of the present application. Thus, the present application is intended to include such modifications and variations as fall within the scope of the claims of the present application and their equivalents.

Claims

1. A display method, characterized in that: The method is applied to an electronic device, wherein the electronic device is provided with a display for providing a display function, wherein a display area of the display includes a plurality of display units, wherein the display units are rectangular grids, and a display area of each display unit includes a plurality of pixels; the method comprises: In response to a first operation input by a user, the electronic device displays a first window of a first application on a display, where the first application is running in the electronic device; After receiving the first operation input by the user, displaying the first window includes: According to the user's first operation, a third window corresponding to the first application is displayed. When the third window does not include an integral multiple of the display units, adjusting the third window to be displayed as the first window; In response to a second operation input by the user, the electronic device displays a second window of a second application on the display, where the second application is running on the electronic device; The display area corresponding to the second window does not overlap with the display area corresponding to the first window; the first window and the second window each include an integer multiple of the display units; receiving a third operation input by a user, where the third operation is used to instruct the electronic device to adjust the sizes of the first window and the second window; In response to the third operation, the electronic device controls the display area of the first window to expand by an integer multiple of display units, and controls the display area of the second window to shrink by an integer multiple of display units; or The electronic device controls the display area of the first window to be reduced by an integer multiple of the display units, and controls the display area of the second window to be expanded by an integer multiple of the display units.

2. The method according to claim 1, characterized in that One of the display units corresponds to one display grid, and the length of a first side of the one display grid is a first value; The first value is an integer multiple of a second value, and the second value is the length of a pixel of the display in the direction of the first side.

3. The method according to claim 1, characterized in that The third operation includes an operation on an edge of the first window and / or the second window.

4. The method according to any one of claims 1 to 3, characterized in that The first window includes a first functional control, and the first functional control is used to provide functions of moving the first window, adjusting the size of the first window, and closing the first window; The third operation includes: an operation on the first function control.

5. The method according to any one of claims 1 to 3, characterized in that The first operation includes: a single-handed pinch operation or a two-finger pinch operation of a user on the first application interface displayed in full screen.

6. The method according to claim 1, characterized in that The adjusting the third window to display as the first window includes: Searching for a second vertex corresponding to a first vertex, where the first vertex is any vertex of the third window, and the second vertex is a vertex of a display unit that is closest to the first vertex; Searching for a fourth vertex corresponding to a third vertex, where the third vertex is a vertex on the third window that is diagonally aligned with the first vertex, and the fourth vertex is a vertex of a display unit that is closest to the third vertex; The display area of the first window is determined according to the second vertex and the fourth vertex; the second vertex and the fourth vertex respectively correspond to vertices arranged diagonally on the first window.

7. The method according to claim 1, characterized in that The adjusting the third window to display as the first window includes: Finding a third edge corresponding to the second edge, where the second edge is any edge of the third window, and the third edge is an edge of the display unit closest to the second edge; searching for a fifth edge corresponding to a fourth edge, where the fourth edge is an edge on the third window adjacent to the second edge, and the fifth edge is an edge of the display unit closest to the fourth edge; The display area of the first window is determined according to the third side and the fifth side; the third side and the fifth side correspond to two adjacent sides of the first window respectively.

8. The method according to claim 6 or 7, characterized in that The third window includes the same display elements as those in the first window.

9. The method according to claim 2 or 3 or 6 or 7, characterized in that In a case where the electronic device displays the first window, the method further includes: The electronic device displays another application window on a display, where the other application window includes icons of other application programs installed in the electronic device that are different from the first application; The display area of the other application window includes an integer multiple of display units, and the display area of the other application window does not overlap with the display area of the first window.

10. The method according to claim 9, characterized in that When the size of the first window is smaller than a preset size, the other application windows are displayed.

11. The method according to claim 9, characterized in that The other application window includes an icon of the second application, and the second operation input by the user includes: an operation input on the icon of the second application.

12. The method according to claim 10 or 11, characterized in that The electronic device is configured with at least one application group, and the application group includes at least one application; In a case where the first application is included in a first application group, the electronic device displays the first application group on top of the other application windows.

13. The method according to claim 2 or 3 or 6 or 7 or 10 or 11, characterized in that In a case where the electronic device displays the first window, the method further includes: The electronic device displays an application sidebar on a display, wherein the application sidebar includes icons of other application programs installed in the electronic device and different from the first application; The display area of the application sidebar includes an integer multiple of display units, the display area of the application sidebar does not overlap with the display area of the first window, and the application sidebar is at least adhered to the edge of the display area of the display.

14. The method according to claim 13, characterized in that When the size of the first window is larger than a preset size, the application sidebar is displayed.

15. The method according to claim 14, characterized in that The application sidebar includes an icon of the second application, and the second operation input by the user includes: an operation input on the icon of the second application.

16. The method according to claim 14 or 15, characterized in that The electronic device is configured with at least one application group, and the application group includes at least one application; In a case where the first application is included in a first application group, the electronic device displays the first application group at the top of the application sidebar.

17. The method according to claim 12, wherein: The first application group further includes a third application, and the method further includes: receiving a fourth operation of the user on the first application group, Displaying a display window corresponding to the first application and a display window corresponding to the third application included in the first application group in the display area of the display according to the first layout; The first layout is used to indicate the position and size of the display window corresponding to each application in the first application group, and the display area of all display windows indicated by the first layout includes an integer multiple of display units; the first layout is pre-configured in the electronic device.

18. The method according to claim 17, characterized in that A second function control is displayed on the display window corresponding to the first application and the display window corresponding to the third application respectively. The second function control is used to adjust the display state of the corresponding display window on the display; and / or, The second function control is used to provide functions of moving the corresponding window, adjusting the size of the corresponding window, and closing the corresponding window.

19. The method according to claim 18, characterized in that receiving a fifth operation from the user, where the fifth operation is an operation input to a second function control on the display window corresponding to the first application; The display window corresponding to the first application is enlarged and displayed on top, and the edge of the enlarged display window corresponding to the first application does not exceed the display window corresponding to the third application.

20. The method according to claim 19, characterized in that receiving a sixth operation from the user, where the sixth operation is an operation input to a second function control on the display window corresponding to the enlarged first application; In response to the sixth operation, the electronic device displays the display window corresponding to the first application and the display window corresponding to the third application according to the first layout.

21. A display method, characterized in that: The method is applied to an electronic device, wherein the electronic device is provided with a display for providing a display function, wherein a display area of the display is divided into a plurality of display units; the electronic device displays each window according to the display units; The electronic device is pre-configured with a second application group, which includes at least two applications; The display unit is a rectangular grid; The method comprises: Displaying a first interface, the first interface including a first window of a first application; the first interface also including a fourth window, the fourth window being used to display icons of one or more applications of the second application group; In response to a seventh operation input by the user, the electronic device displays a second interface on the display, the second interface including display windows displaying all applications included in the second application group according to a second layout, and the second interface also including a fifth window corresponding to the first application; The second layout is used to indicate the position and size of the display window corresponding to each application in the second application group, and the display area of all display windows indicated by the second layout includes an integer multiple of display units; the second layout is pre-configured in the electronic device; the display area of the fifth window includes an integer multiple of display units; The second application group includes at least one main program, and the window size of the main program in the second interface is larger than any other window in the second interface; The main program is pre-configured in the electronic device, or the main program is determined by the electronic device according to historical data.

22. The method according to claim 21, characterized in that The seventh operation includes: a preset operation of triggering display of the second application group.

23. The method according to claim 22, characterized in that The preset operation for triggering the display of the second application group includes any one of the following: a preset single-finger / two-finger sliding operation, and a preset voice instruction for triggering the display of the second application group.

24. An electronic device, characterized in that: The electronic device includes one or more processors and one or more memories; the one or more memories are coupled to the one or more processors, and the one or more memories store computer instructions; When the one or more processors execute the computer instructions, the electronic device is caused to execute the method according to any one of claims 1 to 20, or the electronic device is caused to execute the method according to any one of claims 21 to 23.

25. A computer-readable storage medium, characterized in that The method comprises computer instructions, which, when executed on an electronic device, enable the electronic device to execute the method according to any one of claims 1 to 20, or to execute the method according to any one of claims 21 to 23.

26. A chip system, characterized in that: The chip system includes an interface circuit and a processor; the interface circuit and the processor are interconnected through lines; the interface circuit is used to receive signals from a memory and send signals to the processor, and the signals include computer instructions stored in the memory; when the processor executes the computer instructions, the chip system executes the method as described in any one of claims 1 to 20, or executes the method as described in any one of claims 21 to 23.

Images