Display method and electronic equipment

Abstract

The invention provides a display method and electronic equipment, the method is applied to the electronic equipment, and the method comprises the following steps: displaying a first parallel vision interface on a display screen; wherein the first parallel vision interface comprises a first interface and a second interface, the first interface comprises first content, the second interface comprises second content, and the first interface and the second interface do not coincide; in response to a received first operation, updating the first parallel vision interface into a second parallel vision interface; wherein the second parallel vision interface comprises a third interface and a fourth interface, the third interface comprises third content, the third content comprises the first content, the fourth interface comprises fourth content, the fourth content comprises the second content, and the third interface and the fourth interface do not coincide. The aspect ratio of the second parallel field-of-view interface is less than the aspect ratio of the first parallel field-of-view interface. According to the method, effective content capable of being displayed by the parallel vision interface can be improved, and the display effect of the parallel vision interface is improved.

Description

Technical Field

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

[0002] Parallel horizon refers to the interface displayed in split screen within an application. In parallel horizon, two interfaces within an application can be displayed simultaneously in the left and right areas of the display screen. When current electronic devices display parallel horizons, the parallel horizon interface is displayed full screen on the display screen by default. When some electronic devices with large-size display screens (such as tablets, folding screen devices, etc.) display parallel horizons in this way, the overall interface will be enlarged, resulting in a reduction in the effective content in the interface, so the display effect is poor. Summary of the invention

[0003] The present application provides a display method and an electronic device for increasing the effective content that can be displayed on a parallel field of view interface, thereby improving the display effect of the parallel field of view interface.

[0004] In a first aspect, an embodiment of the present application provides a display method, which is applied to an electronic device, the method comprising: displaying a first parallel field of view interface on a display screen; wherein the first parallel field of view interface includes a first interface and a second interface, the first interface includes a first content, the second interface includes a second content, and the first interface and the second interface do not overlap; in response to a received first operation, updating the first parallel field of view interface to a second parallel field of view interface; wherein the second parallel field of view interface includes a third interface and a fourth interface, the third interface includes a third content, the third content includes the first content, the fourth interface includes a fourth content, the fourth content includes the second content, the third interface and the fourth interface do not overlap, and the aspect ratio of the second parallel field of view interface is smaller than the aspect ratio of the first parallel field of view interface.

[0005] In this method, the electronic device can display the parallel horizon interface on the display screen with a smaller aspect ratio, so that the two interfaces in the parallel horizon interface, namely the third interface and the fourth interface, can be displayed with a smaller aspect ratio. Among them, the interface displayed with a smaller aspect ratio can contain more effective content than the interface displayed with a larger aspect ratio. Therefore, this method can enable the electronic device to display the parallel horizon interface with a more reasonable interface ratio, thereby increasing the effective content contained in the parallel horizon interface, and thus improving the display effect of the parallel horizon interface.

[0006] In a possible design, the aspect ratio of the third interface is smaller than that of the first interface, and the aspect ratio of the fourth interface is smaller than that of the second interface.

[0007] In this method, the first interface and the second interface may be two adjacent left and right parts of the parallel horizon interface before the update, and the third interface and the fourth interface may be two adjacent left and right parts of the parallel horizon interface after the update. Based on this method, the aspect ratio of the left and right parts of the parallel horizon interface after the update is smaller than the aspect ratio of the corresponding interface before the update, so that more displayable content can be accommodated, thereby increasing the effective content contained in the parallel horizon interface.

[0008] In a possible design, the third interface and the fourth interface are adjacent to each other on the left and right; wherein: the left side border of the third interface does not overlap with the left side border of the display screen, and the right side border of the fourth interface does not overlap with the right side border of the display screen; or, the left side border of the third interface overlaps with the left side border of the display screen, and the right side border of the fourth interface does not overlap with the right side border of the display screen; or, the left side border of the third interface does not overlap with the left side border of the display screen, and the right side border of the fourth interface overlaps with the right side border of the display screen.

[0009] In this method, there are multiple options for the position of the display area occupied by the parallel horizon interface on the display screen, which has high flexibility and practicality.

[0010] In one possible design, the method further includes: displaying a first control on the display screen; wherein the first control is used to control the reduction of the aspect ratio of the first parallel visual interface; and the first operation is an operation acting on the first control.

[0011] In this method, the electronic device can provide a more intuitive and convenient operation mode for controlling the display of the parallel horizon interface by displaying the first control, which is highly practical. The electronic device can trigger the update and display of the parallel horizon interface based on the operation performed on the control displayed by the electronic device, and the response efficiency is high.

[0012] In one possible design, the method also includes: displaying a second control on the display screen; wherein the second control is used to trigger display of one or more controls, the one or more controls include a third control, and the third control is used to control the reduction of the aspect ratio of the first parallel field of view interface; the first operation includes a first sub-operation acting on the second control and a second sub-operation acting on the third control; and in response to the received first operation, updating the first parallel field of view interface to the second parallel field of view interface includes: receiving the first sub-operation; in response to the first sub-operation, displaying the third control; receiving the second sub-operation; and in response to the second sub-operation, updating the first parallel field of view interface to the second parallel field of view interface.

[0013] In this method, the electronic device can realize the effect of folding and displaying one or more controls into one control, namely, a menu control, which can reduce the number of controls in the parallel horizon interface as much as possible, making the interface display more concise and beautiful. At the same time, the menu control can trigger the display of one or more controls, so it does not affect the use of one or more controls.

[0014] In a possible design, the first operation is a first sliding operation on the display screen. The method has high display efficiency and operation control efficiency.

[0015] In one possible design, the method further includes: in response to a received second operation, updating the second parallel view interface to the first parallel view interface.

[0016] In this method, after the electronic device updates the first parallel view interface to the second parallel view interface, it can also switch back to displaying the first parallel view interface, which is convenient for users to switch and view the parallel view interfaces, and has high flexibility and practicality.

[0017] In one possible design, a fourth control is displayed on the display screen; wherein the fourth control is used to control the display of the first parallel field of view interface; and the second operation is an operation acting on the fourth control.

[0018] In this method, the electronic device can provide a more intuitive and convenient operation mode for controlling the display of the parallel horizon interface by displaying the fourth control, which is highly practical. The electronic device can trigger the update and display of the parallel horizon interface based on the operation performed on the control displayed by the electronic device, and the response efficiency is high.

[0019] In one possible design, a fifth control is displayed on the display screen; wherein the fifth control is used to trigger display of at least one control, the at least one control includes a sixth control, and the sixth control is used to control display of the first parallel vision interface; the second operation includes a third sub-operation acting on the fifth control and a fourth sub-operation acting on the sixth control; and in response to the received second operation, updating the second parallel vision interface to the first parallel vision interface includes: receiving the third sub-operation; displaying the sixth control in response to the third sub-operation; receiving the fourth sub-operation; and updating the second parallel vision interface to the first parallel vision interface in response to the fourth sub-operation.

[0020] In this method, the electronic device can realize the effect of folding and displaying at least one control into one control, namely, a menu control, and can reduce the number of controls in the parallel horizon interface as much as possible, making the interface display more concise and beautiful. At the same time, the menu control can trigger the display of at least one control, so it does not affect the use of one or more controls.

[0021] In a possible design, the second operation is a second sliding operation on the display screen. The method has high display efficiency and operation control efficiency.

[0022] In a possible design, the second parallel horizon interface is located in the first area on the display screen, and the method further includes: in response to the received third operation, displaying the second parallel horizon interface in the second area on the display screen. In this method, after displaying the second parallel horizon interface, the electronic device can perform a translation display of the second parallel horizon interface, which can enrich the display effect of the parallel horizon interface and has high practicality.

[0023] In one possible design, the second parallel field of view interface is located in a first area on the display screen, and the method further includes: when the first parallel field of view interface is updated to the second parallel field of view interface in response to the first operation, displaying a fifth interface in a second area on the display screen, wherein the second area does not overlap with the first area.

[0024] In this method, while displaying the second parallel horizon interface, the electronic device can also automatically display other interfaces in the display area not occupied by the second parallel horizon interface, so that more effective content can be displayed at the same time, thereby improving the display effect. At the same time, this method has a high display efficiency.

[0025] In one possible design, the second parallel horizon interface is located in a first area on the display screen, and after updating the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, the method further includes: displaying a fifth interface in the second area on the display screen in response to the received fourth operation. The second area does not overlap with the first area.

[0026] In this method, after displaying the second parallel field of view interface, the electronic device can also display other interfaces in the display area not occupied by the second parallel field of view interface in response to received operations, so that more valid content can be displayed on the display screen at the same time, thereby improving the display effect.

[0027] In one possible design, the second parallel field of view interface is located in a first area on the display screen. After updating the first parallel field of view interface to the second parallel field of view interface in response to a received first operation, the method further includes: displaying the second parallel field of view interface in a third area on the display screen in response to a received fourth operation, and displaying a fifth interface in a fourth area on the display screen, wherein the third area does not overlap with the fourth area.

[0028] Based on this method, after the electronic device displays the second parallel field of view interface, when displaying other interfaces at the same time, it can reasonably adjust the display area occupied by the second parallel field of view interface and other interfaces, and then display multiple interfaces at the same time with a better interface layout. While being able to display more effective content, it can improve the rationality and aesthetics of the display interface, thereby improving the display effect.

[0029] In one possible design, the fourth operation is: a third sliding operation on the display screen, or an operation on a seventh control displayed on the display screen; wherein the seventh control is used to control the display of the fifth interface.

[0030] In this method, when the fourth operation is a sliding operation, the display efficiency and operation control efficiency are both high. When the fourth operation is an operation acting on a control, a more intuitive and convenient operation mode of controlling the interface display can be provided, which is highly practical. The fourth operation can be different types of operations, which is highly flexible.

[0031] In one possible design, the method also includes: displaying an eighth control on the display screen; wherein the eighth control is used to trigger display of at least one control, the at least one control includes a ninth control, and the ninth control is used to control display of the fifth interface; the fourth operation includes a fifth sub-operation acting on the eighth control and a sixth sub-operation acting on the ninth control; the method also includes: receiving the fourth operation, wherein receiving the fourth operation includes: receiving the fifth sub-operation; displaying the ninth control in response to the fifth sub-operation; and receiving the sixth sub-operation.

