Split-screen display method and electronic device

Abstract

This application provides a split-screen display method and an electronic device. Implementing the method, electronic devices such as mobile phones and tablets can display N user interfaces in N split-screen modes. In an N split-screen display scenario, the electronic device can display split-screen cards corresponding to the aforementioned N split-screen scenario in the background interface. Users can select the aforementioned split-screen cards and other application cards in the background interface to continue adding new user interfaces that need to be split-screened in the aforementioned N split-screen scenario. Users can also create new split-screen tasks with different styles and content for user interfaces already participating in split-screen and / or user interfaces not participating in split-screen displayed in the background interface.

Description

Split-screen display method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the China Patent Office on February 29, 2024, with application number 202410245257.7 and application name “Split-screen display method and electronic device”, and the Chinese patent application filed with the China Patent Office on March 18, 2024, with application number 202410309569.X and application name “Split-screen display method and electronic device”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of terminals, and in particular to a split-screen display method and an electronic device. Background Art

[0003] Currently, users can only open one user interface at a time for split-screen display with the currently displayed user interface. It is not possible to open multiple user interfaces at once for split-screen operations such as three- or four-way split-screen, which fails to meet users' personalized split-screen needs. Furthermore, users cannot preview the split-screen effect before entering the split-screen display, nor can they preview and adjust the split-screen layout. This results in the final split-screen effect not meeting users' actual needs, causing inconvenience to users. Summary of the Invention

[0004] The present application provides a split-screen display method and an electronic device.

[0005] In the first aspect, the present application provides a split-screen display method, which can be applied to electronic devices such as mobile phones and tablets, and the method includes: split-screen display of N user interfaces; detecting a first user operation, displaying a background interface, the background interface including a first application card and a first split-screen card, the first application card corresponds to a first user interface, and the first split-screen card corresponds to N user interfaces; the first user interface is a user interface provided by a first application; detecting user operation on the first application card and the first split-screen card, and split-screen displaying N user interfaces and the first user interface.

[0006] By implementing the method provided in the first aspect, in an N-split-screen scenario, the electronic device can display split-screen cards corresponding to the N-split-screen scenario on the background interface. The user can select the split-screen cards and other application cards in the background interface and continue to add new user interfaces that require split-screen display in the N-split-screen scenario without having to reselect all user interfaces in the N-split-screen scenario, which helps save user operations and improves convenience.

[0007] In some embodiments, after displaying the background interface, the method also includes: displaying multiple split-screen style controls; one split-screen style control corresponds to a split-screen style, and a split-screen style includes the number of user interfaces for split screen and the arrangement layout of the user interfaces; detecting a user operation on a first split-screen style control among multiple split-screen style controls, and the number of user interfaces for split screen in the split-screen style corresponding to the first split-screen style control is N+1; detecting a user operation on a first application card and a first split-screen card, and displaying N user interfaces and the first user interface in split screen, specifically including: detecting a user operation on the first application card and the first split-screen card, and the total number of user interfaces corresponding to the first application card and the first split-screen card reaches N+1, and displaying N user interfaces and the first user interface in split screen.

[0008] Users can use split-screen style controls to control the layout of multiple user interfaces displayed on electronic devices in split screen, so that the final split-screen display effect conforms to the user's usage habits and improves the user's experience of browsing multiple user interfaces in split screen.

[0009] In some embodiments, before displaying the multiple split-screen style controls, the method further includes: detecting a second user operation, where the second user operation is used to trigger the display of the split-screen style controls.

[0010] In this way, in a scenario where split screen is not required, the electronic device will not display the split screen style control, thereby avoiding occupying the display area of ​​the background interface. The electronic device can display more application cards or other elements in the background interface.

[0011] In some embodiments, the second user operation is specifically a swipe down operation, and the starting point of the swipe down operation is below the upper edge of the electronic device's screen. The swipe down operation starting below the upper edge of the electronic device's screen can also be distinguished from the current swipe down operation from the upper edge of the screen (wherein the swipe down operation from the upper edge of the screen is often used to control the display of a drop-down notification interface or a control center interface, etc.), to avoid conflicts.

[0012] In some embodiments, the background interface includes at least one application card, the at least one application card includes a first application card, and the second user operation is specifically: a long press operation on any one application card in the at least one application card or the first split-screen card.

[0013] In some embodiments, after detecting a user operation on a first split-screen style control among multiple split-screen style controls, the method further includes: displaying a first preview control, the first preview control including N+1 windows; detecting a user operation on a first application card and a first split-screen card, including: detecting a third user operation on the first split-screen card, detecting a fourth user operation on the first application card; after detecting the third user operation on the first split-screen card, the method further includes: displaying N user interfaces corresponding to the first split-screen card in the N windows of the first preview control respectively; after detecting the fourth user operation on the first application card, the method further includes: displaying the first user interface corresponding to the first application card in the first window of the first preview control, the first window being a window other than N windows among the N+1 windows.

[0014] Displaying the user interface corresponding to the card in the preview control window specifically includes: displaying a thumbnail of the user interface corresponding to the card in the preview control window, or a partial screenshot of the thumbnail.

[0015] Users can preview the split-screen effect through the preview control and the content displayed in the preview control as the user operates, so as to adjust the split-screen layout in time, so that the final split-screen display effect conforms to the user's usage habits and improves the user's experience of split-screen browsing of multiple user interfaces.

[0016] In some embodiments, the background interface also includes a second application card. After detecting the third user operation on the first split-screen card and before detecting the fourth user operation on the first application card, the method also includes: detecting the fifth user operation on the second application card, displaying the second user interface corresponding to the second application card in the first window of the first preview control, where the second user interface is different from the first user interface; detecting the sixth user operation on the first editing control, and stopping displaying the second user interface in the first window.

[0017] After the user selects a user interface, the electronic device may display a first editing control, such as an undo control, through which the user can undo the user interface selected in the previous step, so that the user can adjust the user interface at any time.

[0018] In some embodiments, displaying the N user interfaces and the first user interface in a split-screen manner specifically includes: after detecting a user operation on the first preview control, displaying the N user interfaces and the first user interface in a split-screen manner.

[0019] In this way, after the number of user interfaces selected by the user reaches the number of user interfaces indicated by the split-screen style control, the user has enough time to determine whether the split-screen display effect indicated by the preview control conforms to usage habits, thereby avoiding invalid split screens.

[0020] In some embodiments, the N+1 windows include at least one vertical window, and the N user interfaces corresponding to the first split-screen card and the first type of interface in the first user interface are preferentially displayed in the vertical window. The first type of interface is a user interface commonly used for vertical screen display. In some embodiments, the first type of interface includes one or more of the following: a short video playback interface, a document browsing interface, and an information sending and receiving interface.

[0021] In this way, after the user selects the above-mentioned first type of interface, the electronic device can automatically match the above-mentioned first type of interface to the vertical window, and use the vertical window to display the above-mentioned first type of interface to improve the utilization of the screen, enhance the split-screen display effect, and better meet the user's split-screen needs.

[0022] In some embodiments, after detecting a third user operation on the first split-screen card, the method further includes marking the first split-screen card to indicate that the N user interfaces corresponding to the first split-screen card have been selected; and after detecting a fourth user operation on the first application card, the method further includes marking the first application card to indicate that the first user interface corresponding to the first application card has been selected. In some embodiments, marking specifically includes overlaying with a shadow.

[0023] This way, users can intuitively determine which cards are selected in the background interface and can also select which cards are unselected.

[0024] In some embodiments, the N user interfaces include a third user interface provided by the first application, and the third user interface is different from the first user interface.

[0025] That is, an application can provide multiple user interfaces. For example, a reader can provide a browsing interface for a document. An electronic device can display different application cards corresponding to the same application in the background interface, where each application card corresponds to an application interface provided by the application. A user can select multiple user interfaces of an application. An electronic device can display multiple user interfaces of an application in split screen.

[0026] In some embodiments, the N user interfaces correspond to N applications, the N applications are different, and the N applications do not include the first application.

[0027] In second aspect, the present application provides a split-screen display method, which is applied to an electronic device, and the method includes: split-screen display of N user interfaces; detecting a first user operation, displaying a background interface, the background interface including a third application card and a fourth application card, the third application card corresponding to a third user interface, the fourth application card corresponding to a fourth user interface, the third user interface being one of the N user interfaces; detecting user operations on the third application card and the fourth application card, and split-screen displaying the third user interface and the fourth user interface.

[0028] Implementing the method provided in the second aspect, in a split-screen scenario, after re-entering the background interface, the user can create new split-screen tasks of different styles and contents for the user interface that has participated in the split-screen and / or the user interface that has not participated in the split-screen.

[0029] In some embodiments, the background interface also includes a first split-screen card, the first split-screen card corresponds to N user interfaces, and after the third user interface and the fourth user interface are displayed in split screen, the method also includes: detecting the first user operation, displaying the background interface again, the background interface includes the first split-screen card and the second split-screen card, the second split-screen card corresponds to the third user interface and the fourth user interface; after detecting the user operation on the first split-screen card, N user interfaces are displayed in split screen.

[0030] In some embodiments, the method further includes: after detecting a user operation on the second split-screen card, continuing to display the third user interface and the fourth user interface in split-screen.

[0031] When two or more split-screen tasks are created, the backend interface displays split-screen cards corresponding to each split-screen task. Users can quickly enter the corresponding split-screen display scene by performing user operations on any split-screen card, such as clicking.

[0032] In some embodiments, the N user interfaces do not include the fourth user interface. That is, in a split-screen scenario, after re-entering the background interface, the user can create a new split-screen task with different styles and contents for the user interfaces that have participated in the split-screen and the user interfaces that have not participated in the split-screen.

[0033] In some embodiments, the fourth user interface is one of the N user interfaces, and the third user interface is different from the fourth user interface. That is, in a split-screen scenario, after re-entering the background interface, the user can create a new split-screen task with a different style and content for two or more user interfaces that have already participated in the split-screen.

[0034] In some embodiments, the third user interface and the fourth user interface are provided by one application. For example, the third user interface and the fourth user interface may be two document browsing interfaces that may be provided by a reader application.

[0035] In some embodiments, the third user interface and the fourth user interface are provided by two different applications. For example, the third user interface may be a video playback page provided by a player application, and the fourth user interface may be a file management interface provided by a file management application.

[0036] In some embodiments, after displaying the background interface, the method also includes: displaying multiple split-screen style controls; one split-screen style control corresponds to a split-screen style, and a split-screen style includes the number of user interfaces for split screen and the arrangement layout of the user interfaces; detecting a user operation on a second split-screen style control among multiple split-screen style controls, and the number of user interfaces for split screen in the split-screen style corresponding to the second split-screen style control is 2; detecting a user operation on a third application card and a fourth application card, and displaying the third user interface and the fourth user interface in split screen, specifically including: detecting a user operation on the third application card and the fourth application card, and the total number of user interfaces corresponding to the third application card and the fourth application card reaches 2, and displaying the third user interface and the fourth user interface in split screen.

[0037] In some embodiments, before displaying the multiple split-screen style controls, the method further includes: detecting a second user operation, where the second user operation is used to trigger the display of the split-screen style controls.

[0038] In some embodiments, the second user operation is specifically a sliding operation, and the starting point of the sliding operation is below the upper edge of the screen of the electronic device.

[0039] In some embodiments, the background interface includes at least one application card, the at least one application card includes a third application card and a fourth application card, and the second user operation is specifically: a long press operation on any one of the at least one application card.

[0040] In some embodiments, after detecting a user operation on a second split-screen style control among multiple split-screen style controls, the method further includes: displaying a second preview control, the second preview control including two windows; detecting a user operation on a third application card and a fourth application card, including: detecting a seventh user operation on the third application card, detecting an eighth user operation on the fourth application card; after detecting the seventh user operation on the third application card, the method further includes: displaying a third user interface corresponding to the third application card in one of the two windows; after detecting the eighth user operation on the fourth application card, the method further includes: displaying a fourth user interface corresponding to the fourth application card in the other of the two windows.

[0041] Displaying the user interface corresponding to the card in the preview control window specifically includes: displaying a thumbnail of the user interface corresponding to the card in the preview control window, or a partial screenshot of the thumbnail.

[0042] In some embodiments, displaying the third user interface and the fourth user interface in split screen specifically includes: after detecting a user operation on the second preview control, displaying the third user interface and the fourth user interface in split screen.

[0043] In some embodiments, the two windows include at least one vertical window, and the first type of interface in the third user interface and the fourth user interface preferentially occupies the vertical window for display. The first type of interface is a user interface commonly used for vertical screen display. In some embodiments, the first type of interface includes one or more of the following: a short video playback interface, a document browsing interface, and an information sending and receiving interface.

[0044] In some embodiments, after detecting a seventh user action on the third app card, the method further includes marking the third app card to indicate that a third user interface corresponding to the third app card has been selected; and after detecting an eighth user action on the fourth app card, the method further includes marking the fourth app card to indicate that a fourth user interface corresponding to the fourth app card has been selected. In some embodiments, marking specifically includes overlaying with a shadow.

