Split-screen display method and electronic equipment

Abstract

The invention provides a split-screen display method and electronic equipment. The method is applied to electronic equipment such as mobile phones and tablet personal computers. By implementing the method, the electronic equipment can display the desktop and the split-screen card after detecting the preset operation. Then, the electronic equipment can determine the target applications participating in screen splitting according to the user operation acting on one or more application program icons in the desktop, then the display screen is segmented according to the number of the target applications, the user interface of each target application is displayed in the segmented screen, and the more complex screen splitting requirement of a user is met.

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. It's impossible to open multiple user interfaces at once for split-screen operations like three- or four-way splitting, resulting in low efficiency. Furthermore, users are unable to preview and adjust the split-screen layout, which can easily result in a split-screen effect that doesn't meet user needs, causing inconvenience. 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. The method is applied to electronic devices such as mobile phones and tablets. The method includes: when displaying the first interface of the first application, detecting a first operation on the first control; in response to the first operation, displaying the second interface and the first card, wherein multiple icons are displayed in the second interface, one icon corresponds to one application, and the first card includes the first icon corresponding to the first application; detecting a second operation on N icons among the multiple icons, updating the first card, and the updated first card includes the first icon and N icons, N≥1; detecting a third operation on the updated first card, and displaying M user interfaces in split screen, wherein the M user interfaces are provided by the applications corresponding to the N icons and the first application, and M≥N+1.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0029] In a second 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 a computer program. When the one or more processors execute the computer program, 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.

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

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

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

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

[0034] Figure 2A-2E It is a group of screen display user interfaces provided by the embodiment of the present application;

[0035] Figures 3A-3D This is another set of screen display user interfaces provided by the embodiment of the present application;

[0036] Figures 4A-4J It is a group of screen display user interfaces provided by the embodiment of the present application;

[0037] Figures 5A-5D A user interface for deleting a target application provided in an embodiment of the present application;

[0038] Figures 6A-6C This is another set of user interfaces for deleting target applications provided by an embodiment of the present application;

[0039] Figures 7A-7K The embodiment of the present application provides another set of screen display user interfaces;

[0040] Figures 8A-8D The embodiment of the present application provides a set of user interfaces for opening multiple applications in a split-screen scenario;

[0041] Figure 9 This is another user interface for marking multiple applications provided by an embodiment of the present application;

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

[0043] Figure 11 This is a schematic diagram of numbering display areas under different split-screen layouts in clockwise order provided by an embodiment of the present application;

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

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

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

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

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

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

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

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

[0052] like Figure 1B As shown, the electronic device 100 may also display a user interface 102 in area 10 and a user interface 112 in area 11. The user interface 102 may be a document browsing interface provided by a reader application, such as a browsing interface for the document test1.pdf, and the user interface 112 may be another document browsing interface provided by the reader application, such as a browsing interface for the document test2.pdf.

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

[0054] “Dividing the display screen into M display areas” may be referred to as M-split screen.

[0055] Figure 1A 、 Figure 1B The "dividing the display screen into two display areas" shown is a two-screen split. The "dividing the display screen into three display areas" is a three-screen split. The "dividing the display screen into four display areas" is a four-screen split. It is understandable that the electronic device 100 can also divide the display screen into more display areas to display more user interfaces, which are not listed here one by one.

[0056] Take the three-part screen as an example, refer to Figure 1C , the electronic device 100 can split 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. In a specific split screen scenario, such as Figure 1C As shown, the electronic device 100 can display the user interface 101 (note interface) in area 10, the user interface 102 (browsing interface of the document test1.pdf) in area 12, and the user interface 112 (browsing interface of the document test2.pdf) in area 13.

[0057] That is, in the M split-screen described in the embodiment of the present application, "split-screen display of user interfaces provided by different applications" and "split-screen display of different user interfaces provided by one application" can be performed simultaneously.

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

[0059] 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, such as a note 1 browsing interface. When displayed in full screen, the electronic device 100 may also display a horizontal bar control 211 at the top edge of the screen.

