WO2024067142A1 - Display method and electronic device - Google Patents

Display method and electronic device Download PDF

Info

Publication number
WO2024067142A1
WO2024067142A1 PCT/CN2023/118898 CN2023118898W WO2024067142A1 WO 2024067142 A1 WO2024067142 A1 WO 2024067142A1 CN 2023118898 W CN2023118898 W CN 2023118898W WO 2024067142 A1 WO2024067142 A1 WO 2024067142A1
Authority
WO
WIPO (PCT)
Prior art keywords
area
interface
display
control
electronic device
Prior art date
Application number
PCT/CN2023/118898
Other languages
French (fr)
Chinese (zh)
Inventor
高康
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Publication of WO2024067142A1 publication Critical patent/WO2024067142A1/en

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the present application relates to the technical field of electronic equipment, and in particular to a display method and electronic equipment.
  • Parallel Vision refers to the split-screen interface within an application.
  • two windows within an application can be displayed simultaneously in the left and right areas of the display.
  • the electronic device can display a drag bar between the two windows and support controlling the display ratio of the two windows through the drag bar.
  • the drag bar is an independent layer, displayed in the middle of the parallel vision application or split-screen application, and can independently respond to drag events to change the display ratio of the application interface.
  • the rendering pressure of the electronic device when drawing the interface to be displayed will be relatively large, so the processing efficiency is low.
  • the present application provides a display method and an electronic device for improving the processing efficiency when displaying controls for controlling the display ratio of different areas in an interface, and improving the practicality of the control display solution.
  • an embodiment of the present application provides a display method, which is applied to an electronic device, and the method includes: displaying a first interface, the first interface includes a first area and a second area, the first area and the second area do not overlap, and a first control is included between the first area and the second area; in response to a first operation acting on the first control, displaying a first mask, the first mask includes a second control, the second control corresponds to the first control, and the first mask covers the first interface; in response to a second operation acting on the second control, adjusting the display ratio of the first area and the second area.
  • the first mask corresponds to the first interface; the first operation is a touch operation, a press operation, or a long press operation.
  • the interface displayed by the electronic device includes controls for controlling the display ratio of different areas in the interface. Therefore, the controls for controlling the display ratio of different areas in the interface and the content in the area can be displayed in the same interface, that is, the same layer, which can reduce the rendering pressure of the interface drawing process and reduce the data processing volume of the rendering process, thereby improving processing efficiency and display speed.
  • this solution can be applied in scenarios where multiple interfaces are displayed, and supports each interface to contain controls for controlling the display ratio of different areas in the corresponding interface. Therefore, the display ratio of different areas in the interface can be controlled independently for different interfaces, which is highly flexible and practical.
  • the method further includes: adjusting the display position of the second control; and in response to a detected third operation, stopping displaying the first mask.
  • the second operation is a move, i.e., a drag operation
  • the third operation is a release, i.e., a hand-release operation.
  • the first operation, the second operation, and the third operation are operations performed continuously.
  • the electronic device displays a second control in a first mask covering the first interface, so that the user can operate the second control on the first mask to adjust the position of the second control, and stops displaying the first mask after the position of the second control is adjusted.
  • the second control corresponds to the first control, so the adjustment method for the first control can be determined by adjusting the second control, and the format of the first interface will not be affected during the adjustment process.
  • the method further includes: in response to the third operation, adjusting a display position of the first control in the first interface according to a position of the second control in the first mask.
  • the electronic device can determine the position of the adjusted first control according to the position of the adjusted second control, and adjust the position of the first control, thereby adjusting the display ratio of different areas in the interface. Therefore, based on this method, it can be ensured that the display ratio of different areas in the interface can be controlled by the first control included in the interface.
  • the content in the first area and the first control are located in the same layer.
  • the first control and the content in an area on the interface are located in the same layer, so the electronic device can draw the first control while drawing the content in the area, which can avoid adding additional layers to carry controls, improve drawing speed and efficiency, and reduce the difficulty of drawing and layer management, and is highly practical.
  • adjusting the display ratio of the first area and the second area includes: determining the display ratio of the third area and the fourth area in the first mask according to the position of the second control in the first mask; wherein the third area corresponds to the first area, the fourth area corresponds to the second area, and the second control is located between the third area and the fourth area; and adjusting the display ratio of the first area and the second area according to the display ratio of the third area and the fourth area.
  • the first mask corresponds to the first interface
  • the second control in the first mask corresponds to the first control in the first interface
  • the areas on both sides of the second control in the first mask correspond to the areas on both sides of the first control in the first interface respectively. Therefore, the display ratio of different areas in the first interface can be controlled by controlling the display ratio of different areas in the first mask using the second control. In this case, it is only necessary to add an additional display layer during the display of the first mask, which can reduce the processing volume and difficulty of layer drawing and management, improve processing efficiency, and at the same time ensure that the display ratio of different areas in the first interface can be controlled.
  • the size of the first covering layer is the same as the size of the first interface.
  • the size of the first mask is the same as the size of the first interface, which makes it easier to perform related control operations on the display ratio of different areas in the first interface on the first mask, and facilitates users to preview the control effects, thereby improving user experience.
  • the method further includes: displaying a second interface, the second interface including a fifth area and a sixth area, the fifth area and the sixth area do not overlap, and a third control is included between the fifth area and the sixth area; wherein the second interface is displayed simultaneously with the first interface; in response to a fourth operation acting on the third control, displaying a second mask, the second mask including a fourth control, the fourth control corresponding to the third control, and the second mask covering the second interface; in response to a fifth operation acting on the fourth control, adjusting the display ratio of the fifth area and the sixth area.
  • the second mask corresponds to the second interface;
  • the fourth operation is a touch operation, a press operation, or a long press operation.
  • the electronic device can display different interfaces at the same time, and different interfaces contain controls for controlling the display ratio of different areas in the interface. Therefore, the display ratio of different areas in the interface can be controlled independently for different interfaces, which has high flexibility and practicality.
  • the content in the fifth area and the third control are located in the same layer.
  • the third control and the content in an area on the interface are located in the same layer, so the electronic device can draw the third control while drawing the content in the area, which can avoid adding additional layers to carry controls, improve drawing speed and efficiency, and reduce the difficulty of drawing and layer management, and is highly practical.
  • the method further includes: in response to a received sixth operation, adjusting a display position of the first interface.
  • the sixth operation is an operation of moving after selecting the first interface, and the sixth operation includes a touch/press/long press operation and a subsequent move/drag operation acting in a set area on the first interface.
  • the electronic device can adjust the display position of the first interface according to the user operation. Since the first interface includes the first control, after the display position of the first interface is adjusted, the display position of the first control also moves accordingly. Therefore, the visual display of the control is clearer and more flexible, and it is convenient for the user to operate the control to control the display ratio of different areas in the adjustment interface, so the user experience is higher.
  • the first control and the second control are drag bars.
  • the display format of the first control and the second control is a drag bar, which is convenient for dividing different areas in the interface and also convenient for users to clearly and intuitively view and understand the functions of the controls, thereby performing corresponding control operations simply and quickly.
  • the first area and the second area correspond to different activities.
  • the first area and the second area correspond to the same application, or the first area and the second area correspond to different applications.
  • the electronic device can support displaying the content of the same application or the content of different applications in the same interface, and has high flexibility and practicality.
  • 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.
  • the present application provides a computer-readable storage medium storing a computer program.
  • the computer program runs on a computer, the computer executes the method described in the first aspect or any possible design of the first aspect.
  • the present application provides a computer program product, which includes a computer program or instructions.
  • the computer program or instructions When the computer program or instructions are run on a computer, the computer executes the method described in the first aspect or any possible design of the first aspect.
  • FIG1 is a schematic diagram of a method for displaying parallel horizons
  • FIG2 is a schematic diagram of a hardware architecture of an electronic device provided in an embodiment of the present application.
  • FIG3 is a schematic diagram of a software architecture of an electronic device provided in an embodiment of the present application.
  • FIG4 is a schematic diagram of a window display method provided by an embodiment of the present application.
  • FIG5 is a schematic diagram of the architecture of a display system provided in an embodiment of the present application.
  • FIG6 is a schematic diagram of a display method provided in an embodiment of the present application.
  • FIG7a is a schematic diagram of a method for displaying parallel horizons provided in an embodiment of the present application.
  • FIG7b is a schematic diagram of an interface of a parallel horizon provided in an embodiment of the present application.
  • FIG7c is a schematic diagram of a method for displaying parallel horizons provided in an embodiment of the present application.
  • FIG7d is a schematic diagram of a parallel horizon interface provided by an embodiment of the present application.
  • FIG8 is a schematic diagram of a drag mask provided in an embodiment of the present application.
  • FIG9 is a schematic diagram of a parallel horizon interface provided by an embodiment of the present application.
  • FIG10 is a schematic diagram of an interface of multiple parallel horizons provided in an embodiment of the present application.
  • FIG11 is a schematic diagram of a display method provided in an embodiment of the present application.
  • FIG12 is a schematic diagram of a parallel horizon interface provided by an embodiment of the present application.
  • FIG13a is a schematic diagram of a flow chart of a touch event interception method provided in an embodiment of the present application.
  • FIG13b is a schematic flow chart of a method for processing a press event provided in an embodiment of the present application.
  • FIG13c is a flow chart of a method for processing a mobile event provided in an embodiment of the present application.
  • FIG13d is a schematic diagram of a flow chart of a release event processing method provided in an embodiment of the present application.
  • FIG14 is a schematic diagram of a display method provided in an embodiment of the present application.
  • FIG. 15 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application.
  • 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.
  • the electronic device may be a device with a display screen.
  • the electronic device may be a portable device, such as a mobile phone, a tablet computer, a wearable device with a wireless communication function (such as a watch, a bracelet, etc.), a vehicle-mounted terminal device, an augmented reality (AR)/virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), smart home devices (such as smart TVs, smart speakers, 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 (such as smart robots, drones, airplanes), etc.
  • a portable device such as a mobile phone, a tablet computer, a wearable device with a wireless communication function (such as a watch, a bracelet, etc.), a vehicle-mounted terminal
  • 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.
  • the electronic device may also be a portable terminal device that also includes other functions such as a personal digital assistant and/or a music player.
  • 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 (such as 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 (eg, a touch panel).
  • At least one refers to one or more
  • plural refers to two or more.
  • “And/or” describes the association relationship of associated objects, indicating that three relationships may exist.
  • 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 objects associated 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.
  • 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.
  • FIG1 is a schematic diagram of a display process of a parallel horizon interface.
  • An electronic device can display an application interface on a display screen. After displaying the application interface, if the display of the parallel horizon interface of the application is triggered, the electronic device can display a parallel horizon interface as shown in the schematic diagram (a) of FIG1 on the display screen, and the parallel horizon interface includes two left and right windows.
  • the display screen also displays a drag bar between the two windows in the parallel horizon interface, and the drag bar is located in an independent layer and covers the position between the two windows in the parallel horizon interface. The user can adjust the display ratio of the left and right windows by dragging the drag bar.
  • the electronic device when the user triggers the drag bar to drag, the electronic device can display a mask interface including the drag bar on the display screen, and the mask interface covers the layer where the parallel horizon interface is located.
  • the user can drag the drag bar displayed in the mask interface to change the display ratio of the left and right windows.
  • the electronic device can no longer display the mask interface, and can adjust the display ratio of the left and right windows according to the position where the drag bar is dragged, and display the parallel horizon interface after the adjusted window ratio.
  • the electronic device can only support one drag bar layer, so only one drag bar can be displayed on the display screen. If multiple drag bars need to be displayed, additional display layers need to be added to the display screen, which will increase the pressure of drawing and rendering layers.
  • the added layers are system-level layers drawn by the electronic device system service, which will increase the difficulty of managing the layers in the process of displaying the parallel horizon interface of the application, and will also increase the complexity of using the drag bars in the layers.
  • the display position of the parallel horizon interface of the application on the display screen can be moved and changed, while the display position of the drag bar is difficult to move with the display position of the parallel horizon interface.
  • the display position of the parallel horizon interface of the application follows the movement, while the layer where the drag bar is located is an independent layer added by the electronic device system, so it will not follow the movement.
  • an embodiment of the present application provides a display method and an electronic device.
  • the solution can display a drag bar in a parallel field of view interface or a split-screen interface, and the drag bar can move with the movement of the parallel field of view interface or the split-screen interface. It has high flexibility, which is convenient for users to adjust the display ratio of the corresponding interface based on the drag bar, and is highly practical.
  • the solution provided in the embodiment of the present application can support the simultaneous display of parallel vision interfaces or multiple split-screen interfaces of multiple applications, and adjust the display ratio of the corresponding interface according to the drag bar without affecting the display of other interfaces. Therefore, the convenience and practicality of this solution are relatively high.
  • FIG. 2 the structure of an electronic device to which the method provided in an embodiment of the present application is applicable is introduced.
  • 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.
  • 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
  • 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.
  • the electronic device 100 shown in FIG2 is only 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 different component configurations.
  • the various components shown in FIG2 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.
  • the processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and/or a neural-network processing unit (NPU). Different processing units may be It can be an independent device or integrated in one or more processors.
  • 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 operation code and the timing signal to complete the control of fetching and executing instructions.
  • the processor 110 may also be provided with a memory for storing instructions and data.
  • 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.
  • 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 can include different devices. For example, 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 to obtain faster processing efficiency.
  • 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, quantum dot light-emitting diodes (QLED), etc.
  • 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 (GUI).
  • GUI graphical user interfaces
  • the display screen 194 can display photos, videos, web pages, or files, etc.
  • display screen 194 may display a parallel view interface, a mask interface, etc. of the application described in the embodiments 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.
  • 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.
  • 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.
  • 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.
  • the program storage area can store the code of the operating system, application program (such as the function corresponding to the solution of the present application, etc.).
  • the data storage area can store data created during the use of the electronic device 100, etc.
  • 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.
  • 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.
  • a non-volatile memory such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.
  • the code of the algorithm of the embodiment of the present application can also be stored in an external memory.
  • 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.
  • 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.
  • a touch sensor is also called a "touch panel”.
  • the touch sensor can be arranged on the display screen 194.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • antenna 1 can be reused as a diversity antenna for a wireless local area network.
  • the antenna can be used in combination with a tuning switch.
  • the mobile communication module 150 can provide solutions for wireless communications including 2G/3G/4G/5G, etc., 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.
  • at least some of the functional modules of the mobile communication module 150 can be set in the processor 110.
  • 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.
  • the mobile communication module 150 can also be used to interact with other devices for information.
  • the modem processor may include a modulator and a demodulator.
  • 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.
  • 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.
  • the modem processor may be an independent device.
  • 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.
  • the wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (WiFi) network), 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, 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.
  • the wireless communication module 160 is used to establish a connection with other electronic devices and perform data interaction.
  • 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.
  • 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.
  • the electronic device 100 may include more or fewer components than those shown in FIG. 2, and the embodiments of the present application are not limited thereto.
  • 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.
  • the software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service 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.
  • 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.
  • 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.
  • APP application
  • 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.
  • Programs can be developed using the Java language by calling the application programming interface (API) provided by the application framework layer. Developers can use the application framework to interact with the underlying layer of the operating system (such as the kernel layer) to develop their own applications.
  • API application programming interface
  • an application can display an interface in an application window through an activity.
  • Activity is used to provide a window corresponding to a user interface, and each Activity can correspond to a window.
  • the window provided by Activity is usually implemented by a phone window (PhoneWindow) service and an application title bar container view (DecorView) service (referred to as the application title bar container).
  • PhoneWindow is used to perform window-related logical processing
  • DecorView is used to perform window-related display processing, which can control the display window.
  • DecorView includes two services: application title bar view (CaptionView) (referred to as application title bar) and content view (ContentView).
  • CaptionView is used to present the title bar content in the window corresponding to the user interface.
  • ContentView is used to present specific application content in the window corresponding to the user interface. As shown in Figure 4, when the application displays a parallel horizon interface, the two windows in the parallel horizon interface correspond to an Activity respectively, and each Activity is used to realize the display of the corresponding window.
  • Activity is an application component responsible for interacting with the user and can exist as a carrier of the application.
  • Activity provides a window (i.e., a visual user interface) to place user interface (UI) components to draw various application-related views for user interaction.
  • All operations in Activity are closely related to the user.
  • Activity can monitor and respond to user operations. For example, the entire user interface that a user sees after opening an application is an Activity. When the user controls the application interface to jump to another interface through operations, it is a new Activity. Different Activities can communicate with each other through intents.
  • 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.
  • 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.
  • 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.
  • 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.
  • the display interface including the SMS notification icon can include a view for displaying text and a view for displaying images.
  • 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.
  • the runtime includes the core library and the virtual machine.
  • the runtime is responsible for the scheduling and management of the system.
  • 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.
  • 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.
  • 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.
  • the solution provided by the embodiment of the present application can be applied in a parallel horizon scenario or an application split-screen scenario. Specifically, it can be used in a scenario of displaying a parallel horizon interface or a split-screen interface of an application, and the display ratio of different display areas (windows) in the parallel horizon interface or the split-screen interface can be controlled.
  • the parallel horizon interface can be an interface containing the content of the left and right areas, and the content of the left and right areas can belong to the same application or to different applications.
  • the parallel horizon interface can occupy part or all of the area of the display screen, that is, the parallel horizon interface can be displayed in full screen or in non-full screen.
  • the split-screen interface can be an interface containing the content of the left and right or upper and lower areas, and the content of the left and right or upper and lower areas can belong to the same application or to different applications.
  • the split-screen interface occupies the entire area of the display screen, that is, the split-screen interface is displayed in full screen.
  • 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 specific implementation method of the solution provided in the present application when applied in the application split-screen scenario can refer to the specific 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.
  • Figure 5 is a schematic diagram of the system architecture of a display system provided in an embodiment of the present application.
  • the system can be deployed in an electronic device to implement the display method provided in an embodiment of the present application.
  • the system includes at least a first application and a first service, wherein the first application can be an application in the electronic device that supports parallel vision, and the first service can be a system service in the electronic device.
  • the first application and the first service collaborate to display the parallel vision interface of the first application on the display screen of the electronic device, and at the same time display a drag bar for controlling the display ratio of different display areas in the parallel vision interface of the application.
  • the parallel vision interface of the first application can be displayed in full screen on the display screen of the electronic device, or it can be displayed in a window on the display screen of the electronic device, that is, displayed in a partial display area on the display screen.
  • the first application may include an application title bar container and an application title bar.
  • an application title bar container and an application title bar Regarding the application title bar container and the application title bar, please refer to the relevant introduction in conjunction with Figure 4 above, which will not be repeated here.
  • the application title bar container can be used to monitor the touch operation performed by the user on the display screen of the electronic device, wherein the touch operation is an operation performed within the display area where the parallel horizon interface of the first application is located.
  • the application title bar can be used to identify whether the touch operation monitored by the application title bar container is an operation of dragging a drag bar, and control the triggering of subsequent processing flow according to the identification result, wherein the drag bar is a drag bar located within the parallel horizon interface of the first application.
  • the first service may include an input event management service (InputManagerService), an input event listener (InputMonitor), an input event receiver (InputReceiver), a drag bar controller, a drag event interceptor, and the like.
  • InputManagerService an input event management service
  • InputMonitor an input event listener
  • InputReceiver an input event receiver
  • drag bar controller a drag event interceptor
  • the drag bar controller can be used to control the display of the interface or content related to the drag bar, for example, it can be used to: control the display position of the drag bar according to the drag operation performed by the user on the drag bar, control the display of the drag mask interface, and control the display ratio of different areas in the parallel vision interface of the first application.
  • Controlling the drag event interceptor can be used to control the monitoring and interception process of input events; the input event management service can be used to control the transmission of input events; the input event receiver can be used to receive input events; the input event listener can be used to schedule and manage the input event receiver.
  • the input event may include an event corresponding to the drag operation performed by the user on the drag bar in the parallel vision interface of the first application.
  • the drag bar controller can control the drag event interceptor, the drag event interceptor can control the input event management service and the input event listener, and the input event listener can control the input event receiver.
  • the display system described above can be deployed in the electronic device shown in Figure 3, wherein the first application can be deployed in the application layer of the electronic device shown in Figure 3, and the first service can be deployed in the application framework layer of the electronic device shown in Figure 3.
  • the system architecture of the display system described above is only an example.
  • the display system 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.
  • the display system may also include more or fewer functional services.
  • a display method provided by an embodiment of the present application may include:
  • the electronic device displays a first parallel view interface of a first application, wherein the first parallel view interface includes a first area, a second area, and a first drag bar; wherein the first area and the second area do not overlap, and the first drag bar is located between the first area and the second area.
  • the content in the first area and the first drag bar are located in the same layer, and the first area and the first drag bar belong to the same window. Then, the electronic device can draw the first drag bar while drawing the content in the first area without adding an additional layer, so the drawing and display efficiency is high.
  • the first area and the second area correspond to different activities, and the first area and the first drag bar correspond to the same activity.
  • the first area and the second area are used to display the application content (or application interface) of the first application.
  • the content displayed in the first area is different from that displayed in the second area.
  • the first area and the second area can be used to display the application content of the same application or different applications.
  • the first drag bar is used to control the adjustment (or change) of the display ratio of the first area and the second area in the first parallel vision interface.
  • the electronic device may display the first parallel vision interface in full screen on the display screen, or may display the first parallel vision interface in a partial display area on the display screen.
  • the electronic device before displaying the first parallel horizon interface of the first application, may display the first application window containing the application content of the first application on the display screen; and after receiving the instruction to display the parallel horizon sent by the user, the first parallel horizon interface may be displayed.
  • the following steps may also be included: the electronic device displays the first application window of the first application; the electronic device receives an operation for instructing to display the parallel horizon of the first application.
  • the operation may be an operation performed by the user on the first application window.
  • the first window corresponding to the first area and the first drag bar in the first parallel horizon interface and the second window corresponding to the second area in the first parallel horizon interface may be left-right adjacent windows, wherein the content in the first area and the first drag bar belong to the first window, and the content in the second area belongs to the second window.
  • the first window may be located on the left side of the second window, so that the right border of the first window is connected to the left border of the second window, and the first drag bar is located on the right side of the first window, that is, at the right border of the first window, which may be, for example, the position shown in FIG7a.
  • the parallel view interface of the gallery application in this scenario may be displayed in the format shown in FIG7b.
  • the first window may be located on the right side of the second window, so that the left border of the first window is connected to the right border of the second window, and the first drag bar is located on the left side of the first window, that is, at the left border of the first window, which may be, for example, the position shown in Figure 7c.
  • the parallel view of the gallery application in this scenario may be displayed in the format shown in Figure 7d.
  • the first drag bar belongs to the first window and is located in the central area of the first parallel view interface, so the first drag bar is located between the first area and the second area in visual effect. Control of the first drag bar can be achieved by the activity response corresponding to the first area.
  • the electronic device can display the drag bar in the first parallel field of view interface in different ways, which is highly flexible.
  • the first area and the second area respectively contain partial contents of the application title bar of the first application, and the partial contents belonging to the application title bar in the first area and the partial contents belonging to the application title bar in the second area constitute the complete application title bar of the first application.
  • the display area of the first drag bar can be an area other than the title bar area in the first window, and the title bar area is the area where the contents belonging to the application title bar in the first window are located.
  • the drag bar may not be displayed in the title bar area of the gallery application.
  • the drag bar may also occupy the display area of the title bar, presenting a visual effect of the drag bar such as that shown in the schematic diagram (a) in Figure 1.
  • an electronic device displays a parallel field of view interface of other applications can refer to the method shown in Figures 7a and 7c, but is certainly not limited to this.
  • the electronic device can appropriately adjust the specific display method (such as the size of the drag bar, etc.) according to actual needs, and no specific restrictions are made in the embodiments of the present application.
  • the electronic device can display a drag bar in the parallel horizon interface for adjusting the display ratio of different display areas in the parallel horizon, without the need to display the drag bar through an independent layer, thereby reducing the system rendering pressure and improving the display speed and efficiency.
  • displaying the corresponding drag bar in the parallel horizon interface makes it easier to select and use the drag bar to control the display ratio of the interface area, which can improve the user experience.
  • step S601 may be completed by a system service of the electronic device (operating system), and the system service may be, for example, the first service shown in FIG. 5 above.
  • S602 The electronic device receives a first selection operation, where the first selection operation is used to select a first drag bar.
  • the first selection operation may be a touch operation or a press operation acting in the display area of the first drag bar.
  • the press operation may be a long press operation.
  • the first selection operation may be a touch operation performed by a user on the display screen of the electronic device, or may be an operation performed by a user using an external input device (such as a stylus, etc.) on the display screen of the electronic device, or may be an operation performed by a user using an external input device (such as a mouse, etc.) that is communicatively connected to the electronic device.
  • an external input device such as a stylus, etc.
  • an external input device such as a mouse, etc.
  • the first selection operation may be an operation received by the first application, and the electronic device may monitor the first application receiving the first selection operation through the system service, thereby determining the received first selection operation and performing subsequent processing.
  • the system service may be the first service shown in FIG5 above.
  • the electronic device displays a first mask in response to receiving the first selection operation; wherein the first mask covers the first parallel field of view interface, the first mask includes a second drag bar corresponding to the first drag bar, and the position of the second drag bar in the first mask corresponds to the position of the first drag bar in the first parallel field of view interface.
  • the first mask has the same shape and size as the first parallel horizon interface.
  • the area of the first mask except the second drag bar can be displayed in a non-transparent format, so that the content in the first parallel horizon interface covered by the first mask is blurred or completely blocked.
  • the area of the first mask except the second drag bar can also be displayed in a transparent format or display set content (such as an application icon, etc.).
  • the electronic device can select the method of displaying the first mask according to the actual needs of the user, which is highly flexible.
  • the position of the second drag bar in the first mask can be the same as the position of the first drag bar in the first parallel horizon interface, and the position of the second drag bar on the display screen can be considered to be the same as the position of the first drag bar on the display screen.
  • the position of the second drag bar in the first mask can be used as the position of the first drag bar in the updated first parallel horizon interface.
  • the second drag bar can be used as the corresponding display form of the first drag bar in the first mask, and the operation performed by the user on the second drag bar in the first mask is equivalent to the operation performed on the first drag bar in the first parallel horizon interface.
  • the electronic device can determine the position of the first drag bar in the first parallel field of view interface according to the position of the second drag bar in the first mask, and then update the display position of the first drag bar and the display ratio of the first area and the second area in real time according to the position, and at the same time adjust the layout of the content displayed in the first area and the second area according to the size of the first area and the second area, so that the layout of the displayed content is adapted to the area size.
  • the size of the second drag bar may be the same as or different from the size of the first drag bar, and no specific limitation is made in the embodiment of the present application.
  • step S603 may be completed by a system service of the electronic device, and the system service may be, for example, the first service shown in FIG. 5 above.
  • the interface shown in the schematic diagram of FIG. 8 can be displayed.
  • the interface adds a first mask layer, that is, a mask layer interface, covering the first parallel horizon interface, and the first mask layer is opaque.
  • the first mask layer has the same shape and size as the first parallel horizon interface, so it covers the content of the first parallel horizon interface, and only the content in the first mask layer (the mask layer area and the second drag bar) is visible to the user, which is more convenient for the user to issue an instruction to change the window display ratio in the first parallel horizon interface by dragging the second drag bar in the first mask layer.
  • the first reference area in the first mask layer is the same size as the first window
  • the second reference area is the same size as the second window.
  • the first reference area includes the area corresponding to the first area and the area where the second drag bar is located
  • the second reference area includes the area corresponding to the second area.
  • the size of the first reference area and the second reference area changes accordingly, wherein the first reference area can be used to indicate the area where the adjusted first window is located, and the second reference area can be used to indicate the area where the adjusted second window is located.
  • the electronic device displays the drag bar in an additional separate layer (i.e., the first mask) only after the user triggers the drag operation. This can minimize the time for adding additional layers, improve drawing efficiency and layer management efficiency, and at the same time ensure that the user can control the display ratio of different areas in the parallel vision interface by operating the drag bar.
  • S604 The electronic device receives a first drag operation for dragging the second drag bar to move, and in response to the received first drag operation, updates the display of the second drag bar in the first mask; wherein the position of the second drag bar in the first mask corresponds to the position of the point of action of the first drag operation in the first mask.
  • the first drag operation is an operation performed within the display area of the second drag bar, and the first drag operation is a continuous operation after the first selection operation.
  • the first selection operation may be a pressing operation performed by the user within the display area where the first drag bar is located on the display screen, and the first drag operation may be an operation of sliding while maintaining the corresponding pressed state after the pressing operation.
  • the first drag operation can be a touch operation performed by the user on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a stylus, etc.) on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a mouse, etc.) that is communicatively connected to the electronic device.
  • an external input device such as a stylus, etc.
  • an external input device such as a mouse, etc.
  • the first drag operation may be an operation received by the first application, and the electronic device may monitor the first application receiving the first drag operation through a system service, thereby determining the first drag operation and performing corresponding processing.
  • the system service may be the first service shown in FIG. 5 above.
  • the electronic device can determine the action point of the first drag operation on the display screen in real time, and use the position of the action point as the position of the second drag bar in the first mask in real time, thereby achieving the display effect of the second drag bar following the movement of the first drag operation during the display process.
  • the method of receiving the first drag operation in the method described in step S604 can be completed by the first application, and the method of updating the second drag bar in the first mask can be completed by the system service of the electronic device, which can be, for example, the first service shown in FIG. 5 above.
  • the electronic device when the electronic device determines that the first drag operation is ended, it can determine that the user stops adjusting the display ratio of the first area and the second area in the first parallel field of view interface. The electronic device can then stop displaying the first mask, and at the same time use the position of the second drag bar in the first mask at this time as the position of the updated first drag bar in the first parallel field of view interface, and adjust the display ratio of the first area and the second area according to the position, so that the updated first drag bar is still located at a side boundary adjacent to the second window in the first window, and the side boundary is connected to the boundary of the second window adjacent to the first window, thereby obtaining an updated first parallel field of view interface, and the updated first parallel field of view interface can be used to update the originally displayed first parallel field of view interface, that is, the first parallel field of view interface before the update.
  • the electronic device can display the interface shown in FIG9, which includes the updated first parallel horizon interface and does not include the first mask.
  • the position of the first drag bar is the position corresponding to position B in the first mask in the first parallel horizon interface when the first drag operation stops.
  • the original first drag bar moves to the right, the original first area expands horizontally to the right, and the original second area shrinks horizontally to the right, so as to achieve the effect of adjusting the display ratio of different areas in the parallel horizon.
  • the electronic device can display a drag bar corresponding to the parallel vision of the application in the application window, and can use the drag bar to adjust the display ratio of different areas in the parallel vision interface of the application, which is convenient and practical.
  • the user can adjust the display ratio of the first area and the second area in the first parallel horizon interface to any one of the at least one ratio set by performing a first drag operation.
  • the display ratio of the first area and the second area is used to indicate the ratio of the length of the first boundary of the first area to the second boundary of the second area, and the first boundary and the second boundary are included in the same boundary of the first parallel horizon interface.
  • the at least one ratio set may include at least one of the following: 0:3, 1:2, 1:3, 1:1, 3:1, 2:1, 3:0.
  • the display ratio of the first area to the second area may be the ratio of the width of the first area to the width of the second area.
  • the display ratio of the first area to the second area is 1:1, that is, the width of the first area is the same as the width of the second area.
  • the display ratio of the updated first area to the updated first area is 2:1, that is, the width of the updated first area is twice the width of the updated second area.
  • the first border of the updated first area may be the lower border of the area
  • the second border of the updated second area may be the lower border of the area
  • the length of the first border of the updated first area is twice the length of the second border of the updated second area.
  • an electronic device may use the above method to display parallel field of view interfaces of multiple applications on a display screen, wherein the display and control method of the parallel field of view interface of each application may refer to the above method of displaying and controlling the parallel field of view interface of the first application.
  • the electronic device can simultaneously display the parallel horizon interfaces of the first application (such as the gallery application described in the above embodiment) and the second application (such as a music application) on the display screen.
  • the parallel horizon interface of the first application includes a drag bar corresponding to the first application, so that the user can adjust the display ratio of different areas in the parallel horizon interface of the first application by dragging the drag bar.
  • the parallel horizon interface of the second application includes a drag bar corresponding to the second application, so that the user can adjust the display ratio of different areas in the parallel horizon interface of the second application by dragging the drag bar.
  • the specific implementation method can also refer to the method provided in the above embodiment.
  • the electronic device can simultaneously display the parallel horizon interfaces of multiple applications in a windowed manner, wherein each parallel horizon interface has an independent drag bar, and the electronic device can use the drag bar in each parallel horizon interface to drag the different parallel horizon interfaces of each application.
  • the display ratio of the same area is controlled independently without affecting the display of the parallel horizon interface of other applications. Therefore, the method is flexible, convenient and practical.
  • there will always be an additional layer where the drag bar is located during the display and adjustment of the parallel horizon interface while in the method provided in the above embodiment of the present application, only a layer for displaying the first mask layer will be added during the process of dragging the drag bar.
  • the drag bar is displayed in the application layer, and there is no need to add an additional display layer. Therefore, the rendering pressure of the electronic device system is relatively small, which can improve a certain processing efficiency and reduce the difficulty of layer management.
  • a display method provided in an embodiment of the present application may include:
  • the electronic device displays a first parallel view interface of a first application, wherein the first parallel view interface includes a first area, a second area, and a first drag bar; wherein the first area and the second area do not overlap, and the first drag bar is located between the first area and the second area.
  • step S601 in the above embodiment, which will not be repeated here.
  • S1102 In response to receiving a second drag operation, the electronic device stops displaying the first parallel vision interface at the first display position and displays the first parallel vision interface at the second display position, wherein the second drag operation is used to drag the first parallel vision interface from the first display position to the second display position.
  • the second drag operation is an operation of acting on a set area in the first parallel horizon interface
  • the second drag operation is an operation of dragging and moving after pressing.
  • the set area can be, for example, a title bar area of an application.
  • the pressing operation in the second drag operation is used as an operation of selecting the first parallel horizon interface.
  • the pressing operation is a long press operation.
  • the second drag operation can be a touch operation performed by the user on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a stylus, etc.) on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a mouse, etc.) that is communicatively connected to the electronic device.
  • an external input device such as a stylus, etc.
  • an external input device such as a mouse, etc.
  • the second drag operation may be an operation received by the first application, and the electronic device may monitor the first application receiving the second drag operation through a system service, thereby determining the second drag operation and performing corresponding processing.
  • the system service may be the first service shown in FIG. 5 above.
  • the electronic device can determine the action point of the second drag operation on the display screen in real time, and use the position corresponding to the action point as the position of the first parallel horizon interface in real time, so as to achieve the display effect that the first parallel horizon interface moves with the second drag operation during the display process. After receiving the second operation, the electronic device can display the first parallel horizon interface only at the second display position.
  • the trajectory of the action point of the second drag operation on the display screen can be a trajectory from the starting point C to the end point D
  • the second drag operation can be used to indicate that the first parallel field of view interface shown in the schematic diagram (a) in Figure 12 is dragged from the position corresponding to the starting point C to the position corresponding to the end point D
  • the interface displayed by the electronic device is as shown in the schematic diagram (b) in Figure 12
  • the first parallel field of view interface is located at the position corresponding to the end point D.
  • the method of receiving the second drag operation in the method described in this step can be completed by the first application, and the method of updating and displaying the first parallel vision interface can be completed by the system service of the electronic device, which can be, for example, the first service shown in FIG. 5 above.
  • the drag bar corresponding to the application displayed on the electronic device can move along with the parallel vision interface of the application.
  • the visual display of the drag bar is clearer and more flexible, and it is convenient for the user to drag the drag bar to control and adjust the display ratio of different areas in the parallel vision interface, so the user experience is higher.
  • the method corresponding to Figure 6 and the method corresponding to Figure 11 in the above embodiments can be executed synchronously, wherein after the electronic device executes the method described in step S601 (or step S1101), if the received user operation is the first selection operation described in the above embodiment, step S602 and subsequent steps described in the above embodiment can be executed; if the received user operation is the second drag operation described in the above embodiment, step S1102 described in the above embodiment can be executed.
  • the display method provided in the embodiment of the present application may include four stages: touch event interception, press event processing, move event (or drag event) processing, and release event processing, wherein the touch event interception stage is the process of intercepting or capturing hot zone events by an application in an electronic device, and a hot zone event is an event of a touch operation in the above drag hot zone;
  • the press event processing stage is the process of the electronic device responding to the user's press operation on the display screen;
  • the move event processing stage is the process of the electronic device responding to the user's move operation of the drag bar in the drag mask;
  • the release event processing stage is the process of the electronic device responding to the user's operation of stopping dragging the drag bar.
  • the system service of the electronic device can monitor and intercept the touch operation in the drag hot zone in the parallel horizon interface, and the drag hot zone can be a set area in the parallel horizon interface.
  • a possible process of the method performed by the electronic device in the touch event interception stage may include:
  • the user operation is a touch operation performed on the display screen
  • the touch event is an event corresponding to the touch operation
  • the application title bar container is used to monitor user operations, determine corresponding events, and send the determined events to the application title bar.
  • the application title bar container may belong to the first application described in the above embodiment
  • the parallel vision interface displayed by the electronic device may be the first parallel vision interface described in the above embodiment.
  • the method for the electronic device to display the parallel vision interface may refer to the relevant introduction in the above embodiment and will not be repeated here.
  • the application title bar container sends the intercepted touch event to the application title bar in the electronic device.
  • the application title bar is used to control the corresponding response processing according to the events reported by the application title bar container.
  • the application title bar is used to control the corresponding response processing according to the events reported by the application title bar container.
  • the application title bar may belong to the first application described in the above embodiment.
  • the drag hot zone is an area set in the parallel horizon.
  • the drag hot zone may include an area where the title bar is located and an area where the drag bar is located in the parallel horizon.
  • the application title bar container may determine the touch area of the user's touch operation on the display screen according to the touch event. If the touch area is within the drag hot zone, it may be triggered and subsequent processing steps may be performed. Otherwise, no subsequent processing may be performed.
  • the electronic device can determine whether the operation triggers an event of dragging the drag bar based on the received touch operation and its subsequent operation (such as a press operation), and then determine the corresponding response method.
  • a possible process of the method executed by the electronic device in the press event processing stage may include:
  • S1304 The application title bar container continues to monitor the user operation, and determines that the touch event is changed into a press event according to the monitored user operation.
  • the user operation is a pressing operation, which may include a touch operation or may be a touch operation
  • the pressing event is an event corresponding to the pressing operation
  • the action point of the pressing operation is located in the display area where the above-mentioned drag hot zone is located.
  • the drag bar controller can display a drag mask covering the parallel view according to the instructions of the application title bar.
  • the format of the drag mask can refer to the format of the first mask described in the above embodiment, which will not be described in detail here.
  • step S1304 shown in FIG. 13b is executed after step S1303 shown in FIG. 13a.
  • the electronic device can receive the user's operation of dragging the drag bar and respond to the corresponding moving event.
  • a possible process of the method performed by the electronic device in the moving event processing stage may include:
  • S1308 The application title bar container determines the move event received after the press event by continuing to monitor the user operation.
  • the user operation may be a moving operation performed by the user maintaining the pressing state after executing the above pressing operation, and the moving event (ACTION_MOVE) is an event corresponding to the moving operation.
  • the drag bar controller initializes the drag event interceptor in the electronic device.
  • the drag event interceptor can simultaneously register an input event channel for transmitting input events.
  • the input event channel is a method for transmitting events, and can be used to transmit events corresponding to the operation of the user performing a pressing operation and then keeping the pressing state to move, that is, the above-mentioned moving event.
  • the input event receiver is used to receive the above-mentioned moving event through the input event channel registered by the drag event interceptor.
  • the drag event interceptor triggers an input event receiver change event by instructing the input event listener in the electronic device, and distributes the input event receiver to the input event listener.
  • triggering the input event receiver change event can be used to make the above input event pipeline and input event receiver effective. After the file pipeline is in effect, mobile events can be transmitted.
  • S1314 The input event listener associates the input event receiver by scheduling an input event receiver change event.
  • S1316 The input event listener continues to listen to the motion event, and distributes the monitored motion event to the input event receiver.
  • the drag bar controller can determine the position of the drag bar in the drag mask in real time according to the move event sent by the input event receiver, and update the display position of the drag bar in the drag mask in real time according to the determined position.
  • step S1308 shown in FIG. 13c is executed after step S1307 shown in FIG. 13b.
  • the electronic device can detect the event that the user releases the drag bar, that is, stops dragging the drag bar, and responds to the event by adjusting the display ratio of different areas in the parallel horizon interface.
  • a possible process of the method executed by the electronic device in the release event processing stage may include:
  • S1318 The application title bar container determines a release event received after the move event by continuing to monitor the user operation.
  • the release event (ACTION_UP) is an event in which the user stops the dragging operation, that is, an event in which the user lets go.
  • the release event can also be called a release event.
  • the drag event interceptor instructs the input event listener to trigger a drag event receiver change event to move out of the input event receiver.
  • the input event listener can also unregister the input event pipeline.
  • the drag bar controller determines the display ratio of different areas in the parallel vision interface according to the position of the drag bar in the current drag layer.
  • removing the drag mask means stopping displaying the interface corresponding to the drag mask.
  • the drag bar controller updates the display ratios of different areas in the displayed parallel vision interface according to the display ratios.
  • step S1318 shown in FIG. 13d is executed after step S1317 shown in FIG. 13c.
  • the application side in the electronic device receives and triggers the drag event, and the system service intercepts and responds to the drag event, which is different from the solution in the prior art where only the system service receives and responds to the drag event.
  • the method can display and control the drag bar in the parallel view with the application as the target, and has high flexibility and practicality.
  • the embodiment of the present application further provides a display method, as shown in FIG14 , the method includes:
  • the electronic device displays a first interface, where the first interface includes a first area and a second area, where the first area and the second area do not overlap, and a first control is included between the first area and the second area.
  • the first interface may be the first parallel view interface described in the above embodiment
  • the first area and the second area may be the first area and the second area in the first parallel view interface described in the above embodiment
  • the first control may be the first drag bar described in the above embodiment.
  • S1402 In response to a first operation on the first control, the electronic device displays a first mask, where the first mask includes a second control, the second control corresponds to the first control, and the first mask covers the first interface.
  • the first operation may be the first selection operation described in the above embodiment
  • the first mask may be the first mask described in the above embodiment
  • the second control may be the second drag bar described in the above embodiment.
  • S1403 The electronic device adjusts the display ratio of the first area and the second area in response to a second operation performed on the second control.
  • the second operation may include a continuous operation of selecting the second control, dragging, and releasing the drag.
  • the second operation may be an operation of selecting a second control, and the second operation may be a touch, press, or long press operation.
  • the electronic device may adjust the display position of the second control, and in response to the detected third operation, stop displaying the first mask, and may also adjust the position of the first control in the first interface according to the position of the second control in the first mask.
  • the third operation may be an operation of releasing the drag.
  • the second operation may be the first drag operation described in the above embodiment
  • the third operation may be an end operation of the first drag operation described in the above embodiment.
  • the electronic device may determine the display ratio of a third area and a fourth area in the first mask according to the position of the second control in the first mask; wherein the third area corresponds to the first area, and the fourth area corresponds to the second area; and according to the display ratio of the third area and the fourth area, adjust the display ratio of the first area and the second area.
  • the third area and the fourth area may be areas located on both sides of the second drag bar in the first mask described in the above embodiment.
  • the electronic device may adjust the display position of the first interface in response to the received sixth operation.
  • the sixth operation may be an operation acting on an area other than the first control on the first interface, or the sixth operation may be an operation acting on a set area on the first interface.
  • the sixth operation may be the second drag operation described in the above embodiment.
  • the embodiment of the present application also provides an electronic device, which is used to implement the display method provided in the embodiment of the present application.
  • the electronic device 1500 may include: a display screen 1501, a memory 1502, one or more processors 1503, and one or more computer programs (not shown in the figure).
  • the above-mentioned devices can be coupled via one or more communication buses 1504.
  • the display screen 1501 is used to display relevant user interfaces such as application interface.
  • One or more computer programs are stored in the memory 1502, and the one or more computer programs include computer instructions; one or more processors 1503 call the computer instructions stored in the memory 1502, so that the electronic device 1500 executes the display method provided in the embodiment of the present application.
  • the memory 1502 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 1502 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 1502 may be used to store an implementation program of an embodiment of the present application.
  • the memory 1502 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.
  • One or more processors 1503 can be a general-purpose central processing unit (CPU), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits used to control the execution of the program of the present application.
  • CPU central processing unit
  • ASIC application-specific integrated circuit
  • FIG. 15 is only one implementation of the electronic device 1500 provided in the embodiment of the present application. In actual applications, the electronic device 1500 may also include more or fewer components, which is not limited here.
  • an embodiment of the present application further provides a computer-readable storage medium, which stores a computer program.
  • the computer program runs on a computer, the computer executes the method provided in the above embodiments.
  • the embodiments of the present application also provide a computer program product, which includes a computer program or instructions.
  • the computer program or instructions When the computer program or instructions are run on a computer, the computer executes the method provided in the above embodiments.
  • the methods provided in the embodiments of the present application may be implemented in whole or in part by software, hardware, firmware, or any combination thereof.
  • software When implemented by software, they may be implemented in whole or in part in the form of a computer program product.
  • a 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 embodiments of the present invention is generated in whole or in part.
  • a computer may be a general-purpose computer, a special-purpose computer, a computer network, a network device, a user device, or other programmable device.
  • Computer instructions may be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium.
  • computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means.
  • a computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated therein. Available media may 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.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The present application provides a display method and an electronic device. The method is applied to the electronic device, and the method comprises: displaying a first interface, the first interface comprising a first area and a second area, the first area and the second area being not overlapped, and a first control being comprised between the first area and the second area; in response to a first operation acting on the first control, displaying a first mask, the first mask comprising a second control, the second control corresponding to the first control, and the first mask covering the first interface; and in response to a second operation acting on the second control, adjusting the display ratios of the first area and the second area. The method provided by the present application improves the processing efficiency in display of a control for controlling the display ratios of different areas in an interface, and improves the practicability of a control display scheme.