[0045] It is understandable that some embodiments provided in the second aspect above correspond to some embodiments of the first aspect. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects of the corresponding embodiments in the method of the first aspect, and will not be repeated here.

[0046] In a third aspect, the present application provides a split-screen display method. The method is applied to electronic devices such as mobile phones and tablets. The method includes: when displaying the first interface of the fifth application, detecting a first operation on the first control; in response to the first operation, displaying the second interface and the first card, wherein multiple icons are displayed in the second interface, one icon corresponds to one application, and the first card includes the first icon corresponding to the fifth application; detecting a second operation on N icons among the multiple icons, updating the first card, and the updated first card includes the first icon and N icons, N≥1; detecting a third operation on the updated first card, and displaying M user interfaces in split screen, wherein the M user interfaces are provided by the applications corresponding to the N icons and the fifth application, and M≥N+1.

[0047] By implementing the method provided in the third aspect, the electronic device can display a preset interface (second interface) including multiple application icons and a split-screen card (first card) after detecting a preset operation (first operation). Then, the electronic device can determine the target applications participating in the split-screen based on the user operation acting on one or more application icons, and then split the display screen according to the number of target applications, and display the user interface of each target application in the split screen. In this way, the user can open multiple applications at once and browse the user interfaces of multiple applications in split screen, meeting the user's more complex split-screen needs.

[0048] In some embodiments, a second operation on N icons among multiple icons is detected, and the first card is updated, and the updated first card includes the first icon and N icons, specifically including: detecting an operation on a second icon among multiple icons, updating the first card, and the updated first card includes the first icon and the second icon; detecting an operation on a third icon among multiple icons, continuing to update the first card, and the updated first card includes the first icon, the second icon, and the third icon.

[0049] By implementing the above method, the electronic device can add an icon of the application in the split-screen card after each target application is determined, indicating that the user has selected the application, so that the user can easily determine the selected target application at any time.

[0050] In some embodiments, the method also includes: detecting an operation on the third icon again, and continuing to update the first card; the updated first card includes 2 third icons, or the updated first card also includes first indication information, and the first indication information is used to indicate that the user has selected the third icon twice.

[0051] At this time, the M user interfaces include two user interfaces provided by the application corresponding to the third icon.

[0052] By implementing the above method, a user can select an application multiple times. The electronic device can display multiple user interfaces of an application in split screen according to the user's multiple selection operations to meet the user's demand for multiple openings of certain applications.

[0053] In some embodiments, the applications corresponding to the third icon include: a browser, a reader, and an instant messaging application. Users often need to open multiple applications.

[0054] In some embodiments, detecting an operation on a second icon among multiple icons specifically includes: detecting an operation of a user dragging a first card to a second icon; detecting an operation on a third icon among multiple icons specifically includes: detecting an operation of a user continuing to drag the updated first card to the third icon.

[0055] By implementing the above method, the user can drag the split-screen card to any application icon, instructing the electronic device to select the application corresponding to the icon as the target application participating in the split-screen, and quickly select multiple target applications by continuously dragging through multiple icons.

[0056] In some embodiments, detecting the third operation on the updated first card specifically includes: detecting a hand-raising operation to release the updated first card. Triggering the split screen by the hand-raising operation helps save user operations. The user does not need to perform any touch operation on the split screen card.

[0057] In some embodiments, when the user touches a point within the second icon, the electronic device determines that the user drags the first card to the second icon.

[0058] In some embodiments, when a user drags a first card, the display position of the first card on the screen changes based on the user's touch point, and the user's touch point is in a corner area of ​​the first card. That is, the electronic device always keeps the corner edge of the split-screen card at the user's touch point, which helps reduce the obstruction of application icons by the split-screen card during the dragging process.

[0059] In some embodiments, detecting an operation on a second icon among multiple icons specifically includes: detecting a first touch operation acting on the second icon; detecting an operation on a third icon among multiple icons specifically includes: detecting a first touch operation acting on the third icon.

[0060] By implementing the above method, users do not need to drag cards, which helps avoid erroneous selections caused by the split-screen cards blocking the application icons during the dragging process, thereby avoiding affecting the user's split-screen experience.

[0061] In some embodiments, detecting a third operation on the updated first card specifically includes: detecting a second touch operation on the updated first card.

[0062] The first touch operation is one of the following: a click operation, a long press operation, or a slide operation; the second touch operation is one of the following: a click operation, a long press operation, or a slide operation. The first touch operation and the second touch operation can be the same, for example, both a click operation. The first touch operation and the second touch operation can also be different.

[0063] In some embodiments, before displaying M user interfaces in split screen, the method also includes: displaying at least one M split screen style control; detecting a fourth operation on a fifth split screen style control in at least one M split screen style control, and displaying M user interfaces in split screen, specifically including: displaying M user interfaces in split screen according to the layout corresponding to the fifth split screen style.

[0064] In this way, users can preview the split-screen effect simply and quickly through the split-screen style control, thereby improving the user's split-screen experience.

[0065] In some embodiments, the method also includes: displaying M deletion controls in a third interface, the third interface including at least one M split-screen style control, the M deletion controls corresponding one-to-one to the M user interfaces, wherein one deletion control is used to delete a corresponding user interface.

[0066] In this way, users can delete the corresponding target application by deleting the control, thereby more flexibly adjusting the applications participating in the split-screen and the final split-screen effect, thereby improving the user's split-screen experience.

[0067] In some embodiments, the applications corresponding to the N icons and the fifth application include a second target application, the second target application is usually displayed in portrait mode, the M user interfaces include a user interface provided by the second target application, and the M user interfaces displayed in split screen include: a user interface provided by the second target application displayed in a vertical rectangular area.

[0068] Among them, the second target applications include: short video applications, readers, and instant messaging applications.

[0069] When splitting the screen display area, the electronic device can prioritize allocating vertical rectangular areas to applications that are accustomed to vertical screen display, thereby increasing the effective display area of ​​the screen. At the same time, it also makes the display of the user interface in each display area after splitting the screen more in line with user habits, thereby improving the user's split-screen experience.

[0070] In some embodiments, the first control is displayed at the upper edge of the screen, and the first operation on the first control specifically includes: dragging the first control to slide downward.

[0071] In a fourth aspect, the present application provides an electronic device comprising one or more processors and one or more memories; wherein the one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer programs. When the one or more processors execute the computer programs, the electronic device executes the method described in the first aspect and any possible implementation of the first aspect, or executes the method described in the second aspect and any possible implementation of the second aspect, or executes the method described in the third aspect and any possible implementation of the third aspect.

[0072] In a fifth aspect, the present application provides a computer-readable storage medium comprising a computer program. When the computer program is run on an electronic device, the electronic device executes the method described in the first aspect and any possible implementation of the first aspect, or executes the method described in the second aspect and any possible implementation of the second aspect, or executes the method described in the third aspect and any possible implementation of the third aspect.

[0073] In a sixth aspect, the present application provides a computer program product comprising instructions. When the above-mentioned computer program product is run on an electronic device, the above-mentioned electronic device executes the method described in the first aspect and any possible implementation of the first aspect, or executes the method described in the second aspect and any possible implementation of the second aspect, or executes the method described in the third aspect and any possible implementation of the third aspect.

[0074] It is understandable that the electronic device provided in the fourth aspect, the computer storage medium provided in the fifth aspect, and the computer program product provided in the sixth aspect are all used to execute the method provided in this application. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the corresponding methods and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0075] Figures 1A-1C are schematic diagrams of a group of screen displays provided by an embodiment of the present application;

[0076] Figures 2A-2E are a set of user interfaces for starting split-screen display provided in an embodiment of the present application;

[0077] 3A-3D are another set of user interfaces for starting split-screen display provided in an embodiment of the present application;

[0078] Figures 4A-4M are a set of user interfaces for starting split-screen display provided in an embodiment of the present application;

[0079] 5A-5C are user interfaces for providing a set of undo selection operations according to an embodiment of the present application;

[0080] FIG6A-FIG6Q are a set of user interfaces for implementing a continued split-screen operation provided in an embodiment of the present application;

[0081] 7A-7B are another user interface for triggering the display of multiple split-screen style controls provided by an embodiment of the present application;

[0082] 8A-8B are another user interface for selecting split-screen style controls and application cards provided by an embodiment of the present application;

[0083] 9A-9J are another set of user interfaces for starting split-screen display provided in an embodiment of the present application;

[0084] FIG10 is a schematic diagram of numbering preview control windows from left to right according to an embodiment of the present application;

[0085] FIG11 is a schematic diagram of numbering preview control windows in clockwise order according to an embodiment of the present application;

[0086] Figures 12A-12J are a group of screen display user interfaces provided by an embodiment of the present application;

[0087] 13A-13D are a set of user interfaces for deleting a target application provided by an embodiment of the present application;

[0088] 14A-14C are another set of user interfaces for deleting a target application provided by an embodiment of the present application;

[0089] 15A-15K are another group of screen display user interfaces provided by an embodiment of the present application;

[0090] Figures 16A-16D are user interfaces for opening multiple applications in a split-screen scenario, provided by an embodiment of the present application;

[0091] FIG17 is another user interface for marking multiple applications provided in an embodiment of the present application;

[0092] FIG18 is a schematic diagram of numbering display areas in different split-screen layouts in a sequence from left to right and from top to bottom, provided by an embodiment of the present application;

[0093] FIG19 is a schematic diagram of numbering display areas under different split-screen layouts in clockwise order according to an embodiment of the present application;

[0094] FIG20 is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present application. DETAILED DESCRIPTION

[0095] The terms used in the following embodiments of the present application are only for the purpose of describing specific embodiments and are not intended to limit the present application.

[0096] The electronic device 100 includes a display screen that supports split-screen display, wherein the split-screen display refers to dividing the display screen into multiple display areas, where each display area is used to display a user interface provided by an application.

[0097] The electronic device 100 is, for example, a mobile phone, a tablet computer, etc. It is not limited to mobile phones and tablet computers. The electronic device 100 may also be a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), an augmented reality (AR) device, a virtual reality (VR) device, an artificial intelligence (AI) device, a wearable device, an in-vehicle device, a smart home device, and / or a smart city device. The embodiments of the present application do not impose any particular restrictions on the specific type of the electronic device 100.

[0098] FIG1A is a schematic diagram of a split-screen display provided in an embodiment of the present application.

[0099] As shown in FIG1A , the electronic device 100 can divide the display screen of the electronic device 100 into two display areas, which are area 10 and area 11. The area 10 and the area 11 are arranged horizontally.

[0100] Electronic device 100 may display user interface 101 in area 10 and user interface 111 in area 11. As shown in FIG1A , user interface 101 may be a note interface provided by a note application, and user interface 111 may be an album browsing interface provided by a gallery application.

[0101] FIG1B is another schematic diagram of a split-screen display provided in an embodiment of the present application.

[0102] As shown in FIG1B , electronic device 100 may display user interface 102 in area 10 and user interface 112 in area 11. User interface 102 may be a document browsing interface provided by a reader application, such as a browsing interface for document test1.pdf, and user interface 112 may be another document browsing interface provided by the reader application, such as a browsing interface for document test2.pdf.

[0103] As can be seen from FIG. 1A and FIG. 1B , the “split-screen display” described in the embodiment of the present application includes: split-screen display of user interfaces provided by different applications, and split-screen display of different user interfaces provided by one application.

[0104] "Dividing the display screen into M display areas" can be called M split screen. "Dividing the display screen into 2 display areas" shown in Figures 1A and 1B is a two-split screen, and the split screen display showing 2 user interfaces shown in Figures 1A and 1B is also called a two-split screen display. It can be understood that the electronic device 100 can also divide the display screen into more display areas, such as 3, 4, etc., to display more user interfaces. Correspondingly, "dividing the display screen into 3 display areas" is a three-split screen. "Dividing the display screen into 4 display areas" is a four-split screen, etc., which will not be listed one by one here.

[0105] Taking the three-part screen as an example, referring to FIG1C , the electronic device 100 can divide the display screen into three display areas: area 10, area 12, and area 13. Among them, area 12 and area 13 are arranged vertically, and area 10 is arranged horizontally with areas 12 and 13. In a specific split-screen scenario, as shown in FIG1C , the electronic device 100 can display user interface 101 (a note interface provided by a note application) in area 10, user interface 102 (a document browsing interface provided by a reader application, such as a browsing interface for the document test1.pdf) in area 12, and user interface 112 (another document browsing interface provided by the reader application, such as a browsing interface for the document test2.pdf) in area 13.

[0106] As shown in FIG1C , in the M-split screen described in the embodiment of the present application, "split-screen display of user interfaces provided by different applications" and "split-screen display of different user interfaces provided by a single application" can be performed simultaneously. In split-screen displays that divide the display screen into more display areas, such as three-split screen display and four-split screen display, the electronic device 100 can split-screen display user interfaces provided by different applications while simultaneously split-screen displaying different user interfaces provided by a single application.

[0107] 2A-2E are a group of screen display user interfaces provided in an embodiment of the present application.