[0032] In this method, the electronic device can realize the effect of folding and displaying at least one control into one control, namely, a menu control, and can reduce the number of controls in the parallel horizon interface as much as possible, making the interface display more concise and beautiful. At the same time, the menu control can trigger the display of at least one control, so it does not affect the use of one or more controls.

[0033] In one possible design, the fifth interface is any one of the following: a setting interface; or an application interface of a first application; wherein the first application is associated with the application to which the third interface or the fourth interface belongs; an interface containing fifth content; wherein the fifth content is of the same type as the third content or the fourth content.

[0034] In this method, the fifth interface displayed simultaneously with the parallel horizon interface can be a different type of interface, which is more practical and flexible. Based on this method, the electronic device can provide a richer display interface when displaying the interface, thereby improving the user's viewing experience.

[0035] In a possible design, the fifth interface and the second parallel vision interface are displayed in split screen.

[0036] In this method, split-screen display of different interfaces makes it easier for users to view, operate, and process different interfaces separately, and is highly practical.

[0037] In a second aspect, the present application provides an electronic device, comprising a display screen, a memory and one or more processors; wherein the memory is used to store computer program code, and the computer program code comprises computer instructions; when the computer instructions are executed by one or more processors, the electronic device executes the method described in the above-mentioned first aspect or any possible design of the first aspect.

[0038] In a third aspect, the present application provides a computer-readable storage medium storing a computer program. When the computer program runs on an electronic device, the electronic device executes the method described in the first aspect or any possible design of the first aspect.

[0039] In a fourth aspect, the present application provides a computer program product, which includes a computer program or instructions. When the computer program or instructions are run on an electronic device, the electronic device executes the method described in the first aspect or any possible design of the first aspect.

[0040] For the beneficial effects of the second to fourth aspects, please refer to the description of the beneficial effects of the first aspect, which will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] Figure 1a A schematic diagram of an interface displayed on a mobile phone;

[0042] Figure 1b is a schematic diagram of a parallel horizon interface;

[0043] Figure 2 A schematic diagram of the hardware architecture of an electronic device provided in an embodiment of the present application;

[0044] Figure 3 A schematic diagram of a software architecture of an electronic device provided in an embodiment of the present application;

[0045] Figure 4 A flow chart of a display method provided in an embodiment of the present application;

[0046] Figure 5 A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0047] Figure 6 A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0048] Figure 7 A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0049] Figure 8a A schematic diagram of a first parallel horizon interface provided in an embodiment of the present application;

[0050] Figure 8b A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0051] Fig. 9 A schematic diagram of a first parallel horizon interface provided in an embodiment of the present application;

[0052] Fig.10a A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0053] Fig.10b A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0054] Fig.11a A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0055] Fig.11b A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0056] Fig.12a A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0057] Figure 12b A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0058] Fig.13 A schematic diagram of a first parallel horizon interface provided in an embodiment of the present application;

[0059] Fig.14A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0060] Fig.15a A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0061] Fig.15b A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0062] Fig.16a A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0063] Fig.16b A schematic diagram of a second parallel horizon interface provided in an embodiment of the present application;

[0064] Fig.17 A schematic diagram of a display interface provided in an embodiment of the present application;

[0065] Fig.18a A schematic diagram of a display interface provided in an embodiment of the present application;

[0066] Fig.18b A schematic diagram of a display interface provided in an embodiment of the present application;

[0067] Fig.19 A schematic diagram of a display interface provided in an embodiment of the present application;

[0068] Fig. 20 A schematic diagram of a display interface provided in an embodiment of the present application;

[0069] Fig.21 A schematic diagram of a first split-screen interface provided in an embodiment of the present application;

[0070] Fig. 22 A schematic diagram of a second split-screen interface provided in an embodiment of the present application;

[0071] Fig.23 A schematic diagram of a display method provided in an embodiment of the present application;

[0072] Fig.24 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0073] In order to make the purpose, technical solutions and advantages of the embodiments of the present application clearer, the embodiments of the present application will be further described in detail below with reference to the accompanying drawings.

[0074] In the description of the embodiments of the present application, the terms "first" and "second" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features.

[0075] To facilitate understanding, exemplary descriptions of concepts related to the present application are provided for reference.

[0076] 1) Electronic devices, which can be devices with display screens. In some embodiments of the present application, the electronic devices can be portable devices, such as tablet computers, wearable devices, vehicle-mounted terminal devices, augmented reality (AR) / virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPC), netbooks, personal digital assistants (PDA), smart home devices (e.g., smart TVs, etc.), smart robots, workshop equipment, wireless terminals in self-driving, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, or wireless terminals in smart homes, flight equipment (e.g., smart robots, drones, airplanes), etc.

[0077] Among them, a wearable device is a portable device that a user can wear directly on the body or integrate into the user's clothes or accessories.

[0078] In some embodiments of the present application, the electronic device may also be a portable terminal device that also includes other functions. Exemplary embodiments of the portable terminal device include but are not limited to: Or a portable terminal device with other operating systems. The portable terminal device may also be other portable terminal devices, such as a laptop computer with a touch-sensitive surface (e.g., a touch panel). It should also be understood that in some other embodiments of the present application, the electronic device may not be a portable terminal device, but a desktop computer with a touch-sensitive surface (e.g., a touch panel).

[0079] 2) Parallel Vision is a split-screen function within an application, which can provide the function of displaying two windows within the application on the left and right sides of the display screen at the same time. Correspondingly, the parallel vision interface may include two left and right areas (or called left and right windows), wherein different windows of the same application can be displayed in the left and right areas respectively. The left and right areas of the parallel vision interface can be operated and displayed independently.

[0080] It should be understood that in the embodiments of the present application, "at least one" refers to one or more, and "plurality" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can represent: a, b, c, a and b, a and c, b and c, or a, b and c, where a, b, c can be single or multiple.

[0081] At present, when some electronic devices with large-size display screens (such as tablets, folding screen devices, etc.) use parallel horizon to display application interfaces, there will be a problem that there is less effective content in a single interface (or window), resulting in poor display effect, which reduces the user viewing experience. For example, taking a small-size electronic device such as a mobile phone as an example, Figure 1a As shown in the schematic diagram (a) in FIG, when the shopping cart interface of the shopping APP is displayed on the mobile phone screen, a total of 6 products including a smart watch, a tablet, a smart socket, a wireless Bluetooth speaker, a sweeper and a smart stylus can be displayed on the mobile phone screen. Figure 1a As shown in the schematic diagram (b) in FIG. , when the mobile phone display shows Figure 1a When the product details interface of the smart watch shown in the diagram (a) in FIG. 1 is displayed, a large amount of detailed product information of the smart watch can be displayed on the mobile phone screen. However, if Figure 1b As shown in , taking a tablet as an example, when the large-size electronic device is displayed on the tablet in a parallel field of view Figure 1a The shopping cart interface shown in (a) and Figure 1a In the product details interface shown in the schematic diagram (b) in FIG. 1 , the shopping cart interface and the product details interface are enlarged to adapt to the size of the tablet display screen, resulting in Figure 1b The shopping cart interface on the left side of the parallel vision interface shown contains only two items, smart watches and tablets, which is significantly less than Figure 1a The number of items contained in the shopping cart interface shown in the diagram (a) in FIG. Figure 1bThe product details interface on the right side of the parallel horizon interface also contains significantly less content Figure 1a The content of the product details interface shown in the diagram (b) in FIG. Therefore, the shopping cart interface and the product details interface contain less valid content, resulting in a poor display effect of the parallel horizon interface. In addition, Figure 1b As shown in , due to the large display screen size of the tablet, it may be inconvenient for the user to operate the content in the middle of the parallel vision interface.

[0082] In view of the above problems, an embodiment of the present application provides a display method and an electronic device, which can improve the effect of displaying content through a parallel vision interface, improve the convenience of operating the content in the parallel vision interface, and thus improve the practicality of the parallel vision.

[0083] See below Figure 2 , the structure of the electronic device to which the method provided in the embodiment of the present application is applicable is introduced.

[0084] like Figure 2 As shown in , the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a USB interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a SIM card interface 195, etc.

[0085] The sensor module 180 may include a gyroscope sensor, an acceleration sensor, a proximity light sensor, a fingerprint sensor, a touch sensor, a temperature sensor, a pressure sensor, a distance sensor, a magnetic sensor, an ambient light sensor, an air pressure sensor, a bone conduction sensor, and the like.

[0086] Understandably, Figure 2 The electronic device 100 shown is merely an example and does not constitute a limitation on the electronic device, and the electronic device may have more or fewer components than those shown in the figure, may combine two or more components, or may have a different component configuration. Figure 2 The various components shown in the EMBODIMENTS 2000 may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application specific integrated circuits.

[0087] The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a memory, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and / or a neural-network processing unit (neural-network processing unit, NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors. Among them, the controller can be the nerve center and command center of the electronic device 100. The controller can generate an operation control signal according to the instruction opcode and the timing signal to complete the control of fetching and executing instructions.

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

[0089] The execution of the display method provided in the embodiment of the present application can be controlled by the processor 110 or completed by calling other components, such as calling the processing program of the embodiment of the present application stored in the internal memory 121, or calling the processing program of the embodiment of the present application stored in a third-party device through the external memory interface 120, to control the wireless communication module 160 to communicate data with other devices, improve the intelligence and convenience of the electronic device 100, and enhance the user experience. The processor 110 may include different devices, such as when the CPU and GPU are integrated, the CPU and GPU can cooperate to execute the display method provided in the embodiment of the present application, such as part of the algorithm in the display method is executed by the CPU, and the other part of the algorithm is executed by the GPU, so as to obtain faster processing efficiency.

[0090] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 194, where N is a positive integer greater than 1. The display screen 194 can be used to display information input by a user or information provided to a user and various graphical user interfaces (GUIs). For example, the display screen 194 can display photos, videos, web pages, or files, etc. For another example, the display screen 194 can display the parallel horizon interface, the mask interface, etc. of the application described in the embodiments of the present application.

[0091] In the embodiment of the present application, the display screen 194 may be an integrated flexible display screen, or a spliced ​​display screen consisting of two rigid screens and a flexible screen located between the two rigid screens.

[0092] The camera 193 (a front camera or a rear camera, or one camera can be used as both a front camera and a rear camera) is used to capture still images or videos. Generally, the camera 193 may include a photosensitive element such as a lens group and an image sensor, wherein the lens group includes a plurality of lenses (convex lenses or concave lenses) for collecting light signals reflected by the object to be photographed and transmitting the collected light signals to the image sensor. The image sensor generates an original image of the object to be photographed based on the light signal.

[0093] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store the code of the operating system, application program (such as the function corresponding to the present application scheme, etc.). The data storage area can store data created during the use of the electronic device 100, etc.

[0094] The internal memory 121 may also store one or more computer programs corresponding to the algorithm of the present application. The one or more computer programs are stored in the internal memory 121 and configured to be executed by one or more processors 110. The one or more computer programs include instructions, which may be used to execute the various steps in the following embodiments.

[0095] In addition, the internal memory 121 may include a high-speed random access memory and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0096] Of course, the code of the algorithm of the embodiment of the present application can also be stored in an external memory. In this case, the processor 110 can run the code of the algorithm of the embodiment of the present application stored in the external memory through the external memory interface 120.

