Display method and electronic equipment

Abstract

The invention discloses a display method and electronic equipment, relates to the field of electronic equipment, and can display an application window based on a display grid. Therefore, the display effect of a single application window or a plurality of application windows is clearer and more indirect, and a user can quickly obtain desired information. According to the specific scheme, in response to a first operation input by a user, the electronic equipment displays a first window interface of a first application on a display, and the first application runs in the electronic equipment. And in response to a second operation input by the user, the electronic equipment displays a second window interface of a second application on the display, and the second application runs on the electronic equipment. The display area corresponding to the second window interface is not overlapped with the display area corresponding to the first window interface. Wherein the display area of the first window interface and the display area of the second window interface both comprise integral multiple display grids.

Description

[0001] This application is a divisional application. The application number of the original application is 202211117857.2, and the original application date is September 14, 2022. The entire contents of the original application are incorporated into this application by reference. Technical Field

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

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

[0004] In the current multi-window display mechanism, the distribution of windows on the display screen is irregular. When there are many windows, the display screen displays content in a chaotic manner, which is not convenient for users to use. Summary of the invention

[0005] The embodiments of the present application provide a display method and an electronic device, which 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.

[0006] In order to achieve the above purpose, the embodiment of the present application adopts the following technical solution:

[0007] 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 a plurality of display grids. The method comprises: 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. The display areas of the first window interface and the second window interface each include an integer multiple of display grids.

[0008] In this way, by dividing the area into multiple display grids, the display unit base of the display window is reallocated. No matter 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 window more efficiently.

[0009] Optionally, the first window interface and the second window interface include a first side that overlaps each other, and the method further includes: receiving a third operation input by a 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.

[0010] In this example, the first window and the second window displayed by the electronic device can be adjacent to each other and share the first side. In this way, when the user needs to adjust the two application windows, the user 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 with the display grid as the granularity. 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.

[0011] 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 interface of the first application.

[0012] Optionally, any two display grids among the multiple display grids have the same size.

[0013] Optionally, the display grid is a rectangular grid. It should be noted that the size setting of the display grid may be preset in the electronic device. Alternatively, the electronic device may also 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 the user to view. Alternatively, the boundaries of the display grid may not be displayed.

[0014] 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 first operation of the user, and when the third window interface does not include an integer multiple of display grids, adjusting the third window interface to display the first window interface. In this way, the display area of ​​the first window can be aligned to 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.

[0015] Optionally, the adjusting the third window interface to display the first window includes: searching for a second vertex corresponding to a first vertex, the first vertex being any vertex of the third window interface, and the second vertex being a vertex of a display grid that is closest to the first vertex. Searching for a fourth vertex corresponding to a third vertex, the third vertex being a vertex on the third window interface that is diagonally set to the first vertex, and the fourth vertex being a vertex of a display grid that is closest to the third vertex. Determining the display area of ​​the first window interface based on the second vertex and the fourth vertex.

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

[0017] Optionally, the adjusting the third window interface to display the first window includes: searching for a third side corresponding to the second side, the second side being any side of the third window interface, and the third side being the side of the display grid closest to the second side. Searching for a fifth side corresponding to the fourth side, the fourth side being an side on the third window interface adjacent to the second side, and the fifth side being 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.

[0018] Therefore, a vertex-based grid alignment method and an edge-based grid alignment method are provided. In specific implementation, you can flexibly choose one.

[0019] Optionally, the third window interface includes the same display elements as those in the first window interface. It is understandable that after grid alignment, there may be a certain difference between the size of the first window interface and the size of the third window interface. Then, 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.

[0020] 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.

[0021] Optionally, when the electronic device displays the first window interface, the method further includes: the electronic device displays other application windows on the display, and 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 can be understood that the other application window can be a collection window of multiple icons.

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

[0023] 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, 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 through the window mode.

[0024] Optionally, at least one application group is configured in the electronic device, and the application group includes at least one application. When the first application is included in the first application group, the electronic device displays the first application group on top of the other application window. By setting the first application group, the electronic device can give priority to 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 that needs to be used.

