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

Abstract

Disclosed in the present application are a split-screen display method, a computer-readable storage medium, and an electronic device. The method comprises: in response to a first operation input by a user, making a first component touch a second component; and displaying applications of the first component and the second component in a split-screen manner on the basis of the positional relationship of the first component and the second component when the first component touches the second component. In the technical solution provided in the embodiments of the present application, a user-defined split-screen display interface can be quickly entered, thereby improving the efficiency of split-screen display.

Description

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

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on January 25, 2024, with application number 202410109367.0 and application name “A split-screen display method, computer-readable storage medium and electronic device”, the entire contents of which are incorporated by reference into this application. Technical Field

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

[0003] As applications (APPs) continue to grow in number and electronic device screens continue to grow in size, split-screen technology has been widely used on smartphones and tablets. Users can open two or more applications simultaneously on a single display screen, making it easier for them to operate and browse.

[0004] In the related art, when a user displays two or more applications in split-screen on an electronic device, they need to first launch one of the applications in full screen, then use various gestures to enter the split-screen state, and finally select another application on the electronic device's desktop for split-screen display. This requires a total of three operations 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 reselect the split-screen layout effect through the menu bar, making the split-screen display operation steps redundant.

[0005] Summary of the Invention

[0006] The purpose 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.

[0007] The embodiments of this application adopt the following technical solutions:

[0008] In a first aspect, an embodiment of the present application provides a split-screen display method, applied to an electronic device, the method comprising:

[0009] In response to a first operation input by a user, the first component is brought into contact with the second component;

[0010] The applications of the first component and the second component are displayed in split screens according to the positional relationship between the first component and the second component when they touch.

[0011] In the technical solution provided in the embodiment of the present application, it is possible to quickly enter the user-defined split-screen display interface, thereby improving the split-screen display efficiency.

[0012] In an implementation of the first aspect, in response to a first operation input by a user, causing the first component to touch the second component includes:

[0013] When the first component and the second component are located on the same page, in response to a first operation input by a user, the first component and the second component are brought into contact.

[0014] In one 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 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.

[0015] In the technical solution provided in the embodiment of the present application, it is possible to implement multiple touch methods, such as the first application icon can touch the second application icon, the second feature service card or the second split-screen combination icon, the first feature service card can touch the second application icon, the second feature service card or the second split-screen combination icon, and the first split-screen combination icon can touch the second application icon, the second feature service card or the second split-screen combination icon, thereby improving the convenience of user split-screen operations.

[0016] In an implementation of the first aspect, the first assembly includes a first floating assembly;

[0017] In response to a first operation input by a user, the first component is brought into contact with the second component, comprising:

[0018] When the first component and the second component are located on different pages, in response to a first operation input by a user, the first floating component touches the second component.

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

[0020] In an implementation of the first aspect, in response to a first operation input by a user, before the first floating component is brought into contact with the second component, the method further includes:

[0021] In response to a second operation input by the user, a first floating component is generated according to the first application icon, where the second operation includes sliding up the first application icon; or

[0022] In response to a third operation input by the user, a first floating component is generated according to the first split-screen combination icon, where the third operation includes sliding up the first split-screen combination icon.

[0023] In the technical solution provided in the embodiment of the present application, a component can generate a floating component simply by sliding up the gesture, which facilitates the touching of components on different pages.

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

[0025] Splitting the screens of the applications of the first component and the second component according to the positional relationship between the first component and the second component when they touch each other includes:

[0026] According to the positional relationship between the first component and the second component when they touch, the display interface of the second application and the display interface of the third application are displayed, so as to display the second application and the third application in split screen.

[0027] In an implementation of the first aspect, displaying applications of the first component and the second component on a split screen based on a positional relationship between the first component and the second component when the first component touches the second component includes:

[0028] When the left side of the second application icon touches the right side of the first split-screen combination icon, 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 are displayed to display the second application and the third application in split screen.

[0029] In the technical solution provided in the embodiment of the present application, if the electronic device only supports dual-application split-screen, the application program at the corresponding position is replaced to form a dual split-screen.

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

