Split-screen display method, computer readable storage medium and electronic equipment

Abstract

The invention discloses a split-screen display method, a computer readable storage medium and electronic equipment. The method comprises the following steps: in response to a first operation input by a user, touching a first component with a second component; and performing split-screen display on the application programs of the first component and the second component according to the position relationship when the first component and the second component are touched. According to the technical scheme provided by the embodiment of the invention, a user-defined split-screen display interface can be quickly entered, and the split-screen display efficiency is improved.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and particularly to a split-screen display method, a computer-readable storage medium, and an electronic device. Background Art

[0002] With the continuous enrichment of applications (Application, abbreviated as APP), the screens of electronic devices are getting larger, and split-screen technology has been widely used in smart phones and tablet computers. Users can open two or more applications simultaneously on a display screen, which is convenient for users to operate and browse.

[0003] In the related art, when a user performs split-screen display on two or more applications on an electronic device, they need to first start one of the applications in full screen, then enter the split-screen state through various gesture operations, and finally select another application on the desktop of the electronic device for split-screen display. A total of three operations are required to achieve split-screen display of two applications. In addition, after the above three operations, the electronic device generally enters the default split-screen state set by the system. If the user wants to modify the split-screen layout, they still need to re-select the split-screen layout effect through the menu bar, making the implementation operation steps of split-screen display redundant. Summary of the Invention

[0004] The object of the present invention is to provide a split-screen display method, a computer-readable storage medium, and an electronic device to quickly enter a user-defined split-screen display interface and improve the split-screen display efficiency.

[0005] The embodiments of the present application adopt the following technical solutions:

[0006] In a first aspect, the embodiments of the present application provide a split-screen display method applied to an electronic device. The method includes:

[0007] In response to a first operation input by the user, the first component and the second component are touched;

[0008] The applications of the first component and the second component are split-screen displayed according to the positional relationship when the first component and the second component are touched.

[0009] In the technical solution provided by the embodiments of the present application, it is possible to quickly enter a user-defined split-screen display interface and improve the split-screen display efficiency.

[0010] In an implementation manner of the first aspect, in response to a first operation input by the user, touching the first component and the second component includes:

[0011] When the first component and the second component are on the same page, in response to a first operation input by the user, the first component and the second component are touched.

[0012] In an implementation of the first aspect, the first component includes any one or more of a first application icon, a first feature service card, or a first split-screen combined icon, and the second component includes any one or more of a second application icon, a second feature service card, or a second split-screen combined icon.

[0013] In the technical solution provided by the embodiments of the present application, various touch methods can be realized, such as the first application icon can touch the second application icon, the second feature service card, or the second split-screen combined icon, the first feature service card can touch the second application icon, the second feature service card, or the second split-screen combined icon, and the first split-screen combined icon can touch the second application icon, the second feature service card, or the second split-screen combined icon, etc., improving the convenience of the user's split-screen operation.

[0014] In an implementation of the first aspect, the first component includes a first floating component;

[0015] Responding to a first operation input by the user to touch the first component and the second component includes:

[0016] When the first component and the second component are on different pages, in response to a first operation input by the user, the first floating component is touched with the second component.

[0017] In the technical solution provided by the embodiments of the present application, components on different pages can also be touched, making the split-screen operation more convenient.

[0018] In an implementation of the first aspect, before touching the first floating component and the second component in response to a first operation input by the user, it further includes:

[0019] Responding to a second operation input by the user, generating a first floating component according to the first application icon, where the second operation includes a swiping-up operation on the first application icon; or,

[0020] Responding to a third operation input by the user, generating a first floating component according to the first split-screen combined icon, where the third operation includes a swiping-up operation on the first split-screen combined icon.

[0021] In the technical solution provided by the embodiments of the present application, a floating component can be generated only by a swiping-up gesture operation of the component, facilitating the touching of components on different pages.

[0022] In an implementation of the first aspect, the first component includes a first split-screen combined icon, the first split-screen combined icon corresponds to a first application program and a second application program, and the second component includes a second application icon;

[0023] Performing split - screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component, including:

[0024] According to the positional relationship when the first component touches the second component, display the display interfaces of the second application program and the third application program to perform split - screen display of the second application program and the third application program.

[0025] In an implementation manner of the first aspect, performing split - screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component, including:

[0026] When the left side of the second application icon touches the right side of the first split - screen combination icon, display the display interface of the second application program on the left side of the first split - screen combination icon and the display interface of the third application program corresponding to the second application icon to perform split - screen display of the second application program and the third application program.

[0027] In the technical solution provided by the embodiments of the present application, if the electronic device only supports dual - application split - screen, replace the application programs at the corresponding positions to form a dual - split screen.

[0028] In an implementation manner of the first aspect, the first component includes a first split - screen combination icon corresponding to a first application program and a second application program, and the second component includes a second application icon;

[0029] Performing split - screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component, including:

[0030] Display the display interfaces of the first application program, the second application program, and the third application program to perform triple - split screen display of the first application program, the second application program, and the third application program.

[0031] In the technical solution provided by the embodiments of the present application, if the electronic device supports triple - application split - screen, display the display interfaces of the first application program, the second application program, and the third application program according to the positional relationship when the first component touches the second component to form a triple - split screen.

[0032] In an implementation manner of the first aspect, performing split - screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component, including:

[0033] According to the positional relationship when the first component touches the second component, generate and display a split - screen layout prompt for the first component and the second component;

