Split-screen display method and electronic equipment

By displaying application cards and split-screen style controls in the background interface, users are allowed to select and preview split-screen effects, which solves the problem that users cannot open multiple user interfaces for split-screen display at one time, and improves user experience and operational convenience.

CN120596044APending Publication Date: 2025-09-05HONOR DEVICE CO LTD
View PDF 0 Cites 1 Cited by

Patent Information

Application Number
CN202410245257.7
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-02-29
Publication Date
2025-09-05

AI Technical Summary

Technical Problem

Users cannot open multiple user interfaces for split-screen display at one time, and cannot preview the split-screen effect, resulting in the final split-screen effect not meeting user needs, causing inconvenience to users.

Method used

A split-screen display method is provided. By displaying multiple application cards and split-screen style controls on the background interface, users can select and preview the split-screen effect. It also supports selecting multiple user interfaces for split-screen display at one time, including preview controls and undo controls for easy adjustment.

Benefits of technology

It enables users to select multiple user interfaces for split-screen display at one time, and can preview and adjust the split-screen effect in real time, improving user experience and operational convenience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN120596044A_ABST
    Figure CN120596044A_ABST
Patent Text Reader

Abstract

The invention provides a split-screen display method and electronic equipment. By implementing the method, electronic equipment such as a mobile phone and a tablet personal computer can perform N-split-screen display on the N user interfaces. In the N split-screen display scene, the electronic equipment can display the split-screen card corresponding to the N split-screen scene on a background interface. A user can select the split-screen card and other application cards in the background interface, and a new user interface needing split-screen display continues to be added in the N split-screen scene. The user can also create new screen splitting tasks with different styles and different contents for the user interface which participates in the screen splitting and / or the user interface which does not participate in the screen splitting and is displayed in the background interface.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

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

[0002] Currently, users can only open one user interface at a time for split-screen display with the currently displayed user interface, which fails to meet users' personalized split-screen needs. Furthermore, users cannot preview the split-screen effect before entering the split-screen display, resulting in the final split-screen effect not meeting their actual needs and causing inconvenience to users. Summary of the Invention

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0045] In a third 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.

[0046] In a fourth 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.

[0047] In a fifth 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.

[0048] It is understandable that the electronic device provided in the third aspect, the computer storage medium provided in the fourth aspect, and the computer program product provided in the fifth 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

[0049] Figure 1A-1C This is a schematic diagram of a group of screen displays provided by an embodiment of the present application;

[0050] Figure 2A-2E A set of user interfaces for starting split-screen display provided in an embodiment of the present application;

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

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

[0053] Figures 5A-5C The embodiment of the present application provides a user interface for canceling a selected operation;

[0054] Figure 6A-Figure 6Q A set of user interfaces for implementing a continued split-screen operation provided in an embodiment of the present application;

[0055] Figure 7A-7B The embodiment of the present application provides another user interface for triggering the display of multiple split-screen style controls;

[0056] Figure 8A-8B The embodiment of the present application provides another user interface for selecting split-screen style controls and application cards;

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

[0058] Figure 10 is a schematic diagram of numbering preview control windows from left to right, provided in an embodiment of the present application;

[0059] Figure 11 is a schematic diagram of numbering preview control windows in clockwise order provided by an embodiment of the present application;

[0060] Figure 12 1 is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present application. DETAILED DESCRIPTION

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

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

[0063] 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 special restrictions on the specific type of the electronic device 100.

[0064] Figure 1A This is a split-screen display schematic diagram provided in an embodiment of the present application.

[0065] like Figure 1A As shown, the electronic device 100 can divide the display screen of the electronic device 100 into two display areas, which are marked as area 10 and area 11. The area 10 and the area 11 are arranged horizontally.

[0066] The electronic device 100 may display the user interface 101 in the area 10 and the user interface 111 in the area 11. Figure 1A As shown, the user interface 101 may be a note interface provided by a note application, and the user interface 111 may be an album browsing interface provided by a gallery application.

[0067] Figure 1B This is another split-screen display schematic diagram provided in an embodiment of the present application.

[0068] like Figure 1B As shown, 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.