[0108] 2A , electronic device 100 may first display user interface 201 in full screen. For example, user interface 201 may be a note interface provided by a note application, such as a note 1 browsing interface. While user interface 201 is displayed in full screen, electronic device 100 may also display a horizontal bar control 211 at the top of the screen.

[0109] The electronic device 100 can detect the user's operation on the horizontal bar control 211, such as a long press operation or a click operation. In response to the above operation, the electronic device 100 can float the horizontal bar control 211. Floating a control means setting the control to a suspended state that can be dragged. Referring to Figure 2B, after floating the horizontal bar control 211, the electronic device 100 can detect the user's operation of dragging the horizontal bar control 211 to the right area of ​​the screen and releasing it. In response to the above operation, the electronic device 100 can split the display screen into two display areas, continue to display the user interface 201 in one area, and display the split-screen menu interface 202 in the other area.

[0110] Referring to Figure 2C, the electronic device 100 can divide the display screen into two display areas: area 10 and area 11. The electronic device 100 can continue to display the user interface 201 (note interface) in area 11. At the same time, the electronic device 100 can display the split-screen menu interface 202 in area 10. It can be understood that due to the change in the area of ​​the display area, a user interface provided by an application can adaptively add or delete some content as the area of ​​the display area changes. For example, compared to the user interface 201 (note 1 browsing interface) in Figure 2A, the user interface 201 in Figure 2C can include less content, such as no longer including directory information such as note classification and text classification, to adapt to the smaller display area 11.

[0111] The split-screen menu interface 202 includes two areas: a recommended application area and a supported split-screen area. The recommended application area is used to display application icons recommended by the electronic device 100 for split-screen display, and the supported split-screen area is used to display all application icons installed on the electronic device 100 that support split-screen display. Each area can include multiple application icons. For example, the recommended application area may include a reading icon, a gallery icon, a player A icon, etc., and the supported split-screen area may include an information icon, a network disk icon, a document presentation icon, etc. One application icon corresponds to one application.

[0112] 2B , the electronic device 100 may also trigger the two-screen split shown in FIG2C by other operations on the horizontal bar control 211. This embodiment of the present application does not impose any limitation on this.

[0113] For example, the electronic device 100 may trigger the two-screen split shown in FIG2C after detecting an operation of dragging the horizontal bar control 211 downward. Alternatively, in some embodiments, the electronic device 100 may further display a full-screen display control, a split-screen display control, a floating display control, etc. after detecting a user operation on the horizontal bar control 211. After detecting a user operation on the split-screen display control, the electronic device 100 may display the user interface shown in FIG2C.

[0114] After displaying split-screen menu interface 202, the user may select an application icon from the multiple application icons displayed in split-screen menu interface 202. Electronic device 100 may detect the user operation. In response to the operation, electronic device 100 may run the application corresponding to the application icon and display a user interface of the application in area 10.

[0115] 2D , electronic device 100 may detect a user's touch operation on the Player A icon. In response to this operation, electronic device 100 may run the Player A application corresponding to the Player A icon. Then, referring to FIG2E , electronic device 100 may display a user interface 203 of the Player A application, such as a video playback interface, in area 10 .

[0116] Thus, the user can watch the video through the user interface 203 (video playback interface) displayed in area 10, and at the same time, browse and edit the note through the user interface 201 (note 1 note interface) displayed in area 11.

[0117] 3A-3D are another set of screen display user interfaces provided by an embodiment of the present application.

[0118] Referring to Figure 3A , when user interface 201 is displayed full screen, electronic device 100 may also detect a left swipe operation from the right edge of the display screen. Referring to Figure 3B , in response to this operation, electronic device 100 may display a split-screen menu window 301 in the right area of ​​the display screen. Split-screen menu window 301 may also be used to display multiple application icons, such as a book icon, a gallery icon, or a player A icon. Each application icon corresponds to a single application.

[0119] After displaying the split-screen menu window 301, the user can select an application icon from the multiple application icons displayed in the split-screen menu window 301. The electronic device 100 can detect the user operation. In response to the operation, the electronic device 100 can split the display screen into two display areas, continue to display the user interface 201 in one area, and display a user interface of the application corresponding to the application icon in the other area.

[0120] Referring to Figure 3C , electronic device 100 may detect a user touch operation on the Player A icon. Referring to Figure 3D , in response to this operation, electronic device 100 may split the display screen into two display areas: Area 10 and Area 11. Electronic device 100 may continue to display user interface 201 (Note 1 note interface) in Area 11 while simultaneously displaying a user interface 203 (video playback interface) of the Player A application in Area 10.

[0121] In some embodiments, after detecting a user touch operation on the player A icon, the electronic device 100 may also first create a floating window in the user interface 201 and display the user interface 203 (video playback interface) of the player A application in the floating window. After detecting a user operation on the horizontal bar control 211, the electronic device 100 may display a full-screen display control, a split-screen display control, a floating display control, etc. Then, after detecting a user operation on the split-screen display control, the electronic device 100 may display the user interface shown in Figure 3D, which displays the user interface 201 (Note 1 browsing interface) and the user interface 203 (video playback interface) in a split screen.

[0122] Therefore, the user can similarly watch videos through the user interface 203 (video playback interface) displayed in area 10, and browse and edit notes through the user interface 201 (note interface) displayed in area 11, thereby satisfying the user's needs of watching videos through the user interface 203 (video playback interface) while browsing and editing notes through the user interface 201 (note 1 browsing interface).

[0123] In other embodiments, the electronic device 100 may also trigger the split-screen display according to other touch operations acting on the split-screen menu window 301. This embodiment of the present application does not impose any limitation on this.

[0124] In the split-screen display method shown in Figures 2A-2E and Figures 3A-3D, the user can only open one user interface at a time for split-screen display with the currently displayed user interface, and cannot open multiple user interfaces at one time to perform split-screen display operations such as three-split screen and four-split screen. The efficiency is low, and the split-screen effect cannot be previewed, which can easily lead to the final split-screen effect not meeting user needs and causing inconvenience to the user.

[0125] In view of this, an embodiment of the present application provides a split-screen display method, which can be applied to the electronic device 100.

[0126] When implementing this method, the electronic device 100 may display a background interface. The background interface includes multiple application cards. One application card corresponds to one running application. After displaying the background interface, the electronic device 100 may display multiple split-screen style controls. One split-screen style control corresponds to one split-screen style. After detecting a user operation on any split-screen style control, the electronic device 100 may display a preview control corresponding to the split-screen style control. Then, after detecting a user operation on any application card in the background interface, the electronic device 100 may display a user interface thumbnail corresponding to the application card in the preview control for the user to preview the split-screen effect.

[0127] The multiple split-screen style controls displayed on the backend interface include: a split-screen style control corresponding to a two-split screen display, a split-screen style control corresponding to a three-split screen display, a split-screen style control corresponding to a four-split screen display, etc. In this way, the user can select three or more user interfaces at a time to perform three-split screen, four-split screen, and other split-screen display operations.

[0128] Figures 4A-4M are a set of user interfaces for starting split-screen display provided in an embodiment of the present application.

[0129] 4A , when the user interface 201 is displayed in full screen, the electronic device 100 may detect a swipe-up operation from the bottom edge of the display screen.

[0130] Referring to Figure 4B, in response to the above operation, the electronic device 100 may display a background interface 410. As shown in Figure 4B, the background interface 410 may include multiple application cards, such as application card 401, application card 402, application card 403, application card 404, and application card 405. Among them, application card 401 corresponds to the file management application, application card 402 corresponds to the reader application, application card 403 corresponds to the player A application, application card 404 corresponds to the player B application, and application card 405 corresponds to the note application. Therefore, application card 401 is also called a file management card, application card 402 is also called a reader card, application card 403 is also called a player A card, application card 404 is also called a player B card, and application card 405 is also called a note card. On the other hand, application cards 401 to 405 in the background interface also indicate that the corresponding file management application, reader application, player A application, player B application, and note application have been started.

[0131] Taking application card 405 as an example, application card 405 may display a user interface thumbnail 415. User interface thumbnail 415 may be used to indicate the most recently displayed user interface frame of the note-taking application corresponding to application card 405. User interface thumbnail 415 may be obtained through a snapshot. Correspondingly, other application cards 401-404 may also display user interface thumbnails 411-414 indicating the most recently displayed user interface frame of the corresponding application, which will not be further described here.

[0132] The background interface 410 may further include a delete control 417. The electronic device 100 may detect an operation of the user dragging any application card to the delete control 417. In response to the operation, the electronic device 100 stops displaying the application card and stops running the application corresponding to the application card.

[0133] 4C , the electronic device 100 may detect a swiping operation. In response to the above operation, the electronic device 100 may display multiple split-screen style controls in the background interface 410. The starting point of the above swiping operation is below the upper edge of the display screen. In this way, the electronic device 100 can distinguish the above swiping operation from the swiping operation of sliding downward from the upper edge of the display screen, thereby avoiding conflict with the current general swiping display notification interface. Optionally, while displaying multiple split-screen style controls, the electronic device 100 may stop displaying the delete control 417 to provide more display area for displaying more split-screen style controls.

[0134] 4D , the electronic device 100 may display split-screen style controls 421 to 427 in the upper area of ​​the application cards 401 to 405. The split-screen style control 421 corresponds to a two-split-screen display, the split-screen style controls 422, 423, 424, and 425 correspond to three-split-screen displays, and the split-screen style controls 426 and 427 correspond to four-split-screen displays. Any one of the split-screen style controls 422 to 425 indicates a specific three-split-screen arrangement layout, and any one of the split-screen style controls 426 and 427 indicates a specific four-split-screen arrangement layout. It is understandable that the electronic device 100 may also display more split-screen style controls, which are not listed one by one here.

[0135] 4E , the electronic device 100 may detect a user operation, such as a click operation, on the split-screen style control 422. In response to the above operation, the electronic device 100 may display a preview control corresponding to the split-screen style control 422.

[0136] Referring to Figure 4F , electronic device 100 may display a preview control 432 corresponding to split-screen style control 422. Preview control 432 includes three windows: window 4321, window 4322, and window 4323. Each window can be used to display a user interface thumbnail. Upon detecting a user action on an app card, electronic device 100 may display the user interface thumbnail corresponding to the app card in one of the windows within preview control 432, allowing the user to preview the split-screen effect.

[0137] 4G , the electronic device 100 may detect a user operation on the application card 405, such as a click operation. In response to the above operation, the electronic device 100 may display the user interface thumbnail 415 on the application card 405 in the window 4321. Referring to FIG4H , it can be understood that the electronic device 100 may also display a partial screenshot of the user interface thumbnail 415 in the window 4321 to match the display area of ​​the window 4321. The user interface thumbnail 415 corresponds to a frame of the user interface most recently displayed by the note application, such as the user interface 201 (note interface) shown in FIG4A . Optionally, the electronic device 100 may mark the application card 405 at the same time to indicate that the application card 405 has been selected. Referring to FIG4H , the electronic device 100 may mark the application card 405 by overlaying it with a shadow.

[0138] 4I , 4J , and 4K , the electronic device 100 may also detect user operations on the application card 403 and the application card 402 in sequence. In response to the above operations, the electronic device 100 may display the user interface thumbnail 413 on the application card 403 in the window 4322 and the user interface thumbnail 412 on the application card 402 in the window 4323. The user interface thumbnail 413 corresponds to the most recently displayed frame of the user interface of the player A application, such as the user interface 203 (video playback interface). The user interface thumbnail 412 corresponds to the most recently displayed frame of the user interface of the reader application, such as the user interface 102 (document test1.pdf browsing interface). Similarly, when the user interface thumbnail 413 is displayed in the window 4322, the electronic device 100 may mark the application card 403 by overlaying it with a shadow; when the user interface thumbnail 412 is displayed in the window 4323, the electronic device 100 may mark the application card 402 by overlaying it with a shadow.

[0139] After selecting app cards 405, 403, and 402, electronic device 100 may determine that the total number of user interfaces corresponding to app cards 405, 403, and 402 reaches the number of user interfaces required by preview control 432. The user interfaces corresponding to app cards 405, 403, and 402 include user interface 201, user interface 203, and user interface 102, i.e., three user interfaces; the number of user interfaces required by preview control 432 corresponding to the three-screen display is three.

[0140] Then, referring to FIG. 4L , the electronic device 100 may detect a user operation on the control 432 , such as a click operation.

[0141] Referring to Figure 4M, in a scenario where the number of user interfaces corresponding to the selected card reaches the number of user interfaces required by the preview control, in response to the above operation, the electronic device 100 can divide the display screen into three display areas according to the preview control 432: area 10, area 12, and area 13. The number of display areas is the same as the number of preview control windows, and the arrangement layout of the display areas is the same as the arrangement layout of the preview control windows. Therefore, the electronic device 100 can display the user interface corresponding to the user interface thumbnail in a window in the display area corresponding to the window. As shown in Figure 4M, the electronic device 100 can display the user interface 201 (note interface) corresponding to the user interface thumbnail 415 in area 10; display the user interface 203 (video playback interface) corresponding to the user interface thumbnail 413 in area 12; and display the user interface 102 (document test1.pdf browsing interface) corresponding to the user interface thumbnail 412 in area 13.