[0034] In response to a fourth operation input by a user, according to the positional relationship when the first component touches the second component, display the display interfaces of the application programs corresponding to the first component and the second component, so as to perform split-screen display on the application programs corresponding to the first component and the second component. The fourth operation includes a release operation on the first component.

[0035] In the technical solution provided by the embodiments of the present application, the generated split-screen layout prompt can display the positional relationship when the components to be split-screen touch to the user, which is convenient for the user to adjust the split-screen layout.

[0036] In an implementation manner of the first aspect, performing split-screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component includes:

[0037] In response to a fourth operation input by a user, if the positional relationship when the first component touches the second component includes that the first component is above the second component, display the display interfaces of the fourth application program corresponding to the first component and the fifth application program corresponding to the second component, so as to perform up-and-down split-screen display on the fourth application program and the fifth application program, where the display interface of the fourth application program is above the display interface of the fifth application program.

[0038] In an implementation manner of the first aspect, performing split-screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component includes:

[0039] In response to a fourth operation input by a user, if the positional relationship when the first component touches the second component includes that the first component is to the left of the second component, display the display interfaces of the fourth application program corresponding to the first component and the fifth application program corresponding to the second component, so as to perform left-and-right split-screen display on the fourth application program and the fifth application program, where the display interface of the fourth application program is to the left of the display interface of the fifth application program.

[0040] In a second aspect, an embodiment of the present application provides a computer program product, including a computer program or instruction. When the computer program or instruction is executed by a processor, the method in the first aspect is implemented.

[0041] In a third aspect, an embodiment of the present application provides a computer-readable storage medium, in which a computer program is stored. When the computer program runs on a computer, the computer is enabled to execute the method in the first aspect.

[0042] In a fourth aspect, an embodiment of the present application provides an electronic device, which includes a memory for storing computer program instructions and a processor for executing the computer program instructions. When the computer program instructions are executed by the processor, the electronic device is triggered to execute the method in the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] Figure 1 FIG. 1 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application;

[0044] Figure 2 FIG. 2 is a flowchart of a split-screen display method provided in an embodiment of the present application;

[0045] Figures 3 - 8 FIG. 3 is a schematic diagram of split-screen display provided in an embodiment of the present application;

[0046] Figure 9 FIG. 4 is an operation flowchart of a split-screen display method provided in an embodiment of the present application;

[0047] Figure 10 FIG. 5 is a schematic diagram of the structure of a split-screen display device provided in an embodiment of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0048] The embodiments described below with reference to the accompanying drawings are exemplary only for explaining the present invention and should not be construed as limiting the present invention.

[0049] It should be clear that the described embodiments are only a part of the embodiments of the present application, rather than all of the embodiments. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in the present application without creative efforts shall fall within the scope of protection of the present application.

[0050] The terms used in the embodiments of the present application are only for the purpose of describing specific embodiments and are not intended to limit the embodiments of the present application. The singular forms "a", "the" and "said" used in the embodiments of the present application and the appended claims are also intended to include the plural forms unless the context clearly indicates otherwise.

[0051] It should be understood that the term " / and / " used herein is only a description of the association relationship of associated objects, indicating that there can be three relationships. For example, a and / or b can represent: a exists alone, a and b exist simultaneously, and b exists alone. In addition, the character " / " herein generally represents an "or" relationship between the associated objects before and after.

[0052] Split-screen display technology is a technology that can simultaneously display the display interfaces of two or more application programs on a display screen.

[0053] In the related art, a user can select a first application program that needs to be split-screen displayed on the desktop of an electronic device, and click on the icon of the first application program to make the first application program full-screen displayed. If the Dock bar of the electronic device is not displayed, the user needs to slide out the Dock bar from the bottom or right side of the display screen of the electronic device. The Dock bar refers to a functional area in the operating system of the electronic device, usually located at the bottom or side of the screen, and is used to store the icons of commonly used application programs. The user can select a second application program in the Dock bar, drag the icon of the second application program to the upper, lower, left or right side of the display screen, and when the user releases the hand, the split-screen display of the first application program and the second application program can be realized.

[0054] The above technical solution realizes the expected split-screen layout by dragging the icon of the second application program to different positions on the display screen. However, this solution also has some disadvantages: 1. The split-screen function can only be performed after the first application program is full-screen displayed, and two application programs cannot be opened simultaneously to form a split screen. 2. The split-screen function needs to be realized by means of the Dock bar. Sometimes the Dock bar is default displayed at the bottom, and sometimes it is not displayed. When the Dock bar is displayed, it affects the immersive display of the application program. When the Dock bar is not displayed, it will increase the implementation steps of the user's split-screen function, making the implementation operation steps of the split-screen display redundant and the efficiency of the split-screen display low.

[0055] In the related art, the user can swipe up on the desktop of the electronic device to enter the multitasking interface, select the first application program that needs to be split-screen displayed in the multitasking interface, and click on the split-screen button above the icon of the first application program. The first application program enters the split-screen waiting interface, and then the user clicks on the icon of the second application program on the desktop of the electronic device, so that the first application program and the second application program can be default split-screen displayed left and right. If the user needs to adjust the layout of the left-right split-screen display, the menu bar needs to be called out by clicking on the dividing line, and the layout of the split-screen display needs to be readjusted through the menu bar.