[0097] The sensor module 180 may include a gyro sensor, an acceleration sensor, a proximity light sensor, a fingerprint sensor, a touch sensor, and the like.

[0098] The touch sensor is also called a "touch panel". The touch sensor can be arranged on the display screen 194, and the touch sensor and the display screen 194 form a touch display screen, also called a "touch screen". The touch sensor is used to detect touch operations acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor can also be arranged on the surface of the electronic device 100, which is different from the position of the display screen 194.

[0099] Exemplarily, the display screen 194 of the electronic device 100 displays a main interface, which includes icons of multiple applications (such as a camera application, a sports and health application, etc.). For example, a user can click the icon of the camera application in the main interface through a touch sensor to trigger the processor 110 to start the camera application and turn on the camera 193. The display screen 194 displays the interface of the camera application, such as a viewfinder interface.

[0100] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

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

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

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

[0104] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (WiFi) networks), bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) and the like applied to the electronic device 100. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and performs filtering processing, and sends the processed signal to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, modulate the frequency of the signal, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2. In the embodiment of the present application, the wireless communication module 160 is used to establish a connection with other electronic devices for data exchange. Or the wireless communication module 160 can be used to access the access point device, send control instructions to other electronic devices, or receive data sent from other electronic devices.

[0105] In addition, the electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone interface 170D, and the application processor. For example, music playback, recording, etc. The electronic device 100 can receive input from the key 190 and generate key signal input related to the user settings and function control of the electronic device 100. The electronic device 100 can use the motor 191 to generate a vibration prompt (such as an incoming call vibration prompt). The indicator 192 in the electronic device 100 can be an indicator light, which can be used to indicate the charging status, power changes, and can also be used to indicate messages, missed calls, notifications, etc. The SIM card interface 195 in the electronic device 100 is used to connect the SIM card. The SIM card can be inserted into the SIM card interface 195, or pulled out from the SIM card interface 195, to achieve contact and separation with the electronic device 100.

[0106] It should be understood that in practical applications, the electronic device 100 may include Figure 2The embodiments of the present application are not limited to the more or fewer components shown. The illustrated electronic device 100 is only an example, and the electronic device 100 may have more or fewer components than those shown in the figure, may combine two or more components, or may have different component configurations. The various components shown in the figure may be implemented in hardware, software, or a combination of hardware and software including one or more signal processing and / or application specific integrated circuits.

[0107] The software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. The layered architecture divides the software into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. For example, Figure 3 As shown, the software architecture can be divided into four layers, from top to bottom, namely the application layer, the application framework layer (framework, FWK), the runtime and system library, and the (Linux) kernel layer.

[0108] The application layer is the top layer of the operating system, including native applications of the operating system, such as camera, gallery, calendar, Bluetooth, music, video, information, etc., and may also include third-party applications. The application involved in the embodiment of the present application is referred to as application (APP), which is a software program that can implement one or more specific functions. Typically, multiple applications can be installed in an electronic device, such as a camera application, a mailbox application, etc. The application mentioned below may be a system application installed when the electronic device leaves the factory, or it may be a third-party application downloaded from the Internet or obtained from other electronic devices by the user while using the electronic device.

[0109] Of course, for developers, developers can write applications and install them in this layer. In a possible implementation, applications can be developed using the Java language by calling the application programming interface (API) provided by the application framework layer. Developers can interact with the bottom layer of the operating system (such as the kernel layer) through the application framework to develop their own applications.

[0110] The application framework layer is the API and programming framework of the application layer. The application framework layer may include some predefined functions. The application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, etc.

[0111] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the display screen (or screen), capture the display screen, etc.

[0112] Content providers are used to store and retrieve data and make these data accessible to applications. The data may include files (such as documents, videos, images, audio), text and other information.

[0113] The view system includes visual controls, such as controls for displaying text, images, documents, etc. The view system can be used to build applications. The interface in the display window can be composed of one or more views. For example, the display interface including the SMS notification icon can include a view for displaying text and a view for displaying images.

[0114] The phone manager is used to provide communication functions for electronic devices. The notification manager enables applications to display notification information in the status bar, which can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction.

[0115] The runtime includes the core library and the virtual machine. The runtime is responsible for the scheduling and management of the system.

[0116] The core library of the system consists of two parts: one is the function that the Java language needs to call, and the other is the core library of the system. The application layer and the application framework layer run in the virtual machine. Taking Java as an example, the virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0117] The system library can include multiple functional modules. For example: surface manager, media library, 3D graphics processing library (for example: OpenGL ES), 2D graphics engine (for example: SGL), etc. The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications. The media library supports a variety of commonly used audio and video format playback and recording, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.564, MP3, AAC, AMR, JPG, PNG, etc. The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis and layer processing, etc. The 2D graphics engine is a drawing engine for 2D drawing.

[0118] The kernel layer provides the core system services of the operating system, such as security, memory management, process management, network protocol stack and driver model, which are all implemented based on the kernel layer. The kernel layer also serves as an abstraction layer between the hardware and software stacks. This layer has many drivers related to electronic devices, the main drivers are: display driver; keyboard driver as input device; Flash driver based on memory technology device; camera driver; audio driver; Bluetooth driver; WiFi driver, etc.

[0119] It should be understood that the functional services described above are only examples, and in actual applications, electronic devices may also be divided into more or fewer functional services according to other factors, or the functions of each service may be divided in other ways, or the functional services may not be divided but work as a whole.

[0120] The solution provided in the embodiment of the present application can be applied to a parallel horizon scene or a split-screen scene, for example, it can be applied to a scene of a parallel horizon interface or a split-screen interface of a display application. The solution provided in the embodiment of the present application can control the interface display ratio in the parallel horizon interface or the split-screen interface. In the embodiment of the present application, the parallel horizon interface or the split-screen interface can be an interface containing the content of the left and right interfaces (or called the left and right windows), and the content in the left and right interfaces can belong to the same application or to different applications. Among them, the left and right interfaces can also be understood as the left and right windows or the left and right areas. The parallel horizon interface or the split-screen interface can occupy part or all of the area of ​​the display screen, that is, the parallel horizon interface or the split-screen interface can be displayed in full screen or in non-full screen, and can be switched between full screen display mode and non-full screen display mode.

[0121] The following uses the application in the parallel horizon scenario as an example to introduce the method provided in the embodiment of the present application. The implementation method of the solution provided in the present application when applied in the split-screen scenario can refer to the implementation method when applied in the parallel horizon scenario described below, which will not be described in detail in the embodiment of the present application.

[0122] Part 1: Switching between full-screen and non-full-screen display in the parallel horizon interface

[0123] Scenario 1: Switching from full-screen display to non-full-screen display in the parallel horizon interface

[0124] In some embodiments of the present application, after the electronic device displays the parallel vision interface in full screen, it can respond to a user-triggered operation to switch the parallel vision display layout by adjusting the display ratio of the parallel vision interface to switch to a non-full screen display of the parallel vision interface.

[0125] Reference Figure 4 , a display method provided by an embodiment of the present application may include:

[0126] S401: The electronic device displays a first parallel horizon interface in full screen on a display screen, wherein the first parallel horizon interface includes a first interface and a second interface; wherein the first interface and the second interface do not overlap, the first interface includes a first content, and the second interface includes a second content.

[0127] The first parallel view interface is displayed in full screen on the display screen, that is, the display area of ​​the first parallel view interface is the entire display area of ​​the display screen.

[0128] In some embodiments of the present application, the first parallel view interface may be any parallel view interface of the first application, and the content in the first interface and the content in the second interface may be the content of different interfaces of the first application respectively.

[0129] In the embodiment of the present application, the first interface may also be referred to as a first window, and the second interface may also be referred to as a second window.

[0130] S402: In response to receiving the first operation, the electronic device displays a second parallel field of view interface in the first area on the display screen, and the second parallel field of view interface includes a third interface and a fourth interface; wherein the third interface and the fourth interface do not overlap, the third interface includes third content, the third content includes the first content, and the fourth interface includes fourth content, and the fourth content includes the second content.

[0131] Among them, the third content includes the first content, which can be understood as: the first content is included in the third content, and the third content also includes other content except the first content; the fourth content includes the second content, which can be understood as: the second content is included in the fourth content, and the fourth content also includes other content except the second content.

[0132] It should be noted that the non-overlapping described in the embodiments of the present application can be understood as non-overlapping areas.

[0133] In the embodiment of the present application, the first parallel view interface and the second parallel view interface belong to the same application.

[0134] In the embodiment of the present application, the third interface may also be referred to as the third window, and the fourth interface may also be referred to as the fourth window.

[0135] In some embodiments of the present application, the size or interface ratio of the third interface is different from that of the first interface, and the size or interface ratio of the fourth interface is different from that of the second interface. Optionally, the third interface may be an interface obtained by adjusting the size or interface ratio of the first interface and adapting to the content in the first interface, and the fourth interface may be an interface obtained by adjusting the size or interface ratio of the second interface and adapting to the content in the second interface. Among them, the interface ratio may refer to the aspect ratio of the interface (i.e., the ratio of the width to the height of the interface), and the way to switch the interface ratio may be to adjust the aspect ratio of the interface. Among them, the page layout in the interface may be adaptively adjusted as the interface ratio changes. For example, when the aspect ratio of the interface decreases, the display size of the content in the interface may be reduced accordingly. When there is a blank area in the interface, other content may be added to the blank area. As an optional implementation, the electronic device may reduce the aspect ratio of the interface by shortening the width of the interface, and increase the aspect ratio of the interface by increasing the width of the interface.