[0142] At this time, through the split screen display, the user can browse the above three user interfaces at the same time. Furthermore, the user can control the corresponding user interface by operating on area 10 / 12 / 13 to meet the user's interaction needs.

[0143] Some applications can provide multiple user interfaces at the same time. Referring to Figure 1B, a reader application can provide multiple document browsing interfaces. After detecting the swipe-up operation shown in Figure 4A, the electronic device 100 can display multiple application cards of an application in the background interface 410. Among them, one application card corresponds to one user interface provided by the application. When selecting application cards to participate in split-screen, the user can select multiple application cards of one application. Accordingly, the electronic device 100 can display multiple user interfaces provided by one application in split-screen.

[0144] Among them, after selecting an application card (that is, selecting the user interface corresponding to the application card for split-screen display), the user can also cancel the selection operation of the application card through the undo control, that is, cancel: split-screen display of the user interface corresponding to the application card.

[0145] 5A-5C are user interfaces for providing a set of undo selection operations according to an embodiment of the present application.

[0146] 5A , after determining that a user has selected an application card (e.g., application card 405), electronic device 100 may further display an undo control 511 (a first editing control). Referring to FIG5B , electronic device 100 may detect a user operation on undo control 511. In response to this operation, electronic device 100 may undo the previous selection operation, such as selecting application card 405. Referring to FIG5C , electronic device 100 may stop displaying user interface thumbnail 415 in window 4321 and remove the shadow on application card 405.

[0147] Accordingly, referring to FIG4J , after the user selects application card 403, electronic device 100 may also display undo control 511. After detecting the user operation acting on undo control 511, electronic device 100 may undo the previous selection operation: the operation of selecting application card 403. As a result, electronic device 100 may stop displaying user interface thumbnail 413 in window 4322 and remove the shadow on application card 403. Furthermore, if the user clicks undo control 511 again, electronic device 100 may further undo the selection operation of application card 405 in response to the user clicking undo control 511 again. Electronic device 100 may stop displaying user interface thumbnail 415 in window 4321 and remove the shadow on application card 405.

[0148] Referring to Figure 4K , after the user selects app card 402, electronic device 100 may also display undo control 511. After detecting a user operation on undo control 511, electronic device 100 may undo the previous selection operation: the operation of selecting app card 402. Consequently, electronic device 100 may stop displaying user interface thumbnail 412 in window 4323 and remove the shadow on app card 402. Furthermore, in response to the user clicking undo control 511 multiple times, the electronic device may undo the selection operations on app card 402, app card 403, and app card 405 in sequence.

[0149] By analogy, after each application card selected by the user is determined, the user can cancel the previous selection operation through the cancel control 511, so that the user can adjust the user interface participating in the split-screen display at any time during the preview process.

[0150] Referring to FIG5A , the electronic device 100 may also display a cancel control 512. The electronic device 100 may also detect a user operation on the cancel control 512. In response to the operation, the electronic device 100 may exit the split screen. Optionally, in one implementation, after exiting the split screen, the electronic device 100 may re-display the most recent frame of the user interface before entering the background interface 410 in full screen, such as the user interface 201 shown in FIG4A .

[0151] By implementing the methods shown in Figures 4A-4M and 5A-5C, users can select two or more user interfaces at a time to perform split-screen display operations such as two-split, three-split, and four-split, and can preview the split-screen effect in real time, enhancing the user experience. Furthermore, while previewing the split-screen effect, users can also unselect the selected user interface at any time, thereby adjusting the split-screen effect at any time, further enhancing the user experience.

[0152] After multiple user interfaces are displayed in split screen, the user can also add or reduce user interfaces based on the multiple user interfaces currently displayed in split screen, adjust the style of the split screen display, and then adjust the split screen effect.

[0153] The operation of adding or reducing user interfaces to adjust the split-screen display style based on the split-screen display of multiple user interfaces is recorded as a continue split-screen operation. Figures 6A-6Q are a set of user interfaces for implementing the continue split-screen operation provided in an embodiment of the present application.

[0154] 6A , when the three-part screen displays user interface 201 (note interface), user interface 203 (video playback interface), and user interface 102 (document test1.pdf browsing interface), electronic device 100 may detect an upward swipe operation (a first user operation). In response to the above operation, electronic device 100 may display background interface 410.

[0155] Referring to Figure 6B , at this point, backend interface 410 also includes split-screen card 406 (first split-screen card). Split-screen card 406 can display user interface thumbnail 416. User interface thumbnail 416 corresponds to the three-split display interface 601 shown in Figure 6A , i.e., a combined user interface including user interface 201, user interface 203, and user interface 102.

[0156] 6C , the electronic device 100 may detect a swiping operation (a second user operation). Referring to FIG6D , in response to the above operation, the electronic device 100 may display multiple split-screen style controls, such as split-screen style controls 421 - 427 , in the background interface 410 .

[0157] Assume that the user wants to add a user interface based on the three-split screen display shown in Figure 6A. In this case, the user can select a split-screen style control corresponding to the four-split screen display, such as split-screen style control 426 (first split-screen style control). Referring to Figure 6E, the electronic device 100 can detect the user operation acting on control 426. Referring to Figure 6F, in response to the above operation, the electronic device 100 can display a preview control 611 (first preview control) corresponding to the split-screen style control 426. The preview control 611 corresponding to the four-split screen display includes four windows: window 6111, window 6112, window 6113, and window 6114.

[0158] Then, referring to FIG6G , the electronic device 100 may detect a user operation, such as a click operation, on the split-screen card 406. Referring to FIG6H , in response to the above operation, the electronic device 100 may display thumbnails of the user interface 201 (note interface), user interface 203 (video playback interface), and user interface 102 (document test1.pdf browsing interface) corresponding to the split-screen card 406 in windows 6111 to 6113, namely user interface thumbnails 415, 413, and 412. Similarly, the electronic device 100 may mark the split-screen card 406 by overlaying it with a shadow, indicating that the split-screen card 406 has been selected.

[0159] 6I-6J , the electronic device 100 may also detect user operations on the application card 404 (first application card). In response to the above operations, the electronic device 100 may display a user interface thumbnail 414 corresponding to the application card 404 in the window 6114 (first window). The user interface thumbnail 414 corresponds to a frame of the user interface most recently displayed by the player B application, such as the user interface 204 (another video playback interface, the first user interface). Similarly, when the user interface thumbnail 414 is displayed in the window 6114, the electronic device 100 may mark the application card 404 by overlaying it with a shadow, indicating that the application card 404 has been selected.

[0160] After split-screen card 406 and app card 404 are selected, electronic device 100 may determine that the total number of user interfaces corresponding to split-screen card 406 and app card 404 reaches the number of user interfaces required by preview control 611. The user interfaces corresponding to split-screen card 406 and app card 404 include user interface 201, user interface 203, user interface 102, and user interface 204, i.e., four user interfaces; the number of user interfaces required by preview control 611 corresponding to quad-split-screen display is four.

[0161] Then, referring to FIG6K , the electronic device 100 may detect a user operation on the control 611 , such as a click operation.

[0162] Referring to Figure 6L , in a scenario where the number of user interfaces corresponding to the selected card reaches the number of user interfaces required by the preview control, in response to the above operation, the electronic device 100 may divide the display screen into four display areas according to the preview control 611: area 14, area 15, area 12, and area 13. The number of display areas is the same as the number of preview control windows, and the arrangement and layout of the display areas are the same as the arrangement and layout of the preview control windows. The electronic device 100 may then display the user interface corresponding to the user interface thumbnail in a window in the display area corresponding to that window. As shown in Figure 6L , the electronic device 100 may display user interface 201 (note interface) corresponding to user interface thumbnail 415 in area 14; user interface 203 (video playback interface) corresponding to user interface thumbnail 413 in area 12; user interface 102 (document test1.pdf browsing interface) corresponding to user interface thumbnail 412 in area 13; and user interface 204 (another video playback interface) corresponding to user interface thumbnail 414 in area 15.

[0163] It is understood that in the method shown in Figures 6A-6L, after detecting that the user selects a card (e.g., split-screen card 406, application card 404), the electronic device 100 may also display the undo control 511 shown in Figure 5A. The user can also undo the previously selected operation through the above method, which will not be repeated here.

[0164] By implementing the method shown in Figures 6A-6L, users can also add or reduce user interfaces based on the split-screen display, and then quickly and conveniently adjust the split-screen display style and split-screen effect to better meet the ever-changing user needs.

[0165] Similarly, based on the fact that some applications can simultaneously provide multiple user interfaces, the electronic device 100 can display multiple application cards of the application in the background interface 410. When selecting application cards to participate in the split screen, the user can select multiple application cards of an application. Accordingly, the electronic device 100 can display multiple user interfaces provided by an application in a split screen.

[0166] 6B , while displaying split-screen card 406, electronic device 100 may also continue to display application cards of the applications that have participated in the split-screen, such as card 402, card 403, and card 405. At this time, electronic device 100 may also support the user to open a new split screen for the applications that have participated in the split-screen.

[0167] 6M , after calling out multiple split-screen style controls according to a sliding operation (second user operation), the electronic device 100 may detect a user operation acting on the control 421 (second split-screen style control). Referring to FIG6N , in response to the above operation, the electronic device 100 may display a preview control 612 (second preview control) corresponding to the split-screen style control 421. The preview control 612 corresponding to the two-split-screen display includes two windows: window 6121 and window 6122. Then, referring to FIG6N-FIG6O , the electronic device 100 may detect user operations acting on the application card 403 and the application card 401. As a result, the electronic device 100 may display the user interface thumbnail 413 corresponding to the application card 403 in window 6121 and the user interface thumbnail 411 corresponding to the application card 401 in window 6122.

[0168] After selecting application card 403 (the third application card) and application card 401 (the fourth application card), the electronic device 100 may determine that the total number of user interfaces corresponding to application card 403 and application card 401 has reached the number of user interfaces required by the preview control 612. Then, referring to Figure 6P, the electronic device 100 may detect a user operation acting on the control 612, such as a click operation. Referring to Figure 6Q, in a scenario where the number of user interfaces corresponding to the selected cards has reached the number of user interfaces required by the preview control, in response to the above operation, the electronic device 100 may divide the display screen into two display areas according to the preview control 612: area 10 and area 11. Then, the electronic device 100 may display the video playback interface (the third user interface) corresponding to the user interface thumbnail 413 in area 10, and display the file management interface (the fourth user interface) corresponding to the user interface thumbnail 411 in area 11.

[0169] After implementing the two-split screen operation shown in Figure 6Q, when the background interface 410 is displayed again according to the upward swipe operation, the electronic device 100 can display the split-screen card corresponding to the above-mentioned two-split screen on the background interface 410, which is recorded as the second split-screen card. At the same time, the electronic device 100 can continue to display the previous four-split screen split-screen card 406 (the first split-screen card). The electronic device 100 can quickly display the second split-screen card corresponding to the two-split screen according to the operation acting on the second split-screen card, and can also quickly display the split-screen card 406 corresponding to the four-split screen according to the operation acting on the split-screen card 406, thereby providing the user with a more convenient and efficient split-screen experience.

[0170] It is understood that in the method shown in Figures 6M-6Q, after detecting that the user selects a card (e.g., application card 403, application card 401), the electronic device 100 may also display the undo control 511 shown in Figure 5A. The user can also undo the previously selected operation through the above method, which will not be repeated here.

[0171] Similarly, based on the fact that some applications can simultaneously provide multiple user interfaces, the electronic device 100 can display multiple application cards of the application in the background interface 410. When selecting application cards to participate in the split screen, the user can select multiple application cards of an application. Accordingly, the electronic device 100 can display multiple user interfaces provided by an application in a split screen.

[0172] 7A-7B are another user interface for triggering the display of multiple split-screen style controls provided in an embodiment of the present application.

[0173] In some embodiments, the electronic device 100 may also be configured to trigger the display of multiple split-screen style controls by a long press operation on any application card.

[0174] 7A , after displaying background interface 410, electronic device 100 may detect a long press operation on any application card, such as application card 405. Referring to FIG7B , in response to the long press operation, electronic device 100 may display multiple split-screen style controls 421 to 427 in background interface 410.

[0175] Then, referring to Figures 4E-4M, the electronic device 100 can display the corresponding preview control according to the split-screen style control selected by the user, determine the user interface selected by the user to participate in the split-screen, and then display the user interface selected by the user to participate in the split-screen according to the arrangement layout corresponding to the preview control.

[0176] It can be understood that in the process of continuing split screen shown in Figures 6A-6M, the electronic device 100 can also detect a long press operation on any application card after displaying the background interface 410, and display multiple split screen style controls after detecting the long press operation on any application card.

[0177] 8A-8B are another user interface for selecting split-screen style controls and application cards provided in an embodiment of the present application.

[0178] In some embodiments, the electronic device 100 may also be configured to select the split-screen style control and the first application card through a drag operation.

[0179] Specifically, after displaying the split-screen style control, the electronic device 100 may detect a user operation of dragging any application card to any split-screen style control and releasing it. The electronic device 100 may determine the target application card and the target split-screen style control by the above operation.