[0056] The above technical solution has the following disadvantages: 1. The implementation of the split-screen display function is quite complicated and requires at least three steps. 2. The formed split-screen display is the default left-right split-screen display layout. If the user hopes for other forms, additional operations are required. 3. Only application programs existing in the multitasking bar can be split-screen displayed. If the two application programs that the user needs to split-screen display are not in the multitasking bar, the application program needs to be started to enter the multitasking.

[0057] In the related art, electronic devices have many steps to implement split-screen display of two or more applications. For electronic devices to implement the split-screen display function, first, a certain application must be displayed in full screen or the application must exist in the multitasking center. For example, one application needs to be in full screen before opening another application for split-screen display, or it is necessary to enter the multitasking center and then split-screen display two applications based on the multitasking center. Secondly, the split-screen display function requires the transition of the split-screen state or the use of the Dock bar. For example, after the application enters the full-screen state, the user can enter the split-screen prompt by sliding a single finger at the bottom right of the display screen, and continue to slide the upper right to enter the split-screen state. For another example, after the application enters the full-screen state, the user needs to drag the application icon from the Dock bar into different areas, display the split-screen layout prompt, and then display the split-screen according to the default split-screen layout. The user's expected split-screen layout cannot be reached in one step. For another example, if the user expects to form an upper and lower split screen at one time, the split-screen layout must be adjusted twice.

[0058] In order to solve the technical problems in the above-mentioned related technologies, that is, to omit the step of the application entering the full screen first, to omit the step of the application entering the split-screen state, to omit the step of adjusting the split-screen layout, to quickly enter the user-defined split-screen display interface, and to improve the split-screen display efficiency, an embodiment of the present application provides an electronic device.

[0059] In some embodiments, the electronic device may include but is not limited to a device equipped with Or devices with other operating systems.

[0060] In the embodiments of the present application, electronic devices may include but are not limited to mobile phones, watches, smart screens, tablet computers, laptops, car computers, etc.

[0061] Figure 1 FIG. 1 is a schematic diagram of a hardware structure of an electronic device provided according to an embodiment of the present application. Figure 1As shown, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (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, a headphone jack 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor (abbreviated as GYRO) 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer (abbreviated as ACC) 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0062] It can be understood that the structure illustrated in the embodiments of this application does not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than those shown, or combine certain components, or split certain components, or have different component arrangements. The components shown may be implemented in hardware, software, or a combination of software and hardware.

[0063] 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 processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units may be independent devices or integrated in one or more processors.

[0064] The controller may generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.

[0065] A memory can also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store the instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can directly call it from the said memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0066] In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0067] It can be understood that the interface connection relationships between the modules illustrated in the embodiments of the present application are only illustrative descriptions and do not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0068] 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 modulation and demodulation processor, and the baseband processor, etc.

[0069] The electronic device 100 implements the display function through the GPU, the display screen 194, and the application processor, etc. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs, which execute program instructions to generate or change the display information.

[0070] The display screen 194 is used to display images, videos, etc. The display screen 194 may include a display panel. The display panel may adopt a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Miniled, a MicroLed, a Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include one or N display screens 194, where N is a positive integer greater than 1.

[0071] The internal memory 121 can be used to store computer-executable program code, and the executable program code may include instructions. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, application programs required for at least one function (such as a sound playback function, an image playback function, etc.). The data storage area can store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.). 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. 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 and / or the instructions stored in the memory provided in the processor.

[0072] The electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor, etc. Such as music playback, recording, etc.

[0073] The touch sensor 180K, also referred to as a "touch control device". The touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 together form a touch screen, also referred to as a "touch control screen". The touch sensor 180K is used to detect a touch operation acting thereon or nearby. The touch sensor can transmit 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 some other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a different position from where the display screen 194 is located.

[0074] Based on Figure 1 the electronic device in Figures 3 - 8 the present application embodiments provide a split-screen display method. The following will describe the split-screen display method in conjunction with Figure 2 FIG. Figure 2 shown, the method may include:

[0075] Step 202, the electronic device responds to a first operation input by the user and touches the first component with the second component.

[0076] The embodiments of the present application can be applied to the framework layer in the system of the electronic device.

[0077] In the embodiments of the present application, the first component may include any one or more of a first application icon, a first feature ability (FA) card, or a first split-screen combined icon, and the second component may include any one or more of a second application icon, a second feature ability card, or a second split-screen combined icon.

[0078] Among them, the first application icon can touch the second application icon, the second feature ability card, or the second split-screen combined icon, the first feature ability card can touch the second application icon, the second feature ability card, or the second split-screen combined icon, and the first split-screen combined icon can touch the second application icon, the second feature ability card, or the second split-screen combined icon.

[0079] In the embodiments of the present application, the first operation may include any one or more of key input (for example, various key inputs or finger mouse), touch input (for example, continuous touch, touch and drag, multi-touch, touch gesture), or voice input.

[0080] In the embodiments of the present application, when the first component and the second component are on the same page, in response to a first operation input by the user, the electronic device can touch the first component with the second component.

[0081] In the embodiments of the present application, the first component may include a first floating component. When the first component and the second component are on different pages, in response to a first operation input by the user, the electronic device may cause the first floating component to touch the second component.

[0082] In the embodiments of the present application, in response to a second operation input by the user, the electronic device may generate a first floating component according to a first application icon. The second operation may include a swiping-up operation on the first application icon; or, in response to a third operation input by the user, the electronic device may generate a first floating component according to a first split-screen combination icon. The third operation may include a swiping-up operation on the first split-screen combination icon.