[0136] In some embodiments of the present application, the aspect ratio of the third interface is smaller than that of the first interface, and the aspect ratio of the fourth interface is smaller than that of the second interface. Optionally, the aspect ratio of the third interface and the fourth interface can be a set value. For example, the aspect ratio of the third interface and the fourth interface can be an aspect ratio commonly used when the mobile phone display screen displays the application interface (for example, 9:16, etc.).

[0137] Embodiment 1: In one example, taking the electronic device as a tablet as an example, the first parallel horizon interface can be Figure 2 , Figure 8a , Fig. 9 and Fig.13 The parallel horizon interface of the shopping APP shown in any of the figures in FIG. Among them, the first interface can be the shopping cart interface on the left side of the parallel horizon interface, and the second interface can be the product details interface on the right side of the parallel horizon interface. The second parallel horizon interface can be Figures 5 to 7 , Figure 8b , Figures 10a to 12b , Figure 14 to Figure 15b The parallel horizon interface of the shopping APP shown in any of the figures in the figure. Among them, the third interface can be the shopping cart interface on the left side of the parallel horizon interface, and the fourth interface can be the product details interface on the right side of the parallel horizon interface.

[0138] In the embodiment of the present application, the size of the second parallel horizon interface is the same as the size of the first area.

[0139] The first area and the first operation are described in detail below.

[0140] In some embodiments of the present application, the first area is a partial display area on the display screen, and the size of the first area can be a set size. For example, the width of the first area can be two-thirds of the width of the display screen, and the height of the first area can be the height of the display screen.

[0141] In some embodiments of the present application, the position of the first area may be any one of the following three positions:

[0142] 1) Center of the display screen

[0143] In this manner, the left edge of the first area is not connected to the left edge of the display screen, and the right edge of the first area is not connected to the right edge of the display screen. Optionally, the upper and lower edges of the first area may be connected to the upper and lower edges of the display screen respectively.

[0144] Optionally, the distance between the left border of the first area and the left border of the display screen is equal to the distance between the right border of the first area and the right border of the display screen, that is, the first area may be located in the center of the display screen.

[0145] Based on this approach, the left edge of the second parallel horizon interface displayed in the first area does not connect to the left edge of the display screen, and the right edge of the second parallel horizon interface does not connect to the right edge of the display screen. The upper and lower edges of the second parallel horizon interface can connect to the upper and lower edges of the display screen respectively.

[0146] For example, the first region may be Figure 5 The area where the second parallel horizon interface composed of the third interface and the fourth interface shown in the figure is located, and the second parallel horizon interface can be displayed in the center on the display screen.

[0147] 2) Left side of the display

[0148] In this manner, the left edge of the first area is connected to the left edge of the display screen, and the right edge of the first area is not connected to the right edge of the display screen. Optionally, the upper and lower edges of the first area may be connected to the upper and lower edges of the display screen respectively.

[0149] Based on this approach, the left edge of the second parallel horizon interface displayed in the first area is connected to the left edge of the display screen, and the right edge of the second parallel horizon interface is not connected to the right edge of the display screen. The upper and lower edges of the second parallel horizon interface can be connected to the upper and lower edges of the display screen respectively.

[0150] For example, the first region may be Figure 6 In the area where the second parallel horizon interface composed of the third interface and the fourth interface shown in the figure is located, the second parallel horizon interface can be displayed on the left side of the display screen, that is, the second parallel horizon interface is displayed on the left side of the display screen.

[0151] 3) Right side of the display

[0152] In this manner, the left edge of the first area is not connected to the left edge of the display screen, and the right edge of the first area is connected to the right edge of the display screen. Optionally, the upper and lower edges of the first area may be connected to the upper and lower edges of the display screen respectively.

[0153] Based on this method, the left edge of the second parallel horizon interface displayed in the first area does not connect to the left edge of the display screen, and the right edge of the second parallel horizon interface connects to the right edge of the display screen. The upper and lower edges of the second parallel horizon interface can connect to the upper and lower edges of the display screen respectively.

[0154] For example, the first region may be Figure 7 In the area where the second parallel horizon interface composed of the third interface and the fourth interface shown in the figure is located, the second parallel horizon interface can be displayed on the right side of the display screen, that is, the second parallel horizon interface is displayed on the right side of the display screen.

[0155] It should be noted that in the embodiment of the present application, "joined" can also be understood as overlapping. The boundary of the display screen described in the embodiment of the present application can also be understood as the boundary of the display area of ​​the display screen, and the width and height of the display screen can also be understood as the width and height of the display area of ​​the display screen.

[0156] In the embodiment of the present application, the first operation can be used to indicate switching to displaying the parallel horizon interface in a non-full screen, or the first operation can be used to indicate switching to displaying the parallel horizon interface in the first area.

[0157] In a possible solution, when the first operation is used to indicate switching to a non-full screen display of the parallel horizon interface, the electronic device can use any of the above three positions as the default position (i.e., the default position of the first area). When receiving the first operation, the electronic device can directly display the second parallel horizon interface in the first area of ​​the default position in response to the first operation.

[0158] For example, electronic devices display Figure 2 After the first parallel horizon interface shown in the figure, the received first operation can be used to instruct the non-full screen display of the parallel horizon interface. Assuming that the default position is the middle position of the display screen, the electronic device can respond to the first operation from the display Figure 2 The interface shown switches to display Figure 5 For another example, when the electronic device displays Figure 2 After the first parallel horizon interface shown in the figure, the received first operation can be used to instruct the non-full screen display of the parallel horizon interface. Assuming that the default position is the left position of the display screen, the electronic device can respond to the first operation from the display Figure 2 The interface shown switches to display Figure 6 The interface shown.

[0159] In another possible solution, the first operation can be used to indicate switching to displaying a parallel horizon interface in the first area, and the electronic device can display a second parallel horizon interface in the first area indicated by the first operation in response to the received first operation. The position of the first area is the position indicated by the first operation, and optionally, the position can be any one of the above three positions.

[0160] For example, electronic devices display Figure 2 After the first parallel horizon interface shown in the display is displayed, the received first operation can be used to instruct to display the parallel horizon interface in the center (that is, to display the parallel horizon interface in the middle of the display screen), then the electronic device can respond to the first operation, from display Figure 2 The interface shown switches to display Figure 5 For another example, when the electronic device displays Figure 2 After the first parallel horizon interface shown in the display is displayed, the received first operation can be used to instruct to display the parallel horizon interface on the left (that is, to display the parallel horizon interface on the left side of the display screen), then the electronic device can respond to the first operation, from display Figure 2 The interface shown switches to display Figure 6 For example, when an electronic device displays Figure 2 After the first parallel horizon interface shown in the display is displayed, the received first operation can be used to instruct the parallel horizon interface to be displayed right (that is, the parallel horizon interface is displayed at the right position of the display screen), and the electronic device can respond to the first operation, from the display Figure 2 The interface shown switches to display Figure 7 The interface shown.

[0161] In the embodiment of the present application, the first operation may be any of the following types of operations:

[0162] 1) Gesture sliding operation

[0163] In this manner, the first operation may be a set gesture sliding operation acting on the display screen.

[0164] For example, when the first operation is used to indicate that the parallel horizon interface is displayed in the center, the first operation may be an operation in which the user slides inward on both sides of the display screen at the same time. When the first operation is used to indicate that the parallel horizon interface is displayed on the left, the first operation may be an operation in which the user slides to the left on both sides of the display screen at the same time. When the first operation is used to indicate that the parallel horizon interface is displayed on the right, the first operation may be an operation in which the user slides to the right on both sides of the display screen at the same time. Of course, these specific operation methods are only examples, and the specific gesture actions of the first operation are not limited in the embodiments of the present application.

[0165] 2) Click the control operation

[0166] In this manner, the first operation may be an operation of a user clicking a display control on a display screen. Different control functions may correspond to different controls. For example, a function for controlling an electronic device to display a parallel horizon interface in the center may correspond to a center display control, a function for controlling an electronic device to display a parallel horizon interface in the left may correspond to a left display control, and a function for controlling an electronic device to display a parallel horizon interface in the right may correspond to a right display control.

[0167] Optionally, the display control may be located in the first parallel view interface.

[0168] In a possible solution, the electronic device can display at least one display control while displaying the first parallel horizon interface, and can execute an operation to implement the function corresponding to the control in response to a user clicking on any display control. Optionally, the at least one control can include the above-mentioned center display control, left display control, right display control, etc., and can also include other controls.

[0169] Embodiment 2: In one example, the electronic device is a tablet, and the first parallel horizon interface displayed by the electronic device is the parallel horizon interface of the shopping APP in the scenario described in the above embodiment 1. Figure 8a As shown in , the electronic device can simultaneously display a centered display control when displaying the first parallel horizon interface, and the centered display control can be located in the first parallel horizon interface. When receiving a first operation of a user clicking on the centered display control, the electronic device can display Figure 8a The first parallel horizon interface shown switches to display Figure 8b Of course, when displaying the first parallel horizon interface, the electronic device can also display other controls (such as left-aligned display controls, right-aligned display controls, etc.) at the same time, and execute corresponding steps in response to the user clicking on other controls, which will not be listed one by one in the embodiments of the present application.

[0170] Embodiment 3, in one example, the electronic device is a tablet, and the first parallel horizon interface displayed by the electronic device is the parallel horizon interface of the shopping APP in the scenario described in the above embodiment 1. Fig. 9 As shown in , when the electronic device displays the first parallel horizon interface and displays the center display control, it can also display the left display control, the center display control, and the right display control at the same time. In one possible scenario, when receiving a first operation of the user clicking the center display control, the electronic device can display the left display control, the center display control, and the right display control at the same time. Fig. 9 The first parallel horizon interface shown switches to display Fig.10a or Fig.10b The second parallel horizon interface shown. Fig.10aIn the display control, the display control is located in the second parallel horizon interface; Fig.10b In another possible case, when receiving a first operation of a user clicking on a left-aligned display control, the electronic device may display the control in the blank display area. Fig. 9 The first parallel horizon interface shown switches to display Fig.11a or Fig.11b The second parallel horizon interface shown. Fig.11a In the display control, the display control is located in the second parallel horizon interface; Fig.11b In another possible case, when receiving a first operation of a user clicking on a right-aligned display control, the electronic device may display the control in the blank display area. Fig. 9 The first parallel horizon interface shown switches to display Fig.12a or Figure 12b The second parallel horizon interface shown. Fig.12a In the display control, the display control is located in the second parallel horizon interface; Figure 12b , the display controls are located in the blank display area.