[0069] Combine Figure 1A 、 Figure 1B It can be seen that 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.

[0070] Figure 1A 、 Figure 1B The split-screen display showing two user interfaces is also referred to as a two-split-screen display. It is understood that the electronic device 100 can also divide the display screen into more display areas, such as three or four, to display more user interfaces. Correspondingly, a split-screen display showing three user interfaces can be referred to as a three-split-screen display, a split-screen display showing four user interfaces can be referred to as a four-split-screen display, and so on. These examples are not listed here one by one.

[0071] refer to Figure 1C , 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, area 12, and area 13 are arranged horizontally. Figure 1C As shown, the electronic device 100 can display a user interface 101 (a note interface provided by a note application) in area 10, a user interface 102 (a document browsing interface provided by a reader application) in area 12, and a user interface 112 (another document browsing interface provided by a reader application) in area 13.

[0072] That is, in split-screen displays such as three-split screen display and four-split screen display that divide the display screen into more display areas, the electronic device 100 can split-screen display the user interfaces provided by different applications, and at the same time, split-screen display the different user interfaces provided by one application.

[0073] Figure 2A-2E This is a set of user interfaces for starting split-screen display provided in an embodiment of the present application.

[0074] refer to Figure 2A , the electronic device 100 may first display the user interface 201 in full screen. For example, the user interface 201 may be a note interface provided by a note application. When the user interface 201 is displayed in full screen, the electronic device 100 may also display a horizontal bar control 211 at the top of the screen.

[0075] 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 the control means setting the control to a suspended state that can be dragged. Figure 2B After the horizontal bar control 211 is floated, the electronic device 100 may detect that the user has dragged the horizontal bar control 211 to the right area of ​​the screen and released it. In response to the above operation, the electronic device 100 may 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.

[0076] refer 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, and 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 display area, a user interface provided by an application can adaptively add or delete some content as the display area changes. For example, compared to Figure 2A In the user interface 201, Figure 2C In the example, the user interface 201 using the smaller display area 11 can include less content. The split-screen menu interface 202 includes two areas: an area for recommended applications and an area for all applications that support split-screen. Each area can include multiple application icons, such as a book icon, a gallery icon, and a player A icon. Each application icon corresponds to one application.

[0077] In some embodiments, the electronic device 100 may 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. Figure 2C The user interface shown.

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

[0079] refer to Figure 2D , the electronic device 100 can detect the user's operation on the player A icon. In response to the above operation, the electronic device 100 can run the player A application corresponding to the player A icon. Then, refer to Figure 2E , the electronic device 100 can display a user interface 203 of the player A application in area 10, such as a video playback interface.

[0080] 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 notes through the user interface 201 (note interface) displayed in area 11 .

[0081] Figures 3A-3D This is another set of user interfaces for starting split-screen display provided in an embodiment of the present application.

[0082] refer to Figure 3AWhen the user interface 201 is displayed in full screen, the electronic device 100 can also detect a left sliding operation from the right edge of the display screen to the left. Figure 3B In response to the above operation, the electronic device 100 may display a split-screen menu window 301 in the right area of ​​the display screen. The split-screen menu window 301 may also be used to display multiple application icons, such as a reading icon, a gallery icon, a player A icon, etc. Each application icon corresponds to one application.

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

[0084] refer to Figure 3C , the electronic device 100 can detect the user's operation on the player A icon. Figure 3D In response to the above operation, the electronic device 100 may divide the display screen into two display areas: area 10 and area 11. The electronic device 100 may continue to display the user interface 201 (note interface) in area 11, while at the same time, the electronic device 100 may display a user interface 203 (video playback interface) of the player A application in area 10.

[0085] In some embodiments, after detecting the user's 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 in the floating window. After detecting the user's operation on the horizontal bar control 211, the full screen display control, the split screen display control, the floating display control, etc. are displayed. After detecting the user's operation on the split screen display control, the electronic device 100 may display Figure 3D The user interface shown displays user interface 201 and user interface 203 in split screen.

[0086] Thus, the user can similarly watch the video through the user interface 203 (video playback interface) displayed in area 10 and browse and edit the notes through the user interface 201 (note interface) displayed in area 11 .