[0083] In the embodiments of the present application, the touch state between the first component and the second component may be determined by a collision detection algorithm. The collision detection algorithm may include object boundary detection, spatial gridification, the GJK (Gilbert–Johnson–Keerthi) algorithm, or a shape comparison algorithm. For example, it may be determined whether the distance between any side of the first component and any side of the second component is 0. When the user drags the first component, the layer where the first component is located may be displayed in the front, and the layers where other components are located are behind the layer of the first component (i.e., the first component may cover a part of other components). Therefore, the user may perform a touch and drag on the displayed first component, causing the first component to collide with the second component.

[0084] Step 204: The electronic device performs split-screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component.

[0085] In the embodiments of the present application, when the positional relationship when the first component touches the second component may include that when the first component is located to the left of the second component, in response to a fourth operation input by the user, the electronic device displays the display interfaces of a fourth application program corresponding to the first component and a fifth application program corresponding to the second component. Among them, the fourth application program and the fifth application program are displayed in a left-right split screen, and the display interface of the fourth application program may be located to the left of the display interface of the fifth application program. The fourth operation may include an operation of releasing the first component.

[0086] Figures 3 - 8 It is a schematic diagram of split-screen display provided by the embodiments of the present application. Figure 3 In (a), the desktop of the electronic device may include multiple application icons.

[0087] Figure 3In (b), in response to a drag operation of the first component (calculator application icon) input by the user, the electronic device may touch the left side of the first component (calculator application icon) with the right side of the second component (gallery application icon). Exemplarily, a hot area of the second component (gallery application icon) may be displayed, where the hot area may be used to indicate that the first component and the second component have touched, and the split-screen condition may be met.

[0088] Figure 3 In (c), in response to a release operation of the first component (calculator application icon) input by the user, the electronic device may display the display interface corresponding to the gallery application icon and the display interface of the calculator application icon based on the positional relationship between the gallery application icon and the calculator application icon. Exemplarily, the positional relationship is that the gallery application icon is located on the left side of the calculator application icon, and the display interface corresponding to the gallery application icon may be located on the left side of the display interface of the calculator application icon, that is, the display interfaces of the gallery application icon and the calculator application icon may be split-screen displayed left and right.

[0089] In the embodiments of the present application, the positional relationship when the first component and the second component touch may include that the first component is located above the second component. When the positional relationship when the first component and the second component touch is that the first component is located above the second component, in response to a fourth operation input by the user, the electronic device displays the display interfaces of the fourth application corresponding to the first component and the fifth application corresponding to the second component, where the fourth application and the fifth application are split-screen displayed up and down, and the display interface of the fourth application is located above the display interface of the fifth application.

[0090] As Figure 4 shown, Figure 4 In (a), the second page of the desktop of the electronic device may include multiple application icons.

[0091] Figure 4 In (b), in response to a swiping-up operation of the first application icon (Huawei Video application icon) input by the user, the electronic device may generate a first floating component according to the first application icon (Huawei Video application icon), and the first floating component floats on the desktop and can be freely dragged to a position. In some embodiments, the first floating component automatically disappears after not moving for X seconds or after completing split-screen.

[0092] Figure 4 In (c), in response to a drag operation of the first floating component input by the user, the electronic device may touch the lower side of the first floating component on the second page of the desktop with the upper side of the second application icon (calculator application icon) on the first page of the desktop. Exemplarily, a hot area of the second application icon (calculator application icon) may be displayed.

[0093] Figure 4 (d), in response to the release operation of the first floating component input by the user, the electronic device may display the display interface corresponding to the Huawei Video application icon and the display interface of the calculator application icon based on the positional relationship between the Huawei Video application icon and the calculator application icon. Exemplarily, the positional relationship may be that the Huawei Video application icon is located above the calculator application icon, and the display interface corresponding to the Huawei Video application icon may be located above the display interface of the calculator application icon, that is, the display interfaces of the Huawei Video application icon and the calculator application icon can be displayed in a split screen vertically.

[0094] As Figure 5 shown, Figure 5 (a), the desktop of the electronic device may include multiple application icons and a feature service card.

[0095] Figure 5 (b), in response to the drag operation of the first component (gallery application icon) input by the user, the electronic device may touch the lower side of the first component (gallery application icon) with the upper side of the second component (memo FA card). Exemplarily, the hot area of the second component (memo FA card) may be displayed.

[0096] Figure 5 (c), in response to the release operation of the first component (gallery application icon) input by the user, the electronic device may display the display interface corresponding to the gallery application icon and the display interface of the memo FA card based on the positional relationship between the gallery application icon and the memo FA card. Exemplarily, the positional relationship may be that the gallery application icon is located above the memo FA card, and the display interface corresponding to the gallery application icon may be located above the display interface of the memo FA card, that is, the display interfaces of the gallery application icon and the memo FA card can be displayed in a split screen vertically.

[0097] As Figure 6 shown, Figure 6 (a), the desktop of the electronic device may include multiple application icons and two feature service cards.

[0098] Figure 6 (b), in response to the drag operation of the first component (memo FA card) input by the user, the electronic device may touch the upper side of the first component (memo FA card) with the lower side of the second component (weather FA card). Exemplarily, the hot area of the second component (weather FA card) may be displayed.