[0180] 8A , electronic device 100 may detect a user operation of dragging and releasing app card 405 (note card) onto split-screen control 422. In response to this operation, electronic device 100 may determine that split-screen control 422 is the target split-screen control and app card 405 is a target app card.

[0181] Then, the electronic device 100 may display a preview control corresponding to the target split-screen style control. Referring to FIG8B , the electronic device 100 may display a preview control 432 corresponding to the split-screen style control 422. As shown in FIG8B , after triggering the display of the preview control corresponding to the target split-screen style control, the electronic device 100 may stop displaying the split-screen style control.

[0182] On the other hand, in the process of displaying the preview control corresponding to the target split-screen style control, the electronic device 100 may display the user interface thumbnail 415 on the application card 405 in the window 4321, and mark the application card 405 by covering it with a shadow, indicating that the application card 405 has been selected, that is, indicating that the user interface 201 (note interface) corresponding to the application card 405 has been used as a user interface participating in the split screen.

[0183] Then, referring to Figures 4I-4M, the electronic device 100 can determine other user interfaces participating in the split screen based on user operations on other application cards, such as click operations or drag operations, and then display the user interfaces participating in the split screen selected by the user in the split screen according to the arrangement layout corresponding to the preview control.

[0184] It can be understood that after selecting the target application card and the target split-screen style control through the drag operation shown in Figure 8A, the electronic device 100 can also display the undo control 511 and cancel control 512 shown in Figure 5A, so that the user can adjust the user interface participating in the split-screen display at any time during the preview process.

[0185] It is understandable that in the process of continuing the split screen shown in Figures 6A-6M, the electronic device 100 can also detect the user operation of dragging any card to any split screen style control and releasing it after displaying the background interface 410, and determine the target card and the target split screen style control according to the above user operation. At this time, the card selected by the user to drag can be an application card or a split screen card corresponding to multiple user interfaces. After determining the target split screen style control, the electronic device 100 can display the preview control corresponding to the target split screen style control, and display the user interface thumbnail corresponding to the target card in the preview control for the user to preview the split screen effect.

[0186] Compared to the method of selecting the split-screen style control and the first application card to participate in the split-screen display shown in Figures 4E-4H, the method shown in Figures 8A-8B can save user operations. The user can simultaneously determine the target split-screen style and the first user interface to participate in the split-screen display with a single drag operation.

[0187] 9A-9J are another set of user interfaces for starting split-screen display provided in an embodiment of the present application.

[0188] 9A , after displaying the background interface 410 , the electronic device 100 may detect a long press operation on any application card, for example, a long press operation on the application card 405 (note card).

[0189] In response to the above operation, electronic device 100 may display a circle control near each application card. Referring to Figure 9B, electronic device 100 may display circle control 911 after the name "File Management" of application card 401, circle control 912 after the name "Reader" of application card 402, circle control 913 after the name "Player A" of application card 403, circle control 914 after the name "Player B" of application card 404, and circle control 915 after the name "Notes" of application card 405.

[0190] The electronic device 100 can determine the application cards corresponding to the multiple circle controls as target application cards through user operations on the multiple circle controls. Then, the electronic device 100 can display the split-screen style controls corresponding to the number of the target application cards.

[0191] 9C , electronic device 100 may detect a user operation on circle control 915. Referring to FIG9D , in response to the aforementioned operation, electronic device 100 may display selected control 925 to replace original circle control 915, indicating that app card 405 has been selected. Then, referring to FIG9D-9E , electronic device 100 may detect a user operation on circle control 913. In response to the aforementioned operation, electronic device 100 may display selected control 923 to replace original circle control 913.

[0192] At the same time, based on the two target application cards identified: application card 405 and application card 403, electronic device 100 may determine that the number of user interfaces currently required to be split-screen displayed is two. Then, electronic device 100 may display a split-screen style control corresponding to the two-split-screen display. Referring to FIG. 9E , electronic device 100 may display split-screen style controls 420 and 421 corresponding to the two-split-screen display.

[0193] The electronic device 100 may continue to detect user operations on more circular controls. In response to these operations, the number of target application cards continues to increase, that is, the data of the user interface participating in the split-screen display continues to increase. At this time, the electronic device 100 may update the split-screen style control in real time based on the current number of target application cards.

[0194] 9E-9F , electronic device 100 may continue to detect user operations on circular control 912. In response to these operations, electronic device 100 may display selected control 922 to replace original circular control 912, indicating that app card 402 has been selected. At this point, based on the three identified target app cards: app card 405, app card 403, and app card 402, electronic device 100 may display split-screen style controls 422-425 corresponding to the three-part screen display.

[0195] After determining all the user interfaces that need to be displayed in split screen, the user can select one of the currently displayed split screen style controls that matches the number of user interfaces to be displayed in split screen as the target split screen style control. The electronic device 100 can then display the previously selected user interface in split screen according to the arrangement layout corresponding to the target split screen style control.

[0196] 9G , the electronic device 100 may detect a user operation on the split-screen style control 422. In response to the operation, the electronic device 100 may display a preview control corresponding to the target split-screen style control and display a user interface thumbnail corresponding to the target application card in the preview control, so that the user can preview the split-screen display effect.

[0197] 9H , electronic device 100 may display preview control 432 corresponding to split-screen style control 422. At the same time, electronic device 100 may display user interface thumbnail 415 of app card 405 in window 4321 of preview control 432, display user interface thumbnail 413 of app card 403 in window 4322 of preview control 432, and display user interface thumbnail 412 of app card 402 in window 4323 of preview control 432.

[0198] 9H , the electronic device 100 may also display split-screen style controls 423 - 425 corresponding to the three-split screen display, so that the user can switch between different layouts at any time, thereby better meeting the user's split-screen needs.

[0199] 9H , electronic device 100 may also display a confirmation control 932. After confirming through the preview control that the user's split-screen display requirements are met, the user may enter split-screen display through confirmation control 932. Referring to FIG9I , electronic device 100 may detect a user operation on confirmation control 932 and, in response to the operation, display the previously selected user interface 201, user interface 203, and user interface 102 in split-screen according to the arrangement shown in preview control 432.

[0200] 9J , electronic device 100 may divide the display screen into three display areas: area 10, area 12, and area 13, based on preview control 432. Then, as shown in FIG4M , electronic device 100 may display user interface 201 (note interface) corresponding to user interface thumbnail 415 in area 10; user interface 203 (video playback interface) corresponding to user interface thumbnail 413 in area 12; and user interface 102 (document test1.pdf browsing interface) corresponding to user interface thumbnail 412 in area 13.

[0201] The user can then browse the above 3 user interfaces simultaneously.

[0202] In one embodiment, the electronic device 100 may display the user interface thumbnail of the application card selected by the user in the preview control window in order from left to right, that is, display the user interface corresponding to the user interface thumbnail in the divided display area in order from left to right.

[0203] Figure 10 is a schematic diagram of numbering preview control windows from left to right according to an embodiment of the present application. Based on the left-to-right order shown in Figure 10, the electronic device 100 can sequentially display user interface thumbnails of the application cards selected by the user in the preview control windows.

[0204] In another embodiment, the electronic device 100 may display the user interface thumbnails of the application cards selected by the user in the window of the preview control in a clockwise order.

[0205] Figure 11 is a schematic diagram of numbering preview control windows in clockwise order according to an embodiment of the present application. Based on the clockwise order shown in Figure 11, the electronic device 100 can sequentially display user interface thumbnails of application cards selected by the user in the preview control windows.

[0206] In other embodiments, the electronic device 100 may further record the typical window mode of each user interface: horizontal window or vertical window. The electronic device 100 may display the user interface thumbnail of the application card selected by the user in the preview control window according to the typical window mode.

[0207] For example, users usually use vertical windows to run short video applications and reader applications. Therefore, the typical window mode of short video applications and reader applications can be vertical windows. Taking the short video application as an example, after detecting the user's operation of selecting the short video application card, the electronic device 100 can give priority to displaying the user interface thumbnail of the short video application card in the vertical window of the preview control, that is, give priority to displaying the user interface of the short video application in the vertical display area after the division. Specifically, referring to Figure 4I, after detecting the user operation on the application card 403, the electronic device 100 can display the user interface thumbnail 413 of the application card 403 in the window 4321. The electronic device 100 can move the user interface thumbnail 415 of the application card 405 originally displayed in the window 4321 into the window 4322. Thus, the electronic device 100 can display the user interface 203 (video playback interface) corresponding to the user interface thumbnail 413 in the area 10, and display the user interface 201 (note interface) corresponding to the user interface thumbnail 415 in the area 12.

[0208] In this way, when multiple user interfaces are displayed in split screen, users can obtain a better split screen display effect.

[0209] The embodiment of the present application further provides a split-screen display method, which can be applied to the electronic device 100.

[0210] By implementing the above method, the electronic device 100 can display the desktop and split-screen cards after detecting a preset operation. Multiple application icons are displayed on the desktop, and one application icon corresponds to one application. Not limited to the desktop, the electronic device 100 can also display other interfaces including multiple application icons. After displaying the desktop and split-screen cards, the electronic device 100 can determine the target applications participating in the split-screen and the number of split-screen areas based on the user operations acting on one or more application icons on the desktop. Then, the electronic device 100 can divide the display screen according to the number of split-screen areas to obtain a corresponding number of display areas, and display the user interface of the target application in the above display area. In this way, the user can open multiple applications at one time and browse the user interfaces of multiple applications in split screen, meeting the user's more complex split-screen needs.

[0211] Before dividing the display screen according to the number of split-screen areas to obtain a corresponding number of display areas, the electronic device 100 may also display multiple split-screen style controls. One split-screen style control corresponds to one split-screen layout. A split-screen layout indicates the number of split-screen areas under the layout and the arrangement of each display area. The electronic device 100 may divide the display screen according to the split-screen layout corresponding to the split-screen style control selected by the user to obtain multiple display areas, and then display the user interface of the target application in these multiple display areas. In this way, the user can quickly and easily preview the split-screen effect through the split-screen style control, thereby improving the user's split-screen experience.

[0212] Figures 12A-12J are a group of screen display user interfaces provided in an embodiment of the present application.

[0213] When a user interface (e.g., user interface 201, also referred to as the first interface) is displayed in full screen, the electronic device 100 may detect a user operation of dragging the horizontal bar control 211 (the first control) downward. Referring to FIG12A , for example, the electronic device 100 may detect a user operation of dragging the horizontal bar control 211 to the lower right. Not limited to the lower right, the user operation of dragging the horizontal bar control 211 downward may also be a user operation of sliding in other directions, such as the lower left or directly below. This embodiment of the present application is not limited to this.

[0214] 12B to 12D , in response to the above operations, the electronic device 100 may close the user interface 201 currently being displayed in full screen, and display the user interface 510 (second interface).

[0215] As shown in FIG12D , preferably, the user interface 510 is the desktop of the electronic device 100. The desktop includes a plurality of application icons such as a note icon 471, a chat icon 472, and a reader icon 473. Among them, the note icon 471 corresponds to the note application, the chat icon 472 corresponds to the chat application, and the reader icon 473 corresponds to the reader application. The user can determine the target application participating in the split screen by operating one or more of the above-mentioned plurality of application icons. Not limited to the desktop, the user interface 510 may also be other interfaces including a plurality of application icons. The embodiments of the present application are not limited to this.

[0216] 12B-12D , in the process of closing the user interface 201 and displaying the user interface 510, the electronic device 100 may display a split-screen card 481 (first card) at the location where the user's finger touches the screen, and the display position of the split-screen card 481 may change as the position of the touch point changes during the drag operation. Preferably, the touch point is in a corner area of ​​the split-screen card 481. Taking the rectangular split-screen card 481 as an example, the corner areas of the split-screen card 481 include the upper left corner area, the upper right corner area, the lower left corner area, and the lower left corner area. On the other hand, referring to FIG12B-12D , the size of the split-screen card 481 may decrease as the drag distance increases. In addition, the split-screen card 481 may also display the application icon of the note application (fifth application) to which the user interface 201 belongs, namely the note icon 471 (first icon), indicating that the note application is a target application selected by the user to participate in the split-screen.

[0217] After the user interface 510 is displayed, the user may select a target application in the user interface 510 .

[0218] Referring to Figure 12E, the electronic device 100 may detect a user operation of dragging a split-screen card 481 to the chat icon 472 (the second icon). In a specific embodiment, during the dragging process, when the touch point is within the chat icon 472, the electronic device 100 may determine that the user is dragging the split-screen card 481. In response to the user operation of dragging the split-screen card 481 to the chat icon 472, the electronic device 100 may determine that the chat application corresponding to the chat icon 472 needs to participate in the split-screen display, that is, the chat application corresponding to the chat icon 472 is the target application. At the same time, the electronic device 100 may increase the number of split-screen areas from 1 to 2.

[0219] After determining the target application to be included in the split-screen display based on the user's operation, electronic device 100 may update split-screen card 481. Referring to FIG12F , after determining that the chat application corresponding to chat icon 472 is the target application, electronic device 100 may add chat icon 472 to split-screen card 481. In this case, split-screen card 481 includes note icon 471 and chat icon 472, indicating that the target applications selected by the user to be included in the split-screen display include the note application and the chat application.