[0087] exist Figure 2A-2E 、 Figures 3A-3D In the method of triggering split-screen display shown, 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, causing inconvenience to the user.

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

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

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

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

[0092] refer to Figure 4A When the user interface 201 is displayed in full screen, the electronic device 100 can detect a swipe-up operation from the bottom edge of the display screen.

[0093] refer to Figure 4B In response to the above operation, the electronic device 100 may display the background interface 410. Figure 4B As shown, 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.

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

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

[0096] refer to Figure 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.

[0097] refer to Figure 4D , the electronic device 100 can display split-screen style controls 421 to 427 in the upper area of ​​the application cards 401 to 405. Among them, 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 a three-split-screen display, and the split-screen style controls 426 and 427 correspond to a four-split-screen display. 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 can be understood that the electronic device 100 can also display more split-screen style controls, which are not listed one by one here.

[0098] Exemplary, reference Figure 4E , the electronic device 100 may detect a user operation, such as a click operation, acting 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.

[0099] refer to Figure 4F, electronic device 100 may display 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. After detecting a user operation on an application card, electronic device 100 may display the user interface thumbnail corresponding to the application card in one window of preview control 432, allowing the user to preview the split-screen effect.

[0100] refer to Figure 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. Figure 4H It is understandable 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, for example Figure 4A The user interface 201 (note interface) shown. Optionally, the electronic device 100 can mark the application card 405 at the same time to indicate that the application card 405 has been selected. Figure 4H , the electronic device 100 can mark the application card 405 by shadow covering.

[0101] refer to Figure 4I 、 Figure 4J 、 Figure 4K , the electronic device 100 can also detect user operations on application card 403 and application card 402 in sequence. In response to the above operations, the electronic device 100 can display the user interface thumbnail 413 on application card 403 in window 4322, and display the user interface thumbnail 412 on application card 402 in window 4323. User interface thumbnail 413 corresponds to the most recently displayed frame of user interface of player A application, such as user interface 203 (video playback interface). User interface thumbnail 412 corresponds to the most recently displayed frame of user interface of reader application, such as user interface 102 (document test1.pdf browsing interface). Similarly, when displaying user interface thumbnail 413 in window 4322, the electronic device 100 can mark application card 403 by shadow covering; when displaying user interface thumbnail 412 in window 4323, the electronic device 100 can mark application card 402 by shadow covering.

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

[0103] Then, refer to Figure 4L , the electronic device 100 can detect a user operation acting on the control 432, such as a click operation.

[0104] refer to Figure 4M In the scenario where the number of user interfaces corresponding to the selected cards 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: area 10, area 12, and area 13 according to the preview control 432. 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. Figure 4M As shown, 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.

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

[0106] Some applications can provide multiple user interfaces simultaneously. Figure 1B , the reader application can provide multiple document browsing interfaces. Figure 4A As shown, after detecting a swipe-up operation, the electronic device 100 may display multiple application cards of an application in the background interface 410. Each application card corresponds to a user interface provided by the application. When selecting application cards for split-screen operation, the user may select multiple application cards of an application. Accordingly, the electronic device 100 may display multiple user interfaces provided by an application in split-screen operation.

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

[0108] Figures 5A-5C The embodiment of the present application provides a user interface for undoing selected operations.

[0109] refer to Figure 5A After determining an application card selected by the user (eg, application card 405), the electronic device 100 may further display an undo control 511 (a first editing control). Figure 5B , the electronic device 100 may detect a user operation acting on the cancel control 511. In response to the above operation, the electronic device 100 may cancel the previous selected operation, such as the operation of selecting the application card 405. Figure 5C , the electronic device 100 may stop displaying the user interface thumbnail 415 in the window 4321 , and at the same time, the electronic device 100 may remove the shadow on the application card 405 .

[0110] Accordingly, refer to Figure 4J 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.

[0111] refer to Figure 4K After the user selects app card 402, electronic device 100 may also display undo control 511. After detecting the user operation on undo control 511, electronic device 100 may undo the previous selection operation: the operation of selecting app card 402. Then, 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.

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

[0113] refer to Figure 5A , 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 above 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, for example Figure 4A User interface 201 is shown.