[0099] Figure 6In (c), in response to the release operation of the first component (memo FA card) input by the user, the electronic device may display the display interface corresponding to the weather FA card and the display interface of the memo FA card based on the positional relationship between the weather FA card and the memo FA card. Exemplarily, the positional relationship may be that the weather FA card is located above the memo FA card, and the display interface corresponding to the weather FA card may be located above the display interface of the memo FA card, that is, the display interfaces of the weather FA card and the memo FA card can be displayed in a split-screen manner vertically.

[0100] In the embodiments of the present application, if the first component includes a first split-screen combination icon corresponding to a first application and a second application, and the second component may include a second application icon, then the display interfaces of the second application and a third application may be displayed according to the positional relationship when the first component touches the second component, so as to display the second application and the third application in a split-screen manner.

[0101] In an implementation manner of the embodiments of the present application, when the left side of the second application icon touches the right side of the first split-screen combination icon, the electronic device may display the display interface of the second application on the left side of the first split-screen combination icon and the display interface of the third application corresponding to the second application icon, so as to display the second application and the third application in a split-screen manner.

[0102] As Figure 7 shown, the electronic device does not support triple-screen display of the display interface. Figure 7 In (a), the desktop of the electronic device may include a plurality of application icons and a split-screen combination icon corresponding to a gallery application icon and a memo application icon, where the gallery application icon is located on the left side of the memo application icon.

[0103] Figure 7 In (b), in response to the drag operation of the second component (calculator application icon) input by the user, the electronic device may touch the second component (calculator application icon) with the first component (split-screen combination icon). Exemplarily, the hot zone of the first component (split-screen combination icon) may be displayed.

[0104] Figure 7In (c), in response to the release operation of the second component (calculator application icon) input by the user, the electronic device may display the display interface corresponding to the gallery application icon and the display interface of the calculator application icon based on the positional relationship between the split-screen combined icon and the calculator application icon, and does not display the display interface of the memo application icon. Exemplarily, the positional relationship may be that the split-screen combined icon is located on the left side of the calculator application icon, and the display interface corresponding to the gallery application icon may be located on the left side of the display interface of the calculator application icon, that is, the display interfaces of the gallery application icon and the calculator application icon can be split-screen displayed left and right.

[0105] In an implementation manner of the embodiment of the present application, if the first component includes a first split-screen combined icon, the first split-screen combined icon corresponds to a first application and a second application, and the second component may include a second application icon, the electronic device may display the display interfaces of the first application, the second application, and the third application to split-screen display the first application, the second application, and the third application.

[0106] As Figure 8 shown, the electronic device may support split-screen display of the display interface. Figure 8 In (a), the desktop of the electronic device may include multiple application icons and a split-screen combined icon, and the split-screen combined icon corresponds to the gallery application icon and the memo application icon, where the gallery application icon is located on the left side of the memo application icon.

[0107] Figure 8 In (b), in response to the drag operation of the second component (calculator application icon) input by the user, the electronic device may touch the second component (calculator application icon) with the first component (split-screen combined icon). Exemplarily, the hot area of the first component (split-screen combined icon) may be displayed.

[0108] Figure 8 In (c), in response to the release operation of the second component (calculator application icon) input by the user, the electronic device may display the display interface corresponding to the gallery application icon, the display interface corresponding to the memo application icon, and the display interface corresponding to the calculator application icon based on the positional relationship between the split-screen combined icon and the calculator application icon. Exemplarily, the positional relationship may be that the split-screen combined icon is located on the left side of the calculator application icon, and the split-screen display interface may be, from left to right, the display interface corresponding to the gallery application icon, the display interface corresponding to the memo application icon, and the display interface of the calculator application icon in sequence, that is, the display interfaces of the gallery application icon, the memo application icon, and the calculator application icon can be split-screen displayed.

[0109] In the embodiments of the present application, the electronic device may generate and display a split-screen layout prompt according to the positional relationship when the first component touches the second component; in response to a fourth operation input by the user, according to the positional relationship when the first component touches the second component, display the display interfaces of the application programs corresponding to the first component and the second component, so as to perform split-screen display on the application programs corresponding to the first component and the second component. For example, the split-screen layout prompt may include the positional relationship when the first component touches the second component.

[0110] The following combines Figure 9 to describe the operation process of the split-screen display method.

[0111] Figure 9 FIG. is an operation flowchart of a split-screen display method provided by an embodiment of the present application. As Figure 9 shown, the method may include:

[0112] Step A1: The user drags the first component to touch the second component.

[0113] In the embodiments of the present application, as Figure 3 (a) shows, the first component may be a calculator application icon, and the second component may be a gallery application icon. When the calculator application icon and the gallery application icon are on the same page of the desktop of the electronic device, the user may drag the calculator application icon on the desktop of the electronic device.

[0114] In the embodiments of the present application, the first component may be a first floating component. As Figure 4 (a) shows, the second page of the desktop of the electronic device may include a Huawei Video application icon. Figure 4 In (b), the first page of the desktop of the electronic device may include a calculator application icon. In response to a second operation on the first application icon (Huawei Video application icon) by the user, the electronic device may generate a first floating component according to the first application icon (Huawei Video application icon), and the first floating component floats on the desktop and can be freely dragged to a position.

[0115] In the embodiments of the present application, the user may drag the first component on the desktop of the electronic device, or may also drag the first component on interfaces such as the negative first screen, the status bar, and the lock screen interface. The embodiments of the present application do not limit this.

[0116] In some embodiments, Figure 3 (b), in response to a drag operation on the first component (calculator application icon) input by the user, the electronic device may touch the left side of the first component (calculator application icon) with the right side of the second component (gallery application icon), and may display the hot zone of the second component (gallery application icon).