[0031] Splitting the screens of the applications of the first component and the second component according to the positional relationship between the first component and the second component when they touch each other includes:

[0032] Display interfaces of the first application, the second application, and the third application are displayed to display the first application, the second application, and the third application in a three-screen display.

[0033] In the technical solution provided by the embodiment of the present application, if the electronic device supports three-application split-screen, the display interfaces of the first application, the second application, and the third application are displayed according to the positional relationship when the first component touches the second component, forming a three-part screen.

[0034] In an implementation of the first aspect, displaying applications of the first component and the second component on a split screen based on a positional relationship between the first component and the second component when the first component touches the second component includes:

[0035] Generate and display a split-screen layout prompt of the first component and the second component based on the positional relationship between the first component and the second component when they touch;

[0036] In response to the fourth operation input by the user, the display interface of the application corresponding to the first component and the second component is displayed according to the positional relationship when the first component and the second component touch each other, so as to display the application corresponding to the first component and the second component in split screen, and the fourth operation includes releasing the first component.

[0037] In the technical solution provided in the embodiment of the present application, the generated split-screen layout prompt can show the user the positional relationship of the components to be split when they are touched, so as to facilitate the user to adjust the split-screen layout.

[0038] In an implementation of the first aspect, displaying applications of the first component and the second component on a split screen based on a positional relationship between the first component and the second component when the first component touches the second component includes:

[0039] In response to the fourth operation input by the user, if the positional relationship between the first component and the second component when they touch includes the first component being above the second component, the display interface of the fourth application corresponding to the first component and the fifth application corresponding to the second component are displayed, so as to display the fourth application and the fifth application in an upper and lower split-screen display, wherein the display interface of the fourth application is located above the display interface of the fifth application.

[0040] In an implementation of the first aspect, displaying applications of the first component and the second component on a split screen based on a positional relationship between the first component and the second component when the first component touches the second component includes:

[0041] In response to the fourth operation input by the user, if the positional relationship between the first component and the second component when they touch includes the first component being located to the left of the second component, the display interface of the fourth application corresponding to the first component and the fifth application corresponding to the second component are displayed to display the fourth application and the fifth application in a left-right split-screen display, wherein the display interface of the fourth application is located to the left of the display interface of the fifth application.

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

[0043] 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 executes the method in the first aspect.

[0044] 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, wherein 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

[0045] FIG1 is a schematic diagram of the hardware structure of an electronic device provided in one embodiment of the present application;

[0046] FIG2 is a flow chart of a split-screen display method provided in an embodiment of the present application;

[0047] Figures 3 to 8 are schematic diagrams of a split-screen display provided in an embodiment of the present application;

[0048] FIG9 is an operational flow chart of a split-screen display method provided in an embodiment of the present application;

[0049] FIG10 is a schematic structural diagram of a split-screen display device provided in one embodiment of the present application. DETAILED DESCRIPTION

[0050] The embodiments described below with reference to the accompanying drawings are exemplary and are only used to explain the present invention, and are not to be construed as limiting the present invention.

[0051] It should be clear that the embodiments described are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of this application.

[0052] 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", "an", "the" and "the" used in the embodiments of the present application and the appended claims are also intended to include plural forms unless the context clearly indicates otherwise.

[0053] It should be understood that the term "and / or" as used herein simply describes a relationship between associated objects, indicating that three possible relationships exist. For example, "A and / or B" can represent: A alone, A and B together, or B alone. Furthermore, the character " / " in this document generally indicates an "or" relationship between the associated objects.

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

[0055] In the related art, the user can select the first application that needs to be displayed in split screen on the desktop of the electronic device, and click the icon of the first application to display the first application in full screen. 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, for storing icons of commonly used applications. The user can select the second application in the Dock bar, drag the icon of the second application to the top, bottom, left or right of the display screen, and the user lets go to achieve split screen display of the first application and the second application.