[0025] Optionally, when the electronic device displays the first window interface, the method further includes: the electronic device displays an application sidebar on the display, the application sidebar including icons of other application programs installed in 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 attached to the edge of the display area of ​​the display.

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

[0027] 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. Exemplarily, 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 the window mode.

[0028] Optionally, the electronic device is configured with at least one application group, and the application group includes at least one application. When 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.

[0029] 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.

[0030] Exemplarily, the fourth operation may be an identification input for 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.

[0031] 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, and 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 function of moving the corresponding window interface, adjusting the size of the corresponding window interface, and closing the corresponding window interface.

[0032] Optionally, a fifth operation of the user is received, the fifth operation being an operation inputted into the second function control on the display window corresponding to the first application, and the display window corresponding to the first application is enlarged and displayed on top accordingly, and the edge of the enlarged display window corresponding to the first application does not exceed the display window corresponding to the third application.

[0033] Optionally, a sixth operation of the user is received, the sixth operation being 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.

[0034] In a second aspect, a display method is provided, the method being applied to an electronic device, the electronic device being provided with a display for providing a display function, the display area of ​​the display being divided into a plurality of display grids. A second application group is pre-configured in the electronic device, the second application group including at least two applications. The method comprises: in response to a seventh operation input by a user, the electronic device displays 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.

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

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

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

[0038] In a third aspect, an electronic device is provided, the electronic device 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 executes the method provided in the first aspect and any possible design thereof. Alternatively, the electronic device executes the method provided in the second aspect and any possible design thereof.

[0039] In a fourth aspect, a chip system is provided, the chip system comprising an interface circuit and a processor. The interface circuit and the processor are interconnected by a line. The interface circuit is used to receive a signal from a memory and send a signal to the processor, the signal comprising a computer instruction stored in the memory. When the processor executes the computer instruction, the chip system executes the method provided in the first aspect and any possible design thereof. Alternatively, the chip system executes the method provided in the second aspect and any possible design thereof.

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

[0041] In a sixth aspect, a computer program product is provided, wherein the computer program product includes instructions, and when the computer program product is run on a computer, the computer can execute the method provided in the first aspect and any possible design thereof according to the instructions. Alternatively, the method provided in the second aspect and any possible design thereof is executed.

[0042] 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, and therefore the beneficial effects that can be achieved are similar and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] Figure 1 A schematic diagram of a display interface;

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

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

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

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

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

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

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

[0051] Fig. 9 A schematic diagram of grid alignment provided in an embodiment of the present application;

[0052] Fig.10 A schematic diagram of another grid alignment provided in an embodiment of the present application;

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

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

[0055] Fig.13 A schematic diagram of adjusting a window interface provided in an embodiment of the present application;

[0056] Fig.14 A schematic diagram of adjusting a window interface provided in an embodiment of the present application;

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

[0058] Fig.16 A schematic diagram of a sidebar display provided in an embodiment of the present application;

[0059] Fig.17 A schematic diagram of the composition of different application groups provided in an embodiment of the present application;

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

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

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

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

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

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

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

[0067] Fig.25 A schematic diagram of the composition of an electronic device provided in an embodiment of the present application;

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

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

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

[0071] As a possible implementation, refer to Figure 2 The user may click on the weather application icon 102 on the interface 101. In response to the click operation, the electronic device may 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 may display the interface of the application in full screen, such as the interface 103.

[0072] The electronic device can also provide the user with a function of displaying an application interface through a window.

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

[0074] As a possible implementation, refer to Figure 3 The user may 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 may display all or part of the elements in the interface 103 in the window. For example, after receiving the upward swipe operation, the tablet may display the following Figure 3 The window interface 104 shown in FIG. 1 may include all the contents of the full-screen interface 103, that is, the display information of the weather application. Of course, in other implementations, since the display area in the window interface 104 is smaller than the full-screen display state, the elements included in the window interface 104 may also be less than the elements in the full-screen display state.