[0060] The electronic device 100 can detect a swipe down operation on the horizontal bar control 211. In response to the swipe down operation, the electronic device 100 can split the display screen into two display areas. The electronic device 100 can continue to display the user interface 201 in one of the two display areas and display the split-screen menu interface 202 in the other area. Figure 2C , the electronic device 100 can split the display screen into area 10 and area 11. The electronic device 100 can continue to display the user interface 201 in area 11 and display the split-screen menu interface 202 in area 10.

[0061] It is understandable 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. Figure 2A User interface 201 (note 1 browsing interface) in Figure 2C The user interface 201 in the image may include less content, for example, no longer including directory information such as note classification and text classification, so as to adapt to a smaller display area 11.

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

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

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

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

[0066] In other embodiments, the electronic device 100 may also trigger the display of the split-screen menu interface 202 according to other touch operations acting on the horizontal bar control 211. The embodiment of the present application does not limit this.

[0067] For example, the electronic device 100 may detect a long press operation on the horizontal bar control 211. In response to the long press operation, the electronic device 100 may float the horizontal bar control 211. Floating a 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 a sliding operation on the horizontal bar control 211. In response to the above operation, the electronic device 100 may display Figure 2C The user interface shown.

[0068] For example, after detecting a touch operation on the horizontal bar control 211, such as a click operation, the electronic device 100 may also display a full-screen control, a split-screen control, a floating control, etc. After detecting a touch operation on the split-screen control, the electronic device 100 may display Figure 2C The user interfaces shown include a split-screen display user interface 201 and a split-screen menu interface 202 .

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

[0070] refer to Figure 3A When the user interface 201 is displayed in full screen, the electronic device 100 may 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 be used to display multiple application icons, such as a reading icon, a gallery icon, a player A icon, etc. One application icon corresponds to one application.

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

[0072] refer to Figure 3C , the electronic device 100 can detect the touch operation on the player A icon. Figure 3D In response to the above operation, the electronic device 100 can split the display screen into area 10 and area 11. The electronic device 100 can continue to display the user interface 201 (note 1 browsing interface) in area 11 and display the user interface 203 (video playback interface) of the player A application in area 10.

[0073] pass Figures 3A-3D The method of starting split-screen display shown in the figure allows users to obtain a split-screen display experience, satisfying the user's needs of watching videos through user interface 203 (video playback interface) while browsing and editing notes through user interface 201 (note 1 browsing interface).

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

[0075] For example, after detecting a touch operation on the player A icon, the electronic device 100 may first create a floating window in the user interface 201 and display the user interface 203 (video playback interface) of the player A application in the floating window. After detecting the user's operation on the horizontal bar control 211, the electronic device 100 may display a full-screen control, a split-screen control, a floating control, etc. Then, after detecting a touch operation on the split-screen control, the electronic device 100 may display Figure 3D The user interface shown: split screen display user interface 201 (note 1 browsing interface) and user interface 203 (video playback interface).

[0076] exist Figure 2A-2E 、 Figures 3A-3D In the split-screen display method shown, the user can only open one user interface at a time for split-screen display with the currently displayed user interface. It is impossible to 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 it is also impossible to preview and adjust the split-screen layout, which may easily lead to the final split-screen effect not meeting user needs and causing inconvenience to the user.

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

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

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

[0080] Figures 4A-4J This is a set of multi-screen display user interfaces provided in an embodiment of the present application.

[0081] When a user interface (eg, user interface 201, also referred to as a first interface) is displayed in full screen, the electronic device 100 may detect a user operation of dragging the horizontal bar control 211 (first control) downward. Figure 4A For example, the electronic device 100 may detect a user operation of dragging the horizontal bar control 211 to the lower right. The user operation of dragging the horizontal bar control 211 downward is not limited to the lower right. The user operation of sliding the horizontal bar control 211 downward may also be a user operation of sliding in other directions, such as the lower left or directly below. This embodiment of the present application is not limited to this.

[0082] refer to Figure 4B-4D In response to the above operation, the electronic device 100 may close the user interface 201 currently being displayed in full screen, and display the user interface 410 (second interface).