[0056] The above technical solution achieves the split-screen layout expected by the user by dragging the icon of the second application 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 is displayed in full screen, and two applications cannot be opened at the same time to form a split screen. 2. The split-screen function is only possible with the help of the Dock bar. The Dock bar is sometimes displayed at the bottom by default, and sometimes not displayed. When the Dock bar is displayed, it affects the immersive display of the application. When the Dock bar is not displayed, it increases the steps for the user to implement the split-screen function, making the implementation steps of the split-screen display redundant and the efficiency of the split-screen display low.

[0057] In related technologies, a user can slide into the multitasking interface on the desktop of an electronic device, select the first application to be displayed in split screen on the multitasking interface, click the split screen button above the icon of the first application, and the first application will enter the split screen interface. Then, the user can click the icon of the second application on the desktop of the electronic device, so that the first application and the second application can be displayed in left and right split screen by default. If the user needs to adjust the layout of the left and right split screen display, he needs to call out the menu bar by clicking the dividing line and readjust the layout of the split screen display through the menu bar.

[0058] The above technical solution has the following disadvantages: 1. Implementing the split-screen display function is quite complex, requiring at least three steps. 2. The resulting split-screen display is a default left-right split-screen layout; users who wish to change to a different layout must perform additional operations. 3. Split-screen display is only available for applications that are in the multitasking bar. If the two applications the user wishes to display in split-screen are not in the multitasking bar, the user must launch the applications to enter multitasking.

[0059] 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 multi-tasking center. For example, it is necessary to open another application for split-screen display after one application is in full screen, or it is necessary to enter the multi-tasking center and then split the two applications based on the multi-tasking center. Secondly, the implementation of the split-screen display function requires a transition to a split-screen state or the use of the Dock bar. For example, after the application enters the full-screen state, the user can swipe with one finger in the upper right corner of the bottom of the display screen to enter the split-screen prompt, and continue to swipe in the upper right corner 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 to enter different areas, display the split-screen layout prompt, and then perform split-screen display according to the default split-screen layout. It is not possible to directly reach the user's expected split-screen layout in one step. For another example, if the user expects to form an upper and lower split screen at one time, a secondary adjustment of the split-screen layout must be made.

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

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

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

[0063] Figure 1 is a schematic diagram of the hardware structure of an electronic device provided according to an embodiment of the present application. For example, as shown in Figure 1, 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, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display 194, and a subscriber identification module (SIM) card interface 195. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor (GYRO for short) 180B, an air pressure sensor 180C, a magnetic sensor 180D, an accelerometer (ACC for short) 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.

[0064] It should be understood that the structures illustrated in the embodiments of the present application do not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0065] 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). The different processing units may be independent devices or integrated into one or more processors.

[0066] The controller can generate operation control signals according to the instruction operation code and timing signal to complete the control of instruction fetching and execution.

[0067] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.

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

[0069] It is understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is merely an illustrative illustration and does 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 from the above embodiments, or a combination of multiple interface connection methods.

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

[0071] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. A GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0072] Display screen 194 is used to display images, videos, etc. Display screen 194 may include a display panel. The display panel may be 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, or a quantum dot light-emitting diode (QLED). In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than one.

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

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

[0075] The touch sensor 180K is also called a "touch-sensitive device." The touch sensor 180K can be disposed on the display screen 194. The touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen." The touch sensor 180K is used to detect touch operations applied thereto or in the vicinity thereof. The touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event. Visual output related to the touch operations can be provided via the display screen 194. In other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a location different from that of the display screen 194.

[0076] Based on the electronic device in FIG1 , an embodiment of the present application provides a split-screen display method. The split-screen display method is described below in conjunction with FIG3 to FIG8 . FIG2 is a flow chart of a split-screen display method provided in an embodiment of the present application. As shown in FIG2 , the method may include:

[0077] Step 202: The electronic device touches the first component with the second component in response to a first operation input by the user.

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

[0079] In an embodiment of the present application, the first component may include any one or more of a first application icon, a first feature service (FA) card, or a first split-screen combination icon, and the second component may include any one or more of a second application icon, a second feature service card, or a second split-screen combination icon.