[0075] In the above example, the user opens the weather application in the tablet computer through operation, and briefly describes 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 an operation to display 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.

[0076] 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. Figure 3 The user can also instruct the electronic device to display the display information of the map navigation 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.

[0077] 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 opened last. For example, in Figure 5 In the example of , the tablet computer can simultaneously display the window interface 104 corresponding to the weather application and the window interface 107 corresponding to the map navigation application. The map navigation application can be the last application opened, so the window interface 107 can cover at least part of the window interface 104 for top display. When the user needs to view the complete window interface 104 of the weather application, the user can click on the displayed part of the window interface 104 that is 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.

[0078] Combination Figure 5 As explained in the description, 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 will cause significant inconvenience when the user needs to view the interfaces of multiple applications at the same time. In addition, when multiple applications are opened and displayed, the display interface will be cluttered, making it inconvenient for the user to find the required information.

[0079] The display scheme provided in the embodiment of the present application enables the electronic device to divide the display interface into a plurality of regular display grids when performing window display. Figure 6, take the electronic device as a tablet as an example. The display interface of the tablet 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, the display of each window interface can be performed with the display grid as the basic unit, so that the display of multiple application windows is no longer chaotic, more neat, and convenient for users to find the required information. In some embodiments, the electronic device can also group the currently installed applications, and each group can correspond to a preset scene. For example, the scene can include an office scene, a travel (navigation) scene, an online class scene, etc. The group of a scene can include at least two commonly used applications in the scene. In this way, when the user controls the electronic device to display an application in a window, the electronic device can assist the user to quickly display the windows of other applications in the same group on the display screen based on the above grouping, so that the user can quickly open and display each application in the scene. Among them, the display layout of the multiple applications on the display screen can be preset in the electronic device based on the display grid. In this way, after entering a certain scene, the electronic device can assist the user to quickly open the corresponding application, and at the same time provide a reasonably arranged window display on the display screen.

[0080] 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.

[0081] The display solution provided in the embodiment of the present application can be applied to an electronic device. The electronic device can run multiple application programs. At least two of the multiple application programs can support window display.

[0082] 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.

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

[0084] 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, and the like.

[0085] It is to be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device. In other embodiments of the present application, the electronic device may include more or fewer components than shown in the figure, or combine certain components, or split certain components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0086] 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 processor (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), etc. Different processing units may be independent devices or integrated into one or more processors.

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

[0088] The processor 710 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 710 may be a cache memory. The memory may store instructions or data that have been used or are frequently used by the processor 710. If the processor 710 needs to use the instruction or data, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 710, and thus improves the efficiency of the system.

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

[0090] It is understandable that the interface connection relationship between the modules illustrated in the embodiments of the present application is only a schematic illustration 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 in the above embodiments, or a combination of multiple interface connection methods.

[0091] 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.

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

[0093] The mobile communication module 750 can provide solutions for wireless communications including 2G / 3G / 4G / 5G, etc., 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.

[0094] The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent 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 the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 770A, a receiver 770B, etc.), or displays an image or video through a 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 set in the same device as the mobile communication module 750 or other functional modules.

[0095] The wireless communication module 760 can provide wireless communication solutions 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., which are applied to electronic devices. The wireless communication module 760 can be one or more devices integrating at least one communication processing module. The wireless communication module 760 receives electromagnetic waves via antenna 2, 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, modulate the frequency, amplify it, and convert it into electromagnetic waves for radiation through antenna 2.

[0096] In some embodiments, the antenna 1 of the electronic device is coupled to the mobile communication module 750, and the antenna 2 is coupled to the wireless communication module 760, so that the electronic device can communicate with the network and other electronic devices through 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, etc. 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).

[0097] The electronic device can realize the display function through a GPU, a display screen 794, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 794 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 710 may include one or more GPUs, which execute program instructions to generate or change display information.

[0098] The display screen 794 is used to display images, videos, etc. The 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 or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device may include one or more display screens 794.

[0099] 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.