[0171] In another possible solution, the electronic device may display a menu control while displaying the first parallel horizon interface, and may display the first menu interface in response to a user clicking on the menu control, wherein the first menu interface may include at least one display control. Optionally, the at least one control may include the above-mentioned center display control, left display control, right display control, etc., and may also include other controls. Optionally, the first menu interface may cover part or all of the area of ​​the first parallel horizon interface. The electronic device may execute an operation to implement the corresponding function of any display control in response to a user clicking on the display control. In this solution, the first operation may include a first sub-operation and a second sub-operation, wherein the first sub-operation may be an operation in which the user clicks on the menu control on the display screen, and the second sub-operation may be an operation in which the user clicks on the display control in the first menu interface.

[0172] Embodiment 4: In one example, the electronic device is a tablet, and the first parallel horizon interface displayed by the electronic device is the parallel horizon interface of the shopping APP in the scenario described in the above embodiment 1. Fig.13 As shown in , the electronic device can display a menu control while displaying the first parallel horizon interface, and the menu control can be located in the first parallel horizon interface. When receiving a first sub-operation of a user clicking on the menu control, the electronic device can display the menu control from the display Fig.13 The first parallel horizon interface shown switches to display Fig. 9The interface shown includes a first parallel horizon interface and a first menu interface covering the first parallel horizon interface. The first menu interface may include a center display control, and the electronic device may respond to the second sub-operation of the user clicking the center display control from the display Fig.13 The interface shown switches to display Fig.10a or Fig.10b Of course, the electronic device can also display other controls in the first menu interface, such as Fig. 9 As shown in , a left-aligned display control, a right-aligned display control, etc. can be displayed in the first menu interface, and they are not listed one by one in the embodiments of the present application.

[0173] Scenario 2: Switching from non-full-screen display to full-screen display in the parallel horizon interface

[0174] In a possible solution, after the electronic device switches from the full-screen display of the parallel horizon interface to the non-full-screen display of the parallel horizon interface, it can also switch from the non-full-screen display of the parallel horizon interface back to the full-screen display of the parallel horizon interface in response to the user triggering the operation of the full-screen display of the parallel horizon interface. Then after the above step S402, the electronic device can also perform the following step S403:

[0175] S403: In response to the received second operation, the electronic device displays the first parallel vision interface in full screen on the display screen.

[0176] The second operation is used to indicate switching to full-screen display of the parallel vision interface.

[0177] In some embodiments of the present application, the second operation may be a set gesture sliding operation. For example, the second operation may be an operation in which the user slides in the middle of the display screen to both sides at the same time. For another example, when the second parallel horizon interface is displayed in the center, the second operation may be an operation in which the user slides in the middle of the display screen to both sides at the same time. When the second parallel horizon interface is displayed on the left, the second operation may be an operation in which the user slides in the middle of the display screen to the left at the same time. When the second parallel horizon interface is displayed on the right, the second operation may be an operation in which the user slides in the middle of the display screen to the left at the same time. Of course, these specific operating methods are only examples, and the specific operating methods of the second operation are not specifically limited in the embodiments of the present application.

[0178] In one example, the electronic device displays Figure 5 or Figure 6 or Figure 7 After receiving the second operation, you can display Figure 5 or Figure 6 or Figure 7 The interface shown switches to display Figure 2 The interface shown.

[0179] In some embodiments of the present application, the second operation may be an operation of a user clicking a display control on the display screen, wherein the display control may be located in the display area of ​​the second parallel horizon interface, that is, the first area, or the display control may be located in a blank display area on the display screen.

[0180] In a possible solution, the electronic device can display at least one display control while displaying the second parallel horizon interface, and can execute an operation to implement the function corresponding to the control in response to a user clicking on any display control. The position of the at least one display control can be within the first area (or within the second parallel horizon interface) or within any blank display area on the display screen.

[0181] Embodiment 5: In one example, the electronic device is a tablet, and the second parallel horizon interface displayed by the electronic device is the parallel horizon interface of the shopping APP in the scenario described in the above embodiment 1. Figure 8b As shown in , the electronic device can simultaneously display the full-screen display control when displaying the second parallel horizon interface, and when receiving the second operation of the user clicking the full-screen display control, the electronic device can display Figure 8b The second parallel horizon interface shown switches to display Figure 8a The first parallel horizon interface shown. For another example, Fig.14 As shown in , when the electronic device displays the second parallel horizon interface, it can simultaneously display a full-screen display control in the blank display area on the right side of the display screen. When receiving a second operation of the user clicking the full-screen display control, the electronic device can display Fig.14 The second parallel horizon interface shown switches to display Figure 8a Of course, the electronic device can also display other controls (such as Figure 8b The left-aligned display control, the right-aligned display control, etc. shown in FIG. 1 are not listed one by one in the embodiments of the present application.

[0182] In another possible solution, the electronic device may display the menu control at the same time when displaying the second parallel horizon interface, and may display the second menu interface in response to the user clicking the menu control, wherein the second menu interface may include at least one display control. Optionally, at least one control may include the above-mentioned center display control, left display control, right display control, etc., and may also include other controls. Optionally, the position of the menu control may be within the first area (or within the second parallel horizon interface), or may be within any blank display area on the display screen. The position of the second menu interface may be arbitrary, for example, the second menu interface may cover part or all of the area of ​​the second parallel horizon interface, or the second menu interface may not overlap with the second parallel horizon interface. The electronic device may respond to the user clicking on any display control in the second menu interface, and execute the operation of implementing the corresponding function of the control. In this solution, the second operation may include a third sub-operation and a fourth sub-operation, wherein the third sub-operation may be the operation of the user clicking the menu control on the display screen, and the fourth sub-operation may be the operation of the user clicking the display control in the second menu interface.

[0183] Embodiment 6: In one example, the electronic device is a tablet, and the second parallel horizon interface displayed by the electronic device is the parallel horizon interface of the shopping APP in the scenario described in the above embodiment 1. Fig.15a or Fig.15b As shown in , the electronic device can display the menu control at the same time when displaying the second parallel horizon interface. Fig.15a In , the menu controls are located in the second parallel horizon interface; Fig.15b In the example, the menu control is located in the blank display area. When receiving the third sub-operation of the user clicking the menu control, the electronic device can display Fig.15a or Fig.15b The second parallel horizon interface shown switches to display Fig.10a or Fig.10b The interface shown includes a second parallel view interface and a second menu interface. Fig.10a In the second menu interface, part of the second parallel horizon interface is covered. Fig.10b In one possible case, the second menu interface includes a full-screen display control, and the electronic device can respond to the user clicking the fourth sub-operation of the full-screen display control, from the display Fig.10a or Fig.10b The interface shown switches to display Fig. 9 or Fig.13 Of course, the electronic device can also display other controls in the second menu interface, such as Fig.10a or Fig.10bAs shown in , a left-aligned display control, a right-aligned display control, etc. can be displayed in the second menu interface, and they are not listed one by one in the embodiments of the present application.

[0184] Based on the method provided in the above embodiment, the electronic device can display the parallel field of view interface with a more reasonable interface ratio, thereby increasing the effective content contained in the parallel field of view interface, thereby improving the display effect.

[0185] Part 2: Parallel Vision Interface that is not displayed in full screen and combined with other interfaces

[0186] In some embodiments of the present application, based on the method described in the first part above, when the electronic device displays the second parallel horizon interface in a non-full screen, it can also simultaneously display other interface content in a blank display area on the display screen. When the electronic device needs to display the second parallel horizon interface and other interface content at the same time, it can also adaptively adjust the display area of ​​the second parallel horizon interface and other interface content. This is described in detail below.

[0187] In one possible scenario, when displaying the second parallel field of view interface, the electronic device can simultaneously display the fifth interface, or, when displaying the second parallel field of view interface, the electronic device can simultaneously display a control for triggering display of the fifth interface in a blank display area on the display screen, and can simultaneously display the second parallel field of view interface and the fifth interface in response to a user operation on the control.

[0188] In this embodiment of the present application, the fifth interface may also be referred to as the fifth window.

[0189] The fifth interface can be any of the following:

[0190] 1) Recommendation interface

[0191] In this manner, the fifth interface can be used as a recommendation interface. The fifth interface can be an interface for setting applications; or, the fifth interface can be a setting interface; or, the fifth interface can be an application interface of an associated application of the application to which the second parallel horizon interface belongs; or, the fifth interface can be an interface containing the same type of content as the third interface / fourth interface (i.e., the fifth content is of the same type as the third content / fourth content).

[0192] Based on this method, the control for triggering the display of the fifth interface may include a recommendation control. When the user clicks the recommendation control, the electronic device may respond to the operation and simultaneously display the second parallel horizon interface and the fifth interface as the recommendation interface on the display screen.

[0193] Embodiment 7: In one example, the fifth interface may be a recommendation interface of a smart assistant application. Fig. 9When the first parallel horizon interface is shown, if an operation acting on the left display control is received, the operation can be responded to by displaying Fig. 9 The interface shown directly switches to Fig.17 The interface shown. Fig.17 The interface shown includes a second parallel horizon interface and a recommendation interface of a smart assistant application. When the second parallel horizon interface is a parallel horizon interface of a shopping app, the smart assistant interface can display shopping information such as recommended products recommended by the smart assistant application through AI, thereby helping users use the shopping app more efficiently. In another possible example, Fig.16a As shown in , the electronic device can display the recommended control in the blank display area while displaying the second parallel horizon interface. The electronic device can respond to the user clicking the recommended control from the display Fig.16a The interface shown switches to display Fig.17 In another possible example, Fig.16b As shown in , the electronic device can display the recommended control in the blank area while displaying the second parallel horizon interface in the center. The electronic device can display the recommended control from the display in response to the user clicking the recommended control. Fig.16b The interface shown switches to display Fig.17 In this process, in order to display the second parallel horizon interface and the fifth interface more reasonably and beautifully at the same time, the electronic device can adjust the display area where the second parallel horizon is located (that is, adjust the second parallel horizon interface from being displayed in the center to being displayed on the left) and display the second parallel horizon interface and the fifth interface at the same time. Optionally, the electronic device can also respond to the user clicking Fig.16b The recommended controls shown in the operation, from the display Fig.16b The interface shown switches to display Fig. 20 In this process, the electronic device switches the second parallel horizon interface from being displayed in the center to being displayed in the right and displays the second parallel horizon interface and the fifth interface simultaneously.