[0080] Among them, the first application icon can touch the second application icon, the second feature service card or the second split-screen combination icon, the first feature service card can touch the second application icon, the second feature service card or the second split-screen combination icon, and the first split-screen combination icon can touch the second application icon, the second feature service card or the second split-screen combination icon.

[0081] In an embodiment 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.

[0082] In an embodiment of the present application, when the first component and the second component are located on the same page, in response to a first operation input by a user, the electronic device may bring the first component into contact with the second component.

[0083] In an embodiment of the present application, the first component may include a first floating component. When the first component and the second component are located on different pages, in response to a first operation input by a user, the electronic device may bring the first floating component into contact with the second component.

[0084] In an embodiment of the present application, in response to a second operation input by the user, the electronic device may generate a first floating component based on the first application icon, and 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 based on the first split-screen combination icon, and the third operation may include a swiping up operation on the first split-screen combination icon.

[0085] In an embodiment of the present application, the contact state of the first component and the second component can be determined by a collision detection algorithm. The collision detection algorithm may include object boundary detection, spatial rasterization, GJK (Gilbert–Johnson–Keerthi) algorithm or shape comparison algorithm. For example, it can 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 can be displayed in front, and the layers where other components are located are displayed behind the layer of the first component (that is, the first component can cover part of the other components). Therefore, the user can touch and drag the displayed first component to cause the first component to collide with the second component.

[0086] Step 204: The electronic device displays the applications of the first component and the second component in split screen according to the positional relationship between the first component and the second component when they touch.

[0087] In an embodiment of the present application, when the positional relationship between the first component and the second component when they touch may include the first component being located to the left of the second component, in response to a fourth operation input by the user, the electronic device displays the display interface of a fourth application corresponding to the first component and a fifth application corresponding to the second component, wherein the fourth application and the fifth application are displayed in a left-right split-screen manner, and the display interface of the fourth application may be located to the left of the display interface of the fifth application. The fourth operation may include an operation of releasing the first component.

[0088] 3-8 are schematic diagrams of a split-screen display provided in an embodiment of the present application. In FIG3( a ), the desktop of the electronic device may include multiple application icons.

[0089] In Figure 3(b), in response to the user's input of a drag operation on the first component (calculator application icon), 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 zone of the second component (gallery application icon) may be displayed, wherein the hot zone may be used to indicate that the first component and the second component have touched and the split-screen condition may be met.

[0090] In Figure 3(c), in response to the user input of the release operation of the first component (calculator application icon), the electronic device can 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 can be located on the left side of the display interface of the calculator application icon, that is, the display interface of the gallery application icon and the display interface of the calculator application icon can be displayed in a split screen on the left and right.

[0091] In an embodiment of the present application, the positional relationship between the first component and the second component when they touch may include the first component being above the second component, and the positional relationship between the first component and the second component when they touch is that the first component is above the second component. In response to a fourth operation input by the user, the electronic device displays the display interface of the fourth application corresponding to the first component and the fifth application corresponding to the second component, wherein the fourth application and the fifth application are displayed in a split-screen display, and the display interface of the fourth application is above the display interface of the fifth application.

[0092] As shown in FIG. 4 , in FIG. 4( a ), the second page of the desktop of the electronic device may include a plurality of application icons.

[0093] In Figure 4(b), in response to a user swiping up on a first application icon (the Huawei Video application icon), the electronic device may generate a first floating component based on the first application icon (the Huawei Video application icon). This first floating component floats on the desktop and can be freely dragged. In some embodiments, the first floating component automatically disappears if it is not moved within X seconds or after the split-screen is completed.

[0094] In Figure 4(c), in response to the user's input of a drag operation on the first floating component, the electronic device can touch the lower side of the first floating component located on the second page of the desktop with the upper side of the second application icon (calculator application icon) located on the first page of the desktop. For example, the hot zone of the second application icon (calculator application icon) can be displayed.