[0083] like Figure 4D As shown, preferably, the user interface 410 is the desktop of the electronic device 100. The desktop includes multiple application icons such as a note icon 421, a chat icon 422, and a reader icon 423. Among them, the note icon 421 corresponds to the note application, the chat icon 422 corresponds to the chat application, and the reader icon 423 corresponds to the reader application. The user can determine the target application participating in the split screen by operating one or more of the above-mentioned multiple application icons. Not limited to the desktop, the user interface 410 can also be other interfaces including multiple application icons. The embodiments of the present application are not limited to this.

[0084] refer to Figure 4B-4DIn the process of closing the user interface 201 and displaying the user interface 410, the electronic device 100 may display the split-screen card 411 (first card) at the location where the touch point of the user's finger and the screen is located. The display position of the split-screen card 411 may change as the position of the touch point changes during the drag operation. Preferably, the touch point is in a corner area of ​​the split-screen card 411. Taking the rectangular split-screen card 411 as an example, the corner areas of the split-screen card 411 include the upper left corner area, the upper right corner area, the lower left corner area, and the lower left corner area. On the other hand, referring to Figure 4B-4D The size of the split-screen card 411 can be reduced as the drag distance increases. In addition, the split-screen card 411 can also display the application icon of the note application (first application) to which the user interface 201 belongs, namely the note icon 421 (first icon), indicating that the note application is a target application selected by the user to participate in the split-screen.

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

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

[0087] After determining the target application that needs to participate in the split-screen display according to the user operation, the electronic device 100 can update the split-screen card 411. Figure 4F After determining that the chat application corresponding to chat icon 422 is the target application, electronic device 100 may add chat icon 422 to split-screen card 411. At this time, split-screen card 411 includes note icon 421 and chat icon 422, indicating that the target applications selected by the user to participate in the split-screen display include the note application and the chat application.

[0088] Optionally, the electronic device 100 may mark the selected application icon to distinguish it. Figure 4F For example, the electronic device 100 may mark the selected note icon 421 and chat icon 422 by shadow covering. In other embodiments, the electronic device 100 may also display a red dot in the upper right corner of the selected application icon. This embodiment of the present application is not limited to this.

[0089] refer to Figure 4G-4H , the electronic device 100 may detect the user operation of continuing to drag the split-screen card 411 to the reader icon 423 (the third icon). In response to the above operation, the electronic device 100 may determine that the reader application corresponding to the reader icon 423 is the target application, and at the same time, increase the number of split-screen areas from 2 to 3. Correspondingly, the electronic device 100 may continue to add the display of the reader icon 423 in the split-screen card 411. At this time, the split-screen card 411 includes the note icon 421, the chat icon 422 and the reader icon 423, indicating that the target applications selected by the user to participate in the split-screen display include the note application, the chat application and the reader application.

[0090] Then, the electronic device 100 may detect the operation of raising the hand to release the split-screen card 411. Figure 4I In response to the above operation, the electronic device 100 may display a user interface 420 (third interface).

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

[0092] The user can determine the split-screen layout corresponding to any split-screen style control as the target split-screen layout by performing a touch operation on the split-screen style control. The above touch operations include but are not limited to click operations, long press operations, and sliding operations. Figure 4I For example, the electronic device 100 may detect a click operation on the split-screen style control 441 (the first split-screen style control). In response to the above operation, the electronic device 100 may determine that the split-screen layout corresponding to the split-screen style control 441 is the target split-screen layout.

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

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

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

[0096] refer to Figure 4H In some embodiments, the electronic device 100 may display the user-selected application icons side by side in the split-screen card 411. Furthermore, the electronic device 100 may display newly selected application icons on both sides of the first displayed application icon, with the first displayed application icon as the center. For example, the electronic device 100 may first display a chat icon 422 to the right of the note icon 421, and then display a reader icon 423 to the left of the note icon 421.