[0100] The 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 the processor 710 through the external memory interface 720 to implement a data storage function. For example, files such as music and videos are stored in the external memory card. Or files such as music and videos are transferred from the electronic device to the external memory card.

[0101] The internal memory 721 can be used to store computer executable program codes, which include 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.

[0102] The electronic device can implement audio functions through the audio module 770, the speaker 770A, the receiver 770B, the microphone 770C, the headphone interface 770D, and the application processor. For example, music playing, recording, etc. The audio module 770 is used to convert digital audio information into analog audio signal output, and is also used 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 arranged in the processor 710, or some functional modules of the audio module 770 are arranged in the processor 710. The speaker 770A, also known as the "speaker", is used to convert audio electrical signals into sound signals. The electronic device can listen to music through the speaker 770A, or output audio signals for hands-free calls. The receiver 770B, also known as the "earpiece", is used to convert audio electrical signals into sound signals. When the electronic device answers a call or voice message, the voice can be answered by placing the receiver 770B close to the human ear. The microphone 770C, also known as the "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can make a sound by approaching the microphone 770C with his mouth, and 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, realization of directional recording functions, etc. 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.

[0103] 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 a display screen ... Figure 7 More or fewer components. The embodiments of the present application do not limit the specific composition of the electronic device.

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

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

[0106] Exemplary, combined Figure 8 The display area of ​​the display screen of the flat panel can be evenly divided into a plurality of 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 enables complete display of any display grid.

[0107] In the embodiment of the present application, by dividing the display area of ​​the display screen into a plurality of display grids, the electronic device can display the 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.

[0108] Exemplarily, in some embodiments, when displaying a window, the electronic device can adsorb each vertex of the application window to the nearest vertex of the 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 aligning the window to the display grid.

[0109] refer to Fig. 9 , taking 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. Fig. 9 As shown, after receiving the user's instruction to perform the window display operation, the electronic device can display the weather window 901 at the user's indicated position with a preset size. It can be seen that the vertices of the weather window 901 (such as vertex 91-vertex 94) do not fall on the display grid. Then, the electronic device can search for the intersection of the display grid closest to the vertex for 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. Then, the electronic device can move each vertex of the weather window to the intersection of the corresponding 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 the weather window 902 aligned according to the display grid on the interface. It can be seen that after being aligned 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.

[0110] Exemplarily, in other embodiments, when displaying a window, the electronic device may 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 aligning the window to the display grid.

[0111] refer to Fig.10 For example, the electronic device can display the weather application in a window under the operation of the user. Fig.10 As shown, after receiving the user's instruction to perform the window display operation, the electronic device can display the weather window 1001 at the user's indicated position with a preset size. It can be seen that none of the edges of the weather window 1001 (such as edge 11-edge 14) 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 being aligned 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.

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

[0113] In different implementations, when displaying windows of different application programs, the electronic device may follow the above Fig. 9 or Fig.10 The solution is to align the window grid, so as to obtain the alignment display effect based on the display grid.

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

[0115] In some embodiments, reference Fig.11 , is a schematic diagram of a user inputting a first operation. In this example, the window display of a weather application is continued as an example. The first operation may include: a one-hand pinch operation. Fig.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 Fig. 9 or Fig.10 The solution shown performs alignment and display of the weather window to the display grid.

[0116] In other embodiments, reference Fig.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 two-hand pinch operation. Fig.12 As shown in the figure, 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 with both hands 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 two fingers are controlled to slide toward the center of the display screen. In response to the pinch operation with both hands, the electronic device can Fig. 9 or Fig.10 The solution shown performs alignment and display of the weather window to the display grid.

[0117] In other embodiments, the trigger is Fig. 9 or Fig.10 The gesture of aligning the display shown in FIG. 1 may also be other gestures preset by the user. Fig. 9 or Fig.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 Fig. 9 or Fig.10 The alignment shown shows the operation.

[0118] It should be noted that in some embodiments of the present application, a function control may be displayed in the aligned application window. The function control may be used to adjust the aligned displayed window. For example, Fig.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, Fig.13 As shown, the user can press function control 1301 and input a drag operation. In response to the 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.