[0095] In Figure 4(d), in response to the user input of the release operation of the first floating component, the electronic device can 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 can be that the Huawei video application icon is located on the upper side of the calculator application icon, and the display interface corresponding to the Huawei video application icon can be located on the upper side of the display interface of the calculator application icon, that is, the display interface of the Huawei video application icon and the display interface of the calculator application icon can be displayed in split screen mode.

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

[0097] In Figure 5(b), in response to the user's input of a drag operation on the first component (gallery application icon), the electronic device can touch the lower side of the first component (gallery application icon) with the upper side of the second component (memo FA card), and illustratively, the hot zone of the second component (memo FA card) can be displayed.

[0098] In Figure 5(c), in response to the user input of the release operation of the first component (gallery application icon), the electronic device can 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 can be that the gallery application icon is located on the upper side of the memo FA card, and the display interface corresponding to the gallery application icon can be located on the upper side of the display interface of the memo FA card, that is, the display interface of the gallery application icon and the display interface of the memo FA card can be displayed in split screen mode.

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

[0100] In Figure 6(b), in response to the user's input of a drag operation on the first component (memo FA card), the electronic device can touch the upper side of the first component (memo FA card) with the lower side of the second component (weather FA card), and illustratively, the hot zone of the second component (weather FA card) can be displayed.

[0101] In Figure 6(c), in response to the user input of the release operation of the first component (memo FA card), the electronic device can 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 can be that the weather FA card is located on the upper side of the memo FA card, and the display interface corresponding to the weather FA card can be located on the upper side of the display interface of the memo FA card, that is, the display interface of the weather FA card and the display interface of the memo FA card can be displayed in split screen mode.

[0102] In an embodiment of the present application, if the first component includes a first split-screen combination icon, the first split-screen combination icon corresponds to the first application and the second application, and the second component can include a second application icon, then the display interface of the second application and the display interface of the third application can be displayed based on the positional relationship between the first component and the second component when they touch, so as to display the second application and the third application in split screen.

[0103] In one implementation of an embodiment 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 can 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 split screen.

[0104] As shown in Figure 7, the electronic device does not support three-screen display of the display interface. In Figure 7(a), the desktop of the electronic device may include multiple application icons and a split-screen combination icon, which corresponds to the gallery application icon and the memo application icon, wherein the gallery application icon is located on the left side of the memo application icon.

[0105] In Figure 7(b), in response to the user's input of a drag operation on the second component (calculator application icon), the electronic device can touch the second component (calculator application icon) with the first component (split-screen combination icon), and illustratively, the hot zone of the first component (split-screen combination icon) can be displayed.

[0106] In Figure 7(c), in response to the user input of the release operation of the second component (calculator application icon), the electronic device can 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 combination icon and the calculator application icon, and not display the display interface of the memo application icon. Exemplarily, the positional relationship can be that the split-screen combination icon is located on the left side of the calculator application icon, and the display interface corresponding to the gallery application icon can be located on the left side of the display interface of the calculator application icon, that is, the display interface of the gallery application icon and the display interface of the calculator application icon can be displayed in a left-right split screen.

[0107] In one implementation of an embodiment of the present application, if the first component includes a first split-screen combination icon, the first split-screen combination icon corresponds to the first application and the second application, and the second component may include a second application icon, the electronic device can display the display interface 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.

[0108] As shown in Figure 8, the electronic device can support a three-screen display of the display interface. In Figure 8(a), the desktop of the electronic device can include multiple application icons and a split-screen combination icon, which corresponds to a gallery application icon and a memo application icon, wherein the gallery application icon is located on the left side of the memo application icon.

[0109] In Figure 8(b), in response to the user's input of a drag operation on the second component (calculator application icon), the electronic device can touch the second component (calculator application icon) with the first component (split-screen combination icon), and illustratively, the hot zone of the first component (split-screen combination icon) can be displayed.

[0110] In Figure 8(c), in response to the user input of the release operation of the second component (calculator application icon), the electronic device can 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 combination icon and the calculator application icon. Exemplarily, the positional relationship can be that the split-screen combination icon is located on the left side of the calculator application icon, and the split-screen display interfaces can be 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 from left to right, that is, the display interface of the gallery application icon, the display interface of the memo application icon and the display interface of the calculator application icon can be displayed in three parts of the screen.