[0097] When all display areas are arranged in parallel in the target split-screen layout (for example, the split-screen layout corresponding to the split-screen style control 441 and the split-screen layout corresponding to the split-screen style control 812), preferably, Figure 4J As shown, the electronic device 100 can allocate the display area according to the arrangement order of the icons in the split-screen card 411.

[0098] For other split screen layouts, the electronic device 100 may randomly allocate display areas, or may split the display areas according to other strategies. Figure 10-11 I will not go into the introduction here.

[0099] refer to Figure 4DWhen user interface 410 is the desktop, user interface 410 may also include a frequently used application tray 427 and a recent application tray 428. Frequently used application tray 427 includes icons of multiple frequently used applications set by the user, and recent application tray 428 includes icons of one or more applications used by the user in the recent period. Optionally, the user may also drag split-screen card 411 to any application icon in frequently used application tray 427 or recent application tray 428. Based on the above operations, electronic device 100 may determine that the application corresponding to the icon selected by the user is the target application.

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

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

[0102] refer to Figure 5A The user interface 420 may further include delete controls 511 to 513. The delete control 511 corresponds to the reader icon 423, i.e., the reader application; the delete control 512 corresponds to the note icon 421, i.e., the note application; and the delete control 513 corresponds to the chat icon 422, i.e., the chat application.

[0103] The user can delete the corresponding target application by operating one or more of the above-mentioned deletion controls 511 to 513. Figure 5B-5C , electronic device 100 may detect a touch operation on delete control 511. In response to the operation, electronic device 100 may remove the reader application corresponding to delete control 511 from the target application, that is, delete the reader application. At the same time, electronic device 100 may update split-screen card 411 accordingly: stop displaying reader icon 423 corresponding to delete control 511.

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

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

[0106] refer to Figure 5C , the electronic device 100 can detect the touch operation acting on the split-screen style control 521, and determine the split-screen style corresponding to the split-screen style control 521 as the target split-screen layout according to the above operation. Figure 5C-5D After detecting a touch operation on confirmation control 449, electronic device 100 may divide the display screen into two display areas: area 10 and area 11 according to the target split-screen layout. Electronic device 100 may display user interface 201 (Note 1 browsing interface) in area 10 and user interface 204 (chat interface) in area 11.

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

[0108] refer to Figure 6A , the electronic device 100 may detect the upward sliding operation on the reader icon 423. In response to the above operation, the electronic device 100 may determine that the reader application corresponding to the reader icon 423 no longer participates in the split-screen display, that is, delete the reader application from the target application. Figure 6B , accordingly, the electronic device 100 may update the split screen card 411: stop displaying the reader icon 423. At the same time, the electronic device 100 may update the number of split screen areas to 2, and then display the two-split screen style controls 521-522 that match the latest number of split screen areas. Figure 6B-6C After detecting a touch operation on split-screen style control 521 and a touch operation on confirmation control 449, electronic device 100 may divide the display screen into two display areas: area 10 and area 11 according to the target split-screen layout corresponding to split-screen style control 521. Electronic device 100 may display user interface 201 (Note 1 browsing interface) in area 10 and user interface 204 (chat interface) in area 11.

[0109] Figures 7A-7K This is another set of screen display user interfaces provided in an embodiment of the present application.

[0110] refer to Figures 7A-7D, the electronic device 100 can detect the user operation of dragging the horizontal bar control 211 (first control) downward. In response to the above operation, the electronic device 100 can close the user interface 201 (first interface) and display the user interface 410 (second interface). At the same time, the electronic device 100 can display the split-screen card 411 (first card) at the location where the user's finger touches the screen. Similarly, the display position of the split-screen card 411 can change as the position of the touch point changes during the drag operation, and the size of the split-screen card 411 can shrink as the drag distance increases. The split-screen card 411 can display the note icon 421 (first icon) of the note application (first application) to which the user interface 201 belongs.

[0111] After detecting the operation of raising the hand to release the split screen card 411, the electronic device 100 can display the split screen card 411 in a fixed area of ​​the user interface 410. Figure 7D As shown, the above-mentioned fixed area is, for example, the lower right corner area of ​​the screen.

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

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

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