[0194] Optional, Fig.16b The interface shown can be an electronic device responding to a user clicking Fig. 9 The electronic device can respond to the user clicking the center display control shown in FIG. Fig.16b The operation of the menu control shown in Fig.16b The interface shown switches to display Fig.11b The interface shown is the display control for controlling the full-screen display and non-full-screen display of the parallel horizon interface.

[0195] In another example, when the second parallel vision interface displayed by the electronic device is the parallel vision interface of an e-book APP, the fifth interface may be the interface of other applications associated with the e-book APP, such as a music application (e.g., a music playback interface). The user can then quickly and conveniently operate in the interface of the music application, such as controlling the playback of music, while reading the e-book.

[0196] In another example, when the third interface in the second parallel horizon interface displayed by the electronic device is the shopping cart interface described in the aforementioned embodiment, and the fourth interface is the product details interface described in the aforementioned embodiment, the fifth interface may be an interface containing the same type of content as the third interface or the fourth interface. For example, the fifth interface may be a shopping cart interface or a product details interface of other shopping apps. Optionally, the products in the fifth interface may be products of the same type as those in the third interface or the fourth interface. For example, the products in the fourth interface are smart watches, and the products in the fifth interface may also include smart watches.

[0197] 2) Split screen interface

[0198] In this manner, the fifth interface is used as a split-screen interface. The fifth interface may be other application interfaces of the application to which the second parallel horizon interface belongs, or may be application interfaces of other applications, or may be a desktop interface. The fifth interface is displayed in a split-screen with the second parallel horizon interface, so the operations performed by the electronic device on the second parallel horizon interface and the fifth interface are independent of each other and do not affect each other. The electronic device may update the fifth interface according to the operations performed by the user on the fifth interface, and may update the second parallel horizon interface according to the operations performed by the user on the second parallel horizon interface.

[0199] Based on this method, the control for triggering the display of the fifth interface may include a split-screen control. When the user clicks the split-screen control, the electronic device may respond to the operation and simultaneously display the second parallel horizon interface and the fifth interface as the split-screen interface on the display screen.

[0200] Embodiment 8: In one example, Fig.16a As shown in , the electronic device can display the split screen control in the blank display area while displaying the second parallel horizon interface. The electronic device can respond to the user clicking the split screen control from display Fig.16a The interface shown switches to display Fig.18a The interface shown in FIG. 1 includes a second parallel horizon interface and a split screen interface. The split screen interface is a desktop interface. When a user clicks on an application icon of a gallery in the desktop interface, the electronic device can display a second parallel horizon interface and a split screen interface. Fig.18a The interface shown switches to display Fig.18b The interface shown, wherein the desktop interface is updated to the interface of the gallery application, while the interface of the second parallel vision remains unchanged.

[0201] In the above method, when the electronic device displays the second parallel visual interface and the fifth interface on the display screen at the same time, the second parallel visual interface and the fifth interface do not overlap.

[0202] In some embodiments of the present application, the recommendation control and / or split screen control described in the above method can be displayed simultaneously with the display control described in the above embodiment, and can also be displayed in the same area. Fig.16a As shown in , recommended controls, split-screen controls, and full-screen display controls can be displayed in the blank display area on the right side of the display.

[0203] Based on the above method, after executing the above step S402, the electronic device may further execute the following step S404:

[0204] S404: In response to the received third operation, the electronic device displays a second parallel vision interface in a second area on the display screen and displays a fifth interface in a third area on the display screen; wherein the second area does not overlap with the third area, and the fifth interface includes fifth content.

[0205] The third operation may be an operation in which the user clicks on the above-mentioned recommendation control or split-screen control.

[0206] Optionally, the second area and the first area may be the same area or different areas.

[0207] Based on the method provided in the above embodiment, the electronic device can increase the effective content in the parallel field of view interface while making full use of the blank display area outside the parallel field of view interface to display more content and improve the display effect.

[0208] In some embodiments of the present application, after the electronic device displays the second parallel horizon interface and the fifth interface at the same time, it can still respond to the operation for indicating full screen or non-full screen display of the parallel horizon interface described in the above embodiments and switch to full screen or non-full screen display of the parallel horizon interface. Fig.17 As an example, when the electronic device receives a click Fig.17 When operating the menu control shown in Fig.17 The interface shown is switched to display Fig.19 The interface shown, where Fig.19 The interface shown includes a second menu interface. In one possible case, the second menu interface may include a full-screen display control. When receiving an operation of clicking the full-screen display control, the electronic device may respond to the operation by displaying the full-screen display control. Fig.19 The interface shown switches to display Fig. 9 or Fig.13In another possible case, the second menu interface may include a center display control. When receiving an operation of clicking the center display control, the electronic device may respond to the operation by displaying Fig.19 The interface shown switches to display Fig.10a or Fig.10b or Fig.15a The interface shown.

[0209] Part 3: Panning display of the interface

[0210] In some embodiments of the present application, after the electronic device displays the second parallel field of view interface described in the aforementioned embodiments, or after the electronic device displays the second parallel field of view interface and the fifth interface described in the aforementioned embodiments, the electronic device may adjust the display position of the displayed interface on the display screen according to operations performed by the user.

[0211] In one possible scenario, after the electronic device displays the second parallel horizon interface described in the aforementioned embodiment, the electronic device may adjust the display position of the second parallel horizon interface in response to the received fourth operation.

[0212] As an optional implementation, the fourth operation may be a set gesture operation. For example, the fourth operation may be an operation in which the user double-clicks a certain display area, and the electronic device may respond to the operation by adjusting the display area of ​​the second parallel horizon interface to the display area of ​​the user's double-click operation. For another example, the fourth operation may be an operation in which the user selects the second parallel horizon interface and then drags it, and the electronic device may respond to the fourth operation by updating the display position of the second parallel horizon interface to the position corresponding to the point of action on the display screen when the fourth operation ends.

[0213] As another optional implementation, the fourth operation may be an operation of the user clicking on a display control on the display screen. For example, when the second parallel horizon interface is displayed in the center, the fourth operation may be an operation of the user clicking on the left display control or the right display control. When the second parallel horizon interface is displayed on the left, the fourth operation may be an operation of the user clicking on the center display control or the right display control. When the second parallel horizon interface is displayed on the right, the fourth operation may be an operation of the user clicking on the left display control or the center display control. Among them, the electronic device may switch the second parallel horizon interface to the left display in response to the user clicking on the left display control, thereby achieving the effect of the second parallel horizon interface moving left. The electronic device may switch the second parallel horizon interface to the right display in response to the user clicking on the right display control, thereby achieving the effect of the second parallel horizon interface moving right. The electronic device may switch the second parallel horizon interface to the right display in response to the user clicking on the center display control, thereby achieving the effect of the second parallel horizon interface moving left or right.

[0214] Embodiment 9: Displaying with electronic equipment Fig.10a As an example, when the electronic device receives a click Fig.10a When the left display control shown in FIG. 1 is operated, the electronic device can respond to the operation by displaying Fig.10a The interface shown switches to display Fig.11a The interface shown in the figure can be realized Fig.10a The second parallel horizon interface in the left shift display effect. When the electronic device receives a click Fig.10a When the right-side display control shown in FIG. is operated, the electronic device can respond to the operation by displaying Fig.10a The interface shown switches to display Fig.12a The interface shown in the figure can be realized Fig.10a The effect of the second parallel horizon interface being moved to the right.

[0215] Embodiment 10: Displaying with electronic equipment Fig.11a As an example, when the electronic device receives a click Fig.11a When the center display control shown in FIG. is operated, the electronic device can respond to the operation by displaying Fig.11a The interface shown switches to display Fig.10a The interface shown in the figure can be used to Fig.11a The second parallel horizon in the image is moved to the middle of the display screen for display. Fig.11a When the right-side display control shown in FIG. is operated, the electronic device can respond to the operation by displaying Fig.11a The interface shown switches to display Fig.12a The interface shown in the figure can be used to Fig.11a The second parallel horizon interface in the image is moved to the right side of the display screen for display.

[0216] In another possible scenario, after the electronic device displays the second parallel view interface and the fifth interface described in the aforementioned embodiment, the electronic device may adjust the display positions of the second parallel view interface and the fifth interface in response to the received fourth operation.

[0217] As an optional implementation, the fourth operation may be an operation in which the user selects any one of the second parallel field of view interface and the fifth interface and then performs a dragging operation. In this case, the electronic device may respond to the fourth operation by updating the display position of the interface selected by the user to a position corresponding to a point of action on the display screen when the fourth operation ends, and may update the display position of an interface not selected by the user to a position occupied by an interface not selected by the user.

[0218] For example, when the user selects Fig.17When the recommendation interface shown in the figure is dragged to the left side of the display screen, the electronic device can display the recommendation interface on the left side of the display screen and display the second parallel horizon interface on the right side of the display screen. Fig.18a When the second parallel horizon interface shown in the figure is displayed and the recommended interface is dragged to the right side of the display screen, the electronic device can display the second parallel horizon interface on the right side of the display screen and display the desktop interface on the left side of the display screen.

[0219] As another optional implementation, the fourth operation may be an operation in which the user clicks on a display control on the display screen. For example, when the second parallel horizon interface is displayed on the left, the fourth operation may be an operation in which the user clicks on a display control centered on the center or a display control on the right. When the second parallel horizon interface is displayed on the right, the fourth operation may be an operation in which the user clicks on a display control centered on the left or a display control centered on the center. Among them, the electronic device may, in response to the user clicking on the left display control, switch the second parallel horizon interface to display on the left, and switch the fifth interface to display on the right, thereby achieving the effect of adjusting the display position of the second parallel horizon interface and the fifth interface. The electronic device may, in response to the user clicking on the right display control, switch the second parallel horizon interface to display on the right, and switch the fifth interface to display on the left, thereby achieving the effect of adjusting the display position of the second parallel horizon interface and the fifth interface.

[0220] Optionally, the above-mentioned display control can be a control displayed by the electronic device in response to the operation after the user clicks on the menu control on the display screen.