[0117] In some embodiments, Figure 4In (c), in response to the drag operation of the first floating component input by the user, the electronic device may touch the lower side of the first floating component on the second page of the desktop with the upper side of the second component (calculator application icon) on the first page of the desktop. At this time, the hot area of the second component (calculator application icon) can be displayed. In this way, when the first component and the second component are on different pages, the first component can also be dragged to touch the second component to achieve quick split-screen, improving the split-screen display efficiency.

[0118] Step A2: The electronic device determines the split-screen layout according to the position when the first component touches the second component.

[0119] In some embodiments, Figure 3 In (c), in response to the release operation of the first component (calculator application icon) input by the user, the electronic device can determine the positional relationship between the gallery application icon and the calculator application icon. This positional relationship is that the gallery application icon is located on the left side of the calculator application icon, that is, the split-screen layout is that the display interface corresponding to the gallery application icon is located on the left side of the display interface of the calculator application icon.

[0120] In some embodiments, Figure 4 In (d), in response to the release operation of the first floating component input by the user, the electronic device can determine the positional relationship between the Huawei Video application icon and the calculator application icon. This positional relationship is that the Huawei Video application icon is located above the calculator application icon, that is, the split-screen layout is that the display interface corresponding to the Huawei Video application icon is located above the display interface of the calculator application icon.

[0121] Step A3: The electronic device displays the display interfaces of the applications corresponding to the first component and the second component according to the split-screen layout.

[0122] In some embodiments, Figure 3 In (c), the electronic device displays the display interface corresponding to the gallery application icon and the display interface of the calculator application icon, where the display interface corresponding to the gallery application icon is located on the left side of the display interface of the calculator application icon, that is, the display interfaces of the gallery application icon and the calculator application icon can be split-screen displayed horizontally.

[0123] In some embodiments, Figure 4 In (d), the electronic device displays the display interface corresponding to the Huawei Video application icon and the display interface of the calculator application icon, where the display interface corresponding to the Huawei Video application icon is located above the display interface of the calculator application icon, that is, the display interfaces of the Huawei Video application icon and the calculator application icon can be split-screen displayed vertically.

[0124] In the technical solution provided by the embodiment of the present application, in response to a first operation input by a user, a first component is touched with a second component; according to the positional relationship when the first component touches the second component, the application programs of the first component and the second component are displayed in split screen. In the technical solution provided by the embodiment of the present application, it is possible to quickly enter a user-defined split screen display interface, improve the split screen display efficiency, and achieve the expected display effect of the user, improving the user's split screen operation experience.

[0125] In the technical solution provided by the embodiment of the present application, on an electronic device that supports triple screen or more split screens, only by adjusting the touch position of the application icon, various presentations of the split screen layout can be achieved, including application split screen replacement and application split screen addition, etc.

[0126] An embodiment of the present application provides a split screen display device. Figure 10 As shown in the structural schematic diagram of a split screen display device provided by an embodiment of the present application, Figure 10 the device may include: a touch module 81 and a split screen display module 82.

[0127] The touch module 81 is configured to touch a first component with a second component in response to a first operation input by a user.

[0128] The split screen display module 82 is configured to perform split screen display on the application programs of the first component and the second component according to the positional relationship when the first component touches the second component.

[0129] In the embodiment of the present application, the touch module 81 is specifically configured to, when the first component and the second component are on the same page, touch the first component with the second component in response to a first operation input by a user.

[0130] In the embodiment of the present application, the first component may include a first application icon, a first feature service card, or a first split screen combined icon, and the second component may include a second application icon, a second feature service card, or a second split screen combined icon.

[0131] In the embodiment of the present application, the first component may include a first floating component; the touch module 81 is specifically configured to, when the first component and the second component are on different pages, touch the first floating component with the second component in response to a first operation input by a user.

[0132] In the embodiment of the present application, the touch module 81 is specifically configured to generate the first floating component according to the first application icon in response to a second operation input by a user, and the second operation may include a swiping up operation on the first application icon; or, generate a first floating component according to the first split screen combined icon in response to a third operation input by a user, and the third operation may include a swiping up operation on the first split screen combined icon.

[0133] In an embodiment of the present application, the first component may include a first split-screen combined icon corresponding to a first application and a second application. The second component may include a second application icon. The split-screen display module 82 is specifically configured to display the display interfaces of the second application and a third application according to the positional relationship when the first component and the second component touch each other, so as to perform split-screen display of the second application and the third application.

[0134] In an embodiment of the present application, the split-screen display module 82 is specifically configured to, when the left side of the second application icon touches the right side of the first split-screen combined icon, display the display interface of the second application on the left side of the first split-screen combined icon and the display interface of the third application corresponding to the second application icon, so as to perform split-screen display of the second application and the third application.

[0135] In an embodiment of the present application, the first component may include a first split-screen combined icon corresponding to a first application and a second application. The second component may include a second application icon. The split-screen display module 82 is specifically configured to display the display interfaces of the first application, the second application, and a third application, so as to perform three-screen split display of the first application, the second application, and the third application.

[0136] In an embodiment of the present application, the split-screen display module 82 is specifically configured to generate and display a split-screen layout prompt for the first component and the second component according to the positional relationship when the first component and the second component touch each other; in response to a fourth operation input by the user, display the display interfaces of the applications corresponding to the first component and the second component according to the positional relationship when the first component and the second component touch each other, so as to perform split-screen display of the applications corresponding to the first component and the second component. The fourth operation may include a release operation on the first component.