[0111] In an embodiment of the present application, the electronic device may generate and display a split-screen layout prompt for the first and second components based on the positional relationship between the first and second components when they touch; and in response to a fourth operation input by the user, display the display interfaces of the applications corresponding to the first and second components based on the positional relationship between the first and second components when they touch, so as to display the applications corresponding to the first and second components in split-screen. For example, the split-screen layout prompt may include the positional relationship between the first and second components when they touch.

[0112] The operation flow of the split-screen display method is described below in conjunction with FIG9 .

[0113] FIG9 is an operational flow chart of a split-screen display method provided in an embodiment of the present application. As shown in FIG9 , the method may include:

[0114] Step A1: The user drags the first component to make it touch the second component.

[0115] In an embodiment of the present application, as shown in Figure 3(a), 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 located on the same page of the desktop of the electronic device, the user can drag the calculator application icon on the desktop of the electronic device.

[0116] In an embodiment of the present application, the first component may be a first floating component. As shown in FIG4(a), the second page of the electronic device's desktop may include a Huawei video application icon. In FIG4(b), the first page of the electronic device's desktop may include a calculator application icon. In response to the user's second operation on the first application icon (Huawei video application icon), the electronic device may generate a first floating component based on the first application icon (Huawei video application icon). The first floating component floats on the desktop and can be freely dragged.

[0117] In an embodiment of the present application, the user can drag the first component on the desktop of the electronic device, or drag the first component on the negative one screen, status bar, lock screen interface, etc. The embodiment of the present application does not limit this.

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

[0119] In some embodiments, in FIG4(c), in response to a user input drag operation on the first floating component, the electronic device may touch the lower side of the first floating component located on the second page of the desktop with the upper side of the second component (calculator application icon) located on the first page of the desktop, and then display the hot zone of the second component (calculator application icon). In this way, even when the first component and the second component are located on different pages, the first component can be dragged and touched to achieve quick split screen, thereby improving split screen display efficiency.

[0120] Step A2: The electronic device determines a split-screen layout according to the positions of the first component and the second component when they touch.

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

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

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

[0124] In some embodiments, in Figure 3(c), the electronic device displays the display interface corresponding to the gallery application icon and the display interface of the calculator application icon, wherein the display interface corresponding to the gallery application icon is located on the left side of the display interface of the calculator application icon, and the display interface of the gallery application icon and the display interface of the calculator application icon can be displayed in left and right split screens.

[0125] In some embodiments, in Figure 4(d), the electronic device displays the display interface corresponding to the Huawei video application icon and the display interface of the calculator application icon, wherein the display interface corresponding to the Huawei video application icon is located on the upper side of the display interface of the calculator application icon, that is, the display interface of the Huawei video application icon and the display interface of the calculator application icon can be displayed in split screen mode.

[0126] 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 and a second component are brought into contact; and the applications of the first component and the second component are displayed in split-screen according to the positional relationship between the first component and the second component when they are brought into contact. The technical solution provided by the embodiment of the present application can quickly enter a user-defined split-screen display interface, improve the efficiency of the split-screen display, achieve the display effect expected by the user, and enhance the user's split-screen operation experience.

[0127] In the technical solution provided in the embodiments of the present application, on an electronic device that supports three or more split screens, multiple presentations of split screen layouts can be achieved by simply adjusting the touch position of the application icon, including application split screen replacement and application split screen addition.

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

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

[0130] The split-screen display module 82 is used to display the applications of the first component and the second component in a split-screen according to the positional relationship between the first component and the second component when they touch each other.

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

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

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

[0134] In an embodiment of the present application, the touch module 81 is specifically used to generate the first floating component based on the first application icon in response to a second operation input by the user, and 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, generate the first floating component based on the first split-screen combination icon, and the third operation may include a swiping up operation on the first split-screen combination icon.