[0119] 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 Fig.14 , taking 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 a 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, Fig.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 dragging operation. It can be understood that, in combination with the foregoing 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 dragging 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.

[0120] 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, the close button 1304 may be clicked to input an instruction.

[0121] Above Figure 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 the 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.

[0122] Exemplary, combined Fig.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 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, which will not be repeated here.

[0123] In some embodiments, the electronic device may, under the user's instruction, display a window of a single application program without considering the size of the application program window, that is, display the window of the single application program in the following manner: Fig.15 The solution shown is used to display other application windows.

[0124] In some other embodiments, the electronic device may also, when determining that the window of a single application is smaller than a preset size, perform the following operations: Fig.15 The scheme 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 currently needed by the user. 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: Fig.15 The illustrated scenario displays other application windows.

[0125] In other embodiments, different from Fig.15 For other application windows 1502, the electronic device may also set an application sidebar on the display screen. Fig.16 . Under the operation of the user, the electronic device can display the weather window 1601 by grid alignment. 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 Fig.15 In some implementations, when the window of the opened application is larger than the preset size, the electronic device may Fig.16 The solution shown provides the display of icons of other applications, thereby providing users with more diverse operation options for applications in a smaller display space.

[0126] It should be noted that Fig.15 or Fig.16 In the scheme shown, the current electronic device is not running other applications as an example. In other embodiments, when the electronic device has already run other applications different from the weather application in the background, after the window alignment display of the weather window is performed according to the above scheme, the electronic device can display the already running application in the form of a window in other areas of the display screen. The window alignment process of this process can refer to the above example, and will not be repeated here.

[0127] Based on Fig.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 sequence according to the order of the various applications displayed on the main interface.

[0128] In other embodiments, the electronic device may also preferentially display icons of application programs that are strongly related to the currently opened application in the other application window 1502 based on the currently opened application.

[0129] It is understandable that in different usage scenarios of users, the electronic device 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 one application group can include at least two applications related to the scenario. That is, the two or more applications in the one 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.

[0130] As an example, Fig.17 The following figure shows the logic diagram of the corresponding application groups in several scenarios. Fig.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.

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

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

[0133] Exemplary, combined Fig.18 , the opened application is a weather application, and the electronic device executes the following Fig.15 Take the display scheme shown in the figure as an example. Fig.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 are strongly related to the weather application can be displayed preferentially. Fig.17 For example, the weather application can be included in the environment application group and the office application group. Then, the electronic device can display the application group 1503 corresponding to the environment application group and the application group 1504 corresponding to the office application group in the other application window 1502. In this way, when the user needs to use other applications in the environment application group, the user can input an operation on the corresponding icon in the application group 1503 to open the corresponding application. Similarly, when the user needs to use other applications in the office application group, the user can input an operation on the corresponding icon in the application group 1504 to open the corresponding application.

[0134] It is understandable that due to the limitation of the display area on a single page, not all application groups can be displayed at once in the other application window 1502. Then, the other application window 1502 can also provide a left-right sliding function. The left-right sliding can trigger the other application window 1502 to display different window interfaces. Application icons of different application groups can be displayed on different window interfaces. Among them, the application group that is not strongly related to the currently opened application can be displayed after the application group that is strongly related to the currently opened application.

[0135] Exemplary, combined Fig.19 The user may input a sliding operation (such as sliding left) in the other application window 1502. Correspondingly, the electronic device may 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 Fig.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 other application window 1502. Fig.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.

[0136] Thus, by Figure 15-19 For example, the electronic device can provide the user with more application icons to facilitate the user to input operations for other applications. Among them, the electronic device can preferentially display applications with strong relevance to the user according to the preset application group, so that the user can configure the application display mechanism of the electronic device according to his own preferences. Then, a more convenient and fast application operation experience can be obtained.