[0137] In an embodiment of the present application, the split-screen display module 82 is specifically configured to, in response to a fourth operation input by the user, if the positional relationship when the first component and the second component touch each other may include that the first component is located above the second component, display the display interfaces of the fourth application corresponding to the first component and the fifth application corresponding to the second component, so as to perform upper and lower split-screen display of the fourth application and the fifth application, where the display interface of the fourth application is located above the display interface of the fifth application.

[0138] In the embodiments of the present application, the split-screen display module 82 is specifically configured to respond to a fourth operation input by a user. If the positional relationship when the first component touches the second component may include that the first component is located to the left of the second component, then the display interfaces of the fourth application corresponding to the first component and the fifth application corresponding to the second component are displayed to perform left-right split-screen display on the fourth application and the fifth application, where the display interface of the fourth application is located to the left of the display interface of the fifth application.

[0139] In the description of the embodiments of the present application, for convenience of description, when describing the device, various modules are described separately according to functions. The division of each module is only a logical function division. When implementing the embodiments of the present application, the functions of each module can be implemented in the same or multiple software and / or hardware.

[0140] Specifically, when the device proposed in the embodiments of the present application is actually implemented, it can be fully or partially integrated into a physical entity, or physically separated. And these modules can all be implemented in the form of software called by processing elements; they can also all be implemented in the form of hardware; or some modules can be implemented in the form of software called by processing elements, and some modules can be implemented in the form of hardware. For example, the detection module can be a separately established processing element or can be integrated in a certain chip of the electronic device. The implementation of other modules is similar. In addition, these modules can be fully or partially integrated together or can be independently implemented. In the implementation process, each step of the above method or each of the above modules can be completed by the integrated logic circuit in the processor element or the instruction in the form of software.

[0141] For example, the above modules can be one or more integrated circuits configured to implement the above method, such as: one or more Application Specific Integrated Circuits (ASICs), or, one or more Digital Singnal Processors (DSPs), or, one or more Field Programmable Gate Arrays (FPGAs), etc. Again, these modules can be integrated together to be implemented in the form of a System-On-a-Chip (SOC).

[0142] Specifically, in the embodiments of the present application, the above one or more computer programs are stored in the above memory. The above one or more computer programs may include instructions. When the above instructions are executed by the above device, the above device is caused to execute the method steps described in the embodiments of the present application.

[0143] Furthermore, the devices, apparatuses, and modules described in the embodiments of the present application can be specifically implemented by computer chips or entities, or by products with certain functions.

[0144] Those skilled in the art should understand that the embodiments of the present application can be provided as a method, apparatus, or computer program product. Therefore, the present invention can take the form of an all-hardware embodiment, an all-software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present invention can take the form of a computer program product implemented on one or more computer-usable storage media containing computer-usable program code.

[0145] In several embodiments provided by the present application, if any function is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, or a part of this technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and can include several instructions to cause a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in the embodiments of the present application.

[0146] Specifically, the embodiments of the present application also provide a computer-readable storage medium, in which a computer program is stored. When it runs on a computer, it causes the computer to execute the methods provided in the embodiments of the present application.

[0147] An embodiment of the present application also provides a computer program product, which can include a computer program or instructions. When the computer program or instructions are executed by a processor, the methods provided in the embodiments of the present application are implemented.

[0148] The embodiments described in the present application are described with reference to the flowcharts and / or block diagrams of methods, devices (apparatuses), and computer program products according to the embodiments of the present application. It should be understood that each process and / or block in the flowchart and / or block diagram, and the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing devices to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing devices generate a device for implementing the specified functions in Figure 1 one process or multiple processes and / or blocks Figure 1 one block or multiple blocks.

[0149] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to operate in a particular manner, such that the instructions stored in the computer-readable memory produce a manufacture including instruction means that implement the functions specified in one or more of the processes Figure 1 one or more of the processes and / or blocks Figure 1 specified in one or more of the blocks or blocks.

[0150] These computer program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, whereby the instructions executed on the computer or other programmable apparatus provide steps for implementing the functions specified in one or more of the processes Figure 1 one or more of the processes and / or blocks Figure 1 specified in one or more of the blocks or blocks.

[0151] It should also be noted that in the embodiments of the present application, "at least one" means one or more, and "a plurality" means two or more. "And / or" describes the association relationship of associated objects, indicating that there can be three relationships. For example, A and / or B can represent the cases of A existing alone, A and B existing simultaneously, and B existing alone. Where A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one of the following" and its similar expressions refer to any combination of these items, which can include any combination of single items or plural items. For example, at least one of a, b, and c can represent: a, b, c, a and b, a and c, b and c, or a and b and c, where a, b, and c can be single or multiple.

[0152] In the embodiments of the present application, the terms "comprising", "including" or any other variation thereof are intended to cover non-exclusive inclusion, such that a process, method, commodity or apparatus comprising a series of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, method, commodity or apparatus. Without further limitation, an element defined by the statement "comprising an..." does not exclude the existence of additional identical elements in the process, method, commodity or apparatus comprising the element.

[0153] This application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules may include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. This application can also be practiced in a distributed computing environment where tasks are performed by remote processing devices connected through a communication network. In a distributed computing environment, program modules can be located in local and remote computer storage media including storage devices.