[0135] In an embodiment of the present application, the first component may include a first split-screen combination icon, which corresponds to the first application and the second application. The second component may include a second application icon. The split-screen display module 82 is specifically used to display the display interface of the second application and the display interface of the third application based on 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.

[0136] In an embodiment of the present application, the split-screen display module 82 is specifically used to 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 when the left side of the second application icon touches the right side of the first split-screen combination icon, so as to display the second application and the third application in split screen.

[0137] In an embodiment of the present application, the first component may include a first split-screen combination icon, which corresponds to the first application and the second application. The second component may include a second application icon. The split-screen display module 82 is specifically used to display the display interface of the first application, the second application and the third application, so as to display the first application, the second application and the third application in three split-screen displays.

[0138] In an embodiment of the present application, the split-screen display module 82 is specifically used to generate and display a split-screen layout prompt of the first component and the second component based on the positional relationship between the first component and the second component when they touch; in response to a fourth operation input by the user, the display interface of the application corresponding to the first component and the second component is displayed based on the positional relationship between the first component and the second component when they touch, so as to perform a split-screen display of the application corresponding to the first component and the second component. The fourth operation may include a release operation on the first component.

[0139] In an embodiment of the present application, the split-screen display module 82 is specifically used to respond to a fourth operation input by the user. If the positional relationship between the first component and the second component when they touch can include the first component being located above the second component, the display interface of the fourth application corresponding to the first component and the display interface of the fifth application corresponding to the second component are displayed, so as to display the fourth application and the fifth application in an upper and lower split-screen manner, wherein the display interface of the fourth application is located above the display interface of the fifth application.

[0140] In an embodiment of the present application, the split-screen display module 82 is specifically used to respond to a fourth operation input by the user. If the positional relationship between the first component and the second component when they touch can include the first component being located to the left of the second component, the display interface of the fourth application corresponding to the first component and the display interface of the fifth application corresponding to the second component are displayed to display the fourth application and the fifth application in a left-right split-screen display, wherein the display interface of the fourth application is located to the left of the display interface of the fifth application.

[0141] In the description of the embodiments of the present application, for the convenience of description, the device is described as being divided into various modules according to their functions. The division of each module is merely a division of logical functions. 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.

[0142] Specifically, the device proposed in the embodiment of the present application can be fully or partially integrated into a physical entity during actual implementation, or it can be physically separated. And these modules can all be implemented in the form of software calling through processing elements; or they can all be implemented in the form of hardware; or some modules can be implemented in the form of software calling through 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 it can be integrated in a chip of an electronic device. The implementation of other modules is similar. In addition, these modules can be fully or partially integrated together, or they can be implemented independently. During the implementation process, each step of the above method or each of the above modules can be completed by the hardware integrated logic circuit in the processor element or the instructions in the form of software.

[0143] For example, the above modules may be one or more integrated circuits configured to implement the above methods, such as one or more application-specific integrated circuits (ASICs), one or more digital signal processors (DSPs), or one or more field programmable gate arrays (FPGAs). For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).

[0144] Specifically, in an embodiment of the present application, the above-mentioned one or more computer programs are stored in the above-mentioned memory, and the above-mentioned one or more computer programs may include instructions. When the above-mentioned instructions are executed by the above-mentioned device, the above-mentioned device executes the method steps described in the embodiment of the present application.

[0145] Furthermore, the devices, apparatuses, and modules described in the embodiments of the present application may be implemented by computer chips or entities, or by products having certain functions.

[0146] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, apparatus, or computer program products. Thus, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware. Furthermore, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media containing computer-usable program code.

[0147] In the several embodiments provided in this 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 this application, or the part that contributes to the prior art, or part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and can include a number of instructions for enabling a computer device (which can be a personal computer, server, or network device, etc.) to perform all or part of the steps of the method described in each embodiment of this application.

[0148] Specifically, an embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. When the computer-readable storage medium is run on a computer, it enables the computer to execute the method provided in the embodiment of the present application.

[0149] An embodiment of the present application further provides a computer program product, which may include a computer program or instructions. When the computer program or instructions are executed by a processor, the method provided in the embodiment of the present application is implemented.