[0114] Implementation Figures 4A-4M 、 Figures 5A-5C The method shown allows users to select two or more user interfaces at once 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, improving the user experience. On the other hand, during the preview of the split-screen effect, users can also cancel the selected user interface participating in the split-screen at any time, thereby adjusting the split-screen effect at any time, further improving the user experience.

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

[0116] The operation of adding or reducing user interfaces on the basis of displaying multiple user interfaces on a split screen, thereby adjusting the split screen display style, is recorded as a continue split screen operation. Figure 6A-Figure 6Q This is a set of user interfaces for implementing continued split-screen operations provided in an embodiment of the present application.

[0117] refer to Figure 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 (first user operation). In response to the above operation, electronic device 100 may display background interface 410.

[0118] refer to Figure 6B At this time, the background interface 410 also includes a split-screen card 406 (first split-screen card). The split-screen card 406 can display a user interface thumbnail 416. The user interface thumbnail 416 corresponds to Figure 6A The three-part screen display interface 601 shown is a combined user interface including the user interface 201 , the user interface 203 , and the user interface 102 .

[0119] refer to Figure 6C , the electronic device 100 can detect the sliding operation (second user operation). Figure 6D In response to the above operation, the electronic device 100 may display multiple split-screen style controls in the background interface 410, such as split-screen style controls 421 to 427.

[0120] Suppose the user wants to Figure 6A A user interface is added based on the three-split screen display shown. At this time, the user can select a split screen style control corresponding to the four-split screen display, such as the split screen style control 426 (the first split screen style control). Figure 6E , the electronic device 100 can detect the user operation acting on the control 426. Figure 6F In response to the above operation, the electronic device 100 may 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.

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

[0122] refer to Figure 6I-6J , the electronic device 100 can also detect the user operation on the application card 404 (the first application card). In response to the above operation, the electronic device 100 can display the user interface thumbnail 414 corresponding to the application card 404 in the window 6114 (the first window). The user interface thumbnail 414 corresponds to the most recently displayed frame of the user interface of 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 can mark the application card 404 by covering it with a shadow, indicating that the application card 404 has been selected.

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

[0124] Then, refer to Figure 6K , the electronic device 100 can detect a user operation acting on the control 611, such as a click operation.

[0125] refer to Figure 6L In the scenario where the number of user interfaces corresponding to the selected cards 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 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 layout of the display areas is the same as the arrangement layout of the preview control windows. Then, 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. Figure 6L As shown, the electronic device 100 can display the user interface 201 (note interface) corresponding to the user interface thumbnail 415 in area 14; display the user interface 203 (video playback interface) corresponding to the user interface thumbnail 413 in area 12; display the user interface 102 (document test1.pdf browsing interface) corresponding to the user interface thumbnail 412 in area 13; and display the user interface 204 (another video playback interface) corresponding to the user interface thumbnail 414 in area 15.

[0126] Understandably, in Figures 6A-6L In the method shown, after detecting that the user selects a card (such as split screen card 406, application card 404), the electronic device 100 may also display Figure 5A The undo control 511 shown. The user can also undo the previously selected operation as described above, which will not be repeated here.

[0127] Implementation Figures 6A-6L With the method shown, users can also add or reduce user interfaces based on the split-screen display, thereby conveniently and quickly adjusting the split-screen display style and the split-screen effect to better meet the ever-changing user needs.

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

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

[0130] refer to Figure 6M After calling out multiple split-screen style controls according to the sliding operation (second user operation), the electronic device 100 can detect the user operation acting on the control 421 (second split-screen style control). Figure 6N 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, refer to Figure 6N-Figure 6O , electronic device 100 can detect user operations on application card 403 and application card 401. Therefore, electronic device 100 can display user interface thumbnail 413 corresponding to application card 403 in window 6121 and display user interface thumbnail 411 corresponding to application card 401 in window 6122.