[0221] Embodiment 11: Displaying with electronic equipment Fig.17 As an example, when the electronic device receives a click Fig.17 When operating the menu control shown in Fig.17 The interface shown is switched to display Fig.19 The interface shown, where Fig.19 The interface shown includes a second menu interface, and the second menu interface may include a right-aligned display control. When receiving an operation of clicking the right-aligned display control, the electronic device may respond to the operation by displaying Fig.19 The interface shown switches to display Fig. 20 The interface shown in the figure can be used to Fig.17 The second parallel horizon interface in the display is moved to the right side of the display screen for display. Fig.17 The fifth interface in the display is moved to the left side of the display screen for display.

[0222] Based on the method provided in the above embodiment, the electronic device can flexibly adjust the display position of the displayed interface on the display screen, which is highly practical.

[0223] In some embodiments of the present application, the method provided in the above embodiments can also be applied to other similar display scenarios, for example, it can be applied to a split-screen display scenario. The parallel horizon interface described in the above embodiments can also be replaced by other interfaces including left and right parts of the interface, such as a split-screen interface. Among them, the split-screen interface can include left and right parts of the interface, each of which belongs to a different application, and the left and right parts of the interface can be operated and displayed independently.

[0224] Embodiment 12: In one example, Fig. 9 The first parallel horizon interface shown in can be replaced by Fig.21 In the first split screen interface shown in , the first interface, i.e., the interface in the left half, may be a shopping cart interface, and the second interface, i.e., the interface in the right half, may be a gallery interface. Fig.10a The second parallel horizon interface shown in can be replaced by Fig. 22 That is, the electronic device can respond to the user clicking Fig.21 The operation of the center display control shown in the figure is switched to display Fig. 22 The interface shown in , thereby realizing the center display of the split screen interface. The control of the split screen interface in other scenarios can be realized by referring to the control method for the parallel horizon interface described in the above embodiments, which will not be described in detail in the embodiments of this application.

[0225] In some embodiments of the present application, the electronic device described in the above embodiments may be a straight screen device, a folding screen device, a tri-folding screen device, a display device in a car machine, or an electronic device with a display screen in other forms, etc., as long as the display screen of the electronic device can be used to display the relevant interfaces described in the above embodiments. Correspondingly, the display screen described in the above embodiments may be a straight screen, a folding screen, a tri-folding screen, a display screen in a car machine, or a display screen in other forms, etc.

[0226] It should be noted that some interface diagrams are provided as examples in the above embodiments, some of which belong to situations where interface switching can be performed, and some belong to different display formats of the same or similar content. These can be determined according to the scheme introduction of the above embodiments or in combination with actual application scenarios, and will not be given examples one by one in the embodiments of this application. Regarding the display formats of various controls mentioned in the above embodiments, some examples are given in the above embodiments, but they do not limit the specific display formats of the controls, and the control display methods in some of the above examples can be combined or replaced with each other, and can be applied in combination with actual scenarios, and will not be given examples one by one in the embodiments of this application.

[0227] It should be noted that the methods provided in the above embodiments are only exemplary descriptions of applicable scenarios and specific implementation methods of the present application scheme, and do not limit the scenarios and specific implementation methods to which the present application scheme is applicable. The implementation methods in other similar scenarios can be implemented with reference to the methods provided in the above embodiments. The specific implementation processes provided in the above examples are only illustrative examples of the applicable method processes of the present application embodiments, wherein the execution order of each step can be adjusted accordingly according to actual needs, and other steps can be added, or some steps can be reduced. The specific implementation methods of each step can refer to the relevant introduction in the above embodiments, which will not be described in detail here.

[0228] Based on the above embodiments and the same technical concept, the present application also provides a display method, such as Fig.23 As shown in , the method may include:

[0229] S2301: The electronic device displays a first parallel visual interface on a display screen; wherein the first parallel visual interface includes a first interface and a second interface, the first interface includes first content, the second interface includes second content, and the first interface and the second interface do not overlap.

[0230] Exemplarily, the first parallel view interface may be the first parallel view interface in the aforementioned embodiment. The display method of the first parallel view interface may be implemented by referring to the method in the aforementioned embodiment, which will not be described in detail here.

[0231] S2302: In response to receiving the first operation, the electronic device updates the first parallel field of view interface to a second parallel field of view interface; wherein the second parallel field of view interface includes a third interface and a fourth interface, the third interface includes third content, the third content includes the first content, the fourth interface includes fourth content, the fourth content includes the second content, the third interface and the fourth interface do not overlap, and the aspect ratio of the second parallel field of view interface is smaller than the aspect ratio of the first parallel field of view interface.

[0232] Exemplarily, the second parallel view interface may be the second parallel view interface in the aforementioned embodiment. The display method of the second parallel view interface may be implemented by referring to the method in the aforementioned embodiment, which will not be described in detail here.

[0233] In an example, the display effect of the above method may be the effect described in the above-mentioned embodiment 1 or embodiment 2.

[0234] In some embodiments of the present application, the third interface is an interface updated from the first interface, and the aspect ratio of the third interface is smaller than that of the first interface. The fourth interface is an interface updated from the second interface, and the aspect ratio of the fourth interface is smaller than that of the second interface.

[0235] In some embodiments of the present application, the third interface and the fourth interface are adjacent to each other. In one possible case, the left edge of the third interface does not overlap with the left edge of the display screen, and the right edge of the fourth interface does not overlap with the right edge of the display screen. For example, Figure 5 In another possible case, the left edge of the third interface coincides with the left edge of the display screen, and the right edge of the fourth interface does not coincide with the right edge of the display screen. Figure 6 In another possible case, the left edge of the third interface does not overlap with the left edge of the display screen, and the right edge of the fourth interface overlaps with the right edge of the display screen. Figure 7 Display method.

[0236] In one possible manner, before the electronic device updates the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, it may also display a first control on the display screen; wherein the first control is used to control the reduction of the aspect ratio of the first parallel horizon interface; and the first operation is an operation acting on the first control. Optionally, the first control may be located on the first parallel horizon interface. Exemplarily, the first control may be Fig. 9 The left display control, the center display control, or the right display control shown in . In one example, the display effect of the above method can be the effect described in the above embodiment 3.

[0237] In another possible embodiment, before the electronic device updates the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, it may also display a second control on the display screen; wherein the second control is used to trigger the display of one or more controls, the one or more controls include a third control, and the third control is used to control the reduction of the aspect ratio of the first parallel horizon interface; the first operation includes a first sub-operation acting on the second control and a second sub-operation acting on the third control; in response to the received first operation, updating the first parallel horizon interface to the second parallel horizon interface includes: receiving the first sub-operation; in response to the first sub-operation, displaying the third control; receiving the second sub-operation; in response to the second sub-operation, updating the first parallel horizon interface to the second parallel horizon interface. Exemplarily, the second control may be Fig.13 The menu control shown in , the third control can be Fig. 9 The first sub-operation can be that the user clicks Fig.13 The second sub-operation can be the user clicking Fig. 9 In one example, the display effect of the above method may be the effect described in the above embodiment 4.

[0238] In yet another possible manner, the first operation may be a first sliding operation on the display screen.

[0239] In some embodiments of the present application, after the electronic device updates the first parallel view interface to the second parallel view interface in response to a received first operation, it may also update the second parallel view interface to the first parallel view interface in response to a received second operation.

[0240] In one possible manner, before the electronic device updates the second parallel horizon interface to the first parallel horizon interface in response to the received second operation, it may also display a fourth control on the display screen; wherein the fourth control is used to control the display of the first parallel horizon interface; and the second operation is an operation acting on the fourth control. Exemplarily, the fourth control may be Fig.14 In one example, the execution of the above method may refer to the method described in the above embodiment 5, and the display effect of the above method may be the effect described in the above embodiment 5.

[0241] In another possible embodiment, before the electronic device updates the second parallel horizon interface to the first parallel horizon interface in response to the received second operation, it may also display a fifth control on the display screen; wherein the fifth control is used to trigger the display of at least one control, the at least one control includes a sixth control, and the sixth control is used to control the display of the first parallel horizon interface; the second operation includes a third sub-operation acting on the fifth control and a fourth sub-operation acting on the sixth control. Then, the process of the electronic device updating the second parallel horizon interface to the first parallel horizon interface in response to the received second operation may include: receiving the third sub-operation; displaying the sixth control in response to the third sub-operation; receiving the fourth sub-operation; and updating the second parallel horizon interface to the first parallel horizon interface in response to the fourth sub-operation. Exemplarily, the fifth control may be Fig.15a or Fig.15b The menu control shown in FIG. 1 and the sixth control can be Fig.10a or Fig.10b The third sub-operation can be a full-screen display control for users to click Fig.15a or Fig.15b The fourth sub-operation can be the user clicking Fig.10a or Fig.10b In one example, the execution of the above method may refer to the method described in the above embodiment 6, and the display effect of the above method may be the effect described in the above embodiment 6.

[0242] In another possible manner, the second operation may be a second sliding operation on the display screen.

[0243] In some embodiments of the present application, when displaying the second parallel horizon interface, the electronic device may display the second parallel horizon interface in a first area on the display screen, and the second parallel horizon interface is located in the first area on the display screen.

[0244] Based on the above method, in a possible solution, after displaying the second parallel horizon interface, the electronic device can also display the second parallel horizon interface in the second area on the display screen in response to the received third operation, thereby achieving the translation of the second parallel horizon interface. For example, the third operation can be that the user clicks Fig.10a The third operation can also be the user clicking Fig.11a The third operation may also be other operations, which are not listed here one by one. In one example, the execution of the above method may be implemented with reference to the method described in the above embodiment 9 or embodiment 10, and the display effect of the above method may refer to the effect described in the above embodiment 9 or embodiment 10.

[0245] Based on the above method, in another possible solution, the electronic device can display a fifth interface in the second area on the display screen when updating the first parallel horizon interface to the second parallel horizon interface in response to the first operation, wherein the second area does not overlap with the first area. Fig.17 or Fig.18a The fifth interface shown in .

[0246] Based on the above method, in another possible solution, after the electronic device updates the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, it can also display the fifth interface in the second area on the display screen in response to the received fourth operation. The second area does not overlap with the first area. For example, the fourth operation can be that the user clicks Fig.16a The fifth interface can be Fig.17 or Fig.18a In one example, the execution process of the above method can be implemented with reference to the method described in the above embodiment 7 or embodiment 8, and the display effect of the above method can be implemented with reference to the effect described in the above embodiment 7 or embodiment 8.