[0115] Then, refer to Figure 7I-7J, the electronic device 100 can detect a touch operation (second touch operation) applied to the split-screen card 411, and in response to the above operation, the electronic device 100 can display a user interface 420 (third interface).

[0116] refer to Figure 7J-7K The electronic device 100 may determine the corresponding split-screen style as the target split-screen layout based on a touch operation applied to any split-screen style control. After detecting a touch operation applied to the confirmation control 449, the electronic device 100 may partition the display area according to the target split-screen layout and then display the user interface of the target application in the partitioned display area. Detailed description is omitted here.

[0117] In some embodiments, after displaying the user interface 410 and the split-screen card 411, the user can also press and hold the split-screen card 411 with one hand and click the application icon in the user interface 410 with the other hand to add it to the split-screen card 411. At this time, after detecting the user operation of raising the hand to release the split-screen card 411, the electronic device 100 can display Figure 7J User interface 420 is shown.

[0118] refer to Figures 5A-5D 、 Figures 6A-6C ,exist Figures 7A-7K In the method shown, the user interface 420 may also include a delete control for deleting a selected application, or the electronic device 100 also supports the user to delete the target application corresponding to any icon in the split-screen card 411 by sliding the icon, which will not be repeated here.

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

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

[0121] Likewise, the electronic device 100 may continue to update the split-screen card 411 to indicate that the user has selected an application multiple times. Figure 8B , the electronic device 100 may display an indicator 811 (first indication information) in the lower left corner of the reader icon 423, indicating that the user has selected the reader icon 423 twice, that is, the reader application has been selected twice. Figure 9 The electronic device 100 may also display one more reader icon 423 in the split-screen card 411, that is, display two reader icons 423, indicating that the user has selected the reader application twice. This embodiment of the present application does not limit this.

[0122] refer to Figure 8B-Figure 8C , the electronic device 100 can detect the touch operation acting on the split-screen card 411, and in response to the above operation, the electronic device 100 can display the user interface 420 (third interface). Figure 8C As shown, at this time, the electronic device 100 can display four-split screen style controls 812-815 matching the latest split screen area number 4.

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

[0124] Not limited to reader applications, browser applications, instant messaging applications (such as chat applications) and other applications are also applications that often face the user's need to open multiple applications. Therefore, in the split-screen scenario, for the above applications, users can also use Figures 8A-8D The method shown conveniently enables creation of multiple display areas, in which different user interfaces of the above-mentioned application are displayed for users to browse.

[0125] Understandably, in Figures 4A-4J In the method of selecting an application by dragging the split screen card 411 to an application icon, the user can increase the number of split screen areas by dragging the split screen card 411 to an application icon multiple times, thereby providing the user with Figures 8A-8D The present application embodiment does not limit this.

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

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

[0128] The electronic device 100 can select the application program in the order and Figure 10 The display area number shown determines which application's user interface is displayed in which display area. Figures 7A-7I 、 Figures 8A-8D The order of selecting applications shown is as follows: note application, chat application, reader application, reader application and target split screen layout as an example, combined with Figure 10 As shown in the numbering order from left to right and from top to bottom, the electronic device 100 can display the user interface 201 (note 1 browsing interface) in the area 86 after the split screen, display the user interface 204 (chat interface) in the area 87, display the user interface 205 (document XXX.pdf browsing interface) in the area 88, and display the user interface 206 (document YYY.pdf browsing interface) in the area 89.

[0129] Optionally, the electronic device 100 may select the application program in reverse order and Figure 10 The display area number shown determines which application's user interface is displayed in which display area. Figures 7A-7I 、 Figures 8A-8D In the scenario shown, the electronic device 100 can display the user interface 206 (document YYY.pdf browsing interface) in the area 86 after the split screen, display the user interface 205 (document XXX.pdf browsing interface) in the area 87, display the user interface 204 (chat interface) in the area 88, and display the user interface 201 (note 1 browsing interface) in the area 89.