[0220] Optionally, the electronic device 100 may mark the selected application icon to distinguish it. Referring to Figure 12F, for example, the electronic device 100 may mark the selected note icon 471 and chat icon 472 by overlaying them with shadows. In other embodiments, the electronic device 100 may also display a red dot in the upper right corner of the selected application icon. This embodiment of the present application is not limited to this.

[0221] 12G to 12H , the electronic device 100 may detect a user operation in which the user continues to drag the split-screen card 481 to the reader icon 473 (the third icon). In response to the above operation, the electronic device 100 may determine that the reader application corresponding to the reader icon 473 is the target application, and at the same time, increase the number of split-screen areas from 2 to 3. Accordingly, the electronic device 100 may continue to display the reader icon 473 in the split-screen card 481. At this point, the split-screen card 481 includes the note icon 471, the chat icon 472, and the reader icon 473, indicating that the target applications selected by the user to participate in the split-screen display include the note application, the chat application, and the reader application.

[0222] Then, the electronic device 100 may detect the operation of raising the hand to release the split-screen card 481. Referring to Figure 12I, in response to the above operation, the electronic device 100 may display the user interface 520 (third interface).

[0223] The user interface 520 includes split-screen style controls 446 to 450 that match the current split-screen area number 3. The user can use any split-screen style control to understand the split-screen layout corresponding to the control, that is, the number of split-screen areas and the arrangement of each display area. The split-screen style control that matches the split-screen area number 3 is also called a three-split-screen style control. Correspondingly, the split-screen style control that matches the split-screen area number 2 is also called a two-split-screen style control; the split-screen style control that matches the split-screen area number 4 is also called a four-split-screen style control. It can be understood that when the number of target applications selected by the user is different, the number of split-screen areas determined by the electronic device 100 is different, and the split-screen style controls corresponding to the number of split-screen areas displayed in the user interface 520 are different.

[0224] The user can determine that the split-screen layout corresponding to any split-screen style control is the target split-screen layout by performing a touch operation on any split-screen style control. The above touch operation includes but is not limited to a click operation, a long press operation, and a slide operation. Referring to Figure 12I, for example, the electronic device 100 can detect a click operation on the split-screen style control 446 (the fifth split-screen style control). In response to the above operation, the electronic device 100 can determine that the split-screen layout corresponding to the split-screen style control 446 is the target split-screen layout.

[0225] The user interface 520 also includes a confirmation control 451. After determining the target split-screen layout, the electronic device 100 may detect a touch operation on the confirmation control 451. In response to the touch operation, the electronic device 100 may perform a split-screen display operation.

[0226] Referring to Figure 12J, after determining that the split-screen layout corresponding to the split-screen style control 446 is the target split-screen layout and detecting a touch operation on the confirmation control 451, the electronic device 100 can divide the display screen into three display areas according to the target split-screen layout: area 31, area 32, and area 33. The number of display areas is the same as the number of split-screen areas. Then, the electronic device 100 can display the user interface of the target application in the above three display areas respectively. As shown in Figure 12J, the electronic device 100 can display the user interface 205 in area 31, the user interface 201 (note 1 browsing interface) in area 32, and the user interface 207 in area 33. Among them, the user interface 207 is a user interface provided by the chat application selected by the user, such as a chat interface; the user interface 205 is a user interface provided by the reader application selected by the user, such as a document XXX.pdf browsing interface.

[0227] At this time, through the split-screen display, the user can browse the user interfaces of the note application, chat application, and reader application at the same time. Furthermore, the user can control the corresponding user interface by operating on areas 31 / 32 / 33 to meet the user's interaction needs.

[0228] Referring to split-screen card 481 shown in FIG12H , in some embodiments, electronic device 100 may display the application icons selected by the user side by side in split-screen card 481. Furthermore, electronic device 100 may display newly selected application icons on both sides of the first displayed application icon, with the first displayed application icon as the center. For example, electronic device 100 may first display chat icon 472 to the right of note icon 471, and then display reader icon 473 to the left of note icon 471.

[0229] When all display areas are arranged side by side in the target split-screen layout (for example, the split-screen layout corresponding to the split-screen style control 446, the split-screen layout corresponding to the split-screen style control 812), preferably, as shown in Figure 12J, the electronic device 100 can allocate display areas according to the arrangement order of icons in the split-screen card 481.

[0230] For other split-screen layouts, the electronic device 100 may randomly allocate display areas, or may split the display areas according to other strategies. Please refer to the introduction of Figures 18-19 for details, which will not be expanded here.

[0231] Referring to FIG12D , when user interface 510 is the desktop, user interface 510 may also include a frequently used application tray 429 and a recent application tray 428. Frequently used application tray 429 includes icons of multiple frequently used applications set by the user, and recent application tray 428 includes icons of one or more applications used by the user in the recent period. Optionally, the user may also drag split-screen card 481 to any application icon in frequently used application tray 429 or recent application tray 428. Based on the above operations, electronic device 100 may determine that the application corresponding to the icon selected by the user is the target application.

[0232] It is understandable that when the desktop of the electronic device 100 includes multiple pages, the user can drag the split screen card 481 to the left edge or right edge area. The electronic device 100 can switch the desktop according to the above operation to display more application icons for the user to select.

[0233] In some embodiments, the user interface 520 may further include a delete control for deleting a selected application icon, that is, deleting the target application and reducing the split-screen area.

[0234] 13A , user interface 520 may further include delete controls 513 to 515. Delete control 514 corresponds to reader icon 473, i.e., the reader application; delete control 515 corresponds to note icon 471, i.e., the note application; and delete control 513 corresponds to chat icon 472, i.e., the chat application.

[0235] The user can delete the corresponding target application by operating one or more of the above-mentioned delete controls 514 to 513. Referring to Figures 13B-13C, the electronic device 100 can detect the touch operation on the delete control 514. In response to the above operation, the electronic device 100 can remove the reader application corresponding to the delete control 514 from the target application, that is, delete the reader application. At the same time, the electronic device 100 can update the split-screen card 481 accordingly: stop displaying the reader icon 473 corresponding to the delete control 514.

[0236] After deleting one or more target applications based on a touch operation on the delete control, the electronic device 100 will also reduce the number of split-screen areas accordingly and update the split-screen style control based on the latest split-screen area number. For example, after deleting the reader application, the electronic device 100 may reduce the number of split-screen areas from 3 to 2. Then, the electronic device 100 may display the two-split-screen style controls 521-522 that match the latest split-screen area number 2, replacing the previous three-split-screen style controls 446-450.

[0237] Then, the electronic device 100 can detect a touch operation on any of the split-screen style controls 521-522 and determine the target split-screen layout based on the above operation. After detecting a touch operation on the confirmation control 451, the electronic device 100 can divide the display screen into multiple display areas according to the target split-screen layout, and then display the user interface of the target application in each display area.

[0238] Referring to Figure 13C , electronic device 100 may detect a touch operation on split-screen style control 521 and, based on the above operation, determine that the split-screen style corresponding to split-screen style control 521 is the target split-screen layout. Referring to Figures 13C-13D , after detecting a touch operation on confirmation control 451, electronic device 100 may divide the display screen into two display areas: area 10 and area 11, based on the target split-screen layout. Electronic device 100 may display user interface 201 (Note 1 browsing interface) in area 10 and user interface 207 (chat interface) in area 11.

[0239] In some embodiments, the user can also delete any icon in the split-screen card 481 by sliding the icon, that is, delete the target application corresponding to the icon. In this case, the electronic device 100 does not need to display an additional delete control.

[0240] Referring to Figure 14A , electronic device 100 may detect a swipe-up operation on reader icon 473. In response to this operation, electronic device 100 may determine that the reader application corresponding to reader icon 473 is no longer participating in the split-screen display, i.e., remove the reader application from the target application list. Referring to Figure 14B , electronic device 100 may accordingly update split-screen card 481: it may stop displaying reader icon 473. Simultaneously, electronic device 100 may update the number of split-screen regions to 2 and then display two split-screen style controls 521-522 that match the latest number of split-screen regions. Referring to Figures 14B-14C , after detecting a touch operation on split-screen style control 521 and a touch operation on confirmation control 451, electronic device 100 may split the display screen into two display regions: region 10 and region 11, according to the target split-screen layout corresponding to split-screen style control 521. Electronic device 100 may display user interface 201 (Note 1 browsing interface) in region 10 and user interface 207 (chat interface) in region 11.

[0241] Figures 15A-15K are another set of screen display user interfaces provided by an embodiment of the present application.

[0242] 15A-15D , the electronic device 100 may detect a user operation of dragging the horizontal bar control 211 (first control) downward. In response to the above operation, the electronic device 100 may close the user interface 201 (first interface) and display the user interface 510 (second interface). At the same time, the electronic device 100 may display a split-screen card 481 (first card) at the location where the user's finger touches the screen. Similarly, the display position of the split-screen card 481 may change as the position of the touch point changes during the drag operation, and the size of the split-screen card 481 may decrease as the drag distance increases. The split-screen card 481 may display a note icon 471 (first icon) of the note application (fifth application) to which the user interface 201 belongs.

[0243] After detecting the operation of raising the hand to release the split-screen card 481, the electronic device 100 can display the split-screen card 481 in a fixed area of ​​the user interface 510. As shown in Figure 15D, the fixed area is, for example, the lower right corner of the screen.

[0244] Then, the user can select the application corresponding to the one or more application icons to participate in the split-screen display by touching one or more application icons in the user interface 510. The electronic device 100 can determine the target application to participate in the split-screen display through the above user operation.

[0245] 15E-15F , the electronic device 100 may detect a touch operation (first touch operation) on the chat icon 472 (second icon). In response to the above operation, the electronic device 100 may determine that the chat application corresponding to the chat icon 472 is the target application. Then, the electronic device 100 may increase the number of split-screen areas and update the split-screen card 481. The electronic device 100 may increase the number of split-screen areas from 1 to 2. The electronic device 100 may add the chat icon 472 to the split-screen card 481. Similarly, the electronic device 100 may mark the selected chat icon 472 by covering it with a shadow or other means.

[0246] 15G to 15H , the electronic device 100 may continue to detect the touch operation (first touch operation) acting on the reader icon 473 (the third icon). In response to the above operation, the electronic device 100 may continue to determine that the chat application corresponding to the reader icon 473 is the target application. The electronic device 100 continues to increase the number of split-screen areas and update the split-screen card 481. The electronic device 100 may increase the number of split-screen areas from 2 to 3. The electronic device 100 may add the display of the reader icon 473 in the split-screen card 481 and, at the same time, mark the selected reader icon 473 by shadow covering or other means.

[0247] Then, referring to Figures 15I to 15J, the electronic device 100 can detect a touch operation (second touch operation) acting on the split-screen card 481, and in response to the above operation, the electronic device 100 can display the user interface 520 (third interface).

[0248] 15J-15K , the electronic device 100 can determine the corresponding split-screen style as the target split-screen layout based on a touch operation applied to any split-screen style control. After detecting a touch operation applied to the confirmation control 451, the electronic device 100 can segment the display area according to the target split-screen layout and then display the user interface of the target application in the segmented display area. This will not be described in detail here.

[0249] In some embodiments, after displaying user interface 510 and split-screen card 481, the user can also hold down split-screen card 481 with one hand and click an application icon in user interface 510 with the other hand to add it to split-screen card 481. In this case, after detecting the user operation of raising the hand to release split-screen card 481, electronic device 100 can display user interface 520 shown in FIG15J.

[0250] Referring to Figures 13A-13D and Figures 14A-14C, in the method shown in Figures 15A-15K, the user interface 520 may also include a delete control for deleting the selected application, or the electronic device 100 also supports the user to delete the target application corresponding to any icon in the split-screen card 481 by sliding the icon, which will not be repeated here.

[0251] In some embodiments, the user can also increase the number of split-screen areas by performing touch operations on a certain application icon multiple times (twice or more), and then display the user interface of the corresponding application in multiple display areas after splitting the screen, thereby meeting the user's demand for multiple openings of some applications.

[0252] Referring to Figure 16A, after selecting the reader application, the electronic device 100 can once again detect the touch operation acting on the reader icon 473 (the third icon). In response to the above operation, the electronic device 100 can continue to increase the number of split-screen areas: increase the number of split-screen areas from 3 to 4, and determine that the reader application corresponding to the reader icon 473 occupies the 2 display areas after the split screen.

[0253] Similarly, the electronic device 100 may continue to update the split-screen card 481, indicating that the user has selected an application multiple times. Referring to Figure 16B, the electronic device 100 may display an identifier 811 (first indication information) in the lower left corner of the reader icon 473, indicating that the user has selected the reader icon 473 twice, that is, the reader application has been selected twice. Optionally, referring to Figure 17, the electronic device 100 may also display another reader icon 473 in the split-screen card 481, that is, display two reader icons 473, indicating that the user has selected the reader application twice. The embodiments of the present application are not limited to this.