[0150] The embodiment description in this application is described with reference to the flow chart and / or block diagram according to the method, equipment (device) and computer program product of embodiment of the present application.It should be understood that each flow process and / or box in the flow chart and / or block diagram and the combination of the flow process and / or box in the flow chart and / or block diagram can be realized by computer program instructions.These computer program instructions can be provided to the processor of general-purpose computer, special-purpose computer, embedded processing machine or other programmable data processing equipment to produce a machine, so that the instruction executed by the processor of computer or other programmable data processing equipment produces the device for realizing the function specified in one flow chart flow chart or multiple flow charts and / or one block or multiple blocks of block diagram.

[0151] These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce a product that may include an instruction device that implements the functions specified in one or more processes in the flowchart and / or one or more boxes in the block diagram.

[0152] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, so that the instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one or more processes in the flowchart and / or one or more boxes in the block diagram.

[0153] It should also be noted that, in the embodiments of the present application, "at least one" refers to one or more, and "more" 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 the existence of A alone, the existence of A and B at the same time, and the existence of B alone. Among them, A and B can be singular or plural. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship. "At least one of the following" and similar expressions refer to any combination of these items, and may include any combination of single 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, c can be single or multiple.

[0154] In the embodiments of the present application, the terms "comprises," "includes," or any other variations thereof are intended to encompass 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 explicitly listed, or elements inherent to such process, method, commodity, or apparatus. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not preclude the presence of additional identical elements in the process, method, commodity, or apparatus comprising the element.

[0155] The present application may 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, and the like that perform specific tasks or implement specific abstract data types. The present application may also be practiced in distributed computing environments where tasks are performed by remote processing devices connected via a communications network. In a distributed computing environment, program modules may be located in local and remote computer storage media, including storage devices.

[0156] The various embodiments in this application are described in a progressive manner. Similar parts between the various embodiments can be referred to in conjunction with each other. Each embodiment focuses on the differences from other embodiments. In particular, the device embodiments are generally similar to the method embodiments, so the description is relatively simple. For relevant parts, refer to the partial description of the method embodiments.

[0157] Those skilled in the art will appreciate that the various units and algorithm steps described in the embodiments of the present application can be implemented using a combination of electronic hardware, computer software, and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

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

[0159] The above description is merely a specific embodiment of the present application. Any person skilled in the art may easily conceive of variations or substitutions within the technical scope disclosed in this application, and such variations or substitutions shall be within the scope of protection of this application. The scope of protection of this application shall be subject to the scope of protection 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, bringing a first component into contact with a second component; Performing split-screen display of application programs of the first component and the second component according to a positional relationship when the first component contacts the second component.

2. The method according to claim 1, wherein The bringing the first component into contact with 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, in response to a first operation input by a user, bringing the first component into contact with the second component.

3. The method according to claim 2, wherein 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 bringing the first component into contact with 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, in response to a first operation input by a user, bringing the first floating component into contact with the second component.

5. The method according to claim 4, characterized in that, Before the bringing the first floating component into contact with the second component in response to a first operation input by a user, it further includes: In response to a second operation input by a user, generating the first floating component according to a 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 a 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 of application programs of the first component and the second component according to a positional relationship when the first component contacts the second component includes: Displaying a display interface of the second application program and a display interface of a third application program according to a positional relationship when the first component contacts the second component, so as to perform split-screen display of the second application program and the third application program.

7. The method according to claim 6, wherein The performing split-screen display of application programs of the first component and the second component according to a positional relationship when the first component contacts 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 of the second application program and the third application program.

8. The method according to claim 6, 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 of application programs of the first component and the second component according to a positional relationship when the first component contacts 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, 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: 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 on the applications corresponding to the first component and the second component. The fourth operation includes releasing 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 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 on the fourth application and the fifth application, where the display interface of the fourth application is 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 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 on the fourth application and the fifth application, where the display interface of the fourth application is 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 according to 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 according to 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 according to any one of claims 1-11.

Images