[0247] Based on the above method, in another possible solution, after the electronic device updates the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, it can also display the second parallel horizon interface in the third area on the display screen in response to the received fourth operation, and display the fifth interface in the fourth area on the display screen, wherein the third area does not overlap with the fourth area. Exemplarily, the fourth operation can be that the user clicks Fig.16b The fifth interface can be Fig.17 In one example, the execution process of the above method can be implemented with reference to the method described in the above embodiment 7, and the display effect of the above method can be implemented with reference to the effect described in the above embodiment 7.

[0248] As an optional implementation, the fourth operation may be a third sliding operation on the display screen. Alternatively, the fourth operation may be an operation on a seventh control displayed on the display screen, such as the operation described in the above example; wherein the seventh control is used to control the display of the fifth interface. For example, the seventh control may be Fig.16a , or you can Fig.16b The recommended controls shown in are not listed here one by one.

[0249] As another optional implementation, after displaying the second parallel horizon interface, the electronic device may also display an eighth control on the display screen; wherein the eighth control is used to trigger the display of at least one control, the at least one control includes a ninth control, and the ninth control is used to control the display of the fifth interface; the fourth operation includes a fifth sub-operation acting on the eighth control and a sixth sub-operation acting on the ninth control. Then the process of the electronic device receiving the fourth operation may include: receiving the fifth sub-operation; displaying the ninth control in response to the fifth sub-operation; and receiving the sixth sub-operation.

[0250] In some embodiments of the present application, the fifth interface may be any of the following: a setting interface; or an application interface of a first application; wherein the first application is associated with an application to which the third interface or the fourth interface belongs; or an interface containing fifth content; wherein the fifth content is of the same type as the third content or the fourth content. Optionally, the fifth interface may be displayed in split screen with the second parallel horizon interface.

[0251] In the above method, the specific steps executed by the electronic device can refer to the relevant introduction in the above embodiments, which will not be described in detail here.

[0252] Based on the above embodiments and the same technical concept, the embodiments of the present application also provide an electronic device, which is used to implement the display method provided in the embodiments of the present application. Fig.24As shown in FIG. 2 , the electronic device 2400 may include: a display screen 2401 , a memory 2402 , one or more processors 2403 , and one or more computer programs (not shown in the figure). The above components may be coupled via one or more communication buses 2404 .

[0253] Among them, the display screen 2401 is used to display relevant user interfaces such as application interface.

[0254] One or more computer programs (codes) are stored in the memory 2402, and the one or more computer programs include computer instructions; one or more processors 2403 call the computer instructions stored in the memory 2402, so that the electronic device 2400 executes the display method provided in the embodiment of the present application.

[0255] In a specific implementation, the memory 2402 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. The memory 2402 may store an operating system (hereinafter referred to as the system), such as an embedded operating system such as ANDROID, IOS, WINDOWS, or LINUX. The memory 2402 may be used to store an implementation program of an embodiment of the present application. The memory 2402 may also store a network communication program, which may be used to communicate with one or more additional devices, one or more user devices, or one or more network devices.

[0256] The one or more processors 2403 may be a general-purpose central processing unit (CPU), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits for controlling the execution of the program of the present application.

[0257] It should be noted that Fig.24 This is only one implementation of the electronic device 2400 provided in the embodiment of the present application. In actual applications, the electronic device 2400 may also include more or fewer components, which is not limited here.

[0258] Based on the above embodiments and the same technical concept, an embodiment of the present application also provides a computer-readable storage medium, which stores a computer program. When the computer program runs on an electronic device, the electronic device executes the method provided in the above embodiments.

[0259] Based on the above embodiments and the same technical concept, the embodiments of the present application also provide a computer program product, which includes a computer program or instructions. When the computer program or instructions are run on an electronic device, the electronic device executes the method provided in the above embodiments.

[0260] The method provided in the embodiment of the present application can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function according to the embodiment of the present invention is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, a network device, a user device or other programmable device. Computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, computer instructions can be transmitted from one website, computer, server or data center to another website, computer, server or data center via wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. Computer-readable storage media can be any available medium that can be accessed by a computer or a data storage device such as a server or data center that includes one or more available media integrated. Available media can be magnetic media (e.g., floppy disks, hard disks, tapes), optical media (e.g., digital video discs (DVDs), or semiconductor media (e.g., SSDs), etc.

[0261] Obviously, those skilled in the art can make various changes and modifications to the present application without departing from the scope of the present application. Thus, if these modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to include these modifications and variations.

Claims

1. A display method, applied to an electronic device, characterized in that: The method comprises: Displaying a first parallel horizon interface on a display screen; wherein the first parallel horizon interface includes a first interface and a second interface, the first interface includes a first content, the second interface includes a second content, and the first interface and the second interface do not overlap; In response to the first operation received, the first parallel vision interface is updated to a second parallel vision interface; wherein the second parallel vision interface includes a third interface and a fourth interface, the third interface includes a third content, the third content includes the first content, the fourth interface includes a fourth content, the fourth content includes the second content, the third interface and the fourth interface do not overlap, and the aspect ratio of the second parallel vision interface is smaller than the aspect ratio of the first parallel vision interface.

2. The method according to claim 1, characterized in that The aspect ratio of the third interface is smaller than that of the first interface, and the aspect ratio of the fourth interface is smaller than that of the second interface.

3. The method according to claim 1 or 2, characterized in that The third interface and the fourth interface are adjacent to each other on the left and right; wherein: The left side border of the third interface does not overlap with the left side border of the display screen, and the right side border of the fourth interface does not overlap with the right side border of the display screen; or The left side border of the third interface coincides with the left side border of the display screen, and the right side border of the fourth interface does not coincide with the right side border of the display screen; or The left side border of the third interface does not overlap with the left side border of the display screen, and the right side border of the fourth interface overlaps with the right side border of the display screen.

4. The method according to any one of claims 1 to 3, characterized in that: The method further comprises: A first control is displayed on the display screen; wherein the first control is used to control the reduction of the aspect ratio of the first parallel visual interface; and the first operation is an operation acting on the first control.

5. The method according to any one of claims 1 to 3, characterized in that: The method further comprises: Displaying a second control on the display screen; wherein the second control is used to trigger display of one or more controls, the one or more controls include a third control, and the third control is used to control the reduction of the aspect ratio of the first parallel horizon interface; the first operation includes a first sub-operation acting on the second control and a second sub-operation acting on the third control; The updating of the first parallel view interface to a second parallel view interface in response to the received first operation includes: receiving the first sub-operation; In response to the first sub-operation, displaying the third control; receiving the second sub-operation; In response to the second sub-operation, the first parallel view interface is updated to the second parallel view interface.

6. The method according to any one of claims 1 to 3, characterized in that: The first operation is a first sliding operation on the display screen.

7. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: In response to the received second operation, the second parallel view interface is updated to the first parallel view interface.

8. The method according to claim 7, characterized in that The method further comprises: A fourth control is displayed on the display screen; wherein the fourth control is used to control the display of the first parallel vision interface; and the second operation is an operation acting on the fourth control.

9. The method according to claim 7, characterized in that The method further comprises: Displaying a fifth control on the display screen; wherein the fifth control is used to trigger display of at least one control, the at least one control includes a sixth control, and the sixth control is used to control display of the first parallel horizon interface; the second operation includes a third sub-operation acting on the fifth control and a fourth sub-operation acting on the sixth control; The updating of the second parallel view interface to the first parallel view interface in response to the received second operation includes: receiving the third sub-operation; In response to the third sub-operation, displaying the sixth control; receiving the fourth sub-operation; In response to the fourth sub-operation, the second parallel view interface is updated to the first parallel view interface.

10. The method according to claim 7, characterized in that The second operation is a second sliding operation on the display screen.

11. The method according to any one of claims 1 to 6, characterized in that: The second parallel horizon interface is located in a first area on the display screen, and the method further includes: In response to the received third operation, the second parallel horizon interface is displayed in a second area on the display screen.

12. The method according to any one of claims 1 to 6, characterized in that: The second parallel horizon interface is located in a first area on the display screen, and the method further includes: When the first parallel view interface is updated to the second parallel view interface in response to the first operation, a fifth interface is displayed in a second area on the display screen, wherein the second area does not overlap with the first area.

13. The method according to any one of claims 1 to 6, characterized in that: The second parallel horizon interface is located in a first area on the display screen, and after updating the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, the method further includes: In response to the received fourth operation, a fifth interface is displayed in a second area on the display screen; wherein the second area does not overlap with the first area.

14. The method according to any one of claims 1 to 6, characterized in that: The second parallel horizon interface is located in a first area on the display screen, and after updating the first parallel horizon interface to the second parallel horizon interface in response to the received first operation, the method further includes: In response to the received fourth operation, the second parallel vision interface is displayed in a third area on the display screen, and a fifth interface is displayed in a fourth area on the display screen, wherein the third area does not overlap with the fourth area.

15. The method according to claim 13 or 14, characterized in that The fourth operation is: a third sliding operation on the display screen, or an operation on a seventh control displayed on the display screen; wherein the seventh control is used to control the display of the fifth interface.

16. The method according to claim 13 or 14, characterized in that The method further comprises: An eighth control is displayed on the display screen; wherein the eighth control is used to trigger the display of at least one control, the at least one control includes a ninth control, and the ninth control is used to control the display of the fifth interface; the fourth operation includes a fifth sub-operation acting on the eighth control and a sixth sub-operation acting on the ninth control; The method further includes: receiving the fourth operation, wherein the receiving the fourth operation includes: receiving the fifth sub-operation; In response to the fifth sub-operation, displaying the ninth control; The sixth sub-operation is received.

17. The method according to any one of claims 12 to 16, characterized in that: The fifth interface is any one of the following: Settings interface; or An application interface of a first application; wherein the first application is associated with an application to which the third interface or the fourth interface belongs; An interface including fifth content; wherein the fifth content is of the same type as the third content or the fourth content.

18. The method according to any one of claims 12 to 17, characterized in that: The fifth interface and the second parallel vision interface are displayed in split screen.

19. An electronic device, characterized in that: The electronic device includes a display screen, a memory and one or more processors; The memory is used to store computer program codes, and the computer program codes include computer instructions; when the computer instructions are executed by the one or more processors, the electronic device executes the method according to any one of claims 1 to 18.

20. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed on an electronic device, the electronic device executes the method according to any one of claims 1 to 18.

Images