[0137] It is understandable that the above-mentioned single application and / or multiple application window display can be performed based on the grid alignment in the above-mentioned example. Therefore, even if two or more windows are opened and displayed at the same time, the display basic unit of each window is the same display grid. In this way, when multiple windows are displayed at the same time, the electronic device can also provide a simple and easy-to-operate display interface.

[0138] The following is an example of a solution for opening multiple applications for display on an electronic device at the same time, in conjunction with the accompanying drawings.

[0139] For example, an electronic device is used to display Fig.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 the weather window 1501 and displaying them together on the display screen.

[0140] In other embodiments, when the user needs to open all applications in a certain application group, he can input an operation on the corresponding control in the application group. In response to the operation, the electronic device can jump to display the application window including all applications in the application group. For example, please refer to Fig. 20 . The user can input operations to the control 2001 in the other application window 1502. The control 2001 can provide a function of opening all applications of 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 an 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.

[0141] In the present 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 Fig. 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.

[0142] 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 may be generated by the electronic device itself according to the composition of the application group. In different display layouts, each application window may be displayed aligned based on the display grid in the aforementioned example.

[0143] Exemplary, in some embodiments, combined Fig. 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.

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

[0145] In other embodiments, in combination Fig.21 . Electronic devices display Fig.19 As shown, the other application window 1502 does not include the application group of the currently opened application. The user can input an operation (such as a click operation) to the control 2002 corresponding to the navigation application group (i.e., application group 1505) in the other application window 1502. In response to the operation, the electronic device can display each application window according to the display layout corresponding to the navigation application group.

[0146] like Fig.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, 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.

[0147] and Fig. 20 or Fig.21 Similarly, under the user's instruction, the electronic device can also display Fig. 22 The various application windows of the online course application group are shown. Fig. 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 may cover more display grids. For example, the window 2201 and the window 2202 may be arranged horizontally in the middle and upper 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 may be displayed respectively.

[0148] 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.

[0149] In the above description, the electronic device can display a multi-application window of a certain application group when the user inputs an instruction (such as Fig. 20 The operation for control 2001 as shown, or Fig.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.

[0150] Exemplary, combined Fig.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.

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

[0152] 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 pair of function controls 2301, such as the double-click operation described above, the electronic device can flexibly adjust the display of an application window. For example, when enlarging window 2201 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.

[0153] 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.

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

[0155] 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 Fig. 22 The layout shown is displayed.

[0156] It should be understood that the above Fig.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 present application does not limit the implementation of the specific triggering operation of the above-mentioned window adjustment function.

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

[0158] It should be noted that, in combination with the above description, the electronic device can open at least one application under the instruction of the user, and Fig.18 or Fig.19 In some other embodiments, even if no application is opened, the electronic device can also display multiple application windows of the preset application group according to the preset layout under the user's instruction. Fig.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 online course application group according to the corresponding preset layout. Fig. 22 The application windows of each application in the online course application group are shown.

[0159] 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.

[0160] It should be understood that the above mainly introduces the solution provided by the embodiment of the present application from the perspective of electronic equipment. 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 realize that, in conjunction 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 the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the present application.

[0161] The embodiment 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 corresponding to each function, or two or more functions can be integrated into one processing module. The above 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 embodiment of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation.

[0162] As an example, see Fig.25 , is a schematic diagram of another electronic device provided in an embodiment of the present application. Fig.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. Exemplarily, in some embodiments, when the processor 2501 executes the instructions stored in the memory 2502, the electronic device 2500 may execute any of the technical solutions shown in the above embodiments.

[0163] 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.

[0164] Fig.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 a possible design, the chip system also includes a memory for storing program instructions and data necessary for the terminal. The chip system may be composed of chips, or may 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.

[0165] 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.

[0166] The functions or actions or operations or steps 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, it 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 process or function described in the embodiment of the present application is generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions may be transmitted from a website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium may be any available medium that a computer can access or may include one or more servers, data centers and other data storage devices 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)).