[0254] 16B-16C , the electronic device 100 may detect a touch operation on the split-screen card 481. In response to the touch operation, the electronic device 100 may display the user interface 520 (third interface). As shown in FIG16C , the electronic device 100 may display four-split-screen style controls 812-815 that match the latest split-screen area number 4.

[0255] For example, the electronic device 100 may detect a touch operation acting on the four-split screen style control 814 (the fifth split screen style control). In response to the above operation, the electronic device 100 may split the display screen according to the split screen layout corresponding to the four-split screen style control 814 to obtain display areas of the corresponding number and arrangement. Referring to Figure 16D, the electronic device 100 may split the display screen into four display areas: area 86, area 87, area 88, and area 89, and then display the user interface of the target application in the above display areas 86 to 89. For example, the electronic device 100 may display the user interface 205 (document XXX.pdf browsing interface) in area 86, display the user interface 206 (another user interface provided by the reader application, such as the document YYY.pdf browsing interface) in area 87, display the user interface 201 (note 1 browsing interface) in area 88, and display the user interface 207 (chat interface) in area 89.

[0256] Not limited to reader applications, browser applications, instant messaging applications (such as chat applications) and other applications are also applications that users often need to open multiple times. Therefore, in a split-screen scenario, for these applications, users can also conveniently create multiple display areas using the method shown in Figures 16A-16D, and display different user interfaces of the above applications in these multiple display areas for user browsing.

[0257] It is understood that in the method of selecting an application by dragging a split-screen card 481 to an application icon as shown in Figures 12A-12J , the user can increase the number of split-screen areas by dragging the split-screen card 481 to an application icon multiple times, thereby providing the user with the functions shown in Figures 16A-16D . This embodiment of the present application is not limited to this.

[0258] In this way, in the split-screen display method shown in Figures 12A-12J, the electronic device 100 can also allow the user to select an application multiple times, create multiple display areas for the application, and then display different user interfaces of the application in these multiple display areas, thereby meeting the user's demand for multiple openings of certain applications for the user to browse.

[0259] In some embodiments, the electronic device 100 may number the display areas under different split-screen layouts in a left-to-right, top-to-bottom order. FIG18 is a schematic diagram of numbering the display areas under different split-screen layouts in a left-to-right, top-to-bottom order provided by an embodiment of the present application.

[0260] The electronic device 100 can determine which application's user interface is displayed in which display area according to the order in which the user selects the applications and the display area numbers shown in Figure 18. Taking the order of selecting applications shown in Figures 15A-15I and 16A-16D: note application, chat application, reader application, reader application and target split-screen layout as an example, combined with the numbering order from left to right and from top to bottom shown in Figure 18, the electronic device 100 can display user interface 201 (note 1 browsing interface) in area 86 after the split screen, display user interface 207 (chat interface) in area 87, display user interface 205 (document XXX.pdf browsing interface) in area 88, and display user interface 206 (document YYY.pdf browsing interface) in area 89.

[0261] Optionally, the electronic device 100 may determine which application's user interface is displayed in which display area according to the reverse order of the order in which the user selects the applications and the display area numbers shown in Figure 18. In this case, in the scenarios shown in Figures 15A-15I and 16A-16D, the electronic device 100 may display the user interface 206 (document YYY.pdf browsing interface) in area 86 after the screen is split, display the user interface 205 (document XXX.pdf browsing interface) in area 87, display the user interface 207 (chat interface) in area 88, and display the user interface 201 (note 1 browsing interface) in area 89.

[0262] In other embodiments, the electronic device 100 may number the display areas under different split-screen layouts in a clockwise order. FIG19 is a schematic diagram of numbering the display areas under different split-screen layouts in a clockwise order according to an embodiment of the present application.

[0263] Taking the order of selecting applications shown in Figures 15A-15I and 16A-16D: note application, chat application, reader application, reader application and target split-screen layout as an example, combined with the clockwise numbering order shown in Figure 19, the electronic device 100 can display the user interface 201 (note 1 browsing interface) in area 86 after the split screen, display the user interface 207 (chat interface) in area 88, display the user interface 205 (document XXX.pdf browsing interface) in area 89, and display the user interface 206 (document YYY.pdf browsing interface) in area 87.

[0264] Likewise, optionally, the electronic device 100 may determine which application's user interface is displayed in which display area according to the reverse order of the order in which the user selects the applications and the display area numbers shown in FIG19 .

[0265] In other embodiments, the electronic device 100 may further record the preferred display mode of each application: landscape / portrait. The electronic device 100 may match the user-selected application and the display area after the split screen according to the preferred display mode of each application, and then allocate the remaining display area in the order of left to right or top to bottom as described in FIG. 18 , or in the clockwise order as shown in FIG. 19 .

[0266] For example, short video applications, readers, instant messaging applications (such as chat applications), etc. are usually displayed in portrait mode. Taking the order of selecting applications shown in Figures 15A-15I and Figures 16A-16D: note application, chat application, reader application, reader application and target split-screen layout as an example, combined with the numbering order from left to right and from top to bottom and the usual display mode shown in Figure 18, the electronic device 100 can display user interface 207 (chat interface) in area 88 after the split screen, display user interface 205 (document XXX.pdf browsing interface) in area 89, display user interface 201 (note 1 browsing interface) in area 86, and display user interface 206 (document YYY.pdf browsing interface) in area 87.

[0267] In this way, users can get a better split-screen experience.

[0268] FIG20 is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present application.

[0269] 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 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 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 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.

[0270] It should be understood that the structure illustrated in the embodiments of the present invention does 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.

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

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

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

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

[0275] The USB interface 130 is an interface that complies with USB standards and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, to transfer data between the electronic device 100 and peripheral devices, or to connect headphones to play audio through the headphones.

[0276] The charging management module 140 is configured to receive charging input from a charger. While charging the battery 142 , the charging management module 140 can also provide power to the electronic device through the power management module 141 .

[0277] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to provide power to the processor 110, the internal memory 121, the display 194, the camera 193, and the wireless communication module 160.

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

[0279] The mobile communication module 150 can provide solutions for wireless communications such as 2G / 3G / 4G / 5G applied to the electronic device 100. The wireless communication module 160 can provide solutions for wireless communications such as wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared technology (IR), etc. applied to the electronic device 100.

[0280] In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and / or a satellite based augmentation system (SBAS).

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

[0282] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD). The display panel can also be made of an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a miniLED, a microLED, a micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device can include one or N display screens 194, where N is a positive integer greater than one.

[0283] In an embodiment of the present application, the electronic device 100 implements the display function provided by the GPU, the display screen 194, and the application processor, etc.: displaying the user interface shown in Figures 4A-4M, 5A-5C, 6A-6Q, 7A-7B, 8A-8B, 9A-9J, 12A-12J, 13A-13D, 14A-14C, 15A-15K, 16A-16D, and 17.

[0284] The electronic device 100 can implement the shooting function through the ISP, camera 193, video codec, GPU, display 194 and application processor, etc. In some embodiments, the electronic device 100 can include 1 or N cameras 193, where N is a positive integer greater than 1.

[0285] The internal memory 121 may include one or more random access memories (RAM) and one or more non-volatile memories (NVM).

[0286] Random access memory can include static random-access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM, for example, the fifth generation of DDR SDRAM is generally referred to as DDR5 SDRAM), etc. Non-volatile memory can include disk storage devices and flash memory.

[0287] The random access memory can be directly read and written by the processor 110 and can be used to store executable programs (such as machine instructions) of the operating system or other running programs, and can also be used to store user and application data. Non-volatile memory can also store executable programs and user and application data, and can be pre-loaded into the random access memory for direct reading and writing by the processor 110.

[0288] In an embodiment of the present application, the application code for implementing the split-screen display method described in the embodiment of the present application may be stored in a non-volatile memory. The application code may be loaded into a random access memory and executed by the processor 110, thereby implementing the split-screen display function shown in Figures 4A-4M, Figures 5A-5C, Figures 6A-6Q, Figures 7A-7B, Figures 8A-8B, Figures 9A-9J, Figures 12A-12J, Figures 13A-13D, Figures 14A-14C, Figures 15A-15K, Figures 16A-16D, and Figure 17.

[0289] The external memory interface 120 can be used to connect to an external non-volatile memory to expand the storage capacity of the electronic device 100. The external non-volatile memory communicates with the processor 110 through the external memory interface 120 to implement a data storage function.

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

[0291] The pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, the pressure sensor 180A can be provided on the display screen 194. When a touch operation is applied to the display screen 194, the electronic device 100 detects the intensity of the touch operation based on the pressure sensor 180A. The electronic device 100 can also calculate the position of the touch based on the detection signal of the pressure sensor 180A. Referring to Figures 4A-4M, 5A-5C, 6A-6Q, 7A-7B, 8A-8B, and 9A-9J, touch operations acting on the same touch position but with different touch operation intensities can correspond to different operation instructions.

[0292] The gyroscope sensor 180B can be used to determine the angular velocity of the electronic device 100 about three axes (i.e., the x, y, and z axes), and thus to determine the motion posture of the electronic device 100. The acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes) and is often used together with the gyroscope sensor 180B to determine the motion posture of the electronic device 100. The air pressure sensor 180C can be used to measure air pressure. The magnetic sensor 180D includes a Hall effect sensor. The electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip case. The distance sensor 180F can be used to measure distance. The proximity light sensor 180G can include, for example, a light-emitting diode (LED) and a light detector. The electronic device 100 can use the proximity light sensor 180G to detect the absence of objects near the electronic device 100. The ambient light sensor 180L can be used to sense the ambient light brightness. The electronic device 100 can adaptively adjust the brightness of the display screen 194 based on the sensed ambient light brightness. The fingerprint sensor 180H can be used to collect fingerprints. The temperature sensor 180J can be used to detect temperature. The bone conduction sensor 180M can acquire vibration signals.

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

[0294] In an embodiment of the present application, the electronic device 100 can detect whether there is a user operation acting on the screen through the touch sensor 180K, such as clicking, long pressing, sliding (including sliding up, sliding down, sliding right, sliding left, etc.). Referring to Figures 4A-4M, Figures 5A-5C, Figures 6A-6Q, Figures 7A-7B, Figures 8A-8B, Figures 9A-9J, Figures 12A-12J, Figures 13A-13D, Figures 14A-14C, Figures 15A-15K, Figures 16A-16D, and Figure 17, based on the user operation acting on the screen detected by the touch sensor 180K, the electronic device 100 is able to determine the subsequent action to be performed, such as running a certain application, displaying the interface of the application, etc.

[0295] Buttons 190 include a power button, a volume button, and other buttons. Buttons 190 can be mechanical buttons or touch buttons. Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts or for touch vibration feedback. Indicator 192 can be an indicator light that can be used to indicate charging status, battery level changes, messages, missed calls, notifications, etc. SIM card interface 195 is used to connect a SIM card. Electronic device 100 can support one or N SIM card interfaces, where N is a positive integer greater than one.

[0296] The term "user interface (UI)" in the specification, claims and drawings of this application refers to the media interface for interaction and information exchange between an application or operating system and a user, which realizes the conversion between the internal form of information and the form acceptable to the user. The user interface of an application is a source code written in a specific computer language such as Java and Extensible Markup Language (XML). The interface source code is parsed and rendered on the terminal device, and finally presented as content that the user can recognize, such as pictures, text, buttons and other controls. Controls, also known as widgets, are the basic elements of the user interface. Typical controls include toolbars, menu bars, text boxes, buttons, scroll bars, pictures and text. The properties and contents of controls in the interface are defined by tags or nodes, such as XML through <textview> 、 <imgview> 、 <videoview>The controls contained in the interface are specified by nodes such as <head> and <body>. A node corresponds to a control or attribute in the interface, and the node is presented as user-visible content after parsing and rendering. In addition, many applications, such as hybrid applications, usually also contain web pages in their interfaces. A web page, also known as a page, can be understood as a special control embedded in the application interface. A web page is a source code written in a specific computer language, such as hypertext markup language (HTML), cascading style sheets (CSS), JavaScript (JS), etc. The web page source code can be loaded and displayed as user-recognizable content by a browser or a web page display component with similar functions to a browser. The specific content contained in a web page is also defined by tags or nodes in the web page source code, such as HTML through <body>. 、 、 <video> 、 <canvas>To define the elements and attributes of a web page.

[0297] A common form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operations that uses graphics. It can be an icon, window, control, or other interface element displayed on the display of an electronic device. Controls can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, and other visual interface elements.

[0298] As used in the specification and appended claims of the present application, the singular expressions "a", "an", "said", "above", "the" and "this" are intended to include plural expressions as well, unless the context clearly indicates otherwise. It should also be understood that the term "and / or" used in the present application refers to and includes any or all possible combinations of one or more listed items. As used in the above embodiments, the term "when..." can be interpreted to mean "if..." or "after..." or "in response to determining..." or "in response to detecting...". Similarly, the phrase "when determining..." or "if (stated condition or event) is detected" can be interpreted to mean "if determining..." or "in response to determining..." or "when (stated condition or event) is detected" or "in response to detecting (stated condition or event)", depending on the context.

[0299] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from one website, computer, server or data center to another website, computer, server or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrations. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state hard disk).