[0131] After selecting application card 403 (third application card) and application card 401 (fourth application card), electronic device 100 may determine that the total amount of user interfaces corresponding to application cards 403 and 401 reaches the number of user interfaces required by preview control 612. Figure 6P , the electronic device 100 can detect a user operation acting on the control 612, such as a click operation. Figure 6Q 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 two display areas: area 10 and area 11 according to the preview control 612. Then, the electronic device 100 may display the video playback interface (third user interface) corresponding to the user interface thumbnail 413 in area 10, and display the file management interface (fourth user interface) corresponding to the user interface thumbnail 411 in area 11.

[0132] In implementation Figure 6QAfter the two-split screen operation shown, when the background interface 410 is displayed again according to the upward sliding 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.

[0133] Understandably, in Figure 6M-6Q In the method shown, after detecting that the user selects a card (such as application card 403, application card 401), the electronic device 100 may also display Figure 5A The undo control 511 shown. The user can also undo the previously selected operation as described above, which will not be repeated here.

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

[0135] Figure 7A-7B The embodiment of the present application provides another user interface for triggering the display of multiple split-screen style controls.

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

[0137] refer to Figure 7A After displaying the background interface 410, the electronic device 100 may detect a long press operation on any application card, such as a long press operation on the application card 405. Figure 7B In response to the above operation, the electronic device 100 may display a plurality of split-screen style controls in the background interface 410 : split-screen style controls 421 - 427 .

[0138] Then, refer to Figure 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 participating in the split-screen selected by the user, and then display the user interface participating in the split-screen selected by the user in a split-screen according to the arrangement layout corresponding to the preview control.

[0139] Understandably, in Figures 6A-6MIn the process of continuing the split screen as shown, 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.

[0140] Figure 8A-8B The embodiment of the present application provides another user interface for selecting split-screen style controls and application cards.

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

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

[0143] refer to Figure 8A , electronic device 100 may detect a user operation of dragging and releasing application card 405 (note card) to split-screen style control 422. In response to the above operation, electronic device 100 may determine that split-screen style control 422 is the target split-screen style control and application card 405 is a target application card.

[0144] Then, the electronic device 100 may display a preview control corresponding to the target split-screen style control. Figure 8B , the electronic device 100 may display a preview control 432 corresponding to the split-screen style control 422. Figure 8B As shown, 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.

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

[0146] Then, refer to Figure 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 a split screen according to the arrangement layout corresponding to the preview control.

[0147] Understandably, through Figure 8AAfter the target application card and the target split-screen style control are selected by the drag operation shown, the electronic device 100 may also display Figure 5A The undo control 511 and cancel control 512 are shown so that the user can adjust the user interface participating in the split-screen display at any time during the preview process.

[0148] Understandably, in Figures 6A-6M In the process of continuing the split screen shown, 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.

[0149] Compared to Figure 4E-4H The method for selecting the split-screen style control and the first application card to participate in the split-screen display is shown. Figure 8A-8B The method shown can save user operations. The user can use a drag operation to simultaneously determine the target split-screen style and the first user interface to participate in the split-screen display.

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

[0151] refer to Figure 9A After displaying the background interface 410, the electronic device 100 can detect a long press operation on any application card, such as a long press operation on the application card 405 (note card).

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

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

[0154] refer to Figure 9C , the electronic device 100 can detect the user operation acting on the circle control 915. Figure 9D In response to the above operation, the electronic device 100 may display a selected control 925 to replace the original circle control 915, indicating that the application card 405 has been selected. Figure 9D-9E , the electronic device 100 can detect the user operation acting on the circle control 913. In response to the above operation, the electronic device 100 can display the selected control 923 to replace the original circle control 913.

[0155] At the same time, based on the two target application cards that have been determined: application card 405 and application card 403, the electronic device 100 can determine that the number of user interfaces currently required to be split-screen displayed is 2, and then the electronic device 100 can display a split-screen style control corresponding to the two-split-screen display. Figure 9E , the electronic device 100 can display split-screen style controls 420 and 421 corresponding to the two-split-screen display.

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

[0157] refer to Figure 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.

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

[0159] refer to Figure 9G , the electronic device 100 may detect a user 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 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.

[0160] refer to Figure 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 application card 405 in window 4321 of preview control 432, display user interface thumbnail 413 of application card 403 in window 4322 of preview control 432, and display user interface thumbnail 412 of application card 402 in window 4323 of preview control 432.