[0154] Each embodiment in this application is described in a progressive manner. For the same or similar parts among the embodiments, reference can be made to each other. Each embodiment focuses on the differences from other embodiments. In particular, for the device embodiments, since they are basically similar to the method embodiments, the description is relatively simple. For the relevant parts, reference can be made to the corresponding descriptions in the method embodiments.

[0155] Those of ordinary skill in the art can realize that the units and algorithm steps described in the embodiments of this application can be implemented by a combination of electronic hardware, computer software, and electronic hardware. Whether these functions are executed in hardware or software depends on the specific application and design constraints of the technical solution. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of this application.

[0156] Those skilled in the art can clearly understand that for the convenience and brevity of description, the specific working processes of the above-described devices, devices, and units can refer to the corresponding processes in the foregoing method embodiments and will not be elaborated here.

[0157] The above is only the specific implementation manner of this application. Any person skilled in the art within the technical scope disclosed in this application can easily think of changes or substitutions, which should all be covered by the protection scope of this application. The protection scope of this application shall be subject to the protection scope of the claims.

Claims

1. A split-screen display method, characterized in that, Applied to an electronic device, including: In response to a first operation input by a user, touching a first component and a second component; Performing split-screen display on application programs of the first component and the second component according to a positional relationship when the first component touches the second component.

2. The method according to claim 1, characterized in that The touching the first component and the second component in response to a first operation input by a user includes: When the first component and the second component are on the same page, touching the first component and the second component in response to a first operation input by a user.

3. The method according to claim 2, characterized in that, The first component includes any one or more of a first application icon, a first feature service card, or a first split-screen combination icon, and the second component includes any one or more of a second application icon, a second feature service card, or a second split-screen combination icon.

4. The method according to claim 1, wherein The first component includes a first floating component; The touching the first floating component and the second component in response to a first operation input by a user includes: When the first component and the second component are on different pages, touching the first floating component and the second component in response to a first operation input by a user.

5. The method according to claim 4, characterized in that Before the touching the first floating component and the second component in response to a first operation input by a user, further includes: In response to a second operation input by a user, generating the first floating component according to the first application icon, where the second operation includes a swiping-up operation on the first application icon; or, In response to a third operation input by a user, generating the first floating component according to the first split-screen combination icon, where the third operation includes a swiping-up operation on the first split-screen combination icon.

6. The method according to claim 1, characterized in that, The first component includes a first split-screen combination icon corresponding to a first application program and a second application program, and the second component includes a second application icon; The performing split-screen display on application programs of the first component and the second component according to a positional relationship when the first component touches the second component includes: Displaying a display interface of the second application program and a display interface of a third application program according to the positional relationship when the first component touches the second component, so as to perform split-screen display on the second application program and the third application program.

7. The method according to claim 6, characterized in that, The performing split-screen display on application programs of the first component and the second component according to a positional relationship when the first component touches the second component includes: When the left side of the second application icon touches the right side of the first split-screen combination icon, displaying a display interface of the second application program on the left side of the first split-screen combination icon and a display interface of a third application program corresponding to the second application icon, so as to perform split-screen display on the second application program and the third application program.

8. The method according to claim 6, wherein The first component includes a first split-screen combination icon corresponding to a first application program and a second application program, and the second component includes a second application icon; The performing split-screen display on application programs of the first component and the second component according to a positional relationship when the first component touches the second component includes: Display the display interfaces of the first application, the second application, and the third application to display the first application, the second application, and the third application in a three-screen display.

9. The method according to claim 1, wherein The split-screen display of the applications of the first component and the second component according to the positional relationship when the first component and the second component touch includes: Generate and display a split-screen layout prompt for the first component and the second component according to the positional relationship when the first component and the second component touch; In response to a fourth operation input by the user, display the display interfaces of the applications corresponding to the first component and the second component according to the positional relationship when the first component and the second component touch, so as to perform a split-screen display of the applications corresponding to the first component and the second component. The fourth operation includes a release operation on the first component.

10. The method according to claim 1, wherein The split-screen display of the applications of the first component and the second component according to the positional relationship when the first component and the second component touch includes: In response to a fourth operation input by the user, if the positional relationship when the first component and the second component touch includes that the first component is located above the second component, display the display interfaces of the fourth application corresponding to the first component and the fifth application corresponding to the second component, so as to perform an up-down split-screen display of the fourth application and the fifth application, where the display interface of the fourth application is located above the display interface of the fifth application.

11. The method according to claim 1, characterized in that, The split-screen display of the applications of the first component and the second component according to the positional relationship when the first component and the second component touch includes: In response to a fourth operation input by the user, if the positional relationship when the first component and the second component touch includes that the first component is located to the left of the second component, display the display interfaces of the fourth application corresponding to the first component and the fifth application corresponding to the second component, so as to perform a left-right split-screen display of the fourth application and the fifth application, where the display interface of the fourth application is located to the left of the display interface of the fifth application.

12. A computer program product comprising a computer program or instructions, characterized in that, When the computer program or instruction is executed by a processor, the method described in any one of claims 1-11 is implemented.

13. A computer-readable storage medium, characterized in that, A computer program is stored in the computer-readable storage medium. When the computer program runs on a computer, the computer is caused to execute the method described in any one of claims 1-11.

14. An electronic device, characterized in that, The electronic device includes a memory for storing computer program instructions and a processor for executing the computer program instructions. When the computer program instructions are executed by the processor, the electronic device is triggered to execute the method described in any one of claims 1-11.

Images