[0130] In other embodiments, the electronic device 100 may number the display areas under different split-screen layouts in clockwise order. Figure 11 This is a schematic diagram provided in an embodiment of the present application for numbering display areas under different split-screen layouts in clockwise order.

[0131] by Figures 7A-7I 、 Figures 8A-8DThe order of selecting applications shown is as follows: note application, chat application, reader application, reader application and target split screen layout as an example, combined with Figure 11 In the clockwise order shown, the electronic device 100 can display the user interface 201 (note 1 browsing interface) in the area 86 after the split screen, display the user interface 204 (chat interface) in the area 88, display the user interface 205 (document XXX.pdf browsing interface) in the area 89, and display the user interface 206 (document YYY.pdf browsing interface) in the area 87.

[0132] Likewise, optionally, the electronic device 100 may select the application programs in reverse order and Figure 11 The display area numbers shown determine which application's user interface is displayed in which display area, and will not be described in detail here.

[0133] In other embodiments, the electronic device 100 may also record the customary display mode of each application: landscape / portrait. The electronic device 100 may match the user-selected application and the display area after the split screen according to the customary display mode of each application, and then Figure 10 The order from left to right, from top to bottom, or Figure 11 The remaining display areas are allocated in the clockwise order shown.

[0134] For example, short video applications, readers, instant messaging applications (such as chat applications), etc. are usually used for vertical screen display. Figures 7A-7I 、 Figures 8A-8D The order of selecting applications shown is as follows: note application, chat application, reader application, reader application and target split screen layout as an example, combined with Figure 10 According to the numbering order from left to right and from top to bottom and the conventional display mode shown, the electronic device 100 can display the user interface 204 (chat interface) in the area 88 after the split screen, display the user interface 205 (document XXX.pdf browsing interface) in the area 89, display the user interface 201 (note 1 browsing interface) in the area 86, and display the user interface 206 (document YYY.pdf browsing interface) in the area 87.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0151] 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-4J 、 Figures 5A-5D 、 Figures 6A-6C 、 Figures 7A-7K 、 Figures 8A-8D 、 Figure 9 etc. The user interface shown in the figure.

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

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

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

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

[0156] 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-4J 、 Figures 5A-5D 、 Figures 6A-6C 、 Figures 7A-7K 、 Figures 8A-8D 、 Figure 9 The split screen display function shown in the following figure:

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

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

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

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

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

[0162] In the embodiment of the present application, the electronic device 100 can detect whether there is a touch operation on the screen through the touch sensor 180K, such as click, double-click, long press, slide (including up, down, right, left, etc.) and other operations. Figures 4A-4J 、 Figures 5A-5D 、 Figures 6A-6C 、 Figures 7A-7K 、 Figures 8A-8D 、 Figure 9 Based on the touch 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.

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

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

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

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

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

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

[0169] 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: When displaying a first interface of a first application, detecting a first operation on a first control; In response to the first operation, a second interface and a first card are displayed, wherein the second interface displays a plurality of icons, each icon corresponding to an application, and the first card includes a first icon corresponding to the first application; detecting a second operation on N icons among the plurality of icons, updating the first card, wherein the updated first card includes the first icon and the N icons, where N is greater than or equal to 1; A third operation on the updated first card is detected, and M user interfaces are displayed in split screen, where the M user interfaces are provided by the applications corresponding to the N icons and the first application, and M≥N+1.

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

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

4. The method according to claim 3, characterized in that The M user interfaces include two user interfaces provided by the application corresponding to the third icon.

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

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

7. The method according to claim 6, characterized in that The detecting of the third operation on the updated first card specifically includes: detecting an operation of raising a hand to release the updated first card.

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

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

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

11. The method according to claim 10, characterized in that The detecting a third operation on the updated first card specifically includes: detecting a second touch operation on the updated first card.

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

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

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

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

16. The method according to claim 15, characterized in that The second target applications include: short video applications, readers, and instant messaging applications.

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

18. 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 17 is executed.

19. A computer-readable storage medium comprising a computer program, characterized in that When the computer program is run on an electronic device, the electronic device is caused to execute the method according to any one of claims 1 to 17.

Images