[0161] refer to Figure 9H The electronic device 100 can also display split-screen style controls 423 to 425 that also correspond to the three-split screen display, so that the user can switch to different arrangement layouts at any time, thereby better meeting the user's split-screen needs.

[0162] refer to Figure 9H , the electronic device 100 may also display a confirmation control 932. After confirming that the split-screen display requirement of the user is met through the preview control, the user may enter the split-screen display through the confirmation control 932. Figure 9I The electronic device 100 can detect the user operation on the confirmation control 932, and in response to the above operation, the previously selected user interface 201, user interface 203, and user interface 102 are displayed in a split-screen manner according to the arrangement layout shown in the preview control 432.

[0163] refer to Figure 9J , the electronic device 100 can divide the display screen into three display areas: area 10, area 12, and area 13 according to the preview control 432. Then, as Figure 4M As shown, 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.

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

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

[0166] Figure 10 : is a schematic diagram of numbering the preview control windows from left to right provided by an embodiment of the present application. Figure 10In the order from left to right shown, the electronic device 100 can sequentially display the user interface thumbnails of the application cards selected by the user in the window of the preview control.

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

[0168] Figure 11 This is a schematic diagram of numbering the preview control windows in clockwise order provided by an embodiment of the present application. Figure 11 In the clockwise order shown, the electronic device 100 can sequentially display the user interface thumbnails of the application cards selected by the user in the window of the preview control.

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

[0170] 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 that the user selects the short video application card, the electronic device 100 may 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 divided vertical display area. Specifically, refer to Figure 4I After detecting a user operation on application card 403, electronic device 100 may display user interface thumbnail 413 of application card 403 in window 4321. Electronic device 100 may move user interface thumbnail 415 of application card 405, which was originally displayed in window 4321, to window 4322. Thus, electronic device 100 may display user interface 203 (video playback interface) corresponding to user interface thumbnail 413 in area 10, and display user interface 201 (note interface) corresponding to user interface thumbnail 415 in area 12.

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

[0172] Figure 12 1 is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present application.

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

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

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

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

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

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

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

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

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

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

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

[0184] 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 the network and other devices through wireless communication technology. The wireless communication technology 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).

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

[0186] 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 mini-LED, a micro-LED, 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.

[0187] In the embodiment of the present application, the electronic device 100 realizes the display function provided by the GPU, the display screen 194, and the application processor, etc.: Figures 4A-4M 、 Figures 5A-5C 、 Figure 6A-Figure 6Q 、 Figure 7A-7B 、 Figure 8A-8B 、 Figures 9A-9J The user interface shown.

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

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

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

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

[0192] In the embodiment of the present application, the application code for implementing the split-screen display method described in the embodiment of the present application can be stored in a non-volatile memory. The above application code can be loaded into a random access memory and executed by the processor 110, thereby implementing Figures 4A-4M 、 Figures 5A-5C 、 Figure 6A-Figure 6Q 、 Figure 7A-7B 、 Figure 8A-8B 、 Figures 9A-9J The split screen display function shown.

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

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

[0195] 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. Figures 4A-4M 、 Figures 5A-5C 、 Figure 6A-Figure 6Q 、 Figure 7A-7B 、 Figure 8A-8B 、 Figures 9A-9J , touch operations acting on the same touch position but with different touch operation intensities can correspond to different operation instructions.

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

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

[0198] In the embodiment of the present application, the electronic device 100 can detect whether there is a user operation on the screen through the touch sensor 180K, such as clicking, long pressing, sliding (including sliding up, sliding down, sliding right, sliding left, etc.). Figures 4A-4M 、 Figures 5A-5C 、 Figure 6A-Figure 6Q 、 Figure 7A-7B 、 Figure 8A-8B 、 Figures 9A-9J Based on the user operation 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 an application, displaying the interface of the application, etc.

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

[0200] 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> 、

[0201] <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 called 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.

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

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

[0204] 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).

[0205] 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. 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 or any one of claims 15 to 31 is executed.

33. 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 any one of claims 1 to 14 or any one of claims 15 to 31.

Citation Information

Cited By

  • Split-screen display method and electronic device

    WO2025180217A1