[0167] Although the present application has been described in conjunction with specific features and embodiments thereof, it is obvious 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 exemplary illustrations of the present application as defined by the appended claims, and are deemed to have covered 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, if these modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to include these modifications and variations.

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; 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 the display, wherein the first application is running in the electronic device; 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 runs 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 display units; receiving a third operation input by a user, wherein 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 and the display area of ​​the second window to shrink; or, The electronic device controls the display area of ​​the first window to shrink and the display area of ​​the second window to expand.

2. The method according to claim 1, characterized in that The display area of ​​the first window is expanded, and the display area of ​​the second window is reduced; or, The electronic device controls the display area of ​​the first window to shrink and the display area of ​​the second window to expand, including: The display area of ​​the first window is enlarged by an integer multiple of the display units, and the display area of ​​the second window is reduced by an integer multiple of the display units; or, The electronic device controls the display area of ​​the first window to be reduced by an integer multiple of display units, and controls the display area of ​​the second window to be expanded by an integer multiple of display units.

3. The method according to claim 2, 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 a length of a pixel of the display in the direction where the first side is located.

4. 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.

5. The method according to any one of claims 1 to 4, 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 functional control.

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

7. The method according to claim 3 or 4, characterized in that: The display unit is a rectangular grid.

8. The method according to claim 3 or 4, characterized in that: After receiving the first operation input by the user, displaying the first window includes: According to a first operation of the user, a third window corresponding to the first application is displayed, When the third window does not include an integer multiple of display units, the third window is adjusted to be displayed as the first window.

9. The method according to claim 8, characterized in that The adjusting the third window to be displayed as the first window includes: Finding 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; Find a fourth vertex corresponding to the third vertex, the third vertex being a vertex on the third window that is diagonally arranged with respect to the first vertex, and the fourth vertex being 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 correspond to vertices arranged diagonally on the first window respectively.

10. The method according to claim 8, characterized in that The adjusting the third window to be displayed 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 that is closest to the second edge; Finding a fifth edge corresponding to a fourth edge, wherein the fourth edge is an edge on the third window adjacent to the second edge, and the fifth edge is an edge of a display unit that is 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.

11. The method according to claim 9 or 10, characterized in that: The third window includes the same display elements as those in the first window.

12. The method according to claim 3 or 4 or 9 or 10, characterized in that: In the case where the electronic device displays the first window, the method further includes: The electronic device displays other application windows on a display, wherein the other application windows include icons of other application programs installed in the electronic device and 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.

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

14. The method according to claim 12, 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.

15. The method according to claim 13 or 14, characterized in that At least one application group is configured in the electronic device, 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.

16. The method according to claim 3 or 4 or 9 or 10 or 13 or 14, characterized in that: In the 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.

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

18. The method according to claim 17, 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.

19. The method according to claim 17 or 18, characterized in that At least one application group is configured in the electronic device, 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.

20. The method according to claim 15, characterized in that 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 a first application and a display window corresponding to a third application included in the first application group in a display area of ​​the display according to a 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.

21. The method according to claim 20, 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 the functions of moving the corresponding window, adjusting the size of the corresponding window, and closing the corresponding window.

22. The method according to claim 21, characterized in that receiving a fifth operation of 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.

23. The method according to claim 22, characterized in that receiving a sixth operation of 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.

24. 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, and a display area of ​​the display is divided into a plurality of display units; The electronic device is pre-configured with a second application group, wherein the second application group includes at least two applications; The method comprises: In response to a seventh operation input by the user, the electronic device displays display windows of all application programs included in the second application program 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 units; the second layout is pre-configured in the electronic device.

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

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

27. An electronic device, characterized in that: The electronic device comprises 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 as claimed in any one of claims 1 to 23, or the electronic device is caused to execute the method as claimed in any one of claims 24 to 26.

28. 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 as claimed in any one of claims 1 to 23, or to execute the method as claimed in any one of claims 24 to 26.

29. A chip system, characterized in that: The chip system includes an interface circuit and a processor; the interface circuit and the processor are interconnected via 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 described in any one of claims 1-23, or executes the method described in any one of claims 24-26.

Images