Interface display method and device, electronic equipment and storage medium
By setting the multi-interface mode on the touch screen of the electronic device, the cumbersome switching problem in multi-task operation is solved, and the function of displaying multiple interfaces simultaneously and exiting the application interface separately is realized, improving the user experience.
Patent Information
- Application Number
- CN202311750636.3
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-12-18
- Publication Date
- 2025-06-20
AI Technical Summary
When existing electronic devices operate multitasking, they need to switch tasks frequently, which is complicated and lead to poor user experience.
By setting a multi-interface mode on the touch screen of the electronic device, the application interfaces of the two applications are displayed in the first display area and the second display area respectively, and the user is allowed to control each application interface to exit separately through a specific operation.
It realizes displaying multiple application interfaces simultaneously in multi-interface mode and controlling the separate exit of the application interface, simplifying the user's switching operations between multiple tasks and improving the user experience.
Smart Images

Figure CN120179104A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the technical field of electronic devices, and more particularly, to a method and apparatus for displaying an interface, an electronic device, and a storage medium. Background Art
[0002] With the development of science and technology, electronic devices are used more and more widely and have more and more functions, and have become one of the necessities in people's daily lives. Currently, electronic devices can support multitasking. However, when multitasking needs to be operated, it is necessary to switch operations between multitasks, and the operation process is cumbersome, resulting in a poor user experience. Summary of the Invention
[0003] In view of the above problems, this application provides a method and apparatus for displaying an interface, an electronic device, and a storage medium to solve the above problems.
[0004] In a first aspect, an embodiment of this application provides a method for displaying an interface, which is applied to an electronic device. The electronic device includes a touch screen. The method includes: when the electronic device is in a multi-interface mode, displaying a first application interface of a first application in a first display area of the touch screen, and displaying a second application interface of a second application in a second display area of the touch screen; in response to an operation indicating that the first application exits the running state, ending the display of the first application interface in the first display area, and maintaining the display of the second application interface in the second display area.
[0005] In a second aspect, an embodiment of this application provides an apparatus for displaying an interface, which is applied to an electronic device. The electronic device includes a touch screen. The apparatus includes: a first interface display module, configured to display a first application interface of a first application in a first display area of the touch screen and display a second application interface of a second application in a second display area of the touch screen when the electronic device is in a multi-interface mode; a second interface display module, configured to end the display of the first application interface in the first display area and maintain the display of the second application interface in the second display area in response to an operation indicating that the first application exits the running state.
[0006] In a third aspect, an embodiment of this application provides an electronic device, including a touch screen, a memory, and a processor. The touch screen and the memory are coupled to the processor. The memory stores instructions, and when the instructions are executed by the processor, the processor executes the above method.
[0007] Fourthly, an embodiment of the present application provides a computer-readable storage medium, in which program codes are stored, and the program codes can be called by a processor to execute the above method.
[0008] The method, device, electronic device, and storage medium for displaying an interface provided by the embodiments of the present application, when the electronic device is in a multi-interface mode, display a first application interface of a first application in a first display area of the touch screen, and display a second application interface of a second application in a second display area of the touch screen. In response to an operation indicating that the first application exits the running state, end the display of the first application interface in the first display area, and maintain the display of the second application interface in the second display area. Thus, by setting the multi-interface mode of the electronic device, multiple application interfaces can be displayed simultaneously in the multi-interface mode, and the separate exit of the application interfaces can be controlled, which is convenient for users to use multiple interfaces and manage single interfaces, and improves the user experience. BRIEF DESCRIPTION OF THE DRAWINGS
[0009] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings required for the description of the embodiments. Obviously, the following described drawings are only some embodiments of the present application. For those skilled in the art, without creative efforts, other drawings can be obtained based on these drawings.
[0010] Figure 1 FIG. shows a schematic diagram of a form that can be used for the electronic device provided by the embodiment of the present application;
[0011] Figure 2 FIG. shows another schematic diagram of a form that can be used for the electronic device provided by the embodiment of the present application;
[0012] Figure 3 FIG. shows a schematic flowchart of the method for displaying an interface provided by an embodiment of the present application;
[0013] Figure 4 FIG. shows a first interface schematic diagram of the electronic device provided by the embodiment of the present application;
[0014] Figure 5 FIG. shows a schematic flowchart of the method for displaying an interface provided by an embodiment of the present application;
[0015] Figure 6 FIG. shows the Figure 5 schematic flowchart of step S220 of the method for displaying the interface shown;
[0016] Figure 7 FIG. shows a schematic flowchart of the method for displaying an interface provided by an embodiment of the present application;
[0017] Figure 8 Shows a second interface schematic diagram of the electronic device provided by the embodiment of the present application;
[0018] Figure 9 Shows a third interface schematic diagram of the electronic device provided by the embodiment of the present application;
[0019] Figure 10 Shows a flowchart of the display method of the interface provided by an embodiment of the present application;
[0020] Figure 11 Shows the Figure 10 Flowchart of step S430 of the display method of the interface shown;
[0021] Figure 12 Shows a flowchart of the display method of the interface provided by an embodiment of the present application;
[0022] Figure 13 Shows a fourth interface schematic diagram of the electronic device provided by the embodiment of the present application;
[0023] Figure 14 Shows a flowchart of the display method of the interface provided by an embodiment of the present application;
[0024] Figure 15 Shows a block diagram of the display device of the interface provided by an embodiment of the present application;
[0025] Figure 16 Shows a block diagram of the electronic device for executing the display method of the interface according to the embodiment of the present application;
[0026] Figure 17 Shows the storage unit for storing or carrying the program code for implementing the display method of the interface according to the embodiment of the present application. Detailed implementation manners
[0027] In order to enable those skilled in the art to better understand the solution of the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the accompanying drawings in the embodiments of the present application.
[0028] At present, foldable electronic devices or large-screen electronic devices have become popular, and therefore there are many multi-tasking operation solutions. Candy-bar electronic devices have their own multi-tasking interaction solutions, and foldable electronic devices also have their own multi-tasking interaction solutions. However, many multi-tasking usage methods of foldable electronic devices are not easy to operate. Specifically, the current foldable electronic devices are introduced from traditional candy-bar electronic devices, and most of them are still accustomed to the direct single-application interaction solutions of candy-bar electronic devices. For foldable electronic devices, there are not many adapted interaction solutions. Therefore, when multiple tasks need to be operated, it is necessary to switch between multiple tasks. The operation process is cumbersome, resulting in a poor user experience.
[0029] In view of the above problems, the inventor has discovered after long-term research and proposed the interface display method, device, electronic device and storage medium provided in the embodiments of the present application. By setting the multi-interface mode of the electronic device, multiple application interfaces can be displayed simultaneously in the multi-interface mode, and the individual exit of the application interface can be controlled, which facilitates the user to use multiple interfaces and manage a single interface, and improves the user experience. Among them, the specific interface display method is described in detail in the subsequent embodiments.
[0030] The following describes an application environment for the method for displaying the interface provided in the embodiment of the present application.
[0031] See also Figure 1 The electronic device 100 may be, but is not limited to, a mobile phone, a tablet computer, a game console, a smart wearable device, a vehicle-mounted device, or other electronic devices. The electronic device 100 of this embodiment is described by taking a mobile phone as an example.
[0032] The electronic device 100 includes a foldable housing assembly 110, a touch screen 120, and an electronic component (not shown in the figure), wherein the electronic component is disposed in the foldable housing assembly 110, and the touch screen 120 is laid on the foldable housing assembly 110. The foldable housing assembly 110 is used to carry the touch screen 120 and protect the electronic component. The electronic component may include, but is not limited to, a central processing unit, a memory, a camera, a receiver, a fingerprint module, etc., and the specific electronic component may not be limited in the embodiment of the present application.
[0033] The foldable housing assembly 110 includes a first housing 111, a second housing 112, and a rotating shaft mechanism 113. The first housing 111 and the second housing 112 are respectively connected to two sides of the rotating shaft mechanism 113. The second housing 112 can be folded or unfolded relative to the first housing 111 through the rotating shaft mechanism 113, so that the foldable housing assembly 110 drives the touch screen 120 to fold or unfold. When the foldable housing assembly 110 and the touch screen 120 are in a stacked state, the volume of the electronic device 100 is relatively small, which is convenient for storage and carrying. When the foldable housing assembly 110 and the touch screen 120 are in an unfolded state, the volume of the electronic device 100 is relatively large, which is convenient for information display.
[0034] Please refer to Figure 2 , in this embodiment, the touch screen 120 includes a first display portion 121 connected to the first housing 111, a second display portion 122 connected to the second housing 112, and a bent display portion 123 connected to the first display portion 121 and the second display portion 122. Among them, the first display portion 121, the second display portion 122 pair, and the bent display portion 123 can correspondingly form a plurality of display areas (for example, form two display areas, form three display areas, form four display areas... form N display areas). The first display portion 121 and the second display portion 122 are respectively folded or unfolded relative to each other along with the first housing 111 and the second housing 112. The bent display portion 123 is bent or flattened along with the folding or unfolding of the first display portion 121 and the second display portion 122. In some embodiments, the first display portion 121, the second display portion 122, and the bent display portion 123 can be an integral structure, so that the touch screen 120 is a whole-piece flexible display screen; or, in some other embodiments, the bent display portion 123 is a bendable flexible part, while the first display portion 121 and the second display portion 122 can be non-flexible parts, and the first display portion 121 and the second display portion 122 are folded or unfolded relative to each other through the bent display portion 123. In this embodiment, when the first housing 111 and the second housing 112 are in a stacked state, the first display portion 121 and the second display portion 122 face away from each other, so that the electronic device 100 presents a structure of an outward-folded screen, enabling the user to observe the display content of the touch screen 120 even in the folded state, improving the convenience of using the electronic device 100. In some other embodiments, when the first housing 111 and the second housing 112 are in a stacked state, the first display portion 121 and the second display portion 122 are close to each other, so that the electronic device 100 presents a structure of an inward-folded screen, so as to protect the touch screen 120 from being scratched and damaged.
[0035] It should be understood that the naming of the above-mentioned first display unit 121, second display unit 122, and bent display unit 123 is only for convenience of description and does not serve as a structural limitation of the touch screen 120. In an actual application scenario, there may be no obvious boundary between the first display unit 121, the second display unit 122, and the bent display unit 123. Or, the touch screen 120 may appear in other divided structures. For example, the touch screen 120 includes a first display unit 121 and a second display unit 122 connected to the first display unit 121, and the first display unit 121 and the second display unit 122 can rotate relative to each other to fold or unfold.
[0036] Among them, in addition to being the above-mentioned foldable screen electronic device, the electronic device 100 can also be a non-foldable screen electronic device. It should be noted that in this embodiment, the appearance and structure of the electronic device 100 are not limited, as long as it can apply this solution.
[0037] Please refer to Figure 3 , Figure 3 FIG. shows a schematic flowchart of a method for displaying an interface provided in an embodiment of the present application. This method is used to set a multi-interface mode of an electronic device, and multiple application interfaces can be displayed simultaneously in the multi-interface mode, and the separate exit of the application interfaces can be controlled, which is convenient for users to use multiple interfaces and manage single interfaces, and improves the user experience. In a specific embodiment, the interface display method is applied to an interface display device 200 as shown in Figure 15 and an electronic device 100 configured with the interface display device 200 ( Figure 16 ). The following will take the electronic device as an example to illustrate the specific process of this embodiment. Of course, it can be understood that the electronic device to which this embodiment is applied can include a smart phone, a tablet computer, a vehicle-mounted computer, etc., and is not limited here. In this embodiment, the electronic device may include a touch screen. The following will elaborate on the process shown in Figure 3 . The interface display method may specifically include the following steps:
[0038] Step S110: When the electronic device is in the multi-interface mode, display the first application interface of the first application program in the first display area of the touch screen, and display the second application interface of the second application program in the second display area of the touch screen.
[0039] Optionally, the touch screen may include a display area, which may include a first display area and a second display area, or the display area may include a first display area, a second display area... an Nth display area, where N is an integer greater than or equal to 3. Taking the display area including the first display area and the second display area as an example, the display size corresponding to the first display area and the display size corresponding to the second display area may be the same or different; the display shape corresponding to the first display area and the display shape corresponding to the second display area may be the same or different; the display position corresponding to the first display area may be on the left, right, upper, lower, upper oblique, lower oblique, etc. of the display position corresponding to the second display area; the display parameters of the first display area and the second display area may be fixed after being set, or may be changed as needed, where the display parameters may include display position, display size, display shape, etc., which are not limited herein.
[0040] Optionally, the electronic device may include a multi-interface mode, where the multi-interface mode supports the electronic device to run at least two application programs simultaneously and display the application interfaces corresponding to the at least two application programs respectively. The at least two application programs are completely independent instances, the running modes of the at least two application programs are exactly the same as those of each application program, and the running of the at least two application programs does not interfere with each other.
[0041] In this embodiment, it is possible to detect whether the electronic device is in the multi-interface mode. Among them, if it is detected that the electronic device is in the multi-interface mode, the first application interface of the first application program may be displayed in the first display area of the touch screen, and the second application interface of the second application program may be displayed in the second display area of the touch screen; or, the first application interface of the first application program may be displayed in the first display area of the touch screen, the second application interface of the second application program may be displayed in the second display area of the touch screen... the Nth application interface of the Nth application program may be displayed in the Nth display area of the touch screen. Among them, if it is detected that the electronic device is not in the multi-interface mode, the application interface of a certain application program may be displayed in the display area, for example, the first application interface or the second application interface may be displayed in the display area.
[0042] Taking the example of displaying the first application interface of the first application in the first display area of the touch screen and the second application interface of the second application in the second display area of the touch screen, when the electronic device is in the multi-interface mode, the electronic device can run the first application and the second application simultaneously. Among them, the first application and the second application are two completely independent instances, and their operations do not interfere with each other. It can be understood that when the electronic device runs the first application, which can correspond to the first application interface, the first application interface can be displayed in the first display area; when the electronic device runs the second application, which can correspond to the second application interface, the second application interface can be displayed in the second display area.
[0043] Among them, the first application and the second application can be the same application. For example, the first application and the second application can both be a certain chat software or both be a certain video software; or, the first application and the second application can be different applications. For example, the first application can be a certain chat software and the second application can be a certain video software, which is not limited here.
[0044] In some embodiments, the electronic device can be provided with a function switch for the multi-interface mode, and this function switch is used to control the opening or closing of the multi-interface mode. Based on this, the state of the function switch can be detected. If it is detected that the state of the function switch is the on state, it can be determined that the electronic device is in the multi-interface mode; if it is detected that the state of the function switch is the off state, it can be determined that the electronic device is not in the multi-interface mode. Optionally, the function switch can be configured in the settings of the electronic device, can be configured in the drop-down status bar of the electronic device, etc., which is not limited here.
[0045] Please refer to Figure 4 , Figure 4 which shows the first interface schematic diagram of the electronic device provided by the embodiment of the present application. As Figure 4 shown, the first display area of the electronic device can display the first application interface A, and the second display area can display the second application interface B.
[0046] Step S120: In response to an operation indicating the exit of the first application from running, end the display of the first application interface in the first display area and keep the display of the second application interface in the second display area.
[0047] In this embodiment, during the process of displaying the first application interface in the first display area and the second application interface in the second display area, it is possible to detect whether there is an operation for indicating the exit of the first application from running, and / or whether there is an operation for indicating the exit of the second application from running. Among them, if it is detected that there is an operation for indicating the exit of the first application from running, then the operation for indicating the exit of the first application from running can be responded to, the display of the first application interface in the first display area can be ended, and the display of the second application interface in the second display area can be maintained. If it is detected that there is an operation for indicating the exit of the second application from running, then the operation for indicating the exit of the second application from running can be responded to, the display of the first application interface in the first display area can be maintained, and the display of the second application interface in the second display area can be ended. It can be understood that in this embodiment, in the multi-interface mode, the exit of a certain running application does not affect the running of other applications, and the individual operation and control of each application can be realized, improving the user experience.
[0048] Optionally, the exit of the first application from running may include: the first application switching from running in the foreground of the electronic device to running in the background of the electronic device; or, the first application switching from running in the foreground of the electronic device to stopping running on the electronic device.
[0049] As an implementable manner, responding to the operation for indicating the exit of the first application from running may include: responding to a sliding operation along a preset sliding direction on the first application interface; responding to a sliding operation along a preset sliding direction with the target position as the starting point of the slide on the first application interface; responding to a sliding operation along a preset sliding direction for a preset duration on the first application interface, etc., which are not limited here. Optionally, the preset sliding direction may be from the direction close to the second application interface to the direction away from the second application interface.
[0050] As another implementable manner, responding to the operation for indicating the exit of the first application from running may include: responding to a touch operation on the target control displayed on the first application interface.
[0051] The display method of the interface provided by an embodiment of the present application, when the electronic device is in the multi-interface mode, displays the first application interface of the first application in the first display area of the touch screen, and displays the second application interface of the second application in the second display area of the touch screen. In response to the operation indicating the exit of the first application from running, the display of the first application interface in the first display area is ended, and the display of the second application interface in the second display area is maintained. Thus, by setting the multi-interface mode of the electronic device, multiple application interfaces can be displayed simultaneously in the multi-interface mode, and the separate exit of the application interfaces can be controlled, which is convenient for the user to use multiple interfaces and manage single interfaces, and improves the user experience.
[0052] Please refer to Figure 5 , Figure 5 which shows a schematic flowchart of the display method of the interface provided by an embodiment of the present application. This method is applied to an electronic device, and the electronic device includes a touch screen. The following will elaborate in detail on Figure 5 the process shown, and the display method of the interface may specifically include the following steps:
[0053] Step S210: In response to the operation indicating the activation of the multi-interface mode, determine the screen size corresponding to the touch screen.
[0054] In this embodiment, it can be detected whether there is an operation indicating the activation of the multi-interface mode. Among them, if it is detected that there is an operation indicating the activation of the multi-interface mode, then in response to the operation indicating the activation of the multi-interface mode, the screen size corresponding to the touch screen can be determined; if it is detected that there is no operation indicating the activation of the multi-interface mode, then the multi-interface mode may not be entered, and the application interface of a certain application is displayed in the display area of the touch screen.
[0055] In some embodiments, the electronic device may be provided with a function switch for the multi-interface mode, and this function switch is used to control the activation or deactivation of the multi-interface mode. Based on this, the state change of this function switch can be detected. If it is detected that the state change of this function switch is from the off state to the on state, it can be determined that there is an operation indicating the activation of the multi-interface mode; if it is detected that the state change of this function switch is to remain in the off state, remain in the on state, or change from the on state to the off state, it can be determined that there is no operation indicating the activation of the multi-interface mode.
[0056] In some embodiments, in response to the operation indicating the activation of the multi-interface mode, obtain the configuration parameters of the electronic device, and based on these configuration parameters, determine the screen size corresponding to the touch screen. Among them, these configuration parameters can be configured when the electronic device is factory-set.
[0057] Step S220: If the screen size is greater than the size threshold, enter the multi-interface mode, and display the first application interface in the first display area and the second application interface in the second display area.
[0058] In some embodiments, the electronic device may be pre-set and store a size threshold, which is used as a basis for judging the screen size of the touch screen. Therefore, in this embodiment, when the screen size is determined, the screen size can be compared with the size threshold to determine whether the screen size is greater than the size threshold. Among them, if it is determined that the screen size is greater than the size threshold, it can be determined that the size of the touch screen is large. When entering the multi-interface mode for multi-interface display, the display effect of the interface will not be affected by the screen size. Therefore, the multi-interface mode can be entered, and the first application interface of the first application is displayed in the first display area, and the second application interface of the second application is displayed in the second display area; if it is determined that the screen size is less than or equal to the size threshold, it can be determined that the size of the touch screen is small. When entering the multi-interface mode for multi-interface display, the display effect of the interface will be affected by the screen size. Therefore, the multi-interface mode is not entered.
[0059] As an implementable manner, the electronic device may be a foldable electronic device. Determine the state of the electronic device, where the state includes an unfolded state or a folded state. If it is determined that the state is the unfolded state, it is determined that the screen size is greater than the size threshold. If it is determined that the state is the folded state, it is determined that the screen size is less than or equal to the size threshold. It can be understood that when the state of the electronic device is the unfolded state, it means that the electronic device generally displays the interface through the inner screen, and the screen size of the inner screen is large. Therefore, it can be determined that the screen size is greater than the size threshold; when the state of the electronic device is the folded state, it means that the electronic device generally displays the interface through the outer screen, and the screen size of the outer screen is small. Therefore, it can be determined that the screen size is less than or equal to the size threshold.
[0060] As a way, when the electronic device is in different states, it can feedback different state values. For example, when the electronic device is in the unfolded state, it can feedback the first state value, and when the electronic device is in the folded state, it can feedback the second state value. Based on this, the state value feedback by the electronic device can be detected. If it is detected that the electronic device feedbacks the first state value, it can be determined that the state of the electronic device is the unfolded state; if it is detected that the electronic device feedbacks the second state value, it can be determined that the state of the electronic device is the folded state.
[0061] Please refer to Figure 6 , Figure 6 which shows Figure 5 a schematic flowchart of step S220 of the interface display method shown in the present application. The following will be directed toFigure 6 The following describes the process shown in detail. The method may specifically include the following steps:
[0062] Step S221: If the screen size is greater than the size threshold, determine the remaining power of the electronic device.
[0063] It can be understood that the power consumption of the electronic device in the multi-interface mode is greater than that in the single-interface mode, that is, the power consumption rate of the electronic device in the multi-interface mode is greater than that in the single-interface mode.
[0064] In this embodiment, if it is determined that the screen size is greater than the size threshold, the remaining power of the electronic device can be determined.
[0065] As an implementable way, the remaining power of the electronic device can be obtained through the API provided by the operating system of the electronic device. Among them, many operating systems provide APIs for querying the battery status and remaining power. For example, in the Android system, the getBatteryLevel() method in the PowerManager class can be used to obtain the remaining power of the battery. In the iOS system, the batteryLevel property in the UIDevice class can be used to obtain the remaining power of the battery.
[0066] As another implementable way, the remaining power of the electronic device can be obtained through command-line tools. For example, in the Linux system, the upower command or pmset command can be used to query the remaining power of the battery. In the Windows system, the PowerShell command or Command Prompt can be used to query the remaining power of the battery.
[0067] As yet another implementable way, the remaining power of the electronic device can be obtained by reading the battery file. In some operating systems, the remaining power information of the battery is stored in one or more files. For example, in the Android system, the remaining power information of the battery is usually stored in the / sys / class / power_supply / battery / capacity file.
[0068] Step S222: If the remaining power is greater than the power threshold, enter the multi-interface mode, and display the first application interface in the first display area and the second application interface in the second display area.
[0069] In some embodiments, the electronic device may be pre-set and store a power threshold, which is used as a basis for judging the remaining power of the electronic device. Therefore, in this embodiment, when determining the remaining power of the electronic device, the remaining power can be compared with the power threshold to determine whether the remaining power is greater than the power threshold. Among them, if it is determined that the remaining power is greater than the power threshold, it can be determined that the remaining power of the electronic device is sufficient to support the multi-interface mode of the electronic device, and the multi-interface mode can be entered, and the first application interface of the first application program is displayed in the first display area, and the second application interface of the second application program is displayed in the second display area. If it is determined that the remaining power is less than or equal to the power threshold, it can be determined that the remaining power of the electronic device is insufficient and not enough to support the multi-interface mode of the power, and the multi-interface mode may not be entered.
[0070] As an implementable manner, if it is determined that the remaining power of the electronic device is less than or equal to the power threshold, it can be determined whether the electronic device is in a charging state. Among them, if it is determined that the electronic device is in a charging state, the multi-interface mode can be entered; if it is determined that the electronic device is in a non-charging state, the multi-interface mode may not be entered.
[0071] As an implementable manner, if it is determined that the remaining power of the electronic device is less than or equal to the power threshold, a prompt message can be output, where the prompt message is used to prompt to select whether to enter the multi-interface mode. Among them, if it is determined that the first selection instruction input based on the prompt message is received, the multi-interface mode is entered; if it is determined that the second selection instruction input based on the prompt message is received, or if no selection instruction is received within the preset time, the multi-interface mode is not entered.
[0072] Step S230: In response to an operation for instructing the first application program to exit the running state, end the display of the first application interface in the first display area, and keep the display of the second application interface in the second display area.
[0073] For the specific description of step S230, please refer to step S120 and will not be elaborated here.
[0074] The interface display method provided by an embodiment of the present application responds to an operation for instructing to enable the multi-interface mode, determines the screen size corresponding to the touch screen. If the screen size is greater than the size threshold, enter the interface mode, and display the first application interface of the first application program in the first display area of the touch screen, and display the second application interface of the second application program in the second display area of the touch screen. In response to an operation for instructing the first application program to exit the running state, end the display of the first application interface in the first display area, and keep the display of the second application interface in the second display area. Compared with Figure 3The display method of the interface shown. In this embodiment, when the screen size of the touch screen is greater than the size threshold, the multi-interface mode is entered, which can ensure that the multi-interfaces are displayed in an adapted display size and improve the display effect of the multi-interfaces.
[0075] Please refer to Figure 7 , Figure 7 which shows a schematic flowchart of the display method of the interface provided by an embodiment of the present application. This method is applied to an electronic device, and the electronic device includes a touch screen. The following will elaborate in detail on Figure 7 the process shown. The display method of the interface may specifically include the following steps:
[0076] Step S310: When the electronic device is in the multi-interface mode, display the first application interface of the first application in the first display area of the touch screen, and display the second application interface of the second application in the second display area of the touch screen.
[0077] Step S320: In response to an operation indicating the exit of the first application from running, end the display of the first application interface in the first display area, and maintain the display of the second application interface in the second display area.
[0078] For the specific descriptions of steps S310 - S320, please refer to steps S110 - S120, which will not be elaborated here.
[0079] Step S330: Display the first desktop in the first display area.
[0080] In some embodiments, when the display of the first application interface in the first display area ends, the first desktop can be displayed in the first display area. That is, when the display of the first application interface in the first display area ends, it can return to the first desktop for display. For example, if the first application interface is a chat software interface, it can return from the chat software interface to the first desktop. It can be understood that the first desktop may include time, weather, application icons, etc., which are not limited herein.
[0081] In some embodiments, when the first display area finishes displaying the first application interface, the display brightness of the first display area can be reduced. It can be understood that at this time, the display brightness of the first display area is lower than that of the second display area, thereby reducing the power consumption of the electronic device. As a way, when the first display area finishes displaying the first application interface, the first display area can display a blank interface. At this time, the display brightness of the blank interface displayed in the first display area can be reduced. As another way, when the first display area finishes displaying the first application interface, the first display area can display the first desktop. At this time, the display brightness of the first desktop displayed in the first display area can be reduced.
[0082] In some embodiments, when the first display area finishes displaying the first application interface, the first display area can be controlled to turn off the screen. It can be understood that at this time, the display brightness of the first display area is 0, and the second display area displays the second application interface, thereby further reducing the power consumption of the electronic device.
[0083] Please refer to Figure 8 , Figure 8 which shows the second interface schematic diagram of the electronic device provided by the embodiment of the present application. As Figure 8 shown, the first display area of the electronic device can display the first desktop C, and the second display area can display the second application interface B.
[0084] Step S340: In response to a touch operation on the application icon corresponding to the third application program displayed on the first desktop, display the third application interface of the third application program in the first display area.
[0085] Optionally, the first desktop can display application icons corresponding to multiple application programs respectively. Among them, the multiple application programs can include the third application program, and the third application program can include video application programs, search application programs, shooting application programs, etc., which are not limited here.
[0086] In this embodiment, during the process of displaying the first desktop in the first display area, touch operations on the application icons corresponding to the multiple application programs displayed on the first desktop can be detected. Among them, if a touch operation on the application icon corresponding to the third application program displayed on the first desktop is detected, the third application interface of the third application program can be displayed in the first display area, thereby realizing the display control of different application interfaces in the first display area and improving the user experience. If a touch operation on the application icon corresponding to the application program displayed on the first desktop is not detected, the first desktop can be kept displayed in the first display area.
[0087] In some embodiments, the touch operations on the application icon corresponding to the third application acting on the first desktop display may include: a click operation on the application icon corresponding to the third application; a press operation on the application icon corresponding to the third application; a slide operation on the application icon corresponding to the third application, etc., which are not limited herein.
[0088] Please refer to Figure 9 , Figure 9 which shows a third interface schematic diagram of the electronic device provided by an embodiment of the present application. As Figure 9 shown, a first display area of the electronic device may display a third application interface D, and a second display area may display a second application interface B.
[0089] An interface display method provided by an embodiment of the present application, when the electronic device is in a multi-interface mode, displays a first application interface of a first application in a first display area of a touch screen, and displays a second application interface of a second application in a second display area of the touch screen. In response to an operation indicating that the first application exits the running state, ends the display of the first application interface in the first display area, and displays a first desktop in the first display area. In response to a touch operation on the application icon corresponding to the third application acting on the first desktop display, displays a third application interface of the third application in the first display area, and maintains the display of the second application interface in the second display area. Compared with Figure 3 the interface display method shown, this embodiment can also sequentially switch from displaying the first application interface to the first desktop and the third application interface in the first display area, which can implement a single interface switching operation and improve the user experience.
[0090] Please refer to Figure 10 , Figure 10 which shows a flowchart of the interface display method provided by an embodiment of the present application. This method is applied to an electronic device, and the electronic device includes a touch screen. The following will elaborate in detail on Figure 10 the process shown. The interface display method may specifically include the following steps:
[0091] Step S410: When the electronic device is in a multi-interface mode, display a first application interface of a first application in a first display area of the touch screen, and display a second application interface of a second application in a second display area of the touch screen.
[0092] For the specific description of step S410, please refer to step S110, which will not be elaborated herein again.
[0093] Step S420: In response to a drag operation on the first interface content included in the first application interface, control the first interface content to move along with the drag operation.
[0094] Optionally, the first application interface may include first interface content, and the second application interface may include second interface content. For example, the first interface content may include text content, picture content, link content, emoji content, video content, etc., and the second interface content may include text content, picture content, link content, emoji content, video content, etc., which are not limited herein.
[0095] In this embodiment, during the process of displaying the first application interface in the first display area and the second application interface in the second display area, it is possible to detect a drag operation on the first interface content included in the first application interface, and a drag operation on the second interface content included in the second application interface. Among them, if a drag operation on the first interface content included in the first application interface is detected, the drag operation on the first interface content included in the first application interface can be responded to, and the first interface content can be controlled to move along with the drag operation; if a drag operation on the second interface content included in the second application interface is detected, the drag operation on the second interface content included in the second application interface can be responded to, and the second interface content can be controlled to move along with the drag operation.
[0096] In some embodiments, controlling the first interface content to move along with the drag operation in response to a drag operation on the first interface content included in the first application interface may include: if the press duration of a press operation on the first interface content reaches a duration threshold, setting the first interface content to a selected state, and if a drag operation on the first interface content in the selected state is detected, controlling the first interface content to move along with the drag operation.
[0097] In some embodiments, controlling the second interface content to move along with the drag operation in response to a drag operation on the second interface content included in the second application interface may include: if the press duration of a press operation on the second interface content reaches a duration threshold, setting the second interface content to a selected state, and if a drag operation on the second interface content in the selected state is detected, controlling the second interface content to move along with the drag operation.
[0098] In some embodiments, controlling the first interface content to move along with the drag operation may include: controlling the first interface content to move in a moving direction and at a moving speed that match the drag operation.
[0099] In some embodiments, controlling the second interface content to move along with the drag operation may include: controlling the second interface content to move in a moving direction and at a moving speed that match the drag operation.
[0100] Step S430: If it is determined that the first interface content moves from the first display area to the second display area, then display the first interface content on the second application interface.
[0101] In this embodiment, during the process of controlling the movement of the first interface content along with the dragging operation, it is possible to detect whether the first interface content moves from the first display area to the second display area. Among them, if it is determined that the first interface content moves from the first display area to the second display area, then the first interface content can be displayed on the second application interface. During the process of controlling the movement of the second interface content along with the dragging operation, it is possible to detect whether the second interface content moves from the second display area to the first display area. Among them, if it is determined that the second interface content moves from the second display area to the first display area, then the second interface content can be displayed on the first application interface. Based on this, it is possible to achieve the sharing of interface content between different applications (different application interfaces), improving the sharing efficiency of information.
[0102] In some embodiments, when the first interface content is displayed on the second application interface, the first interface content can be deleted from the first application interface; or, when the first interface content is displayed on the second application interface, the first interface content can be kept displayed on the first application interface.
[0103] In some embodiments, when the second interface content is displayed on the first application interface, the second interface content can be deleted from the second application interface; or, when the second interface content is displayed on the first application interface, the second interface content can be kept displayed on the second application interface.
[0104] In some embodiments, it is possible to determine the first position interval corresponding to the first display area and determine the second position interval corresponding to the second display area. During the process of controlling the movement of the first interface content along with the dragging operation, the position information of the first interface content can be obtained. If the position information of the first interface content switches from being within the first position interval to being within the second position interval, then it can be determined that the first interface content moves from the first display area to the second display area. During the process of controlling the movement of the second interface content along with the dragging operation, the position information of the second interface content can be obtained. If the position information of the second interface content switches from being within the second position interval to being within the first position interval, then it can be determined that the second interface content moves from the second display area to the first display area.
[0105] In some embodiments, displaying the first interface content on the second application interface if it is determined that the first interface content moves from the first display area to the second display area may include: if it is determined that the first interface content moves from the first display area to the second display area and a release operation acting on the first interface content is detected, then display the first interface content on the second application interface.
[0106] In some embodiments, if it is determined that the second interface content moves from the second display area to the first display area, displaying the second interface content on the first application interface may include: if it is determined that the second interface content moves from the second display area to the first display area, and a release operation acting on the second interface content is detected, then displaying the second interface content on the first application interface.
[0107] In some implementations, displaying the first interface content on the second application interface may include: determining a first position on the second display area corresponding to the movement of the first interface content, and displaying the first interface content on the second application interface according to the first position. For example, displaying the first interface content in an area on the second application interface that matches the first position.
[0108] In some implementations, displaying the second interface content on the first application interface may include: determining a second position on the first display area corresponding to the movement of the second interface content, and displaying the second interface content on the first application interface according to the second position. For example, displaying the second interface content in an area on the first application interface that matches the second position.
[0109] See also Figure 11 , Figure 11 This application shows Figure 10 The following is a flow chart of step S430 of the method for displaying the interface. Figure 11 The process shown is described in detail, and the method may specifically include the following steps:
[0110] Step S431: Determine the second interface content included in the second application interface.
[0111] In some implementations, the second interface content included in the second application interface may be determined. It is understandable that the second interface content may include text content, picture content, link content, emoticon content, video content, etc., which are not limited here.
[0112] Step S432: Determine a first content type corresponding to the first interface content, and determine a second content type corresponding to the second interface content.
[0113] In some implementations, when determining the first interface content, the first content type corresponding to the first interface content may be determined, wherein the first content type may include: text type, picture type, link type, emoticon type, video type, etc., which are not limited here.
[0114] In some embodiments, when determining the second interface content, the second content type corresponding to the second interface content can be determined. The second content type may include, for example, text type, picture type, link type, emoji type, video type, etc., which are not limited herein.
[0115] As an implementable manner, when determining the first interface content, the first interface content can be type-identified to determine the first content type corresponding to the first interface content. When determining the second interface content, the second interface content can be type-identified to determine the second content type corresponding to the second interface content.
[0116] Step S433: Based on the first content type and the second content type, perform a fusion process on the first interface content and the second interface content to obtain the fused interface content.
[0117] In some embodiments, when determining the first content type and the second content type, based on the first content type and the second content type, a fusion process can be performed on the first interface content and the second interface content to obtain the fused interface content.
[0118] As an implementable manner, the electronic device can be pre-set and store a mapping relationship, where the mapping relationship may include the corresponding relationship between multiple content types and multiple fusion methods. Therefore, when determining the first content type and the second content type, based on the mapping relationship, the target fusion method corresponding to the first content type and the second content type can be determined, and based on the target fusion method, a fusion process is performed on the first interface content and the second interface content to obtain the fused interface content.
[0119] As an example, assume that the first interface content is text content, the first content type is determined to be text type, the second interface content is video content, and the second content type is determined to be video type. Then the text content can be displayed on the video content in the form of bullet comments to obtain the fused interface content.
[0120] As another example, assume that the first interface content is the first picture content, the first content type is determined to be picture type, the second interface content is the second picture content, and the second content type is determined to be picture type. Then the first picture content and the second picture content can be synthesized to obtain the fused interface content.
[0121] As yet another example, assume that the first interface content is emoji content, the first content type is determined to be emoji type, the second interface content is picture content, and the second content type is determined to be picture type. Then the emoji content can be inserted into the picture content to obtain the fused interface content.
[0122] Step S434: Display the content of the fusion interface on the second application interface.
[0123] In some embodiments, when the content of the fusion interface is obtained, the content of the fusion interface can be displayed on the second application interface to implement the interaction and display of the interface content and improve the user experience.
[0124] Step S440: In response to an operation indicating the exit of the first application program from running, end the display of the first application interface in the first display area and maintain the display of the second application interface in the second display area.
[0125] For the specific description of step S440, please refer to step S120 and will not be elaborated here.
[0126] The display method of the interface provided by an embodiment of the present application, when the electronic device is in the multi-interface mode, displays the first application interface of the first application program in the first display area of the touch screen, and displays the second application interface of the second application program in the second display area of the touch screen, responds to the drag operation on the first interface content included in the first application interface, controls the movement of the first interface content along with the drag operation, if it is determined that the first interface content moves from the first display area to the second display area, then displays the first interface content on the second application interface, and in response to the operation indicating the exit of the first application program from running, ends the display of the first application interface in the first display area and maintains the display of the second application interface in the second display area. Compared with Figure 3 the shown display method of the interface, this embodiment can also perform quick interaction of the interface content between multiple interfaces to improve the user interaction experience.
[0127] Please refer to Figure 12 , Figure 12 shows a schematic flowchart of the display method of the interface provided by an embodiment of the present application. This method is applied to an electronic device, and the electronic device includes a touch screen. The following will elaborate in detail on Figure 12 the shown process. The display method of the interface can specifically include the following steps:
[0128] Step S510: In response to an operation indicating the activation of the multi-interface mode, enter the multi-interface mode, and display the first desktop in the first display area and the second desktop in the second display area.
[0129] In this embodiment, it is possible to detect whether there is an operation for indicating the activation of the multi-interface mode. Among them, if it is detected that there is an operation for indicating the activation of the multi-interface mode, the operation for indicating the activation of the multi-interface mode can be responded to, enter the multi-interface mode, and display the first desktop in the first display area and the second desktop in the second display area; if it is detected that there is no operation for indicating the activation of the multi-interface mode, the multi-interface mode may not be entered, and a certain desktop (the first desktop or the second desktop) is displayed in the display area of the touch screen. Among them, the first desktop and the second desktop may be the same two desktops.
[0130] In some embodiments, the first desktop may include time, weather, multiple application icons, etc.; the second desktop may include time, weather, multiple application icons, etc., which are not limited herein.
[0131] Please refer to Figure 13 , Figure 13 which shows the fourth interface schematic diagram of the electronic device provided by the embodiment of the present application. As Figure 13 shown, the first display area of the electronic device may display the first desktop C, and the second display area may display the second desktop E.
[0132] Step S520: In response to a touch operation on the application icon corresponding to the first application displayed on the first desktop, display the first application interface of the first application in the first display area.
[0133] Optionally, the first desktop may include multiple application icons, and the multiple application icons may include the application icon corresponding to the first application.
[0134] In this embodiment, during the process of displaying the first desktop in the first display area, it is possible to detect touch operations on multiple application icons. Among them, if a touch operation on the application icon corresponding to the first application is detected, the touch operation on the application icon corresponding to the first application can be responded to, and the first application interface of the first application is displayed in the first display area. Among them, if no touch operation on the application icon is detected, the first desktop remains displayed in the first display area.
[0135] Step S530: In response to a touch operation on the application icon corresponding to the second application displayed on the second desktop, display the second application interface of the second application in the second display area.
[0136] Optionally, the second desktop may include multiple application icons, and the multiple application icons may include the application icon corresponding to the second application.
[0137] In this embodiment, during the process of displaying the second desktop in the second display area, touch operations on multiple application icons can be detected. Among them, if a touch operation on the application icon corresponding to the second application program is detected, the touch operation on the application icon corresponding to the second application program can be responded to, and the second application interface of the second application program is displayed in the second display area. Among them, if no touch operation on the application icon is detected, the second desktop can be kept displayed in the second display area.
[0138] Step S540: In response to an operation indicating the exit of the first application program from running, end the display of the first application interface in the first display area, and keep the display of the second application interface in the second display area.
[0139] For the specific description of step S540, please refer to step S120 and will not be elaborated here.
[0140] The interface display method provided by an embodiment of the present application responds to an operation indicating the activation of the multi-interface mode, enters the multi-interface mode, and displays the first desktop in the first display area and the second desktop in the second display area, responds to a touch operation on the application icon corresponding to the first application program displayed on the first desktop, displays the first application interface of the first application program in the first display area, responds to a touch operation on the application icon corresponding to the second application program displayed on the second desktop, displays the second application interface of the second application program in the second display area, responds to an operation indicating the exit of the first application program from running, ends the display of the first application interface in the first display area, and keeps the display of the second application interface in the second display area. Compared with Figure 3 the shown interface display method, this embodiment also directly displays multiple desktops when entering the multi-interface mode and enters multiple application interfaces through the multiple desktops respectively, which can improve the user's interaction experience.
[0141] Please refer to Figure 14 , Figure 14 shows a schematic flowchart of the interface display method provided by an embodiment of the present application. This method is applied to an electronic device, and the electronic device includes a touch screen. The following will elaborate in detail on Figure 14 the shown process. The interface display method can specifically include the following steps:
[0142] Step S610: When the electronic device is in the multi-interface mode, display the first application interface of the first application program in the first display area of the touch screen, and display the second application interface of the second application program in the second display area of the touch screen.
[0143] Step S620: In response to an operation for indicating the exit of the first application from running, end the display of the first application interface in the first display area, and maintain the display of the second application interface in the second display area.
[0144] For the specific descriptions of steps S610 - S620, please refer to steps S110 - S120, which will not be elaborated here.
[0145] Step S630: In response to an operation for indicating the closing of the multi - interface mode, exit the multi - interface mode, and display the first application interface or the second application interface in the display area of the touch screen, where the display area includes the first display area and the second display area.
[0146] In this embodiment, when the electronic device is in the multi - interface mode, it can detect whether there is an operation for indicating the closing of the multi - interface mode. Among them, if it detects that there is an operation for indicating the closing of the multi - interface mode, it can respond to the operation for indicating the closing of the multi - interface mode, exit the multi - interface mode, and display the first application interface or the second application interface in the display area of the touch screen; if it detects that there is no operation for indicating the closing of the multi - interface mode, it can not exit the multi - interface mode, and display the first application interface in the first display area of the touch screen and display the second application interface in the second display area of the touch screen.
[0147] In some embodiments, the electronic device can be provided with a function switch for the multi - interface mode, and this function switch is used to control the opening or closing of the multi - interface mode. Based on this, it can detect the state change of this function switch. If it detects that the state change of this function switch is from the on state to the off state, it can determine that there is an operation for indicating the closing of the multi - interface mode; if it detects that the state change of this function switch is to maintain the on state, it can determine that there is no operation for indicating the closing of the multi - interface mode.
[0148] As an implementable way, displaying the first application interface or the second application interface in the display area of the touch screen can include: determining the application interface with the most recent operation from the first application interface and the second application interface as the target application interface, and displaying the target application interface in the display area of the touch screen.
[0149] As another implementable way, displaying the first application interface or the second application interface in the display area of the touch screen can include: determining the application interface with a higher priority from the first application interface and the second application interface as the target application interface, and displaying the target application interface in the display area of the touch screen.
[0150] As another implementable manner, displaying the first application interface or the second application interface in the display area of the touch screen may include: determining, from the first application interface and the second application interface, the application interface located in the target orientation as the target application interface, and displaying the target application interface in the display area of the touch screen.
[0151] In the display method of the interface provided by an embodiment of the present application, when the electronic device is in the multi-interface mode, the first application interface of the first application program is displayed in the first display area of the touch screen, and the second application interface of the second application program is displayed in the second display area of the touch screen. In response to an operation for instructing the first application program to exit the running state, the display of the first application interface in the first display area ends, and the display of the second application interface in the second display area is maintained. In response to an operation for instructing to close the multi-interface mode, the multi-interface mode is exited, and the first application interface or the second application interface is displayed in the display area of the touch screen, where the display area includes the first display area and the second display area. Compared with Figure 3 the shown interface display method, in this embodiment, when exiting the multi-interface mode, the application interface resumes full-screen display, which can adapt to the display of the mode and improve the display effect of the interface.
[0152] Please refer to Figure 15 , Figure 15 which shows a block diagram of a display device of an interface provided by an embodiment of the present application. The display device 200 of the interface is applied to an electronic device, and the electronic device includes a touch screen. The following will be described with respect to Figure 15 the shown block diagram. The display device 200 of the interface includes: a first interface display module 210 and a second interface display module 220, where:
[0153] The first interface display module 210 is configured to display the first application interface of the first application program in the first display area of the touch screen and display the second application interface of the second application program in the second display area of the touch screen when the electronic device is in the multi-interface mode.
[0154] Further, the first interface display module 210 includes: a screen size determination sub-module and a first interface display sub-module, where:
[0155] The screen size determination sub-module is configured to determine the screen size corresponding to the touch screen in response to an operation for instructing to enable the multi-interface mode.
[0156] The first interface display sub-module is configured to enter the multi-interface mode and display the first application interface in the first display area and display the second application interface in the second display area if the screen size is greater than the size threshold.
[0157] Further, the first interface display sub-module includes: a remaining battery power determination unit and a first interface display unit, where:
[0158] The remaining battery power determination unit is configured to determine the remaining battery power of the electronic device if the screen size is greater than the size threshold.
[0159] The first interface display unit is configured to enter the multi-interface mode if the remaining battery power is greater than the battery power threshold, and display the first application interface in the first display area and the second application interface in the second display area.
[0160] Further, the electronic device is a foldable electronic device, and the first interface display module 210 further includes: a state determination sub-module, a first determination sub-module, and a second determination sub-module, where:
[0161] The state determination sub-module is configured to determine the state of the electronic device, where the state includes an unfolded state or a folded state.
[0162] The first determination sub-module is configured to determine that the screen size is greater than the size threshold if it is determined that the state is the unfolded state.
[0163] The second determination sub-module is configured to determine that the screen size is less than or equal to the size threshold if it is determined that the state is the folded state.
[0164] Further, the first interface display module 210 includes: a desktop display sub-module, a first application interface display sub-module, and a second application interface display sub-module, where:
[0165] The desktop display sub-module is configured to enter the multi-interface mode in response to an operation for indicating to turn on the multi-interface mode, and display a first desktop in the first display area and a second desktop in the second display area;
[0166] The first application interface display sub-module is configured to display the first application interface of the first application program in the first display area in response to a touch operation on the application icon corresponding to the first application program displayed on the first desktop.
[0167] The second application interface display sub-module is configured to display the second application interface of the second application program in the second display area in response to a touch operation on the application icon corresponding to the second application program displayed on the second desktop.
[0168] The second interface display module 220 is configured to respond to an operation for instructing the first application to exit the running state, end the display of the first application interface in the first display area, and maintain the display of the second application interface in the second display area.
[0169] Further, the interface display device 200 further includes: a first processing module, a second processing module, and a third processing module, where:
[0170] The first processing module is configured to display a first desktop in the first display area.
[0171] The second processing module is configured to reduce the display brightness of the first display area.
[0172] The third processing module is configured to control the first display area to turn off the screen.
[0173] Further, the interface display device 200 further includes: a third interface display module, where:
[0174] The third interface display module is configured to respond to a touch operation on an application icon corresponding to a third application acting on the first desktop display, and display a third application interface of the third application in the first display area.
[0175] Further, the interface display device 200 further includes: an interface content moving module and an interface content display module, where:
[0176] The interface content moving module is configured to respond to a dragging operation on a first interface content included in the first application interface, and control the first interface content to move along with the dragging operation.
[0177] The interface content display module is configured to, if it is determined that the first interface content moves from the first display area to the second display area, display the first interface content in the second application interface.
[0178] Further, the interface content display module includes: an interface content determination sub-module, a content type determination sub-module, an interface content fusion sub-module, and an interface content display sub-module, where:
[0179] The interface content determination sub-module is configured to determine second interface content included in the second application interface.
[0180] The content type determination sub-module is configured to determine a first content type corresponding to the first interface content and a second content type corresponding to the second interface content.
[0181] The interface content fusion sub-module is used to perform fusion processing on the first interface content and the second interface content based on the first content type and the second content type to obtain the fused interface content.
[0182] The interface content display sub-module is used to display the fused interface content on the second application interface.
[0183] Further, the display device 200 of the interface further includes: an interface display module, where:
[0184] The interface display module is used to respond to an operation for indicating to close the multi-interface mode, exit the multi-interface mode, and display the first application interface or the second application interface in the display area of the touch screen, where the display area includes the first display area and the second display area.
[0185] Those skilled in the art can clearly understand that for the convenience and brevity of description, the specific working processes of the above-described devices and modules can refer to the corresponding processes in the foregoing method embodiments and will not be elaborated herein.
[0186] In several embodiments provided in the present application, the coupling between modules can be electrical, mechanical, or other forms of coupling.
[0187] In addition, in each embodiment of the present application, the various functional modules can be integrated in a processing module, or each module can exist physically alone, or two or more modules can be integrated in one module. The above-mentioned integrated modules can be implemented in the form of hardware or in the form of software functional modules.
[0188] Please refer to Figure 16 , which shows a structural block diagram of an electronic device 100 provided by an embodiment of the present application. The electronic device 100 can be an electronic device such as a smart phone, a tablet computer, an e-book, etc. that can run application programs. The electronic device 100 in the present application can include one or more of the following components: a processor 130, a memory 140, a touch screen 120, and one or more application programs, where one or more application programs can be stored in the memory 140 and configured to be executed by one or more processors 130, and one or more programs are configured to execute the methods described in the foregoing method embodiments.
[0189] Among them, the processor 130 may include one or more processing cores. The processor 130 connects various parts within the entire electronic device 100 through various interfaces and circuits. By running or executing instructions, programs, code sets, or instruction sets stored in the memory 140, and by invoking the data stored in the memory 140, it performs various functions of the electronic device 100 and processes data. Optionally, the processor 130 may be implemented in at least one hardware form of digital signal processing (DSP), field-programmable gate array (FPGA), or programmable logic array (PLA). The processor 130 may integrate a combination of one or several of a central processing unit (CPU), a graphics processing unit (GPU), and a modem, etc. Among them, the CPU mainly processes the operating system, user interface, application programs, etc.; the GPU is responsible for rendering and drawing the content to be displayed; the modem is used to process wireless communication. It can be understood that the above-mentioned modem may not be integrated into the processor 130 and may be implemented separately through a communication chip.
[0190] The memory 140 may include random access memory (RAM) and may also include read-only memory. The memory 140 can be used to store instructions, programs, code, code sets, or instruction sets. The memory 140 may include a program storage area and a data storage area. Among them, the program storage area may store instructions for implementing the operating system, instructions for implementing functions (such as touch function, sound playback function, image playback function, etc.), instructions for implementing the following various method embodiments, etc. The data storage area may also store the data created during the use of the electronic device 100 (such as phone book, audio and video data, chat record data, etc.).
[0191] The touch screen 120 is used to display information input by the user, information provided to the user, and various graphical user interfaces of the electronic device 100. These graphical user interfaces can be composed of graphics, text, icons, numbers, videos, and any combination thereof. In one example, the touch screen 120 may be a liquid crystal display (LCD) or an organic light-emitting diode (OLED), which is not limited herein.
[0192] Please refer to Figure 17, which shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application. Program code is stored in the computer-readable medium 300, and the program code can be called by a processor to execute the method described in the above method embodiment.
[0193] The computer-readable storage medium 300 can be an electronic memory such as a flash memory, EEPROM (electrically erasable programmable read-only memory), EPROM, hard disk, or ROM. Optionally, the computer-readable storage medium 300 includes a non-transitory computer-readable storage medium. The computer-readable storage medium 300 has a storage space for the program code 310 that executes any method step in the above method. These program codes can be read out from or written into one or more computer program products. The program code 310 can be compressed in an appropriate form, for example.
[0194] In summary, for the interface display method, device, electronic device, and storage medium provided by the embodiments of the present application, when the electronic device is in a multi-interface mode, a first application interface of a first application is displayed in a first display area of the touch screen, and a second application interface of a second application is displayed in a second display area of the touch screen. In response to an operation indicating that the first application exits the running state, the display of the first application interface in the first display area ends, and the display of the second application interface in the second display area is maintained. Thus, by setting the multi-interface mode of the electronic device, multiple application interfaces can be simultaneously displayed in the multi-interface mode, and the separate exit of the application interfaces can be controlled, which is convenient for the user to use multiple interfaces and manage single interfaces, and improves the user experience.
[0195] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application and are not intended to limit them. Although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that they can still modify the technical solutions described in the foregoing embodiments or perform equivalent replacements for some of the technical features. However, such modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.
Claims
1. A method for displaying an interface, characterized in that, Applied to an electronic device, the electronic device including a touch screen, the method comprising: When the electronic device is in a multi-interface mode, displaying a first application interface of a first application in a first display area of the touch screen, and displaying a second application interface of a second application in a second display area of the touch screen; In response to an operation indicating that the first application exits the running state, ending the display of the first application interface in the first display area, and maintaining the display of the second application interface in the second display area.
2. The method according to claim 1, characterized in that, The step of, when the electronic device is in a multi-interface mode, displaying a first application interface of a first application in a first display area of the touch screen, and displaying a second application interface of a second application in a second display area of the touch screen, includes: In response to an operation indicating the activation of the multi-interface mode, determining the screen size corresponding to the touch screen; If the screen size is greater than a size threshold, entering the multi-interface mode, and displaying the first application interface in the first display area, and displaying the second application interface in the second display area.
3. The method according to claim 2, characterized in that, The electronic device is a foldable electronic device, and the method further includes: Determining the state of the electronic device, where the state includes an unfolded state or a folded state; If it is determined that the state is the unfolded state, determining that the screen size is greater than the size threshold; or If it is determined that the state is the folded state, determining that the screen size is less than or equal to the size threshold.
4. The method according to claim 2, characterized in that, The step of, if the screen size is greater than the size threshold, entering the multi-interface mode, and displaying the first application interface in the first display area, and displaying the second application interface in the second display area, includes: If the screen size is greater than the size threshold, determining the remaining power of the electronic device; If the remaining power is greater than a power threshold, entering the multi-interface mode, and displaying the first application interface in the first display area, and displaying the second application interface in the second display area.
5. The method according to claim 1, characterized in that, After the step of, in response to an operation indicating that the first application exits the running state, ending the display of the first application interface in the first display area, and maintaining the display of the second application interface in the second display area, the method further includes: Displaying a first desktop in the first display area; or Reducing the display brightness of the first display area; or Controlling the first display area to turn off the screen.
6. The method according to claim 5, characterized in that, After displaying the first desktop in the first display area, the method further includes: In response to a touch operation on an application icon corresponding to a third application displayed on the first desktop, displaying a third application interface of the third application in the first display area.
7. The method according to any one of claims 1-6, characterized in that, The method further includes: In response to a dragging operation on first interface content included in the first application interface, controlling the first interface content to move along with the dragging operation; If it is determined that the first interface content moves from the first display area to the second display area, displaying the first interface content in the second application interface.
8. The method according to claim 7, characterized in that, Displaying the interface content on the second application interface includes: Determining the second interface content included in the second application interface; Determining a first content type corresponding to the first interface content and determining a second content type corresponding to the second interface content; Performing a fusion process on the first interface content and the second interface content based on the first content type and the second content type to obtain fused interface content; Displaying the fused interface content on the second application interface.
9. The method according to any one of claims 1-6, characterized in that, When the electronic device is in a multi-interface mode, displaying a first application interface of a first application on a first display area of the touch screen and displaying a second application interface of a second application on a second display area of the touch screen includes: Responding to an operation for indicating the activation of the multi-interface mode, entering the multi-interface mode, and displaying a first desktop on the first display area and displaying a second desktop on the second display area; Responding to a touch operation on an application icon corresponding to the first application displayed on the first desktop, and displaying the first application interface of the first application on the first display area; Responding to a touch operation on an application icon corresponding to the second application displayed on the second desktop, and displaying the second application interface of the second application on the second display area.
10. The method according to any one of claims 1-6, characterized in that, After displaying a first application interface of a first application on a first display area of the touch screen and displaying a second application interface of a second application on a second display area of the touch screen when the electronic device is in a multi-interface mode, it further includes: Responding to an operation for indicating the deactivation of the multi-interface mode, exiting the multi-interface mode, and displaying the first application interface or the second application interface on the display area of the touch screen, where the display area includes the first display area and the second display area.
11. A display device for an interface, characterized in that, Applied to an electronic device, the electronic device includes a touch screen, and the device includes: A first interface display module, configured to display a first application interface of a first application on a first display area of the touch screen and display a second application interface of a second application on a second display area of the touch screen when the electronic device is in a multi-interface mode; A second interface display module, configured to respond to an operation for indicating the termination of the first application from running, end the display of the first application interface on the first display area, and maintain the display of the second application interface on the second display area.
12. An electronic device, characterized in that, Including a touch screen, a memory, and a processor, the touch screen and the memory are coupled to the processor, and the memory stores instructions, and when the instructions are executed by the processor, the processor executes the method according to any one of claims 1-10.
13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores program code, and the program code can be called by a processor to execute the method according to any one of claims 1-10.