Description

一种显示方法及电子设备Display method and electronic device
相关申请的交叉引用CROSS-REFERENCE TO RELATED APPLICATIONS
本申请要求在2022年09月29日提交中华人民共和国知识产权局、申请号为202211204046.6、申请名称为“一种显示方法及电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。This application claims priority to the Chinese patent application filed with the Intellectual Property Office of the People's Republic of China on September 29, 2022, with application number 202211204046.6 and application name "A Display Method and Electronic Device", all contents of which are incorporated by reference in this application.
技术领域Technical Field
本申请涉及电子设备技术领域，尤其涉及一种显示方法及电子设备。The present application relates to the technical field of electronic equipment, and in particular to a display method and electronic equipment.
背景技术Background technique
平行视界是指应用内分屏显示的界面。在平行视界中，应用内的两个窗口可以同时显示在显示屏上的左右区域中。电子设备可以在两个窗口之间显示拖动条，并支持通过拖动条控制两个窗口的显示比例。其中，拖动条为一个独立图层，显示在平行视界应用或分屏应用的中间，可以独立响应拖拽事件，来改变应用界面的显示比例。Parallel Vision refers to the split-screen interface within an application. In Parallel Vision, two windows within an application can be displayed simultaneously in the left and right areas of the display. The electronic device can display a drag bar between the two windows and support controlling the display ratio of the two windows through the drag bar. Among them, the drag bar is an independent layer, displayed in the middle of the parallel vision application or split-screen application, and can independently respond to drag events to change the display ratio of the application interface.
基于上述方法，电子设备绘制待显示的界面时的渲染压力会比较大，因此处理效率较低。Based on the above method, the rendering pressure of the electronic device when drawing the interface to be displayed will be relatively large, so the processing efficiency is low.
发明内容Summary of the invention
本申请提供一种显示方法及电子设备，用以提高显示用于控制界面中不同区域的显示比例的控件时的处理效率，并提高控件显示方案的实用性。The present application provides a display method and an electronic device for improving the processing efficiency when displaying controls for controlling the display ratio of different areas in an interface, and improving the practicality of the control display solution.
第一方面，本申请实施例提供一种显示方法，应用于电子设备，该方法包括：显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件；响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面；响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。可选的，所述第一蒙层与所述第一界面对应；所述第一操作为触摸操作、按下操作或者长按操作。In a first aspect, an embodiment of the present application provides a display method, which is applied to an electronic device, and the method includes: displaying a first interface, the first interface includes a first area and a second area, the first area and the second area do not overlap, and a first control is included between the first area and the second area; in response to a first operation acting on the first control, displaying a first mask, the first mask includes a second control, the second control corresponds to the first control, and the first mask covers the first interface; in response to a second operation acting on the second control, adjusting the display ratio of the first area and the second area. Optionally, the first mask corresponds to the first interface; the first operation is a touch operation, a press operation, or a long press operation.
在该方法中，电子设备显示的界面中包括用于控制界面中不同区域的显示比例的控件，因此控制界面中不同区域显示比例的控件与区域中的内容可以显示在同一界面即同一图层中，能够减小绘制界面过程的渲染压力，降低渲染过程的数据处理量，进而提高处理效率和显示速度。此外，该方案可以应用在显示多个界面的场景中，且支持每个界面中包含用于控制对应界面中不同区域的显示比例的控件，因此针对不同界面可以独立进行界面中不同区域的显示比例的控制，灵活性和实用性较高。In this method, the interface displayed by the electronic device includes controls for controlling the display ratio of different areas in the interface. Therefore, the controls for controlling the display ratio of different areas in the interface and the content in the area can be displayed in the same interface, that is, the same layer, which can reduce the rendering pressure of the interface drawing process and reduce the data processing volume of the rendering process, thereby improving processing efficiency and display speed. In addition, this solution can be applied in scenarios where multiple interfaces are displayed, and supports each interface to contain controls for controlling the display ratio of different areas in the corresponding interface. Therefore, the display ratio of different areas in the interface can be controlled independently for different interfaces, which is highly flexible and practical.
在一种可能的设计中，在响应于作用在所述第二控件上的第二操作之后，在调整所述第一区域和所述第二区域的显示比例之前，所述方法还包括：调整所述第二控件的显示位置；响应于检测到的第三操作，停止显示所述第一蒙层。可选的，所述第二操作为移动即拖拽操作，所述第三操作为释放即松手操作。所述第一操作、所述第二操作和所述第三操作为连续进行的操作。In a possible design, after responding to a second operation on the second control and before adjusting the display ratio of the first area and the second area, the method further includes: adjusting the display position of the second control; and in response to a detected third operation, stopping displaying the first mask. Optionally, the second operation is a move, i.e., a drag operation, and the third operation is a release, i.e., a hand-release operation. The first operation, the second operation, and the third operation are operations performed continuously.
在该方法中，电子设备在覆盖第一界面的第一蒙层中显示第二控件，使得用户可以在第一蒙层上对第二控件进行操作来调整第二控件的位置，并在调整第二控件的位置结束后停止显示第一蒙层，而第二控件是与第一控件对应的，因此可以通过对第二控件进行调整来确定针对第一控件的调整方式，且在调整过程中不会影响第一界面的格式。In this method, the electronic device displays a second control in a first mask covering the first interface, so that the user can operate the second control on the first mask to adjust the position of the second control, and stops displaying the first mask after the position of the second control is adjusted. The second control corresponds to the first control, so the adjustment method for the first control can be determined by adjusting the second control, and the format of the first interface will not be affected during the adjustment process.
在一种可能的设计中，所述方法还包括：响应于所述第三操作，根据所述第二控件在所述第一蒙层中的位置，调整所述第一控件在所述第一界面中的显示位置。In one possible design, the method further includes: in response to the third operation, adjusting a display position of the first control in the first interface according to a position of the second control in the first mask.
在该方法中，电子设备可以根据调整后第二控件的位置确定调整后第一控件的位置，并对第一控件的位置进行调整，进而实现对界面中不同区域的显示比例的调整。因此基于该方法能够保证可以通过界面中包含的第一控件实现控制界面中不同区域的显示比例的效果。In this method, the electronic device can determine the position of the adjusted first control according to the position of the adjusted second control, and adjust the position of the first control, thereby adjusting the display ratio of different areas in the interface. Therefore, based on this method, it can be ensured that the display ratio of different areas in the interface can be controlled by the first control included in the interface.
在一种可能的设计中，所述第一区域中的内容与所述第一控件位于同一图层中。In one possible design, the content in the first area and the first control are located in the same layer.
在该方法中，第一控件与界面上一个区域中的内容位于同一图层中，则电子设备可以在绘制该区域中内容的同时绘制第一控件，能够避免增加额外的承载控件的图层，提高绘制速度和效率，同时降低绘制难度和图层管理难度，实用性较高。 In this method, the first control and the content in an area on the interface are located in the same layer, so the electronic device can draw the first control while drawing the content in the area, which can avoid adding additional layers to carry controls, improve drawing speed and efficiency, and reduce the difficulty of drawing and layer management, and is highly practical.
在一种可能的设计中，所述调整所述第一区域和所述第二区域的显示比例，包括：根据所述第二控件在所述第一蒙层中的位置，确定所述第一蒙层中第三区域和第四区域的显示比例；其中，所述第三区域与所述第一区域对应，所述第四区域与所述第二区域对应，所述第二控件位于所述第三区域和所述第四区域之间；按照所述第三区域和所述第四区域的显示比例，调整所述第一区域和所述第二区域的显示比例。In one possible design, adjusting the display ratio of the first area and the second area includes: determining the display ratio of the third area and the fourth area in the first mask according to the position of the second control in the first mask; wherein the third area corresponds to the first area, the fourth area corresponds to the second area, and the second control is located between the third area and the fourth area; and adjusting the display ratio of the first area and the second area according to the display ratio of the third area and the fourth area.
在该方法中，第一蒙层与第一界面对应，第一蒙层中的第二控件与第一界面中的第一控件对应，第一蒙层中第二控件两侧的区域分别与第一界面中第一控件两侧的区域对应，因此可以通过利用第二控件控制第一蒙层中不同区域显示比例的方法，对第一界面中不同区域的显示比例进行控制，则仅在第一蒙层显示过程中需要额外增加显示图层，能够降低图层绘制和管理的处理量和难度，提高处理效率，同时保证了能够实现对第一界面中不同区域的显示比例进行控制的效果。In this method, the first mask corresponds to the first interface, the second control in the first mask corresponds to the first control in the first interface, and the areas on both sides of the second control in the first mask correspond to the areas on both sides of the first control in the first interface respectively. Therefore, the display ratio of different areas in the first interface can be controlled by controlling the display ratio of different areas in the first mask using the second control. In this case, it is only necessary to add an additional display layer during the display of the first mask, which can reduce the processing volume and difficulty of layer drawing and management, improve processing efficiency, and at the same time ensure that the display ratio of different areas in the first interface can be controlled.
在一种可能的设计中，所述第一蒙层的尺寸与所述第一界面的尺寸相同。In a possible design, the size of the first covering layer is the same as the size of the first interface.
在该方法中，第一蒙层的尺寸与第一界面的尺寸相同，更便于在第一蒙层上进行第一界面中不同区域显示比例的相关控制操作，且便于用户预览控制效果，提高用户使用体验。In this method, the size of the first mask is the same as the size of the first interface, which makes it easier to perform related control operations on the display ratio of different areas in the first interface on the first mask, and facilitates users to preview the control effects, thereby improving user experience.
在一种可能的设计中，所述方法还包括：显示第二界面，所述第二界面包括第五区域和第六区域，所述第五区域和所述第六区域不重合，且所述第五区域和所述第六区域之间包含第三控件；其中，所述第二界面与所述第一界面同时显示；响应于作用在所述第三控件上的第四操作，显示第二蒙层，所述第二蒙层包括第四控件，所述第四控件与所述第三控件对应，所述第二蒙层覆盖所述第二界面；响应于作用在所述第四控件上的第五操作，调整所述第五区域和所述第六区域的显示比例。可选的，所述第二蒙层与所述第二界面对应；所述第四操作为触摸操作、按下操作或者长按操作。In a possible design, the method further includes: displaying a second interface, the second interface including a fifth area and a sixth area, the fifth area and the sixth area do not overlap, and a third control is included between the fifth area and the sixth area; wherein the second interface is displayed simultaneously with the first interface; in response to a fourth operation acting on the third control, displaying a second mask, the second mask including a fourth control, the fourth control corresponding to the third control, and the second mask covering the second interface; in response to a fifth operation acting on the fourth control, adjusting the display ratio of the fifth area and the sixth area. Optionally, the second mask corresponds to the second interface; the fourth operation is a touch operation, a press operation, or a long press operation.
在该方法中，电子设备可以同时显示不同界面，且不同界面中均包含用于控制界面中不同区域的显示比例的控件，因此针对不同界面可以独立进行界面中不同区域的显示比例的控制，灵活性和实用性较高。In this method, the electronic device can display different interfaces at the same time, and different interfaces contain controls for controlling the display ratio of different areas in the interface. Therefore, the display ratio of different areas in the interface can be controlled independently for different interfaces, which has high flexibility and practicality.
在一种可能的设计中，所述第五区域中的内容和所述第三控件位于同一图层中。In a possible design, the content in the fifth area and the third control are located in the same layer.
在该方法中，第三控件与界面上一个区域中的内容位于同一图层中，则电子设备可以在绘制该区域中内容的同时绘制第三控件，能够避免增加额外的承载控件的图层，提高绘制速度和效率，同时降低绘制难度和图层管理难度，实用性较高。In this method, the third control and the content in an area on the interface are located in the same layer, so the electronic device can draw the third control while drawing the content in the area, which can avoid adding additional layers to carry controls, improve drawing speed and efficiency, and reduce the difficulty of drawing and layer management, and is highly practical.
在一种可能的设计中，所述方法还包括：响应于接收到的第六操作，调整所述第一界面的显示位置。可选的，所述第六操作为选择第一界面后进行移动的操作，所述第六操作包括作用在第一界面上设定区域内的触摸/按下/长按操作及接续的移动/拖拽操作。In one possible design, the method further includes: in response to a received sixth operation, adjusting a display position of the first interface. Optionally, the sixth operation is an operation of moving after selecting the first interface, and the sixth operation includes a touch/press/long press operation and a subsequent move/drag operation acting in a set area on the first interface.
在该方法中，电子设备可以根据用户操作对第一界面的显示位置进行调整，由于第一界面中包含第一控件，因此在调整第一界面的显示位置后，第一控件的显示位置也跟随移动，因此在控件的视觉显示上较为清楚灵活，且便于用户对控件进行操作来控制调整界面中不同区域的显示比例，因此用户使用体验较高。In this method, the electronic device can adjust the display position of the first interface according to the user operation. Since the first interface includes the first control, after the display position of the first interface is adjusted, the display position of the first control also moves accordingly. Therefore, the visual display of the control is clearer and more flexible, and it is convenient for the user to operate the control to control the display ratio of different areas in the adjustment interface, so the user experience is higher.
在一种可能的设计中，所述第一控件和所述第二控件为拖动条。In a possible design, the first control and the second control are drag bars.
在该方法中，第一控件和第二控件的显示格式为拖动条，便于划分界面中不同区域，也便于用户清楚直观的查看和明确控件的功能，进而简便快捷的进行相应控制操作。In this method, the display format of the first control and the second control is a drag bar, which is convenient for dividing different areas in the interface and also convenient for users to clearly and intuitively view and understand the functions of the controls, thereby performing corresponding control operations simply and quickly.
在一种可能的设计中，所述第一区域和所述第二区域对应不同的活动activity。In a possible design, the first area and the second area correspond to different activities.
在该方法中，界面中不同区域对应不同activity，因此不同区域中的内容可以由不同activity服务提供和控制，便于提高处理效率。In this method, different areas in the interface correspond to different activities, so the content in different areas can be provided and controlled by different activity services, which is convenient for improving processing efficiency.
在一种可能的设计中，所述第一区域和所述第二区域对应同一应用，或者，所述第一区域和所述第二区域对应不同应用。In a possible design, the first area and the second area correspond to the same application, or the first area and the second area correspond to different applications.
在该方法中，电子设备能够支持在同一界面中显示同一应用的内容或不同应用的内容，灵活性和实用性较高。In this method, the electronic device can support displaying the content of the same application or the content of different applications in the same interface, and has high flexibility and practicality.
第二方面，本申请提供一种电子设备，该电子设备包括显示屏，存储器和一个或多个处理器；其中，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令；当计算机指令被一个或多个处理器执行时，使得电子设备执行上述第一方面或第一方面的任一可能的设计所描述的方法。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.
第三方面，本申请提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，当计算机程序在计算机上运行时，使得计算机执行上述第一方面或第一方面的任一可能的设计所描述的方法。 In a third aspect, the present application provides a computer-readable storage medium storing a computer program. When the computer program runs on a computer, the computer executes the method described in the first aspect or any possible design of the first aspect.
第四方面，本申请提供一种计算机程序产品，该计算机程序产品包括计算机程序或指令，当计算机程序或指令在计算机上运行时，使得计算机执行上述第一方面或第一方面的任一可能的设计所描述的方法。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 a computer, the computer executes the method described in the first aspect or any possible design of the first aspect.
上述第二方面到第四方面的有益效果，请参见上述第一方面的有益效果的描述，这里不再重复赘述。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
图1为一种平行视界的显示方法的示意图；FIG1 is a schematic diagram of a method for displaying parallel horizons;
图2本申请实施例提供的一种电子设备的硬件架构示意图；FIG2 is a schematic diagram of a hardware architecture of an electronic device provided in an embodiment of the present application;
图3为本申请实施例提供的一种电子设备的软件架构示意图；FIG3 is a schematic diagram of a software architecture of an electronic device provided in an embodiment of the present application;
图4为本申请实施例提供的一种窗口显示的方法示意图；FIG4 is a schematic diagram of a window display method provided by an embodiment of the present application;
图5为本申请实施例提供的一种显示***的架构示意图；FIG5 is a schematic diagram of the architecture of a display system provided in an embodiment of the present application;
图6为本申请实施例提供的一种显示方法的示意图；FIG6 is a schematic diagram of a display method provided in an embodiment of the present application;
图7a为本申请实施例提供的一种平行视界的显示方法的示意图；FIG7a is a schematic diagram of a method for displaying parallel horizons provided in an embodiment of the present application;
图7b为本申请实施例提供的一种平行视界的界面示意图；FIG7b is a schematic diagram of an interface of a parallel horizon provided in an embodiment of the present application;
图7c为本申请实施例提供的一种平行视界的显示方法的示意图；FIG7c is a schematic diagram of a method for displaying parallel horizons provided in an embodiment of the present application;
图7d为本申请实施例提供的一种平行视界的界面示意图；FIG7d is a schematic diagram of a parallel horizon interface provided by an embodiment of the present application;
图8为本申请实施例提供的一种拖拽蒙层的示意图；FIG8 is a schematic diagram of a drag mask provided in an embodiment of the present application;
图9为本申请实施例提供的一种平行视界的界面示意图；FIG9 is a schematic diagram of a parallel horizon interface provided by an embodiment of the present application;
图10为本申请实施例提供的一种多个平行视界的界面示意图；FIG10 is a schematic diagram of an interface of multiple parallel horizons provided in an embodiment of the present application;
图11为本申请实施例提供的一种显示方法的示意图；FIG11 is a schematic diagram of a display method provided in an embodiment of the present application;
图12为本申请实施例提供的一种平行视界的界面示意图；FIG12 is a schematic diagram of a parallel horizon interface provided by an embodiment of the present application;
图13a为本申请实施例提供的一种触摸事件拦截方法的流程示意图；FIG13a is a schematic diagram of a flow chart of a touch event interception method provided in an embodiment of the present application;
图13b为本申请实施例提供的一种按下事件处理方法的流程示意图；FIG13b is a schematic flow chart of a method for processing a press event provided in an embodiment of the present application;
图13c为本申请实施例提供的一种移动事件处理方法的流程示意图；FIG13c is a flow chart of a method for processing a mobile event provided in an embodiment of the present application;
图13d为本申请实施例提供的一种释放事件处理方法的流程示意图；FIG13d is a schematic diagram of a flow chart of a release event processing method provided in an embodiment of the present application;
图14为本申请实施例提供的一种显示方法的示意图；FIG14 is a schematic diagram of a display method provided in an embodiment of the present application;
图15为本申请实施例提供的一种电子设备的结构示意图。FIG. 15 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application.
具体实施方式Detailed ways
为了使本申请实施例的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例作进一步地详细描述。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.
其中，在本申请实施例的描述中，以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。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.
为了便于理解，示例性的给出了与本申请相关概念的说明以供参考。To facilitate understanding, exemplary descriptions of concepts related to the present application are provided for reference.
电子设备，可以为具有显示屏的设备。本申请一些实施例中电子设备可以是便携式设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴设备(例如手表、手环等)、车载终端设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)、智能家居设备(例如，智能电视、智能音箱等)、智能机器人、车间设备、无人驾驶(self driving)中的无线终端、远程手术(remote medical surgery)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端，或智慧家庭(smart home)中的无线终端、飞行设备(例如，智能机器人、无人机、飞机)等。The electronic device may be a device with a display screen. In some embodiments of the present application, the electronic device may be a portable device, such as a mobile phone, a tablet computer, a wearable device with a wireless communication function (such as a watch, a bracelet, etc.), a vehicle-mounted terminal device, an augmented reality (AR)/virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), smart home devices (such as smart TVs, smart speakers, 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 (such as smart robots, drones, airplanes), etc.
其中，可穿戴设备为用户可以直接穿戴在身上或者整合到用户的衣服或配件上的一种便携式设备。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.
在本申请一些实施例中，电子设备还可以是还包含其它功能诸如个人数字助理和/或音乐播放器功能的便携式终端设备。便携式终端设备的示例性实施例包括但不限于搭载或者其它操作***的便携式终端设备。上述便携式终端设备也可以是其它便携式终端设备，诸如具有触敏表面(例如触控面板)的膝上型计算机(laptop)等。还应当理解的是，在本申请其它一些实施例中， 上述电子设备也可以不是便携式终端设备，而是具有触敏表面(例如触控面板)的台式计算机。In some embodiments of the present application, the electronic device may also be a portable terminal device that also includes other functions such as a personal digital assistant and/or a music player. 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 (such as 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 (eg, a touch panel).
应理解，本申请实施例中“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一(项)个”或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a、b或c中的至少一项(个)，可以表示：a，b，c，a和b，a和c，b和c，或a、b和c，其中a、b、c可以是单个，也可以是多个。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 objects associated 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.
图1为一种平行视界界面的显示过程的示意图。电子设备可以在显示屏上显示应用的界面。显示应用界面后，若触发显示该应用的平行视界界面，则电子设备可以在显示屏上显示如图1中的(a)示意图所示的平行视界界面，该平行视界界面中包含左右两个窗口。同时，显示屏上还显示位于平行视界界面中的两个窗口间的拖动条，该拖动条位于独立图层中，且覆盖在平行视界界面中两个窗口中间的位置。用户可以通过对拖动条进行拖拽操作来调节左右两个窗口的显示比例。如图1中的(b)示意图所示，在用户触发对拖动条进行拖拽操作时，电子设备可以在显示屏显示包含拖动条的蒙层界面，该蒙层界面覆盖平行视界界面所在的图层。用户可以对显示在该蒙层界面中的拖动条进行拖拽操作来改变左右两个窗口的显示比例。当用户停止对拖动条的拖拽操作后，电子设备可以不再显示蒙层界面，同时可以根据拖动条被拖拽的位置，对应调整左右两个窗口的显示比例，并显示调整后窗口比例后的平行视界界面。FIG1 is a schematic diagram of a display process of a parallel horizon interface. An electronic device can display an application interface on a display screen. After displaying the application interface, if the display of the parallel horizon interface of the application is triggered, the electronic device can display a parallel horizon interface as shown in the schematic diagram (a) of FIG1 on the display screen, and the parallel horizon interface includes two left and right windows. At the same time, the display screen also displays a drag bar between the two windows in the parallel horizon interface, and the drag bar is located in an independent layer and covers the position between the two windows in the parallel horizon interface. The user can adjust the display ratio of the left and right windows by dragging the drag bar. As shown in the schematic diagram (b) of FIG1, when the user triggers the drag bar to drag, the electronic device can display a mask interface including the drag bar on the display screen, and the mask interface covers the layer where the parallel horizon interface is located. The user can drag the drag bar displayed in the mask interface to change the display ratio of the left and right windows. When the user stops dragging the drag bar, the electronic device can no longer display the mask interface, and can adjust the display ratio of the left and right windows according to the position where the drag bar is dragged, and display the parallel horizon interface after the adjusted window ratio.
上述方法中，电子设备只能支持一个拖动条图层，因此只能在显示屏上显示一个拖动条。若需要显示多个拖动条，则需要额外在显示屏增加显示的图层，则会增加绘制和渲染图层的压力，且增加的图层为电子设备***服务绘制的***级图层，在显示应用的平行视界界面的过程中会加大对图层的管理难度，也会加大对图层中的拖动条进行使用的复杂度。In the above method, the electronic device can only support one drag bar layer, so only one drag bar can be displayed on the display screen. If multiple drag bars need to be displayed, additional display layers need to be added to the display screen, which will increase the pressure of drawing and rendering layers. The added layers are system-level layers drawn by the electronic device system service, which will increase the difficulty of managing the layers in the process of displaying the parallel horizon interface of the application, and will also increase the complexity of using the drag bars in the layers.
此外，在窗口化显示应用的平行视界界面(即非全屏显示应用的平行视界界面)的场景下，应用的平行视界界面在显示屏上的显示位置是可以移动变化的，而拖动条的显示位置难以跟随平行视界界面的显示位置移动。例如，用户按住应用的标题栏同时移动时，拖拽的内容属于应用的图层，因此应用的平行视界界面的显示位置跟随移动，而拖动条所在的图层是电子设备***添加的独立图层，因此不会跟随移动。In addition, in the scenario of the parallel horizon interface of the windowed display application (i.e., the parallel horizon interface of the non-full screen display application), the display position of the parallel horizon interface of the application on the display screen can be moved and changed, while the display position of the drag bar is difficult to move with the display position of the parallel horizon interface. For example, when the user presses and holds the title bar of the application and moves it at the same time, the dragged content belongs to the layer of the application, so the display position of the parallel horizon interface of the application follows the movement, while the layer where the drag bar is located is an independent layer added by the electronic device system, so it will not follow the movement.
鉴于以上问题，本申请实施例提供了一种显示方法及电子设备，该方案可以将拖动条显示在平行视界界面或分屏界面中，且拖动条可以跟随平行视界界面或分屏界面的移动而移动，灵活性较高，便于用户基于拖动条对相应界面的显示比例进行调整，实用性较高。In view of the above problems, an embodiment of the present application provides a display method and an electronic device. The solution can display a drag bar in a parallel field of view interface or a split-screen interface, and the drag bar can move with the movement of the parallel field of view interface or the split-screen interface. It has high flexibility, which is convenient for users to adjust the display ratio of the corresponding interface based on the drag bar, and is highly practical.
本申请实施例提供的方案能够支持同时显示多个应用的平行视界界面或多个分屏界面，并根据拖动条对相应界面的显示比例进行调节，且不会影响其它界面的显示，因此该方案的便捷性和实用性均较高。The solution provided in the embodiment of the present application can support the simultaneous display of parallel vision interfaces or multiple split-screen interfaces of multiple applications, and adjust the display ratio of the corresponding interface according to the drag bar without affecting the display of other interfaces. Therefore, the convenience and practicality of this solution are relatively high.
下面参阅图2，对本申请实施例提供的方法适用的电子设备的结构进行介绍。Referring to FIG. 2 , the structure of an electronic device to which the method provided in an embodiment of the present application is applicable is introduced.
如图2中所示，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，USB接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及SIM卡接口195等。As shown in Figure 2, 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.
其中传感器模块180可以包括陀螺仪传感器、加速度传感器、接近光传感器、指纹传感器、触摸传感器、温度传感器、压力传感器、距离传感器、磁传感器、环境光传感器、气压传感器、骨传导传感器等。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.
可以理解的是，图2所示的电子设备100仅仅是一个范例，并不构成对电子设备的限定，并且电子设备可以具有比图中所示出的更多的或者更少的部件，可以组合两个或更多的部件，或者可以具有不同的部件配置。图2中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。It is understood that the electronic device 100 shown in FIG2 is only 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 different component configurations. The various components shown in FIG2 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.
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor,ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor,DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit,NPU)等。其中，不同的处理单元 可以是独立的器件，也可以集成在一个或多个处理器中。其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。The processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and/or a neural-network processing unit (NPU). Different processing units may be It can be an independent device or integrated in one or more processors. 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 operation code and the timing signal to complete the control of fetching and executing instructions.
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了***的效率。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.
本申请实施例提供的显示方法的执行可以由处理器110来控制或调用其他部件来完成，比如调用内部存储器121中存储的本申请实施例的处理程序，或者通过外部存储器接口120调用第三方设备中存储的本申请实施例的处理程序，来控制无线通信模块160向其它设备进行数据通信，提高电子设备100的智能化、便捷化程度，提升用户的体验。处理器110可以包括不同的器件，比如集成CPU和GPU时，CPU和GPU可以配合执行本申请实施例提供的显示方法，比如显示方法中部分算法由CPU执行，另一部分算法由GPU执行，以得到较快的处理效率。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 can include different devices. For example, 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 to obtain faster processing efficiency.
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。显示屏194可用于显示由用户输入的信息或提供给用户的信息以及各种图形用户界面(graphical user interface，GUI)。例如，显示屏194可以显示照片、视频、网页、或者文件等。再例如，显示屏194可以显示本申请实施例中所述的应用的平行视界的界面、蒙层界面等。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, quantum dot light-emitting diodes (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 (GUI). For example, the display screen 194 can display photos, videos, web pages, or files, etc. For another example, display screen 194 may display a parallel view interface, a mask interface, etc. of the application described in the embodiments of the present application.
在本申请实施例中，显示屏194可以是一个一体的柔性显示屏，也可以采用两个刚性屏以及位于两个刚性屏之间的一个柔性屏组成的拼接显示屏。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.
摄像头193(前置摄像头或者后置摄像头，或者一个摄像头既可作为前置摄像头，也可作为后置摄像头)用于捕获静态图像或视频。通常，摄像头193可以包括感光元件比如镜头组和图像传感器，其中，镜头组包括多个透镜(凸透镜或凹透镜)，用于采集待拍摄物体反射的光信号，并将采集的光信号传递给图像传感器。图像传感器根据所述光信号生成待拍摄物体的原始图像。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.
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作***，应用程序(比如本申请方案对应的功能等)的代码等。存储数据区可存储电子设备100使用过程中所创建的数据等。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 solution of the present application, etc.). The data storage area can store data created during the use of the electronic device 100, etc.
内部存储器121还可以存储本申请方案的算法对应的一个或多个计算机程序。该一个或多个计算机程序被存储在上述内部存储器121中并被配置为被一个或多个处理器110执行，该一个或多个计算机程序包括指令，上述指令可以用于执行以下实施例中的各个步骤。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.
此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。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.
当然，本申请实施例方案的算法的代码还可以存储在外部存储器中。这种情况下，处理器110可以通过外部存储器接口120运行存储在外部存储器中的本申请方案的算法的代码。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.
传感器模块180可以包括陀螺仪传感器、加速度传感器、接近光传感器、指纹传感器、触摸传感器等。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.
触摸传感器，也称“触控面板”。触摸传感器可以设置于显示屏194，由触摸传感器与显示屏194组成触摸显示屏，也称“触控屏”。触摸传感器用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器也可以设置于电子设备100的表面，与显示屏194所处的位置不同。A touch sensor is also called a "touch panel". The touch sensor can be arranged on the display screen 194. 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.
示例性的，电子设备100的显示屏194显示主界面，主界面中包括多个应用(比如相机应用、运动健康应用等)的图标。例如用户可以通过触摸传感器点击主界面中相机应用的图标，触发处理器110启动相机应用，打开摄像头193。显示屏194显示相机应用的界面，例如取景界面。 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.
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。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.
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。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.
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。在本申请实施例中，移动通信模块150还可以用于与其它设备进行信息交互。The mobile communication module 150 can provide solutions for wireless communications including 2G/3G/4G/5G, etc., 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 the embodiment of the present application, the mobile communication module 150 can also be used to interact with other devices for information.
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频装置(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。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.
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，WiFi)网络)，蓝牙(bluetooth，BT)，全球导航卫星***(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。本申请实施例中，无线通信模块160，用于与其它电子设备建立连接，进行数据交互。或者无线通信模块160可以用于接入接入点设备，向其它电子设备发送控制指令，或者接收来自其它电子设备发送的数据。The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (WiFi) network), 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, 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 and perform data interaction. 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.
另外，电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。电子设备100可以接收按键190输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。电子设备100可以利用马达191产生振动提示(比如来电振动提示)。电子设备100中的指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。电子设备100中的SIM卡接口195用于连接SIM卡。SIM卡可以通过***SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。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.
应理解，在实际应用中，电子设备100可以包括比图2所示的更多或更少的部件，本申请实施例不作限定。图示电子设备100仅是一个范例，并且电子设备100可以具有比图中所示出的更多的或者更少的部件，可以组合两个或更多的部件，或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。It should be understood that in practical applications, the electronic device 100 may include more or fewer components than those shown in FIG. 2, and the embodiments of the present application are not limited thereto. 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.
电子设备100的软件***可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。示例性的，如图3所示，该软件架构可以分为四层，从上至下分别为应用程序层，应用程序框架层(framework，FWK)，运行时和***库，以及(Linux)内核(kernel)层。The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service 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. Exemplarily, as shown in FIG3, 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.
应用程序层是操作***的最上一层，包括操作***的原生应用程序，例如相机、图库、日历、蓝牙、音乐、视频、信息等，还可以包括第三方应用程序。本申请实施例涉及的应用程序简称应用(application，APP)，为能够实现某项或多项特定功能的软件程序。通常，电子设备中可以安装多个应用，例如相机应用、邮箱应用等。下文中提到的应用，可以是电子设备出厂时已安装的***应用，也可以是用户在使用电子设备的过程中从网络下载或从其他电子设备获取的第三方应用。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.
当然，对于开发者来说，开发者可以编写应用程序并安装到该层。一种可能的实现方式中，应用程 序可以使用Java语言开发，通过调用应用程序框架层所提供的应用程序编程接口(application programming interface，API)来完成，开发者可以通过应用程序框架来与操作***的底层(例如内核层等)进行交互，开发自己的应用程序。Of course, for developers, they can write applications and install them in this layer. Programs can be developed using the Java language by calling the application programming interface (API) provided by the application framework layer. Developers can use the application framework to interact with the underlying layer of the operating system (such as the kernel layer) to develop their own applications.
在本申请一些实施例中，应用可以通过活动(Activity)进行应用窗口中界面的显示。其中，Activity用于提供一个用户界面对应的窗口(window)，每个Activity可以对应一个窗口。如图4中所示，Activity提供的窗口通常由手机窗口(PhoneWindow)服务和应用标题栏容器视图(DecorView)服务(简称为应用标题栏容器)实现。其中，PhoneWindow用于进行窗口相关的逻辑处理，DecorView用于进行窗口相关的显示处理，可以控制显示窗口。DecorView包括应用标题栏视图(CaptionView)(简称为应用标题栏)和内容视图(ContentView)两部分服务。其中，CaptionView用于在用户界面对应的窗口中呈现标题栏内容。ContentView用于在用户界面对应的窗口中呈现具体的应用内容。如图4中所示，当应用显示平行视界界面时，平行视界界面中的两个窗口分别对应一个Activity，每个Activity用于实现对应窗口的显示。In some embodiments of the present application, an application can display an interface in an application window through an activity. Among them, Activity is used to provide a window corresponding to a user interface, and each Activity can correspond to a window. As shown in Figure 4, the window provided by Activity is usually implemented by a phone window (PhoneWindow) service and an application title bar container view (DecorView) service (referred to as the application title bar container). Among them, PhoneWindow is used to perform window-related logical processing, and DecorView is used to perform window-related display processing, which can control the display window. DecorView includes two services: application title bar view (CaptionView) (referred to as application title bar) and content view (ContentView). Among them, CaptionView is used to present the title bar content in the window corresponding to the user interface. ContentView is used to present specific application content in the window corresponding to the user interface. As shown in Figure 4, when the application displays a parallel horizon interface, the two windows in the parallel horizon interface correspond to an Activity respectively, and each Activity is used to realize the display of the corresponding window.
其中，Activity是一个负责与用户交互的应用程序组件，可以作为应用的载体存在。Activity提供了一个放置用户界面(user interface，UI)组件的窗口(即可视化的用户界面)，来绘制应用相关的各类视图，以供用户交互。Activity中所有操作都与用户密切相关，Activity可以监听用户的操作并对用户的操作进行响应。例如，用户打开一个应用后看到的整个用户界面就是一个Activity，当用户通过进行操作控制该应用界面跳转到另一个界面，则又是一个新的Activity。不同Activity之间可以通过意图(intent)进行通信。Among them, Activity is an application component responsible for interacting with the user and can exist as a carrier of the application. Activity provides a window (i.e., a visual user interface) to place user interface (UI) components to draw various application-related views for user interaction. All operations in Activity are closely related to the user. Activity can monitor and respond to user operations. For example, the entire user interface that a user sees after opening an application is an Activity. When the user controls the application interface to jump to another interface through operations, it is a new Activity. Different Activities can communicate with each other through intents.
应用程序框架层为应用程序层的API和编程框架。应用程序框架层可以包括一些预先定义的函数。应用程序框架层可以包括窗口管理器，内容提供器，视图***，电话管理器，资源管理器，通知管理器等。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.
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定显示屏(或屏幕)，截取显示屏等。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.
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括文件(例如文档、视频、图像、音频)，文本等信息。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.
视图***包括可视控件，例如显示文字、图片、文档等内容的控件等。视图***可用于构建应用程序。显示窗口中的界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。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.
电话管理器用于提供电子设备的通信功能。通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。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.
运行时包括核心库和虚拟机。运行时负责***的调度和管理。The runtime includes the core library and the virtual machine. The runtime is responsible for the scheduling and management of the system.
***的核心库包含两部分：一部分是Java语言需要调用的功能函数，另一部分是***的核心库。应用程序层和应用程序框架层运行在虚拟机中。以Java举例，虚拟机将应用程序层和应用程序框架层的Java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。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.
***库可以包括多个功能模块。例如：表面管理器，媒体库，三维图形处理库(例如：OpenGL ES)，二维图形引擎(例如：SGL)等。表面管理器用于对显示子***进行管理，并且为多个应用程序提供了二维和三维图层的融合。媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如：MPEG4，H.564，MP3，AAC，AMR，JPG，PNG等。三维图形处理库用于实现三维图形绘图、图像渲染、合成和图层处理等。二维图形引擎是二维绘图的绘图引擎。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.
内核层提供操作***的核心***服务，如安全性、内存管理、进程管理、网络协议栈和驱动模型等都基于内核层实现。内核层同时也作为硬件和软件栈之间的抽象层。该层有许多与电子设备相关的驱动程序，主要的驱动有：显示驱动；作为输入设备的键盘驱动；基于内存技术设备的Flash驱动；照相机驱动；音频驱动；蓝牙驱动；WiFi驱动等。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.
需要理解的是，如上所述的功能服务只是一种示例，在实际应用中，电子设备也可以按照其他因素来划分为更多或更少的功能服务，或者可以按照其他方式来划分各个服务的功能，或者也可以不划分功能服务，而是按照整体来工作。 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.
本申请实施例提供的方案可以应用在平行视界场景或应用分屏场景中。具体可以用于显示应用的平行视界界面或分屏界面的场景中，并可以对平行视界界面或分屏界面中不同显示区域(窗口)的显示比例进行控制。其中，平行视界界面可以为包含左右两部分区域的内容的界面，左右两部分区域的内容可以属于同一应用，也可以属于不同应用，平行视界界面可以占据显示屏的部分或全部区域，即平行视界界面可以全屏显示也可以非全屏显示。分屏界面可以为包含左右或上下两部分区域的内容的界面，左右或上下区域的内容可以属于同一应用，也可以属于不同应用，分屏界面占据显示屏的全部区域，即分屏界面是全屏显示的。The solution provided by the embodiment of the present application can be applied in a parallel horizon scenario or an application split-screen scenario. Specifically, it can be used in a scenario of displaying a parallel horizon interface or a split-screen interface of an application, and the display ratio of different display areas (windows) in the parallel horizon interface or the split-screen interface can be controlled. Among them, the parallel horizon interface can be an interface containing the content of the left and right areas, and the content of the left and right areas can belong to the same application or to different applications. The parallel horizon interface can occupy part or all of the area of the display screen, that is, the parallel horizon interface can be displayed in full screen or in non-full screen. The split-screen interface can be an interface containing the content of the left and right or upper and lower areas, and the content of the left and right or upper and lower areas can belong to the same application or to different applications. The split-screen interface occupies the entire area of the display screen, that is, the split-screen interface is displayed in full screen.
以下以应用在平行视界场景中为例，对本申请实施例提供的方法进行介绍。本申请提供的方案应用在应用分屏场景中时的具体实施方式，可以参照下文所述的应用在平行视界场景中时的具体实施方式，本申请实施例中不再详述。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 specific implementation method of the solution provided in the present application when applied in the application split-screen scenario can refer to the specific 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.
图5为本申请实施例提供的一种显示***的***架构示意图。该***可以部署在电子设备中，用于实现本申请实施例提供的显示方法。如图5中所示，该***中至少包括第一应用和第一服务，其中，第一应用可以为电子设备中的支持平行视界的应用，第一服务可以为电子设备中的***服务。第一应用和第一服务协作，可以将第一应用的平行视界界面显示在电子设备的显示屏上，同时在应用的平行视界界面中显示用于控制不同显示区域的显示比例的拖动条。其中，第一应用的平行视界界面可以全屏显示在电子设备的显示屏上，也可以窗口化显示在电子设备的显示屏上，即显示在显示屏上的部分显示区域中。Figure 5 is a schematic diagram of the system architecture of a display system provided in an embodiment of the present application. The system can be deployed in an electronic device to implement the display method provided in an embodiment of the present application. As shown in Figure 5, the system includes at least a first application and a first service, wherein the first application can be an application in the electronic device that supports parallel vision, and the first service can be a system service in the electronic device. The first application and the first service collaborate to display the parallel vision interface of the first application on the display screen of the electronic device, and at the same time display a drag bar for controlling the display ratio of different display areas in the parallel vision interface of the application. Among them, the parallel vision interface of the first application can be displayed in full screen on the display screen of the electronic device, or it can be displayed in a window on the display screen of the electronic device, that is, displayed in a partial display area on the display screen.
在本申请一些实施例中，第一应用可以包括应用标题栏容器和应用标题栏，关于应用标题栏容器和应用标题栏，具体可参照上述结合图4进行的相关介绍，此处不再重述。In some embodiments of the present application, the first application may include an application title bar container and an application title bar. Regarding the application title bar container and the application title bar, please refer to the relevant introduction in conjunction with Figure 4 above, which will not be repeated here.
在本申请一些实施例中，应用标题栏容器可以用于监听用户在电子设备显示屏上进行的触控操作，其中，该触控操作为作用在第一应用的平行视界界面所在的显示区域内的操作。应用标题栏可以用于识别应用标题栏容器监听到的触控操作是否为拖拽拖动条的操作，并根据识别结果对后续处理流程的触发进行控制，其中，拖动条为位于第一应用的平行视界界面内的拖动条。In some embodiments of the present application, the application title bar container can be used to monitor the touch operation performed by the user on the display screen of the electronic device, wherein the touch operation is an operation performed within the display area where the parallel horizon interface of the first application is located. The application title bar can be used to identify whether the touch operation monitored by the application title bar container is an operation of dragging a drag bar, and control the triggering of subsequent processing flow according to the identification result, wherein the drag bar is a drag bar located within the parallel horizon interface of the first application.
在本申请一些实施例中，第一服务可以包括输入事件管理服务(InputManagerService)、输入事件***(InputMonitor)、输入事件接收器(InputReceiver)、拖动条控制器、拖拽事件***等。In some embodiments of the present application, the first service may include an input event management service (InputManagerService), an input event listener (InputMonitor), an input event receiver (InputReceiver), a drag bar controller, a drag event interceptor, and the like.
其中，拖动条控制器可以用于对拖动条相关的界面或内容的显示进行控制，例如可以用于：根据用户对拖动条进行的拖拽操作控制该拖动条的显示位置，控制拖拽蒙层界面的显示，以及，控制第一应用的平行视界界面中不同区域的显示比例等。控制拖拽事件***可以用于控制对输入事件的监听和拦截过程；输入事件管理服务可以用于对输入事件的传输进行控制；输入事件接收器可以用于接收输入事件；输入事件***可以用于对输入事件接收器进行调度和管理。其中，输入事件可以包括用户对第一应用的平行视界界面中的拖动条进行的拖拽操作对应的事件。其中，拖动条控制器可以控制拖拽事件***，拖拽事件***可以控制输入事件管理服务、输入事件***，输入事件***可以控制输入事件接收器。Among them, the drag bar controller can be used to control the display of the interface or content related to the drag bar, for example, it can be used to: control the display position of the drag bar according to the drag operation performed by the user on the drag bar, control the display of the drag mask interface, and control the display ratio of different areas in the parallel vision interface of the first application. Controlling the drag event interceptor can be used to control the monitoring and interception process of input events; the input event management service can be used to control the transmission of input events; the input event receiver can be used to receive input events; the input event listener can be used to schedule and manage the input event receiver. Among them, the input event may include an event corresponding to the drag operation performed by the user on the drag bar in the parallel vision interface of the first application. Among them, the drag bar controller can control the drag event interceptor, the drag event interceptor can control the input event management service and the input event listener, and the input event listener can control the input event receiver.
在本申请一些实施例中，如上所述的显示***可以部署在图3中所示的电子设备中，其中，第一应用可以部署在图3所示的电子设备的应用层中，第一服务可以部署在图3所示的电子设备的应用程序框架层中。In some embodiments of the present application, the display system described above can be deployed in the electronic device shown in Figure 3, wherein the first application can be deployed in the application layer of the electronic device shown in Figure 3, and the first service can be deployed in the application framework layer of the electronic device shown in Figure 3.
需要理解的是，如上所述的显示***的***架构只是一种示例，在实际应用中，该显示***也可以按照其他因素来划分为更多或更少的功能服务，或者可以按照其他方式来划分各个服务的功能，或者也可以不划分功能服务，而是按照整体来工作。在实际应用中，该显示***也可以包括更多或者更少的功能服务。It should be understood that the system architecture of the display system described above is only an example. In actual applications, the display system 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. In actual applications, the display system may also include more or fewer functional services.
下面结合具体实施例，对本申请提供的方案进行详细说明。The solution provided in this application is described in detail below in conjunction with specific embodiments.
参阅图6，本申请实施例提供的一种显示方法可以包括：Referring to FIG. 6 , a display method provided by an embodiment of the present application may include:
S601：电子设备显示第一应用的第一平行视界界面，第一平行视界界面中包含第一区域、第二区域和第一拖动条；其中，第一区域和第二区域不重合，第一拖动条位于第一区域和第二区域之间。S601: The electronic device displays a first parallel view interface of a first application, wherein the first parallel view interface includes a first area, a second area, and a first drag bar; wherein the first area and the second area do not overlap, and the first drag bar is located between the first area and the second area.
在本申请一些实施例中，第一区域中的内容和第一拖动条位于同一图层中，第一区域和第一拖动条属于同一窗口。则电子设备可以在绘制第一区域中内容的同时绘制第一拖动条，而无需增加额外图层，因此绘制和显示效率较高。In some embodiments of the present application, the content in the first area and the first drag bar are located in the same layer, and the first area and the first drag bar belong to the same window. Then, the electronic device can draw the first drag bar while drawing the content in the first area without adding an additional layer, so the drawing and display efficiency is high.
可选的，第一区域和第二区域对应不同activity，第一区域和第一拖动条对应同一activity。 Optionally, the first area and the second area correspond to different activities, and the first area and the first drag bar correspond to the same activity.
在本申请一些实施例中，第一区域和第二区域用于显示第一应用的应用内容(或应用界面)。可选的，第一区域与第二区域中显示的内容不同。在分屏场景下，第一区域和第二区域可以用于显示同一应用或不同应用的应用内容。In some embodiments of the present application, the first area and the second area are used to display the application content (or application interface) of the first application. Optionally, the content displayed in the first area is different from that displayed in the second area. In a split-screen scenario, the first area and the second area can be used to display the application content of the same application or different applications.
在本申请一些实施例中，第一拖动条用于控制调整(或更改)第一平行视界界面中第一区域和第二区域的显示比例。In some embodiments of the present application, the first drag bar is used to control the adjustment (or change) of the display ratio of the first area and the second area in the first parallel vision interface.
在本申请一些实施例中，电子设备可以在显示屏上全屏显示第一平行视界界面，也可以在显示屏上的部分显示区域中显示第一平行视界界面。In some embodiments of the present application, the electronic device may display the first parallel vision interface in full screen on the display screen, or may display the first parallel vision interface in a partial display area on the display screen.
在本申请一些实施例中，电子设备在显示第一应用的第一平行视界界面之前，可以在显示屏上显示包含第一应用的应用内容的第一应用窗口；并可以在接收到用户下发的显示平行视界的指示后，再显示第一平行视界界面。则在步骤S601之前，还可以包括以下步骤：电子设备显示第一应用的第一应用窗口；电子设备接收用于指示显示第一应用的平行视界的操作。可选的，该操作可以是用户作用在第一应用窗口中的操作。In some embodiments of the present application, before displaying the first parallel horizon interface of the first application, the electronic device may display the first application window containing the application content of the first application on the display screen; and after receiving the instruction to display the parallel horizon sent by the user, the first parallel horizon interface may be displayed. Before step S601, the following steps may also be included: the electronic device displays the first application window of the first application; the electronic device receives an operation for instructing to display the parallel horizon of the first application. Optionally, the operation may be an operation performed by the user on the first application window.
在本申请一些实施例中，第一平行视界界面中的第一区域和第一拖动条对应的第一窗口和第一平行视界界面中的第二区域对应的第二窗口可以是左右相邻的窗口。其中，第一区域中的内容和第一拖动条属于第一窗口，第二区域中的内容属于第二窗口。In some embodiments of the present application, the first window corresponding to the first area and the first drag bar in the first parallel horizon interface and the second window corresponding to the second area in the first parallel horizon interface may be left-right adjacent windows, wherein the content in the first area and the first drag bar belong to the first window, and the content in the second area belongs to the second window.
在一种可能的情况中，第一窗口可以位于第二窗口左侧，则第一窗口的右边界与第二窗口的左边界相接，第一拖动条位于第一窗口右侧，即第一窗口的右边界处，例如可以是图7a中所示的位置。以应用为图库应用为例，该场景下图库应用的平行视界界面可以显示为图7b中所示的格式。In one possible scenario, the first window may be located on the left side of the second window, so that the right border of the first window is connected to the left border of the second window, and the first drag bar is located on the right side of the first window, that is, at the right border of the first window, which may be, for example, the position shown in FIG7a. Taking the application as a gallery application as an example, the parallel view interface of the gallery application in this scenario may be displayed in the format shown in FIG7b.
在另一种可能的情况中，第一窗口可以位于第二窗口右侧，则第一窗口的左边界与第二窗口的右边界相接，第一拖动条位于第一窗口左侧，即第一窗口的左边界处，例如可以是图7c中所示的位置。以应用为图库应用为例，该场景下图库应用的平行视界可以显示为图7d中所示的格式。In another possible scenario, the first window may be located on the right side of the second window, so that the left border of the first window is connected to the right border of the second window, and the first drag bar is located on the left side of the first window, that is, at the left border of the first window, which may be, for example, the position shown in Figure 7c. Taking the application as a gallery application as an example, the parallel view of the gallery application in this scenario may be displayed in the format shown in Figure 7d.
上述方法中，第一拖动条属于第一窗口，同时位于第一平行视界界面的中心区域，因此在视觉效果上第一拖动条位于第一区域和第二区域中间。针对第一拖动条的控制可以由第一区域对应的activity响应实现。In the above method, the first drag bar belongs to the first window and is located in the central area of the first parallel view interface, so the first drag bar is located between the first area and the second area in visual effect. Control of the first drag bar can be achieved by the activity response corresponding to the first area.
上述方法中，电子设备可以采用不同方式在第一平行视界界面中显示拖动条，灵活性较高。In the above method, the electronic device can display the drag bar in the first parallel field of view interface in different ways, which is highly flexible.
在本申请一些实施例中，第一区域和第二区域中分别包含第一应用的应用标题栏的部分内容，第一区域中属于应用标题栏的部分内容与第二区域中属于应用标题栏的部分内容组成完整的第一应用的应用标题栏。可选的，第一拖动条的显示区域可以为第一窗口中除标题栏区域以外的区域，该标题栏区域为第一窗口中属于应用标题栏的内容所在的区域。例如如图7b中所示，拖动条可以不显示在图库应用的标题栏区域中。当然，拖动条也可以占用标题栏的显示区域，呈现例如图1中的(a)示意图中所示的拖动条的视觉效果。In some embodiments of the present application, the first area and the second area respectively contain partial contents of the application title bar of the first application, and the partial contents belonging to the application title bar in the first area and the partial contents belonging to the application title bar in the second area constitute the complete application title bar of the first application. Optionally, the display area of the first drag bar can be an area other than the title bar area in the first window, and the title bar area is the area where the contents belonging to the application title bar in the first window are located. For example, as shown in Figure 7b, the drag bar may not be displayed in the title bar area of the gallery application. Of course, the drag bar may also occupy the display area of the title bar, presenting a visual effect of the drag bar such as that shown in the schematic diagram (a) in Figure 1.
电子设备显示其它应用的平行视界界面的方式可以参照图7a、图7c所示的方式，当然也不仅限于此，实际应用中，电子设备可以根据实际需要适当调整具体的显示方式(例如拖动条的大小等)，本申请实施例中不做具体限制。The way in which an electronic device displays a parallel field of view interface of other applications can refer to the method shown in Figures 7a and 7c, but is certainly not limited to this. In actual applications, the electronic device can appropriately adjust the specific display method (such as the size of the drag bar, etc.) according to actual needs, and no specific restrictions are made in the embodiments of the present application.
基于上述方法，电子设备可以在平行视界界面中显示用于调节平行视界中不同显示区域的显示比例的拖动条，而无需通过独立图层进行拖动条的显示，因此能够降低***渲染压力，同时提高显示速度和效率。此外，在平行视界界面中显示对应的拖动条，便于选择和使用拖动条进行界面区域显示比例的控制，能够提高用户使用体验。Based on the above method, the electronic device can display a drag bar in the parallel horizon interface for adjusting the display ratio of different display areas in the parallel horizon, without the need to display the drag bar through an independent layer, thereby reducing the system rendering pressure and improving the display speed and efficiency. In addition, displaying the corresponding drag bar in the parallel horizon interface makes it easier to select and use the drag bar to control the display ratio of the interface area, which can improve the user experience.
示例性的，步骤S601所述的方法可以由电子设备(操作***)的***服务完成，该***服务例如可以是上述图5中所示的第一服务。Exemplarily, the method described in step S601 may be completed by a system service of the electronic device (operating system), and the system service may be, for example, the first service shown in FIG. 5 above.
S602：电子设备接收第一选择操作，其中，第一选择操作用于选择第一拖动条。S602: The electronic device receives a first selection operation, where the first selection operation is used to select a first drag bar.
在本申请一些实施例中，第一选择操作可以为作用在第一拖动条的显示区域内的触摸操作或者按下操作。可选的，按下操作可以为长按操作。In some embodiments of the present application, the first selection operation may be a touch operation or a press operation acting in the display area of the first drag bar. Optionally, the press operation may be a long press operation.
可选的，该第一选择操作可以是用户作用在电子设备显示屏上的触控操作，或者可以是用户利用外部输入设备(例如手写笔等)作用在电子设备显示屏上的操作，或者可以是用户利用与电子设备通信连接的外部输入设备(例如鼠标等)进行的操作。Optionally, the first selection operation may be a touch operation performed by a user on the display screen of the electronic device, or may be an operation performed by a user using an external input device (such as a stylus, etc.) on the display screen of the electronic device, or may be an operation performed by a user using an external input device (such as a mouse, etc.) that is communicatively connected to the electronic device.
在本申请一些实施例中，第一选择操作可以为第一应用接收到的操作，电子设备可以通过***服务监测第一应用接收到第一选择操作，进而确定接收到的第一选择操作，并进行后续处理。示例性的，系 统服务可以是上述图5中所示的第一服务。In some embodiments of the present application, the first selection operation may be an operation received by the first application, and the electronic device may monitor the first application receiving the first selection operation through the system service, thereby determining the received first selection operation and performing subsequent processing. The system service may be the first service shown in FIG5 above.
S603：电子设备响应于接收到的第一选择操作，显示第一蒙层；其中，第一蒙层覆盖第一平行视界界面，第一蒙层中包含第一拖动条对应的第二拖动条，第二拖动条在第一蒙层中的位置与第一拖动条在第一平行视界界面中的位置对应。S603: The electronic device displays a first mask in response to receiving the first selection operation; wherein the first mask covers the first parallel field of view interface, the first mask includes a second drag bar corresponding to the first drag bar, and the position of the second drag bar in the first mask corresponds to the position of the first drag bar in the first parallel field of view interface.
在本申请一些实施例中，第一蒙层与第一平行视界界面的形状和大小相同。可选的，第一蒙层中除第二拖动条以外的区域可以显示为非透明格式，使得第一蒙层所覆盖的第一平行视界界面中的内容被模糊或者完全被遮挡。第一蒙层中除第二拖动条以外的区域也可以显示为透明格式或者显示设定内容(例如应用图标等)。电子设备可以根据用户实际需求选择所采用的显示第一蒙层的方式，灵活性较高。In some embodiments of the present application, the first mask has the same shape and size as the first parallel horizon interface. Optionally, the area of the first mask except the second drag bar can be displayed in a non-transparent format, so that the content in the first parallel horizon interface covered by the first mask is blurred or completely blocked. The area of the first mask except the second drag bar can also be displayed in a transparent format or display set content (such as an application icon, etc.). The electronic device can select the method of displaying the first mask according to the actual needs of the user, which is highly flexible.
在本申请一些实施例中，当第一蒙层与第一平行视界界面的形状和大小相同时，第二拖动条在第一蒙层中的位置可以与第一拖动条在第一平行视界界面中的位置相同，可以认为第二拖动条在显示屏上的位置与第一拖动条在显示屏上的位置相同。后续当用户拖拽第二拖动条改变其位置后，第二拖动条在第一蒙层中的位置则可以作为更新后的第一平行视界界面中第一拖动条的位置。其中，第二拖动条可以用于作为第一拖动条在第一蒙层中对应的显示形态，用户在第一蒙层中对第二拖动条进行的操作相当于对第一平行视界界面中的第一拖动条进行的操作。In some embodiments of the present application, when the first mask and the first parallel horizon interface have the same shape and size, the position of the second drag bar in the first mask can be the same as the position of the first drag bar in the first parallel horizon interface, and the position of the second drag bar on the display screen can be considered to be the same as the position of the first drag bar on the display screen. When the user subsequently drags the second drag bar to change its position, the position of the second drag bar in the first mask can be used as the position of the first drag bar in the updated first parallel horizon interface. Among them, the second drag bar can be used as the corresponding display form of the first drag bar in the first mask, and the operation performed by the user on the second drag bar in the first mask is equivalent to the operation performed on the first drag bar in the first parallel horizon interface.
其中，当第一蒙层中除第二拖动条以外的区域显示为透明格式时，当用户对第二拖动条进行拖拽操作时，电子设备可以根据第二拖动条在第一蒙层中的位置确定第一拖动条在第一平行视界界面中的位置，进而根据该位置实时更新第一拖动条的显示位置以及第一区域和第二区域的显示比例，同时根据第一区域和第二区域的大小调整第一区域和第二区域中显示的内容的布局，以使显示的内容的布局与区域大小适配。Among them, when the area other than the second drag bar in the first mask is displayed in a transparent format, when the user drags the second drag bar, the electronic device can determine the position of the first drag bar in the first parallel field of view interface according to the position of the second drag bar in the first mask, and then update the display position of the first drag bar and the display ratio of the first area and the second area in real time according to the position, and at the same time adjust the layout of the content displayed in the first area and the second area according to the size of the first area and the second area, so that the layout of the displayed content is adapted to the area size.
可选的，第二拖动条的大小与第一拖动条的大小可以相同，也可以不同，本申请实施例中不做具体限制。Optionally, the size of the second drag bar may be the same as or different from the size of the first drag bar, and no specific limitation is made in the embodiment of the present application.
示例性的，步骤S603所述的方法可以由电子设备的***服务完成，该***服务例如可以是上述图5中所示的第一服务。Exemplarily, the method described in step S603 may be completed by a system service of the electronic device, and the system service may be, for example, the first service shown in FIG. 5 above.
示例性的，以上述图7b所示的场景为例，当电子设备接收到作用在第一拖动条的显示区域内的触摸操作或者按下操作时，可以显示图8中的示意图所示的界面，该界面与图7b所示的界面相比，增加显示了覆盖第一平行视界界面的第一蒙层即蒙层界面，且第一蒙层是不透明的。其中，第一蒙层与第一平行视界界面的形状和大小相同，因此覆盖了第一平行视界界面的内容，仅第一蒙层中的内容(蒙层区域和第二拖动条)对用户可见，更便于用户在第一蒙层中，通过拖拽第二拖动条的方式，下发更改第一平行视界界面中窗口显示比例的指示。第一蒙层中第一参考区域与第一窗口的大小相同，第二参考区域与第二窗口的大小相同。其中，第一参考区域包括第一区域对应的区域和第二拖动条所在区域，第二参考区域包括第二区域对应的区域。当用户拖拽第二拖动条移动时，第一参考区域和第二参考区域的大小随之发生变化，其中，第一参考区域可以用于表示调整后的第一窗口所在的区域，第二参考区域可以用于表示调整后的第二窗口所在的区域。Exemplarily, taking the scene shown in FIG. 7b as an example, when the electronic device receives a touch operation or a press operation acting in the display area of the first drag bar, the interface shown in the schematic diagram of FIG. 8 can be displayed. Compared with the interface shown in FIG. 7b, the interface adds a first mask layer, that is, a mask layer interface, covering the first parallel horizon interface, and the first mask layer is opaque. Among them, the first mask layer has the same shape and size as the first parallel horizon interface, so it covers the content of the first parallel horizon interface, and only the content in the first mask layer (the mask layer area and the second drag bar) is visible to the user, which is more convenient for the user to issue an instruction to change the window display ratio in the first parallel horizon interface by dragging the second drag bar in the first mask layer. The first reference area in the first mask layer is the same size as the first window, and the second reference area is the same size as the second window. Among them, the first reference area includes the area corresponding to the first area and the area where the second drag bar is located, and the second reference area includes the area corresponding to the second area. When the user drags the second drag bar to move, the size of the first reference area and the second reference area changes accordingly, wherein the first reference area can be used to indicate the area where the adjusted first window is located, and the second reference area can be used to indicate the area where the adjusted second window is located.
基于上述方法，电子设备在用户触发拖拽操作后，才在额外增加的单独的图层(即第一蒙层)中显示拖动条，能够尽可能降低增加额外图层的时间，提高绘制效率和管理图层的效率，同时，保证了用户可以通过对拖动条进行操作来控制平行视界界面中不同区域的显示比例。Based on the above method, the electronic device displays the drag bar in an additional separate layer (i.e., the first mask) only after the user triggers the drag operation. This can minimize the time for adding additional layers, improve drawing efficiency and layer management efficiency, and at the same time ensure that the user can control the display ratio of different areas in the parallel vision interface by operating the drag bar.
S604：电子设备接收用于拖拽第二拖动条移动的第一拖拽操作，并响应于接收到的第一拖拽操作，更新显示第一蒙层中的第二拖动条；其中，第二拖动条在第一蒙层中的位置与第一拖拽操作作用在第一蒙层中的作用点的位置对应。S604: The electronic device receives a first drag operation for dragging the second drag bar to move, and in response to the received first drag operation, updates the display of the second drag bar in the first mask; wherein the position of the second drag bar in the first mask corresponds to the position of the point of action of the first drag operation in the first mask.
在本申请一些实施例中，第一拖拽操作为作用在第二拖动条的显示区域内的操作，且第一拖拽操作为第一选择操作之后的连续操作。例如，第一选择操作可以为用户作用在显示屏上第一拖动条所在显示区域内的按下操作，第一拖拽操作可以为在该按下操作后保持对应的按下状态进行滑动的操作。In some embodiments of the present application, the first drag operation is an operation performed within the display area of the second drag bar, and the first drag operation is a continuous operation after the first selection operation. For example, the first selection operation may be a pressing operation performed by the user within the display area where the first drag bar is located on the display screen, and the first drag operation may be an operation of sliding while maintaining the corresponding pressed state after the pressing operation.
可选的，第一拖拽操作可以是用户作用在电子设备显示屏上的触控操作，或者可以是用户利用外部输入设备(例如手写笔等)作用在电子设备显示屏上的操作，或者可以是用户利用与电子设备通信连接的外部输入设备(例如鼠标等)进行的操作。Optionally, the first drag operation can be a touch operation performed by the user on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a stylus, etc.) on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a mouse, etc.) that is communicatively connected to the electronic device.
在本申请一些实施例中，第一拖拽操作可以为第一应用接收到的操作，电子设备可以通过***服务监听第一应用接收到第一拖拽操作，进而确定第一拖拽操作，并进行相应处理。示例性的，***服务可以为上述图5中所示的第一服务。 In some embodiments of the present application, the first drag operation may be an operation received by the first application, and the electronic device may monitor the first application receiving the first drag operation through a system service, thereby determining the first drag operation and performing corresponding processing. For example, the system service may be the first service shown in FIG. 5 above.
在电子设备接收第一拖拽操作的过程中，电子设备可以实时确定第一拖拽操作在显示屏上的作用点，并实时的将该作用点的位置作为第一蒙层中第二拖动条的位置，从而在显示过程中实现第二拖动条跟随第一拖拽操作移动的显示效果。During the process of the electronic device receiving the first drag operation, the electronic device can determine the action point of the first drag operation on the display screen in real time, and use the position of the action point as the position of the second drag bar in the first mask in real time, thereby achieving the display effect of the second drag bar following the movement of the first drag operation during the display process.
示例性的，步骤S604所述的方法中接收第一拖拽操作的方法可以由第一应用完成，更新显示第一蒙层中的第二拖动条的方法可以由电子设备的***服务完成，该***服务例如可以是上述图5中所示的第一服务。Exemplarily, the method of receiving the first drag operation in the method described in step S604 can be completed by the first application, and the method of updating the second drag bar in the first mask can be completed by the system service of the electronic device, which can be, for example, the first service shown in FIG. 5 above.
S605：当电子设备确定第一拖拽操作结束时，停止显示第一蒙层，并根据第二拖动条在第一蒙层中的位置更新第一平行视界界面；其中，更新后的第一平行视界界面中第一拖动条的位置与第二拖动条在第一蒙层中的位置相同。S605: When the electronic device determines that the first drag operation is completed, it stops displaying the first mask and updates the first parallel view interface according to the position of the second drag bar in the first mask; wherein the position of the first drag bar in the updated first parallel view interface is the same as the position of the second drag bar in the first mask.
在本申请一些实施例中，电子设备确定第一拖拽操作结束时，可以确定用户停止调整第一平行视界界面中第一区域和第二区域的显示比例，则电子设备可以停止显示第一蒙层，同时将此时第二拖动条在第一蒙层中的位置作为更新后第一拖动条在第一平行视界界面中的位置，并根据该位置调整第一区域和第二区域的显示比例，使得更新后的第一拖动条仍位于第一窗口中与第二窗口相邻的一侧边界处，且该侧边界与第二窗口中邻近第一窗口的边界相接，进而得到更新后的第一平行视界界面，并可以利用更新后的第一平行视界界面更新原本所显示的第一平行视界界面即更新前的第一平行视界界面。In some embodiments of the present application, when the electronic device determines that the first drag operation is ended, it can determine that the user stops adjusting the display ratio of the first area and the second area in the first parallel field of view interface. The electronic device can then stop displaying the first mask, and at the same time use the position of the second drag bar in the first mask at this time as the position of the updated first drag bar in the first parallel field of view interface, and adjust the display ratio of the first area and the second area according to the position, so that the updated first drag bar is still located at a side boundary adjacent to the second window in the first window, and the side boundary is connected to the boundary of the second window adjacent to the first window, thereby obtaining an updated first parallel field of view interface, and the updated first parallel field of view interface can be used to update the originally displayed first parallel field of view interface, that is, the first parallel field of view interface before the update.
示例性的，当第一拖拽操作用于将图8中所示的第二拖动条从位置A拖拽至位置B时，在第一拖拽操作的作用点到达位置B时，第一拖拽操作停止，则第二拖动条此时的位置为位置B。对应的，该位置B在第一平行视界界面中对应的位置即为更新后的第一拖动条在第一平行视界界面中的位置。则电子设备可以显示图9中所示的界面，该界面中包括更新后的第一平行视界界面，且不包括第一蒙层。其中，更新后的第一平行视界界面中，第一拖动条的位置为第一拖拽操作停止时第一蒙层中的位置B在第一平行视界界面中所对应的位置。与图7b所示的界面相比，原本的第一拖动条发生向右侧的移动，原本的第一区域向右侧横向扩大，原本的第二区域向右侧横向缩小，实现调整平行视界中不同区域的显示比例的效果。Exemplarily, when the first drag operation is used to drag the second drag bar shown in FIG8 from position A to position B, when the action point of the first drag operation reaches position B, the first drag operation stops, and the position of the second drag bar at this time is position B. Correspondingly, the position corresponding to position B in the first parallel horizon interface is the position of the updated first drag bar in the first parallel horizon interface. Then the electronic device can display the interface shown in FIG9, which includes the updated first parallel horizon interface and does not include the first mask. Among them, in the updated first parallel horizon interface, the position of the first drag bar is the position corresponding to position B in the first mask in the first parallel horizon interface when the first drag operation stops. Compared with the interface shown in FIG7b, the original first drag bar moves to the right, the original first area expands horizontally to the right, and the original second area shrinks horizontally to the right, so as to achieve the effect of adjusting the display ratio of different areas in the parallel horizon.
基于上述方法，电子设备可以在应用窗口中显示应用的平行视界对应的拖动条，并可以利用该拖动条对应用的平行视界界面中不同区域的显示比例进行调整，便捷性和实用性较高。Based on the above method, the electronic device can display a drag bar corresponding to the parallel vision of the application in the application window, and can use the drag bar to adjust the display ratio of different areas in the parallel vision interface of the application, which is convenient and practical.
在本申请一些实施例中，用户通过进行第一拖拽操作，可以将第一平行视界界面中第一区域和第二区域的显示比例调整为设定的至少一个比例中的任一比例。其中，第一区域和第二区域的显示比例用于指示第一区域的第一边界与第二区域的第二边界的长度之比，第一边界与第二边界包含在第一平行视界界面的同一边界中。其中，设定的至少一个比例可以包括以下至少一个：0:3，1:2，1:3，1:1，3:1，2:1，3:0。In some embodiments of the present application, the user can adjust the display ratio of the first area and the second area in the first parallel horizon interface to any one of the at least one ratio set by performing a first drag operation. The display ratio of the first area and the second area is used to indicate the ratio of the length of the first boundary of the first area to the second boundary of the second area, and the first boundary and the second boundary are included in the same boundary of the first parallel horizon interface. The at least one ratio set may include at least one of the following: 0:3, 1:2, 1:3, 1:1, 3:1, 2:1, 3:0.
示例性的，第一区域与第二区域的显示比例可以是第一区域与第二区域的宽度之比。例如，如图7b中所示的第一平行视界界面中，第一区域与第二区域的显示比例为1:1，即第一区域的宽度与第二区域的宽度相同。如图9中所示的更新后的第一平行视界界面中，更新后的第一区域与更新后的第一区域的显示比例为2:1，即更新后的第一区域的宽度为更新后的第二区域的宽度的两倍。其中，更新后的第一区域的第一边界可以为区域下边界，更新后的第二区域的第二边界可以为区域下边界，更新后的第一区域的第一边界的长度为更新后的第二区域的第二边界的长度的两倍。Exemplarily, the display ratio of the first area to the second area may be the ratio of the width of the first area to the width of the second area. For example, in the first parallel horizon interface as shown in FIG7b, the display ratio of the first area to the second area is 1:1, that is, the width of the first area is the same as the width of the second area. In the updated first parallel horizon interface as shown in FIG9, the display ratio of the updated first area to the updated first area is 2:1, that is, the width of the updated first area is twice the width of the updated second area. Among them, the first border of the updated first area may be the lower border of the area, the second border of the updated second area may be the lower border of the area, and the length of the first border of the updated first area is twice the length of the second border of the updated second area.
在本申请一些实施例中，电子设备可以采用上述方法在显示屏上显示多个应用的平行视界界面，其中，针对每个应用的平行视界界面的显示和控制方法，可以参照上述对第一应用的平行视界界面的显示和控制方法。In some embodiments of the present application, an electronic device may use the above method to display parallel field of view interfaces of multiple applications on a display screen, wherein the display and control method of the parallel field of view interface of each application may refer to the above method of displaying and controlling the parallel field of view interface of the first application.
示例性的，如图10中所示，电子设备可以在显示屏上同时显示第一应用(例如上述实施例中所述的图库应用)和第二应用(例如音乐应用)的平行视界界面。其中，第一应用的平行视界界面中包含第一应用对应的拖动条，使得用户可以通过对该拖动条进行拖拽操作，来调整第一应用的平行视界界面中不同区域的显示比例。具体可参照上述实施例提供的方法。第二应用的平行视界界面中包含第二应用对应的拖动条，使得用户可以通过对该拖动条进行拖拽操作，来调整第二应用的平行视界界面中不同区域的显示比例。具体实施方式也可参照上述实施例提供的方法。Exemplarily, as shown in FIG. 10, the electronic device can simultaneously display the parallel horizon interfaces of the first application (such as the gallery application described in the above embodiment) and the second application (such as a music application) on the display screen. Among them, the parallel horizon interface of the first application includes a drag bar corresponding to the first application, so that the user can adjust the display ratio of different areas in the parallel horizon interface of the first application by dragging the drag bar. For details, please refer to the method provided in the above embodiment. The parallel horizon interface of the second application includes a drag bar corresponding to the second application, so that the user can adjust the display ratio of different areas in the parallel horizon interface of the second application by dragging the drag bar. The specific implementation method can also refer to the method provided in the above embodiment.
基于上述方法，电子设备可以同时窗口化显示多个应用的平行视界界面，其中，每个平行视界界面具有独立的拖动条，电子设备可以通过每个平行视界界面中的拖动条，对每个应用的平行视界界面中不 同区域的显示比例进行独立控制，而不影响其它应用的平行视界界面的显示。因此，该方法的灵活性、便捷性和实用性较强。此外，现有技术中在平行视界界面的显示和调整过程中始终会存在额外增加的拖动条所在的图层，而本申请上述实施例提供的方法中仅在拖拽拖动条的过程中会增加一个用于显示第一蒙层的图层，其它处理过程中拖动条均显示在应用图层中，无需额外增加显示图层，因此电子设备***的渲染压力较小，能够提高一定的处理效率，并降低图层管理难度。Based on the above method, the electronic device can simultaneously display the parallel horizon interfaces of multiple applications in a windowed manner, wherein each parallel horizon interface has an independent drag bar, and the electronic device can use the drag bar in each parallel horizon interface to drag the different parallel horizon interfaces of each application. The display ratio of the same area is controlled independently without affecting the display of the parallel horizon interface of other applications. Therefore, the method is flexible, convenient and practical. In addition, in the prior art, there will always be an additional layer where the drag bar is located during the display and adjustment of the parallel horizon interface, while in the method provided in the above embodiment of the present application, only a layer for displaying the first mask layer will be added during the process of dragging the drag bar. During other processing processes, the drag bar is displayed in the application layer, and there is no need to add an additional display layer. Therefore, the rendering pressure of the electronic device system is relatively small, which can improve a certain processing efficiency and reduce the difficulty of layer management.
参照图11，本申请实施例提供的一种显示方法可以包括：Referring to FIG. 11 , a display method provided in an embodiment of the present application may include:
S1101：电子设备显示第一应用的第一平行视界界面，第一平行视界界面中包含第一区域、第二区域和第一拖动条；其中，第一区域和第二区域不重合，第一拖动条位于第一区域和第二区域之间。S1101: The electronic device displays a first parallel view interface of a first application, wherein the first parallel view interface includes a first area, a second area, and a first drag bar; wherein the first area and the second area do not overlap, and the first drag bar is located between the first area and the second area.
关于该步骤的实施方式，可以参照上述实施例中步骤S601所述的相关内容，此处不再重述。Regarding the implementation of this step, reference may be made to the relevant contents described in step S601 in the above embodiment, which will not be repeated here.
S1102：电子设备响应于接收到的第二拖拽操作，停止在第一显示位置显示第一平行视界界面，并在第二显示位置显示第一平行视界界面，其中，第二拖拽操作用于将第一平行视界界面从第一显示位置拖拽到第二显示位置。S1102: In response to receiving a second drag operation, the electronic device stops displaying the first parallel vision interface at the first display position and displays the first parallel vision interface at the second display position, wherein the second drag operation is used to drag the first parallel vision interface from the first display position to the second display position.
在本申请一些实施例中，第二拖拽操作为作用在第一平行视界界面中设定区域的操作，且第二拖拽操作为按下后进行拖拽移动的操作。其中，该设定区域例如可以为应用的标题栏区域等。其中，第二拖拽操作中的按下的操作用于作为选择第一平行视界界面的操作。可选的，按下的操作为长按操作。In some embodiments of the present application, the second drag operation is an operation of acting on a set area in the first parallel horizon interface, and the second drag operation is an operation of dragging and moving after pressing. The set area can be, for example, a title bar area of an application. The pressing operation in the second drag operation is used as an operation of selecting the first parallel horizon interface. Optionally, the pressing operation is a long press operation.
可选的，该第二拖拽操作可以是用户作用在电子设备显示屏上的触控操作，或者可以是用户利用外部输入设备(例如手写笔等)作用在电子设备显示屏上的操作，或者可以是用户利用与电子设备通信连接的外部输入设备(例如鼠标等)进行的操作。Optionally, the second drag operation can be a touch operation performed by the user on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a stylus, etc.) on the display screen of the electronic device, or it can be an operation performed by the user using an external input device (such as a mouse, etc.) that is communicatively connected to the electronic device.
在本申请一些实施例中，第二拖拽操作可以为第一应用接收到的操作，电子设备可以通过***服务监测第一应用接收到第二拖拽操作，进而确定第二拖拽操作，并进行相应处理。示例性的，***服务可以为上述图5中所示的第一服务。In some embodiments of the present application, the second drag operation may be an operation received by the first application, and the electronic device may monitor the first application receiving the second drag operation through a system service, thereby determining the second drag operation and performing corresponding processing. For example, the system service may be the first service shown in FIG. 5 above.
电子设备在接收第二拖拽操作的过程中，可以实时确定第二拖拽操作在显示屏上的作用点，并实时的将该作用点对应的位置作为第一平行视界界面的位置，从而在显示过程中实现第一平行视界界面跟随第二拖拽操作移动的显示效果。电子设备在接收第二操作后，可以仅在第二显示位置显示第一平行视界界面。When receiving the second drag operation, the electronic device can determine the action point of the second drag operation on the display screen in real time, and use the position corresponding to the action point as the position of the first parallel horizon interface in real time, so as to achieve the display effect that the first parallel horizon interface moves with the second drag operation during the display process. After receiving the second operation, the electronic device can display the first parallel horizon interface only at the second display position.
示例性的，如图12中的(a)示意图中所示，基于图7b所示的场景，第二拖拽操作在显示屏上的作用点的轨迹可以为从起始点C至终止点D的轨迹，则第二拖拽操作可以用于指示将图12中的(a)示意图中所示的第一平行视界界面从起始点C对应的位置拖拽至终止点D对应的位置，则在第二拖拽操作结束后，电子设备显示的界面如图12中的(b)示意图中所示，第一平行视界界面位于终止点D对应的位置。Exemplarily, as shown in the schematic diagram (a) in Figure 12, based on the scene shown in Figure 7b, the trajectory of the action point of the second drag operation on the display screen can be a trajectory from the starting point C to the end point D, then the second drag operation can be used to indicate that the first parallel field of view interface shown in the schematic diagram (a) in Figure 12 is dragged from the position corresponding to the starting point C to the position corresponding to the end point D, then after the second drag operation is completed, the interface displayed by the electronic device is as shown in the schematic diagram (b) in Figure 12, and the first parallel field of view interface is located at the position corresponding to the end point D.
示例性的，该步骤所述的方法中接收第二拖拽操作的方法可以由第一应用完成，更新显示第一平行视界界面的方法可以由电子设备的***服务完成，该***服务例如可以是上述图5中所示的第一服务。Exemplarily, the method of receiving the second drag operation in the method described in this step can be completed by the first application, and the method of updating and displaying the first parallel vision interface can be completed by the system service of the electronic device, which can be, for example, the first service shown in FIG. 5 above.
基于以上方法，电子设备显示的应用对应的拖动条可以跟随应用的平行视界界面移动，在拖动条的视觉显示上较为清楚灵活，且便于用户对拖动条进行拖拽操作来控制调整平行视界界面中不同区域的显示比例，因此用户使用体验较高。Based on the above method, the drag bar corresponding to the application displayed on the electronic device can move along with the parallel vision interface of the application. The visual display of the drag bar is clearer and more flexible, and it is convenient for the user to drag the drag bar to control and adjust the display ratio of different areas in the parallel vision interface, so the user experience is higher.
在本申请一些实施例中，上述实施例中图6对应的方法和图11对应的方法可以同步执行，其中，电子设备执行步骤S601(或步骤S1101)所述的方法后，若接收到的用户操作为上述实施例中所述的第一选择操作，则可以执行上述实施例中所述的步骤S602及后续步骤，若接收到的用户操作为上述实施例中所述的第二拖拽操作，则可以执行上述实施例中所述的步骤S1102。In some embodiments of the present application, the method corresponding to Figure 6 and the method corresponding to Figure 11 in the above embodiments can be executed synchronously, wherein after the electronic device executes the method described in step S601 (or step S1101), if the received user operation is the first selection operation described in the above embodiment, step S602 and subsequent steps described in the above embodiment can be executed; if the received user operation is the second drag operation described in the above embodiment, step S1102 described in the above embodiment can be executed.
以上述实施例提供的方法应用于上述图5所示的***为例，以用户采用触控方式进行平行视界的控制为例，本申请实施例提供的显示方法可以包括触摸事件拦截、按下事件处理、移动事件(或称为拖拽事件)处理、释放事件处理四个阶段，其中，触摸事件拦截阶段为电子设备中的应用进行热区事件的拦截或捕获的过程，热区事件为在上述的拖拽热区内进行触摸操作的事件；按下事件处理阶段为电子设备针对用户作用在显示屏上的按下操作进行响应的过程；移动事件处理阶段为电子设备针对用户作用在拖拽蒙层中拖动条的移动操作进行响应的过程；释放事件处理阶段为电子设备针对用户停止拖拽拖动条的操作进行响应的过程。下面分别进行说明。 Taking the method provided in the above embodiment as an example of being applied to the system shown in FIG. 5 above, and taking the user controlling the parallel horizon by touch as an example, the display method provided in the embodiment of the present application may include four stages: touch event interception, press event processing, move event (or drag event) processing, and release event processing, wherein the touch event interception stage is the process of intercepting or capturing hot zone events by an application in an electronic device, and a hot zone event is an event of a touch operation in the above drag hot zone; the press event processing stage is the process of the electronic device responding to the user's press operation on the display screen; the move event processing stage is the process of the electronic device responding to the user's move operation of the drag bar in the drag mask; and the release event processing stage is the process of the electronic device responding to the user's operation of stopping dragging the drag bar. They are described below.
在触摸事件拦截阶段，电子设备的***服务可以监听拦截作用在平行视界界面中的拖拽热区内的触摸操作，拖拽热区可以为平行视界界面中设定的区域。参照图13a，触摸事件拦截阶段电子设备执行的方法的一种可能的流程可以包括：In the touch event interception stage, the system service of the electronic device can monitor and intercept the touch operation in the drag hot zone in the parallel horizon interface, and the drag hot zone can be a set area in the parallel horizon interface. Referring to Figure 13a, a possible process of the method performed by the electronic device in the touch event interception stage may include:
S1301：在电子设备显示平行视界界面后，电子设备中的应用标题栏容器通过监听用户操作，拦截用户操作触发的触摸事件。S1301: After the electronic device displays the parallel horizon interface, the application title bar container in the electronic device intercepts touch events triggered by user operations by monitoring user operations.
该步骤中，用户操作为在显示屏上进行的触摸操作，触摸事件为该触摸操作对应的事件。In this step, the user operation is a touch operation performed on the display screen, and the touch event is an event corresponding to the touch operation.
应用标题栏容器用于监听用户操作，确定对应事件，并将确定的事件发送至应用标题栏。The application title bar container is used to monitor user operations, determine corresponding events, and send the determined events to the application title bar.
可选的，应用标题栏容器可以属于上述实施例中所述的第一应用，电子设备显示的平行视界界面可以为上述实施例中所述的第一平行视界界面，电子设备显示平行视界界面的方法可以参照上述实施例中的相关介绍，此处不再赘述。Optionally, the application title bar container may belong to the first application described in the above embodiment, and the parallel vision interface displayed by the electronic device may be the first parallel vision interface described in the above embodiment. The method for the electronic device to display the parallel vision interface may refer to the relevant introduction in the above embodiment and will not be repeated here.
S1302：应用标题栏容器将拦截到的触摸事件发送至电子设备中的应用标题栏。S1302: The application title bar container sends the intercepted touch event to the application title bar in the electronic device.
应用标题栏用于根据应用标题栏容器上报的事件，控制进行相应的响应处理，具体可参照下文的介绍。The application title bar is used to control the corresponding response processing according to the events reported by the application title bar container. For details, please refer to the introduction below.
可选的，应用标题栏可以属于上述实施例中所述的第一应用。Optionally, the application title bar may belong to the first application described in the above embodiment.
S1303：应用标题栏根据触摸事件确定触摸区域。S1303: The application title bar determines a touch area according to the touch event.
其中，拖拽热区为平行视界中设定的区域，示例性的，拖拽热区可以包括平行视界中标题栏所在的区域以及拖动条所在的区域。应用标题栏容器可以根据触摸事件确定用户的触摸操作在显示屏上的触摸区域，若该触摸区域处于拖拽热区内，则可以触发，并执行后续处理步骤，否则，可以不进行任何后续处理。The drag hot zone is an area set in the parallel horizon. Exemplarily, the drag hot zone may include an area where the title bar is located and an area where the drag bar is located in the parallel horizon. The application title bar container may determine the touch area of the user's touch operation on the display screen according to the touch event. If the touch area is within the drag hot zone, it may be triggered and subsequent processing steps may be performed. Otherwise, no subsequent processing may be performed.
在按下事件处理阶段，电子设备可以根据接收到的触摸操作及其后续操作(例如按下操作)，确定该操作是否触发拖拽拖动条的事件，进而确定对应的响应方式。参照图13b，按下事件处理阶段电子设备执行的方法的一种可能的流程可以包括：In the press event processing stage, the electronic device can determine whether the operation triggers an event of dragging the drag bar based on the received touch operation and its subsequent operation (such as a press operation), and then determine the corresponding response method. Referring to FIG. 13b, a possible process of the method executed by the electronic device in the press event processing stage may include:
S1304：应用标题栏容器继续监听用户操作，根据监听到的用户操作确定触摸事件变为按下事件。S1304: The application title bar container continues to monitor the user operation, and determines that the touch event is changed into a press event according to the monitored user operation.
该步骤中，用户操作为按下操作，该按下操作可以包括触摸操作在内或者可以为触摸操作，按下事件为该按下操作对应的事件，该按下操作的作用点位于上述的拖拽热区所在的显示区域内。In this step, the user operation is a pressing operation, which may include a touch operation or may be a touch operation, and the pressing event is an event corresponding to the pressing operation, and the action point of the pressing operation is located in the display area where the above-mentioned drag hot zone is located.
S1305：应用标题栏容器将按下事件发送至应用标题栏。S1305: The application title bar container sends the press event to the application title bar.
S1306：应用标题栏接收到按下事件后，确定触摸区域为拖动条所在区域时，触发显示拖拽蒙层。S1306: After receiving the press event, the application title bar determines that the touch area is the area where the drag bar is located, triggering the display of the drag mask.
S1307：应用标题栏指示电子设备中的拖动条控制器显示拖拽蒙层。S1307: The application title bar instructs the drag bar controller in the electronic device to display a drag mask.
其中，拖动条控制器可以按照应用标题栏的指示，显示覆盖平行视界的拖拽蒙层。拖拽蒙层的格式可以参照上述实施例中所述的第一蒙层的格式，此处不再详述。The drag bar controller can display a drag mask covering the parallel view according to the instructions of the application title bar. The format of the drag mask can refer to the format of the first mask described in the above embodiment, which will not be described in detail here.
上述图13b所示的方法在上述图13a所示的方法执行完毕后执行，即图13b中所示的步骤S1304在图13a中所示的步骤S1303之后执行。The method shown in FIG. 13b is executed after the method shown in FIG. 13a is executed, that is, step S1304 shown in FIG. 13b is executed after step S1303 shown in FIG. 13a.
在移动事件处理阶段，电子设备可以接收用户拖拽拖动条的操作，并针对对应的移动事件进行响应处理。参照图13c，移动事件处理阶段电子设备执行的方法的一种可能的流程可以包括：In the moving event processing stage, the electronic device can receive the user's operation of dragging the drag bar and respond to the corresponding moving event. Referring to FIG. 13c, a possible process of the method performed by the electronic device in the moving event processing stage may include:
S1308：应用标题栏容器通过继续监听用户操作，确定在按下事件后接收的移动事件。S1308: The application title bar container determines the move event received after the press event by continuing to monitor the user operation.
该步骤中，用户操作可以为用户执行上述按下操作之后保持按下状态进行的移动操作，该移动事件(ACTION_MOVE)为该移动操作对应的事件。In this step, the user operation may be a moving operation performed by the user maintaining the pressing state after executing the above pressing operation, and the moving event (ACTION_MOVE) is an event corresponding to the moving operation.
S1309：应用标题栏容器将移动事件发送至应用标题栏。S1309: The application title bar container sends the move event to the application title bar.
S1310：应用标题栏指示拖动条控制器响应移动事件。S1310: The application title bar instructs the drag bar controller to respond to the moving event.
S1311：拖动条控制器初始化电子设备中的拖拽事件***。S1311: The drag bar controller initializes the drag event interceptor in the electronic device.
S1312：拖拽事件***创建输入事件接收器。S1312: The drag event interceptor creates an input event receiver.
其中，拖拽事件***可以同时注册用于传输输入事件的输入事件管道。输入事件管道是用于传输事件的一种方式，可以用于传输用户执行按下操作后保持按下状态进行移动的操作对应的事件，即上述移动事件。输入事件接收器用于通过拖拽事件***注册的输入事件管道接收上述移动事件。The drag event interceptor can simultaneously register an input event channel for transmitting input events. The input event channel is a method for transmitting events, and can be used to transmit events corresponding to the operation of the user performing a pressing operation and then keeping the pressing state to move, that is, the above-mentioned moving event. The input event receiver is used to receive the above-mentioned moving event through the input event channel registered by the drag event interceptor.
S1313：拖拽事件***通过指示电子设备中的输入事件***触发输入事件接收器变更事件，将输入事件接收器分发至输入事件***。S1313: The drag event interceptor triggers an input event receiver change event by instructing the input event listener in the electronic device, and distributes the input event receiver to the input event listener.
其中，触发输入事件接收器变更事件可以用于将上述输入事件管道和输入事件接收器生效，输入事 件管道生效后，可以传输移动事件。Among them, triggering the input event receiver change event can be used to make the above input event pipeline and input event receiver effective. After the file pipeline is in effect, mobile events can be transmitted.
S1314：输入事件***通过调度输入事件接收器变更事件，关联输入事件接收器。S1314: The input event listener associates the input event receiver by scheduling an input event receiver change event.
S1315：输入事件***绑定拖拽事件***，并重定向事件到输入事件接收器，以使输入事件接收器生效。S1315: The input event listener binds the drag event interceptor and redirects the event to the input event receiver to make the input event receiver effective.
S1316：输入事件***继续监听移动事件，并将监听到的移动事件分发至输入事件接收器。S1316: The input event listener continues to listen to the motion event, and distributes the monitored motion event to the input event receiver.
S1317：输入事件接收器将接收到的移动事件实时发送至拖动条控制器。S1317: The input event receiver sends the received movement event to the drag bar controller in real time.
在该过程中，拖动条控制器可以根据输入事件接收器发送的移动事件，实时确定拖动条在拖拽蒙层中的位置，并根据确定的位置实时更新拖动条在拖拽蒙层中的显示位置。In this process, the drag bar controller can determine the position of the drag bar in the drag mask in real time according to the move event sent by the input event receiver, and update the display position of the drag bar in the drag mask in real time according to the determined position.
上述图13c所示的方法在上述图13b所示的方法执行完毕后执行，即图13c中所示的步骤S1308在图13b中所示的步骤S1307之后执行。The method shown in FIG. 13c is executed after the method shown in FIG. 13b is executed, that is, step S1308 shown in FIG. 13c is executed after step S1307 shown in FIG. 13b.
在释放事件处理阶段，电子设备可以在检测到用户释放拖动条即停止拖拽拖动条的事件后，响应该事件，调整平行视界界面中不同区域的显示比例。参照图13d，释放事件处理阶段电子设备执行的方法的一种可能的流程可以包括：In the release event processing stage, the electronic device can detect the event that the user releases the drag bar, that is, stops dragging the drag bar, and responds to the event by adjusting the display ratio of different areas in the parallel horizon interface. Referring to FIG. 13d , a possible process of the method executed by the electronic device in the release event processing stage may include:
S1318：应用标题栏容器通过继续监听用户操作，确定在移动事件之后接收的释放事件。S1318: The application title bar container determines a release event received after the move event by continuing to monitor the user operation.
其中，释放事件(ACTION_UP)为用户停止拖拽操作的事件，即用户松手的事件，释放事件也可以称为松手事件。Among them, the release event (ACTION_UP) is an event in which the user stops the dragging operation, that is, an event in which the user lets go. The release event can also be called a release event.
S1319：应用标题栏容器将释放事件发送至应用标题栏。S1319: The application title bar container sends a release event to the application title bar.
S1320：应用标题栏指示拖动条控制器响应释放事件。S1320: The application title bar instructs the drag bar controller to respond to the release event.
S1321：拖动条控制器指示销毁拖拽事件***。S1321: The drag bar controller instructs the drag event interceptor to be destroyed.
S1322：拖拽事件***指示输入事件***触发拖拽事件接收器变更事件，以移出输入事件接收器。S1322: The drag event interceptor instructs the input event listener to trigger a drag event receiver change event to move out of the input event receiver.
S1323：输入事件***通过调度拖拽事件接收器变更事件，移除已创建的输入事件接收器。S1323: The input event listener removes the created input event receiver by scheduling a drag event receiver change event.
该步骤中，输入事件***可以同时注销输入事件管道。In this step, the input event listener can also unregister the input event pipeline.
S1324：输入事件***取消绑定拖拽事件***。S1324: The input event listener unbinds the drag event interceptor.
S1325：拖动条控制器根据当前拖拽图层中拖动条的位置，确定平行视界界面中不同区域的显示比例。S1325: The drag bar controller determines the display ratio of different areas in the parallel vision interface according to the position of the drag bar in the current drag layer.
S1326：拖动条控制器移除拖拽蒙层。S1326: The drag bar controller removes the drag mask.
其中，移除拖拽蒙层即停止显示拖拽蒙层对应的界面。Among them, removing the drag mask means stopping displaying the interface corresponding to the drag mask.
S1327：拖动条控制器按照显示比例更新显示的平行视界界面中不同区域的显示比例。S1327: The drag bar controller updates the display ratios of different areas in the displayed parallel vision interface according to the display ratios.
上述图13d所示的方法在上述图13c所示的方法执行完毕后执行，即图13d中所示的步骤S1318在图13c中所示的步骤S1317之后执行。The method shown in FIG. 13d is executed after the method shown in FIG. 13c is executed, that is, step S1318 shown in FIG. 13d is executed after step S1317 shown in FIG. 13c.
上述方法中，电子设备中应用侧接收和触发拖拽事件，***服务拦截和响应该拖拽事件，这与现有技术中仅***服务接收和响应拖拽事件的方案不同。该方法能够以应用为目标进行平行视界中拖动条的显示和控制，灵活性和实用性较高。In the above method, the application side in the electronic device receives and triggers the drag event, and the system service intercepts and responds to the drag event, which is different from the solution in the prior art where only the system service receives and responds to the drag event. The method can display and control the drag bar in the parallel view with the application as the target, and has high flexibility and practicality.
需要说明的是，上述实例提供的具体实施流程，仅是对本申请实施例适用方法流程的举例说明，其中各步骤的执行顺序可根据实际需求进行相应调整，还可以增加其它步骤，或减少部分步骤。各步骤的具体实施方式可参照前文实施例中的相关介绍，此处不再详述。It should be noted that the specific implementation process provided in the above example is only an example of the method process applicable to the embodiment of the present application, 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 method of each step can refer to the relevant introduction in the above embodiment, and will not be described in detail here.
基于以上实施例及相同构思，本申请实施例还提供一种显示方法，如图14中所示，该方法包括：Based on the above embodiments and the same concept, the embodiment of the present application further provides a display method, as shown in FIG14 , the method includes:
S1401：电子设备显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件。S1401: The electronic device displays a first interface, where the first interface includes a first area and a second area, where the first area and the second area do not overlap, and a first control is included between the first area and the second area.
示例性的，所述第一界面可以为上述实施例中所述的第一平行视界界面，所述第一区域、第二区域可以为上述实施例中所述的第一平行视界界面中的第一区域、第二区域，所述第一控件可以为上述实施例中所述的第一拖动条。Exemplarily, the first interface may be the first parallel view interface described in the above embodiment, the first area and the second area may be the first area and the second area in the first parallel view interface described in the above embodiment, and the first control may be the first drag bar described in the above embodiment.
S1402：电子设备响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面。S1402: In response to a first operation on the first control, the electronic device displays a first mask, where the first mask includes a second control, the second control corresponds to the first control, and the first mask covers the first interface.
示例性的，所述第一操作可以为上述实施例中所述的第一选择操作，所述第一蒙层可以为上述实施例中所述的第一蒙层，所述第二控件可以为上述实施例中所述的第二拖动条。 Exemplarily, the first operation may be the first selection operation described in the above embodiment, the first mask may be the first mask described in the above embodiment, and the second control may be the second drag bar described in the above embodiment.
S1403：电子设备响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。S1403: The electronic device adjusts the display ratio of the first area and the second area in response to a second operation performed on the second control.
在本申请一些实施例中，所述第二操作可以包括选择第二控件、进行拖拽、释放拖拽的连续性操作。In some embodiments of the present application, the second operation may include a continuous operation of selecting the second control, dragging, and releasing the drag.
在本申请一些实施例中，所述第二操作可以为选择第二控件的操作，同时，第二操作可以为触摸、按下或长按操作。则在响应于作用在所述第二控件上的第二操作之后，在调整所述第一区域和所述第二区域的显示比例之前，电子设备可以调整所述第二控件的显示位置，并响应于检测到的第三操作，停止显示所述第一蒙层，还可以根据所述第二控件在所述第一蒙层中的位置，调整所述第一控件在所述第一界面中的位置。其中，所述第三操作可以为释放拖拽的操作。In some embodiments of the present application, the second operation may be an operation of selecting a second control, and the second operation may be a touch, press, or long press operation. After responding to the second operation on the second control, before adjusting the display ratio of the first area and the second area, the electronic device may adjust the display position of the second control, and in response to the detected third operation, stop displaying the first mask, and may also adjust the position of the first control in the first interface according to the position of the second control in the first mask. The third operation may be an operation of releasing the drag.
示例性的，所述第二操作可以为上述实施例中所述的第一拖拽操作，所述第三操作可以为上述实施例中所述的第一拖拽操作的结束操作。Exemplarily, the second operation may be the first drag operation described in the above embodiment, and the third operation may be an end operation of the first drag operation described in the above embodiment.
在本申请一些实施例中，电子设备调整第一区域和第二区域的显示比例的过程中，电子设备可以根据所述第二控件在所述第一蒙层中的位置，确定所述第一蒙层中第三区域和第四区域的显示比例；其中，所述第三区域与所述第一区域对应，所述第四区域与所述第二区域对应；按照所述第三区域和所述第四区域的显示比例，调整所述第一区域和所述第二区域的显示比例。In some embodiments of the present application, during the process of an electronic device adjusting the display ratio of a first area and a second area, the electronic device may determine the display ratio of a third area and a fourth area in the first mask according to the position of the second control in the first mask; wherein the third area corresponds to the first area, and the fourth area corresponds to the second area; and according to the display ratio of the third area and the fourth area, adjust the display ratio of the first area and the second area.
示例性的，所述第三区域和第四区域可以分别为上述实施例中所述的第一蒙层中位于第二拖动条两侧的区域。Exemplarily, the third area and the fourth area may be areas located on both sides of the second drag bar in the first mask described in the above embodiment.
在本申请一些实施例中，电子设备在显示第一界面后，可以响应于接收到的第六操作，调整所述第一界面的显示位置。其中，所述第六操作可以为作用在所述第一界面上除所述第一控件以外的区域中的操作，或者，所述第六操作可以为作用在所述第一界面上设定区域内的操作。In some embodiments of the present application, after displaying the first interface, the electronic device may adjust the display position of the first interface in response to the received sixth operation. The sixth operation may be an operation acting on an area other than the first control on the first interface, or the sixth operation may be an operation acting on a set area on the first interface.
示例性的，所述第六操作可以为上述实施例中所述的第二拖拽操作。Exemplarily, the sixth operation may be the second drag operation described in the above embodiment.
上述方法中，电子设备所执行的具体步骤可参阅前述实施例中相关的介绍，在此不再过多赘述。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.
基于以上实施例及相同技术构思，本申请实施例还提供一种电子设备，该电子设备用于实现本申请实施例提供的显示方法。如图15中所示，电子设备1500可以包括：显示屏1501，存储器1502，一个或多个处理器1503，以及一个或多个计算机程序(图中未示出)。上述各器件可以通过一个或多个通信总线1504耦合。Based on the above embodiments and the same technical concept, the embodiment of the present application also provides an electronic device, which is used to implement the display method provided in the embodiment of the present application. As shown in Figure 15, the electronic device 1500 may include: a display screen 1501, a memory 1502, one or more processors 1503, and one or more computer programs (not shown in the figure). The above-mentioned devices can be coupled via one or more communication buses 1504.
其中，显示屏1501用于显示应用界面等相关用户界面。Among them, the display screen 1501 is used to display relevant user interfaces such as application interface.
存储器1502中存储有一个或多个计算机程序(代码)，一个或多个计算机程序包括计算机指令；一个或多个处理器1503调用存储器1502中存储的计算机指令，使得电子设备1500执行本申请实施例提供的显示方法。One or more computer programs (codes) are stored in the memory 1502, and the one or more computer programs include computer instructions; one or more processors 1503 call the computer instructions stored in the memory 1502, so that the electronic device 1500 executes the display method provided in the embodiment of the present application.
具体实现中，存储器1502可包括高速随机存取的存储器，并且也可包括非易失性存储器，例如一个或多个磁盘存储设备、闪存设备或其他非易失性固态存储设备。存储器1502可以存储操作***(下述简称***)，例如ANDROID，IOS，WINDOWS，或者LINUX等嵌入式操作***。存储器1502可用于存储本申请实施例的实现程序。存储器1502还可以存储网络通信程序，该网络通信程序可用于与一个或多个附加设备，一个或多个用户设备，一个或多个网络设备进行通信。In a specific implementation, the memory 1502 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 1502 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 1502 may be used to store an implementation program of an embodiment of the present application. The memory 1502 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.
一个或多个处理器1503可以是一个通用中央处理器(Central Processing Unit，CPU)，微处理器，特定应用集成电路(Application-Specific Integrated Circuit，ASIC)，或一个或多个用于控制本申请方案程序执行的集成电路。One or more processors 1503 can be a general-purpose central processing unit (CPU), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits used to control the execution of the program of the present application.
需要说明的是，图15仅仅是本申请实施例提供的电子设备1500的一种实现方式，实际应用中，电子设备1500还可以包括更多或更少的部件，这里不作限制。It should be noted that FIG. 15 is only one implementation of the electronic device 1500 provided in the embodiment of the present application. In actual applications, the electronic device 1500 may also include more or fewer components, which is not limited here.
基于以上实施例及相同技术构思，本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，当计算机程序在计算机上运行时，使得计算机执行上述实施例提供的方法。Based on the above embodiments and the same technical concept, an embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. When the computer program runs on a computer, the computer executes the method provided in the above embodiments.
基于以上实施例及相同技术构思，本申请实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序或指令，当计算机程序或指令在计算机上运行时，使得计算机执行上述实施例提供的方法。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 a computer, the computer executes the method provided in the above embodiments.
本申请实施例提供的方法中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本发明实施例的流程或功 能。计算机可以是通用计算机、专用计算机、计算机网络、网络设备、用户设备或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line，简称DSL)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机可以存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质(例如，软盘、硬盘、磁带)、光介质(例如，数字视频光盘(digital video disc，简称DVD)、或者半导体介质(例如，SSD)等。The methods provided in the embodiments of the present application may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented by software, they may be implemented in whole or in part in the form of a computer program product. A 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 embodiments of the present invention is generated in whole or in part. A computer may be a general-purpose computer, a special-purpose computer, a computer network, a network device, a user device, or other programmable device. Computer instructions may be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. A computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated therein. Available media may 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.
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。 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 (15)

  1. 一种显示方法，应用于电子设备，其特征在于，所述方法包括：A display method, applied to an electronic device, is characterized in that the method comprises:
    显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件；Display a first interface, wherein the first interface includes a first area and a second area, the first area and the second area do not overlap, and a first control is included between the first area and the second area;
    响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面；In response to a first operation on the first control, a first mask is displayed, wherein the first mask includes a second control, the second control corresponds to the first control, and the first mask covers the first interface;
    响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。In response to a second operation performed on the second control, a display ratio of the first area and the second area is adjusted.
  2. 如权利要求1所述的方法，其特征在于，在响应于作用在所述第二控件上的第二操作之后，在调整所述第一区域和所述第二区域的显示比例之前，所述方法还包括：The method according to claim 1, characterized in that after responding to the second operation acting on the second control and before adjusting the display ratio of the first area and the second area, the method further comprises:
    调整所述第二控件的显示位置；Adjusting the display position of the second control;
    响应于检测到的第三操作，停止显示所述第一蒙层。In response to the detected third operation, the first mask is stopped from being displayed.
  3. 如权利要求2所述的方法，其特征在于，所述方法还包括：The method according to claim 2, characterized in that the method further comprises:
    响应于所述第三操作，根据所述第二控件在所述第一蒙层中的位置，调整所述第一控件在所述第一界面中的显示位置。In response to the third operation, the display position of the first control in the first interface is adjusted according to the position of the second control in the first mask.
  4. 如权利要求1～3任一所述的方法，其特征在于，所述第一区域中的内容与所述第一控件位于同一图层中。The method according to any one of claims 1 to 3, characterized in that the content in the first area and the first control are located in the same layer.
  5. 如权利要求1～4任一所述的方法，其特征在于，所述调整所述第一区域和所述第二区域的显示比例，包括：The method according to any one of claims 1 to 4, wherein adjusting the display ratio of the first area and the second area comprises:
    根据所述第二控件在所述第一蒙层中的位置，确定所述第一蒙层中第三区域和第四区域的显示比例；其中，所述第三区域与所述第一区域对应，所述第四区域与所述第二区域对应；Determine, according to the position of the second control in the first mask, the display ratio of the third area and the fourth area in the first mask; wherein the third area corresponds to the first area, and the fourth area corresponds to the second area;
    按照所述第三区域和所述第四区域的显示比例，调整所述第一区域和所述第二区域的显示比例。According to the display ratio of the third area and the fourth area, the display ratio of the first area and the second area is adjusted.
  6. 如权利要求1～5任一所述的方法，其特征在于，所述第一蒙层的尺寸与所述第一界面的尺寸相同。The method according to any one of claims 1 to 5, characterized in that the size of the first coating is the same as the size of the first interface.
  7. 如权利要求1～6任一所述的方法，其特征在于，所述方法还包括：The method according to any one of claims 1 to 6, characterized in that the method further comprises:
    显示第二界面，所述第二界面包括第五区域和第六区域，所述第五区域和所述第六区域不重合，且所述第五区域和所述第六区域之间包含第三控件；其中，所述第二界面与所述第一界面同时显示；Displaying a second interface, the second interface includes a fifth area and a sixth area, the fifth area and the sixth area do not overlap, and a third control is included between the fifth area and the sixth area; wherein the second interface is displayed simultaneously with the first interface;
    响应于作用在所述第三控件上的第四操作，显示第二蒙层，所述第二蒙层包括第四控件，所述第四控件与所述第三控件对应，所述第二蒙层覆盖所述第二界面；In response to a fourth operation on the third control, a second mask is displayed, wherein the second mask includes a fourth control, the fourth control corresponds to the third control, and the second mask covers the second interface;
    响应于作用在所述第四控件上的第五操作，调整所述第五区域和所述第六区域的显示比例。In response to a fifth operation performed on the fourth control, a display ratio of the fifth area and the sixth area is adjusted.
  8. 如权利要求7所述的方法，其特征在于，所述第五区域中的内容和所述第三控件位于同一图层中。The method according to claim 7, characterized in that the content in the fifth area and the third control are located in the same layer.
  9. 如权利要求1～8任一所述的方法，其特征在于，所述方法还包括：The method according to any one of claims 1 to 8, characterized in that the method further comprises:
    响应于接收到的第六操作，调整所述第一界面的显示位置。In response to the received sixth operation, a display position of the first interface is adjusted.
  10. 如权利要求1～9任一所述的方法，其特征在于，所述第一控件和所述第二控件为拖动条。The method according to any one of claims 1 to 9, characterized in that the first control and the second control are drag bars.
  11. 如权利要求1～10任一所述的方法，其特征在于，所述第一区域和所述第二区域对应不同的活动activity。The method according to any one of claims 1 to 10, wherein the first area and the second area correspond to different activities.
  12. 如权利要求1～11任一所述的方法，其特征在于，所述第一区域和所述第二区域对应同一应用，或者，所述第一区域和所述第二区域对应不同应用。The method according to any one of claims 1 to 11, characterized in that the first area and the second area correspond to the same application, or the first area and the second area correspond to different applications.
  13. 一种电子设备，其特征在于，所述电子设备包括显示屏，存储器和一个或多个处理器；An electronic device, characterized in that the electronic device comprises a display screen, a memory and one or more processors;
    其中，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令；当所述计算机指令被所述一个或多个处理器执行时，使得所述电子设备执行如权利要求1～12任一所述的方法。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 12.
  14. 一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，当所述计算机程序在电子设备上运行时，使得所述电子设备执行如权利要求1～12任一所述的方法。A computer-readable storage medium, characterized in that the computer-readable storage medium stores a computer program, and when the computer program runs on an electronic device, the electronic device executes any one of the methods according to claims 1 to 12.
  15. 一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机程序或指令，当所述计算机程序或指令在计算机上运行时，使得所述计算机执行如权利要求1～12任一所述的方法。 A computer program product, characterized in that the computer program product comprises a computer program or instructions, and when the computer program or instructions are run on a computer, the computer is caused to execute any one of the methods according to claims 1 to 12.
PCT/CN2023/118898 2022-09-29 2023-09-14 Display method and electronic device WO2024067142A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211204046.6A CN117827045A (en) 2022-09-29 2022-09-29 Display method and electronic equipment
CN202211204046.6 2022-09-29

Publications (1)

Publication Number Publication Date
WO2024067142A1 true WO2024067142A1 (en) 2024-04-04

Family

ID=90476105

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/118898 WO2024067142A1 (en) 2022-09-29 2023-09-14 Display method and electronic device

Country Status (2)

Country Link
CN (1) CN117827045A (en)
WO (1) WO2024067142A1 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103425431A (en) * 2013-08-07 2013-12-04 福州瑞芯微电子有限公司 Mobile terminal and method for achieving multi-window operation
CN105426097A (en) * 2015-10-30 2016-03-23 努比亚技术有限公司 Real time adjustment method for split screen size and split screen apparatus
US20220035494A1 (en) * 2019-04-18 2022-02-03 Samsung Electronics Co., Ltd. Electronic device, method, and computer-readable medium for providing split screen
CN114756159A (en) * 2020-12-29 2022-07-15 广州视源电子科技股份有限公司 Intelligent interactive panel, data processing method and device thereof and computer storage equipment

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103425431A (en) * 2013-08-07 2013-12-04 福州瑞芯微电子有限公司 Mobile terminal and method for achieving multi-window operation
CN105426097A (en) * 2015-10-30 2016-03-23 努比亚技术有限公司 Real time adjustment method for split screen size and split screen apparatus
US20220035494A1 (en) * 2019-04-18 2022-02-03 Samsung Electronics Co., Ltd. Electronic device, method, and computer-readable medium for providing split screen
CN114756159A (en) * 2020-12-29 2022-07-15 广州视源电子科技股份有限公司 Intelligent interactive panel, data processing method and device thereof and computer storage equipment

Also Published As

Publication number Publication date
CN117827045A (en) 2024-04-05

Similar Documents

Publication Publication Date Title
WO2020238874A1 (en) Vr multi-screen display method and electronic device
US20240069844A1 (en) Method and apparatus for providing lock-screen
WO2021036628A1 (en) Touch-control method for device with folding screen, and folding-screen device
WO2022121358A1 (en) Information display method and apparatus
US8774869B2 (en) Mobile terminal and control method thereof
WO2021115194A1 (en) Application icon display method and electronic device
CN111666055B (en) Data transmission method and device
CN112181572A (en) Interactive special effect display method and device, terminal and storage medium
CN114089901B (en) Cross-device object dragging method and device
CN111225108A (en) Communication terminal and card display method of negative screen interface
CN114442969B (en) Inter-equipment screen collaboration method and equipment
WO2023109764A1 (en) Wallpaper display method and electronic device
KR20210016936A (en) Electronic device and method for sharing data thereof
WO2020259669A1 (en) View display method and electronic device
WO2022134691A1 (en) Method and device for screech processing in terminal device, and terminal
CN112148499A (en) Data reporting method and device, computer equipment and medium
WO2023202407A1 (en) Application display method and apparatus, and storage medium
WO2024067142A1 (en) Display method and electronic device
WO2022228138A1 (en) Service card processing method, and electronic device
US12008211B2 (en) Prompt method and terminal device
CN113485596A (en) Virtual model processing method and device, electronic equipment and storage medium
CN112637624A (en) Live stream processing method, device, equipment and storage medium
WO2024140560A1 (en) Control method, and device
WO2024078337A1 (en) Display-screen selection method, and electronic device
CN114615362B (en) Camera control method, device and storage medium

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23870376

Country of ref document: EP

Kind code of ref document: A1