[0300] Those skilled in the art will appreciate that all or part of the process steps in the above-described method embodiments can be implemented by a computer program instructing the relevant hardware. The program can be stored in a computer-readable storage medium, and when executed, the program can include the process steps in the above-described method embodiments. The aforementioned storage medium includes various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.< / canvas> < / video> < / videoview> < / imgview> < / textview>

Claims

1. A split-screen display method, applied to an electronic device, characterized in that: The method comprises: Split screen display of N user interfaces; Detecting a first user operation and displaying a background interface, the background interface including a first application card and a first split-screen card, the first application card corresponding to a first user interface, the first split-screen card corresponding to the N user interfaces; the first user interface is a user interface provided by the first application; A user operation on the first application card and the first split-screen card is detected, and the N user interfaces and the first user interface are displayed in split-screen.

2. The method according to claim 1, characterized in that After displaying the background interface, the method further includes: Display multiple split-screen style controls; one split-screen style control corresponds to one split-screen style, and one split-screen style includes the number of split-screen user interfaces and the arrangement layout of the user interfaces; A user operation on a first split-screen style control among the multiple split-screen style controls is detected, and the number of split-screen user interfaces in the split-screen style corresponding to the first split-screen style control is N+1; The detecting a user operation on the first application card and the first split-screen card, and displaying the N user interfaces and the first user interface in split-screen specifically includes: User operations on the first application card and the first split-screen card are detected, and the total number of user interfaces corresponding to the first application card and the first split-screen card reaches N+1, and the N user interfaces and the first user interface are displayed in split screen.

3. The method according to claim 2, characterized in that Before displaying the multiple split-screen style controls, the method further includes: detecting a second user operation, where the second user operation is used to trigger the display of the split-screen style controls.

4. The method according to claim 3, characterized in that The second user operation is specifically a sliding operation, and the starting point of the sliding operation is below the upper edge of the screen of the electronic device.

5. The method according to claim 3, characterized in that The background interface includes at least one application card, the at least one application card includes the first application card, and the second user operation is specifically: a long press operation on any one application card in the at least one application card or the first split-screen card.

6. The method according to any one of claims 2 to 5, characterized in that: After detecting a user operation on a first split-screen style control among the multiple split-screen style controls, the method further includes: displaying the first preview control, where the first preview control includes the N+1 windows; The detecting of the user operation on the first application card and the first split-screen card includes: detecting a third user operation on the first split-screen card, and detecting a fourth user operation on the first application card; After detecting the third user operation on the first split-screen card, the method further includes: displaying the N user interfaces corresponding to the first split-screen card in the N windows of the first preview control respectively; After detecting the fourth user operation on the first application card, the method further includes: displaying the first user interface corresponding to the first application card in a first window of the first preview control, where the first window is a window other than the N windows among the N+1 windows.

7. The method according to claim 6, characterized in that The background interface further includes a second application card. After detecting the third user operation on the first split-screen card and before detecting the fourth user operation on the first application card, the method further includes: detecting a fifth user operation on the second application card, and displaying a second user interface corresponding to the second application card in the first window of the first preview control, where the second user interface is different from the first user interface; A sixth user operation on the first editing control is detected, and the second user interface is stopped from being displayed in the first window.

8. The method according to claim 6 or 7, characterized in that The split-screen displaying of the N user interfaces and the first user interface specifically includes: after detecting a user operation on the first preview control, split-screen displaying the N user interfaces and the first user interface.

9. The method according to claim 6, characterized in that The N+1 windows include at least one vertical window. The N user interfaces corresponding to the first split-screen card and the first type of interface in the first user interface preferentially occupy the vertical window for display. The first type of interface is a user interface commonly used for vertical screen display.

10. The method according to claim 9, characterized in that The first type of interface includes one or more of the following: a short video playback interface, a document browsing interface, and an information sending and receiving interface.

11. The method according to claim 6, characterized in that After detecting the third user operation on the first split-screen card, the method further includes: marking the first split-screen card to indicate that the N user interfaces corresponding to the first split-screen card have been selected; After detecting the fourth user operation on the first application card, the method further includes: marking the first application card to indicate that the first user interface corresponding to the first application card has been selected.

12. The method according to claim 11, characterized in that The marking specifically includes: using shadow covering.

13. The method according to claim 1, wherein The N user interfaces include a third user interface provided by the first application, and the third user interface is different from the first user interface.

14. The method according to claim 1, wherein The N user interfaces correspond to N applications, the N applications are different from each other, and the N applications do not include the first application.

15. A split-screen display method, applied to an electronic device, characterized in that: The method comprises: Split screen display of N user interfaces; Detecting a first user operation, displaying a background interface, wherein the background interface includes a third application card and a fourth application card, wherein the third application card corresponds to a third user interface, and the fourth application card corresponds to a fourth user interface, and the third user interface is one of the N user interfaces; A user operation on the third application card and the fourth application card is detected, and the third user interface and the fourth user interface are displayed in split screens.

16. The method according to claim 15, characterized in that The background interface further includes a first split-screen card, the first split-screen card corresponding to the N user interfaces, and after the split-screen displays the third user interface and the fourth user interface, the method further includes: Detecting the first user operation, re-displaying the background interface, the background interface including the first split-screen card and the second split-screen card, the second split-screen card corresponding to the third user interface and the fourth user interface; After detecting a user operation on the first split-screen card, the N user interfaces are displayed in split-screen.

17. The method according to claim 16, characterized in that The method further comprises: After detecting a user operation on the second split-screen card, the third user interface and the fourth user interface continue to be displayed in split-screen.

18. The method according to claim 15, characterized in that The N user interfaces do not include the fourth user interface.

19. The method according to claim 15, characterized in that The fourth user interface is one of the N user interfaces, and the third user interface is different from the fourth user interface.

20. The method according to claim 15, wherein The third user interface and the fourth user interface are provided by one application.

21. The method according to claim 15, wherein The third user interface and the fourth user interface are provided by two different applications.

22. The method according to any one of claims 15 to 17, characterized in that After displaying the background interface, the method further includes: Display multiple split-screen style controls; one split-screen style control corresponds to one split-screen style, and one split-screen style includes the number of split-screen user interfaces and the arrangement layout of the user interfaces; A user operation on a second split-screen style control among the multiple split-screen style controls is detected, and the number of split-screen user interfaces in the split-screen style corresponding to the second split-screen style control is 2; The detecting user operations on the third application card and the fourth application card, and displaying the third user interface and the fourth user interface on split screens specifically includes: A user operation on the third application card and the fourth application card is detected, and the total number of user interfaces corresponding to the third application card and the fourth application card reaches 2, and the third user interface and the fourth user interface are displayed in split screen.

23. The method according to claim 22, characterized in that Before displaying the multiple split-screen style controls, the method further includes: detecting a second user operation, where the second user operation is used to trigger the display of the split-screen style controls.

24. The method according to claim 23, wherein The second user operation is specifically a sliding operation, and the starting point of the sliding operation is below the upper edge of the screen of the electronic device.

25. The method according to claim 23, characterized in that The background interface includes at least one application card, the at least one application card includes the third application card and the fourth application card, and the second user operation is specifically: a long press operation on any one of the at least one application card.

26. The method according to any one of claims 22 to 25, characterized in that After detecting a user operation on a second split-screen style control among the multiple split-screen style controls, the method further includes: displaying the second preview control, where the second preview control includes two windows; The detecting of the user operations on the third application card and the fourth application card includes: detecting a seventh user operation on the third application card, and detecting an eighth user operation on the fourth application card; After detecting the seventh user operation on the third application card, the method further includes: displaying the third user interface corresponding to the third application card in one of the two windows; After detecting the eighth user operation on the fourth application card, the method further includes: displaying the fourth user interface corresponding to the fourth application card in the other window of the two windows.

27. The method according to claim 26, characterized in that The split-screen displaying of the third user interface and the fourth user interface specifically includes: after detecting a user operation on the second preview control, split-screen displaying the third user interface and the fourth user interface.

28. The method according to claim 26, characterized in that The two windows include at least one vertical window, and the first type of interface in the third user interface and the fourth user interface preferentially occupies the vertical window for display, and the first type of interface is a user interface commonly used for vertical screen display.

29. The method according to claim 28, characterized in that The first type of interface includes one or more of the following: a short video playback interface, a document browsing interface, and an information sending and receiving interface.

30. The method according to claim 26, wherein After detecting the seventh user operation on the third application card, the method further includes: marking the third application card to indicate that the third user interface corresponding to the third application card has been selected; After detecting the eighth user operation on the fourth application card, the method further includes: marking the fourth application card to indicate that the fourth user interface corresponding to the fourth application card has been selected.

31. The method according to claim 30, wherein The marking specifically includes: using shadow covering.

32. A split-screen display method, applied to an electronic device, characterized in that: The method comprises: When displaying the first interface of the fifth application, detecting a first operation on the first control; In response to the first operation, a second interface and a first card are displayed, wherein the second interface displays a plurality of icons, each icon corresponding to an application, and the first card includes a first icon corresponding to the fifth application; detecting a second operation on N icons among the plurality of icons, updating the first card, wherein the updated first card includes the first icon and the N icons, where N is greater than or equal to 1; A third operation on the updated first card is detected, and M user interfaces are displayed in split screen, where the M user interfaces are provided by the applications corresponding to the N icons and the fifth application, and M≥N+1.

33. The method according to claim 32, characterized in that The detecting a second operation on N icons among the plurality of icons, updating the first card, wherein the updated first card includes the first icon and the N icons, specifically includes: detecting an operation on a second icon among the multiple icons, and updating the first card, wherein the updated first card includes the first icon and the second icon; An operation on a third icon among the multiple icons is detected, and the first card continues to be updated, where the updated first card includes the first icon, the second icon, and the third icon.

34. The method according to claim 33, wherein The method further comprises: Detecting an operation on the third icon again, and continuing to update the first card; The updated first card includes two third icons, or the updated first card further includes first indication information, and the first indication information is used to indicate that the user has selected the third icon twice.

35. The method according to claim 34, wherein The M user interfaces include two user interfaces provided by the application corresponding to the third icon.

36. The method according to claim 35, characterized in that The applications corresponding to the third icon include: browser, reader, and instant messaging application.

37. The method according to claim 33 or 34, characterized in that The detecting an operation on a second icon among the multiple icons specifically includes: detecting an operation of a user dragging the first card to the second icon; The detecting an operation on a third icon among the multiple icons specifically includes: detecting an operation in which the user continues to drag the updated first card to the third icon.

38. The method according to claim 37, wherein The detecting of the third operation on the updated first card specifically includes: detecting an operation of raising a hand to release the updated first card.

39. The method according to claim 38, characterized in that When the user touches a point within the second icon, the electronic device determines that the user drags the first card to the second icon.

40. The method according to claim 39, wherein When the user drags the first card, the display position of the first card on the screen changes with the user touch point, and the user touch point is in a corner area of ​​the first card.

41. The method according to claim 33 or 34, characterized in that The detecting an operation on a second icon among the multiple icons specifically includes: detecting a first touch operation on the second icon; The detecting an operation on a third icon among the multiple icons specifically includes: detecting a first touch operation on the third icon.

42. The method according to claim 41, wherein The detecting a third operation on the updated first card specifically includes: detecting a second touch operation on the updated first card.

43. The method according to claim 42, characterized in that The first touch operation is one of the following operations: a click operation, a long press operation, and a sliding operation; the second touch operation is one of the following operations: a click operation, a long press operation, and a sliding operation.

44. The method according to claim 38 or 42, characterized in that Before displaying the M user interfaces on split screens, the method further includes: Display at least one M split-screen style control; detecting a fourth operation on a fifth split-screen style control in the at least one M split-screen style control, The split-screen display of M user interfaces specifically includes: split-screen display of M user interfaces according to a layout corresponding to the fifth split-screen style.

45. The method according to claim 44, wherein The method also includes: displaying M deletion controls in a third interface, the third interface including at least one M split-screen style control, the M deletion controls corresponding one-to-one to the M user interfaces, wherein one deletion control is used to delete a corresponding user interface.

46. ​​The method according to claim 32, wherein The applications corresponding to the N icons and the fifth application include a second target application, which is usually displayed in portrait mode. The M user interfaces include a user interface provided by the second target application, and the M user interfaces displayed in split screen include: a user interface provided by the second target application displayed in a vertical rectangular area.

47. The method according to claim 46, wherein The second target applications include: short video applications, readers, and instant messaging applications.

48. The method according to claim 32, wherein The first control is displayed at the upper edge of the screen, and the first operation on the first control specifically includes: dragging the first control to slide downward.

49. An electronic device, characterized in that The method comprises one or more processors and one or more memories; wherein the one or more memories are coupled to the one or more processors, and the one or more memories are used to store a computer program, and when the one or more processors execute the computer program, the method according to any one of claims 1 to 14, 15 to 31 or 32 to 48 is executed.

50. A computer-readable storage medium comprising a computer program, characterized in that When the computer program runs on an electronic device, the electronic device performs the method according to claims 1-14, 15-31 or 32-48.

Images