Interface switching method and related device

Abstract

The embodiment of the present application provides an interface switching method and related devices. The method includes: displaying a first interface including a first window, the first window displays a first page including a first control; receiving a first operation for the first control; displaying a second interface in response to the first operation, the second interface includes a first window and a first floating ball, the first window displays a second page, and the second page is related to the first control; receiving a second operation for the first floating ball; displaying a third interface in response to the second operation, the third interface includes a first window and a first floating window, the first window displays a second page, and the first floating window displays a first screenshot corresponding to the first page; receiving a third operation for the first screenshot; displaying a fourth interface including the first window and the first floating ball in response to the third operation, the first window displays the first page. In this way, the switching of the page displayed in the first window is realized through the floating window, which is simple and easy to implement, and improves the user experience.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to an interface switching method and related devices. Background Art

[0002] Currently, users can browse various types of content through the display screen of a terminal device. The terminal device can switch the interface displayed on the display screen in response to a click operation by the user on the display screen.

[0003] In a possible design, when the terminal device receives a signal from the user that the user wants to go back to a previously browsed interface after clicking on the switch interface multiple times, the terminal device can only return to the previously browsed interface after receiving the user's multiple presses of the return key or multiple swipe operations.

[0004] However, in a scenario where the terminal device controls the display screen to switch pages multiple times, the user may need to click the back control multiple times to control the terminal device to display the previously browsed interface. This method is cumbersome to operate and has a poor user experience. Summary of the invention

[0005] The embodiment of the present application provides an interface switching method and related devices, which are applied to the field of terminal technology. Map other pages except the page being displayed into the floating ball; open the corresponding page by clicking the interface logo in the floating ball. In this way, the terminal device can manage the pages browsed in the corresponding window through the floating window, and search and switch the browsed interface through the floating ball, without the need to return to the previously browsed page by rolling back. The operation is simple and convenient, and easy to implement.

[0006] In the first aspect, the embodiment of the present application proposes an interface switching method. The method includes: a terminal device displays a first interface, the first interface includes: a first window, the first window displays a first page including a first control; the terminal device receives a first operation for the first control; the terminal device responds to the first operation and displays a second interface, the second interface includes: a first window and a first floating ball corresponding to the first window, the first window displays a second page, and the second page is related to the first control; the terminal device receives a second operation for the first floating ball; the terminal device responds to the second operation and displays a third interface, the third interface includes: a first window and a first floating window corresponding to the first window, the first window displays a second page, and the first floating window displays a first screenshot corresponding to the first page; the terminal device receives a third operation for the first screenshot; the terminal device responds to the third operation and displays a fourth interface, the fourth interface includes: a first window and a first floating ball, and the first window displays a first page.

[0007] In the embodiment of the present application, the first interface to the fourth interface may correspond to Figure 4 The interface shown in be, Fig.11 The first window may correspond to the interface shown in the ad. Figure 4 The B window in the Fig.11 The first operation, the second operation, and the third operation can all be operations such as user clicks and touches, which are not limited in the present embodiment of the application. The first control can correspond to controls such as user avatars described below.

[0008] The mark corresponding to the page can be a screenshot of the page or text corresponding to the page, a link corresponding to the page, etc. The embodiment of the present application does not limit this. In this way, when the mark corresponding to the page can be a screenshot of the page, the display is more intuitive, which is convenient for users to identify the corresponding page.

[0009] It is understandable that when the page in the first window switches from the first page to the second page, the terminal device can store the identifier corresponding to the first page, display the identifier through the floating window, and switch the page in the first window to the first page.

[0010] In this way, the floating window can display the logo corresponding to the page before switching, and the page before the window can be switched through the floating ball and the floating window, which is convenient and easy to implement, and improves the user experience. In addition, the floating ball can also reduce the occlusion of the corresponding window, making it easier for users to browse the page displayed in the corresponding window, and improving the user experience.

[0011] Optionally, the first page also includes a second control; the method also includes: the terminal device receives a fourth operation for the second control; the terminal device displays a fifth interface in response to the fourth operation, and the fifth interface includes: a first window and a first floating ball, the first window displays a third page, and the third page is related to the second control; the terminal device receives a fifth operation for the first floating ball on the fifth interface; the terminal device displays a sixth interface in response to the fifth operation, and the sixth interface includes: a first window and a first floating window, the first window displays the third page, and the first floating window displays the first screenshot and the second screenshot corresponding to the second page.

[0012] In the embodiment of the present application, the fourth operation and the third operation can be operations such as user clicks and touches, which are not limited in the embodiment of the present application. The fifth interface and the sixth interface can correspond to Figure 6 It is understandable that when a new page is added to the first window and switched to display, the page logo in the floating window is also increased accordingly.

[0013] In this way, when the page of the first window is switched again, the mark corresponding to the floating window is also increased accordingly.

[0014] Optionally, the first floating window also displays a first close control corresponding to the first screenshot when displaying the first screenshot, and also displays a second close control corresponding to the second screenshot when displaying the second screenshot; the method also includes: the terminal device receives a sixth operation for the first close control on the sixth interface; the terminal device displays a seventh interface in response to the sixth operation, and the seventh interface includes: a first window and a first floating window, the first window displays a third page, and the first floating window displays a second screenshot and a second close control.

[0015] In the embodiment of the present application, the sixth operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application. Figure 5 The interface shown in c or d.

[0016] In this way, the corresponding logo can be deleted by closing the control, reducing the number of logos displayed in the floating window, making it easier for users to manage the logos in the floating window.

[0017] Optionally, the method also includes: the terminal device receives a seventh operation for the second close control on the seventh interface; the terminal device displays an eighth interface in response to the seventh operation, the eighth interface includes the first window, does not include the first floating ball and the first floating window, and the first window displays the third page.

[0018] In the embodiment of the present application, the seventh operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application. Figure 5 The interface shown in e.

[0019] In this way, when there is no logo in the floating window, the terminal device destroys the floating window to reduce the obstruction of the corresponding window.

[0020] Optionally, the first floating window also includes a clear control; the method also includes: the terminal device receives an eighth operation for clearing the control on the sixth interface or the seventh interface; the terminal device responds to the eighth operation and displays an eighth interface, and the eighth interface includes: the first window, excluding the first floating ball and the first floating window, and the first window displays a third page.

[0021] In the embodiment of the present application, the sixth interface, the seventh interface, and the eighth interface may correspond to the following Figure 5 The eighth operation may be a user click, touch, or other operation, which is not limited in the present embodiment of the application.

[0022] In this way, you can also delete all the logos in the floating window by clearing the control and destroy the floating window.

[0023] Optionally, the first interface, the second interface, the third interface, the fourth interface, the fifth interface, the sixth interface, the seventh interface and the eighth interface also include a second window, and the second window displays a fourth page.

[0024] In this way, the terminal device can also display a second window, which is suitable for the navigation mode of the application split screen, or the scenario in which the shopping mode of the application split screen is not locked.

[0025] It is understandable that it can also be applied to the shopping mode of split-screen application. If the first page corresponds to the second main page below, when the control in the second main page is clicked, the page displayed in the B window is switched, and the A window display remains unchanged.

[0026] Optionally, before the terminal device displays the first interface, the method also includes: the terminal device displays a ninth interface, the ninth interface includes a second window but does not include the first window, and the second window displays a fourth page; the terminal device receives a ninth operation for the third control in the fourth page; the terminal device responds to the ninth operation to display the first interface, and the third control is related to the first page.

[0027] The ninth interface can correspond to Figure 5 The interface shown in a in FIG. is applicable to applications using a split-screen navigation mode. For example, news applications, etc. The ninth operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application.

[0028] Optionally, the fourth page includes a fourth control; the method also includes: the terminal device receives a ninth operation for the fourth control on the fifth interface, the sixth interface or the seventh interface; the terminal device displays a tenth interface in response to the ninth operation, and the tenth interface includes: a first window, a first floating ball, a second window and a second floating ball corresponding to the second window, the first window displays the third page, and the second window displays the fifth page.

[0029] It is understandable that when the page in the second window is switched, the terminal device can store the identifier corresponding to the page before the switch, display the identifier through the floating window, and switch the page in the second window to the first page display.

[0030] In this way, the page switching in the first window and the second window is controlled respectively by the first floating window and the second floating window, thereby improving the user experience. This is applicable to the scenario where the shopping mode of the application split screen is not locked.

[0031] Optionally, the method also includes: the terminal device receives a tenth operation for the second floating ball; the terminal device displays an eleventh interface in response to the tenth operation, the eleventh interface including: a first window, a first floating ball, a second window, and a second floating window corresponding to the second window, the first window displays a third page, the second window displays a fifth page, and the second floating window displays a fourth screenshot corresponding to the fourth page.

[0032] In this way, the second floating window can realize the switching display of the page previously browsed in the second window.

[0033] Optionally, the terminal device displays a second interface in response to the first operation, including: an activity manager in the terminal device calls a task stack task based on the first operation; task confirms updating the page of the first window based on the first operation, and creates a first floating window corresponding to the first window; task sends first status information of the first floating window to the window manager in the terminal device; the window manager creates a layer corresponding to the first floating window, and draws a first floating ball based on the first status information; the window manager sends the drawn first floating ball to the SF thread in the terminal device for display on the display screen of the terminal device; task takes a screenshot of the first page displayed in the first window to obtain a first screenshot, and saves the correspondence between the first screenshot and the first page; task determines the second page based on the first operation; task sends page information of the second page to the window manager; the window manager draws the second page based on the page information of the second page; the window manager sends the drawn second page to the SF thread for display on the display screen of the terminal device; the terminal device displays the second interface.

[0034] In this way, the page displayed in the window and the floating window are managed through the task stack. When the page of the window is updated, the corresponding floating window layer is created, and the screenshot corresponding to the page is saved. Through the floating ball and the floating window, the page switching between the windows is realized, which is convenient and easy to implement, and improves the user experience. In addition, the first state of the floating window can also reduce the occlusion of the corresponding window, making it easier for users to browse the page displayed in the corresponding window, and improving the user experience.

[0035] Optionally, the terminal device displays a third interface in response to the second operation, including: the activity manager in the terminal device calls the task based on the second operation; the task adjusts the first floating window to the second state based on the second operation; the task sends the first screenshot and the second state information of the first floating window to the window manager; the window manager draws the first floating window based on the first screenshot and the second state information of the first floating window; the window manager sends the drawn first floating window to the SF thread for display on the display screen of the terminal device; and the terminal device displays the third interface.

[0036] In this way, the saved screenshots can be displayed through the floating ball, making it convenient for users to switch between browsed pages.

[0037] Optionally, the terminal device displays a fourth interface in response to a third operation, including: an activity manager in the terminal device calls a task based on the third operation; the task takes a screenshot of the second page displayed in the first window to obtain a second screenshot, and saves a mapping relationship between the second screenshot and the second page; the task sends first status information of the first floating window to the window manager; the task sends the first status information to the window manager; the window manager draws a first floating ball based on the first status information; the window manager sends the drawn first floating ball to the SF thread for display on the display screen of the terminal device; the task determines the first page based on the third operation; the task sends the page information of the first page to the window manager; the window manager draws the first page based on the page information of the first page; the window manager sends the drawn first page to the SF thread for display on the display screen of the terminal device; the terminal device displays the fourth interface.

[0038] Optionally, the terminal device receives an eleventh operation on the first suspension ball; in response to the eleventh operation, the terminal device moves the first suspension ball from the first position to the second position, where the second position is related to the eleventh operation.

[0039] The eleventh operation may be a user drag operation, etc., which is not limited in the embodiment of the present application.

[0040] Optionally, when the corresponding coordinates are closest to the right edge of the first window when the eleventh operation is completed, the second position is located at the right edge of the first window; when the corresponding coordinates are closest to the left edge of the first window when the eleventh operation is completed, the second position is located at the left edge of the first window.

[0041] In a second aspect, an embodiment of the present application provides an interface switching method, the method comprising: a terminal device displays a first interface, the first interface comprising: a first window and a second window, the first window displays a first page, and the second window displays a second page including a first control; the terminal device receives a first operation on the first control; the terminal device responds to the first operation and displays a second interface, the second interface comprising: a first window, a second window and a first floating ball corresponding to the first window, the first window displays a second page, the second window displays a third page, and the third page is related to the first control; the terminal device receives a second operation on the first floating ball; the terminal device responds to the second operation and displays a third interface, the third interface comprising: a first window, a second window and a first floating window corresponding to the first window, the first window displays a second page, the second window displays a third page, and the first floating window displays a first screenshot corresponding to the first page; the terminal device receives a third operation on the first screenshot; the terminal device responds to the third operation and displays a fourth interface, the fourth interface comprising: a first window, a second window and a first floating ball, the first window displays a first page, and the second window displays a third page.

[0042] The first window may correspond to an A window hereinafter, and the second window may correspond to a B window hereinafter.

[0043] In the embodiment of the present application, the first interface may correspond to Fig. 9 The interface shown in b in FIG. 1 , the second interface to the fourth interface may correspond to Fig.10 The first operation, the second operation, and the third operation can all be operations such as user clicks and touches, which are not limited in the embodiments of the present application.

[0044] The mark corresponding to the page can be a screenshot of the page or text corresponding to the page, a link corresponding to the page, etc. The embodiment of the present application does not limit this. In this way, when the mark corresponding to the page can be a screenshot of the page, the display is more intuitive, which is convenient for users to identify the corresponding page.

[0045] In this way, the floating window can display the logo corresponding to the page before switching, and the page before the window can be switched through the floating ball and the floating window, which is convenient and easy to implement, and improves the user experience. In addition, the floating ball can also reduce the occlusion of the corresponding window, making it easier for users to browse the page displayed in the corresponding window, and improving the user experience.

[0046] Optionally, the first interface also includes a second floating ball corresponding to the second window; before the terminal device displays the first interface, the method also includes: the terminal device displays a fifth interface, the fifth interface includes: a first window and a second window, the first window displays a first page, the first page includes a second control, and the second window displays a fourth page; the terminal device receives a fourth operation for the second control; the terminal device responds to the fourth operation and displays the first interface, and the second control is related to the second page.

[0047] The fourth operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application.

[0048] Applicable to the shopping mode of the split-screen application, the control in the main page displayed in the second window is triggered, and the second window displays the page related to the control, while the page of the first window remains unchanged.

[0049] Optionally, the first interface also includes a second floating ball corresponding to the second window; before the terminal device displays the first interface, the method also includes: the terminal device displays a sixth interface, the sixth interface includes: a first window and a second window, the first window displays a first page, the second window displays a fourth page, and the fourth page includes a third control; the terminal device receives a fifth operation for the third control; the terminal device responds to the fifth operation and displays the first interface, and the third control is related to the second page.

[0050] The fifth operation may be an operation such as a click or a touch by the user, which is not limited in this embodiment of the present application.

[0051] In this way, in the shopping mode suitable for the split-screen application, a control in the main page displayed in the first window is triggered, and the second window displays a page related to the control, while the page of the first window remains unchanged.

[0052] Optionally, the terminal device receives a sixth operation on the first floating ball on the fourth interface; the terminal device responds to the sixth operation and displays a seventh interface, the seventh interface including: a first window, a second window and a first floating window, the first window displays the first page, the second window displays the third page, and the first floating window displays the second screenshot corresponding to the second page.

[0053] The sixth operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application.

[0054] In this way, the floating window can display the logo corresponding to the page before switching. Through the floating ball and the floating window, the switching of the page before the window can be realized. The operation is convenient and easy to implement, which improves the user experience.

[0055] Optionally, the first floating window also displays a second close control corresponding to the second screenshot when displaying the second screenshot; the method also includes: the terminal device receives a seventh operation for the second close control on the seventh interface; the terminal device responds to the seventh operation and displays an eighth interface, the eighth interface includes the first window and the second window, does not include the first floating ball and the first floating window, the first window displays the first page, and the second window displays the third page.

[0056] The seventh operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application.

[0057] In this way, the corresponding logo (for example, screenshot) can be deleted by closing the control, reducing the number of logos displayed in the floating window. It is convenient for users to manage the logos in the floating window. When there is no logo in the floating window, the terminal device destroys the floating window to reduce the occlusion of the corresponding window.

[0058] Optionally, the first floating window also includes a clear control; the method also includes: the terminal device receives an eighth operation for clearing the control on the seventh interface; the terminal device responds to the eighth operation and displays an eighth interface, and the eighth interface includes: the first window, excluding the first floating ball and the first floating window, the first window displays the first page, and the second window displays the third page.

[0059] The eighth operation may be an operation such as a user clicking or touching, which is not limited in the embodiment of the present application.

[0060] In this way, you can also delete all the logos in the floating window by clearing the control and destroy the floating window.

[0061] Optionally, the terminal device displays a second interface in response to the first operation, including: an activity manager in the terminal device calls a task stack task based on the first operation; task confirms updating the page of the first window based on the first operation, and creates a first floating window corresponding to the first window; task sends first status information of the first floating window to the window manager in the terminal device; the window manager creates a layer corresponding to the first floating window, and draws a first floating ball based on the first status information; the window manager sends the drawn first floating ball to the SF thread in the terminal device for display on the display screen of the terminal device; task takes a screenshot of the first page displayed in the first window to obtain a first screenshot, and saves the correspondence between the first screenshot and the first page; task determines the second page based on the first operation; task sends page information of the second page to the window manager; the window manager draws the second page based on the page information of the second page; the window manager sends the drawn second page to the SF thread for display on the display screen of the terminal device; the terminal device displays the second interface.

[0062] In this way, the page displayed in the window and the floating window are managed through the task stack. When the page of the window is updated, the corresponding floating window layer is created, and the screenshot corresponding to the page is saved. Through the floating ball and the floating window, the page switching between the windows is realized, which is convenient and easy to implement, and improves the user experience. In addition, the first state of the floating window can also reduce the occlusion of the corresponding window, making it easier for users to browse the page displayed in the corresponding window, and improving the user experience.

[0063] Optionally, the terminal device displays a third interface in response to the second operation, including: the activity manager in the terminal device calls the task based on the second operation; the task adjusts the first floating window to the second state based on the second operation; the task sends the first screenshot and the second state information of the first floating window to the window manager; the window manager draws the first floating window based on the first screenshot and the second state information of the first floating window; the window manager sends the drawn first floating window to the SF thread for display on the display screen of the terminal device; and the terminal device displays the third interface.

[0064] In this way, the saved screenshots can be displayed through the floating ball, making it convenient for users to switch between browsed pages.

[0065] Optionally, the terminal device displays a fourth interface in response to a third operation, including: an activity manager in the terminal device calls a task based on the third operation; the task takes a screenshot of the second page displayed in the first window to obtain a second screenshot, and saves a mapping relationship between the second screenshot and the second page; the task sends first status information of the first floating window to the window manager; the task sends the first status information to the window manager; the window manager draws a first floating ball based on the first status information; the window manager sends the drawn first floating ball to the SF thread for display on the display screen of the terminal device; the task determines the first page based on the third operation; the task sends the page information of the first page to the window manager; the window manager draws the first page based on the page information of the first page; the window manager sends the drawn first page to the SF thread for display on the display screen of the terminal device; the terminal device displays the fourth interface.

[0066] Optionally, the terminal device receives a ninth operation on the first suspension ball; in response to the ninth operation, the terminal device moves the first suspension ball from a first position to a second position, where the second position is related to the ninth operation.

[0067] The ninth operation may be a user drag operation, etc., which is not limited in the embodiment of the present application.

[0068] Optionally, when the corresponding coordinates are closest to the right edge of the first window when the ninth operation is completed, the second position is located at the right edge of the first window; when the corresponding coordinates are closest to the left edge of the first window when the ninth operation is completed, the second position is located at the left edge of the first window.

[0069] In a third aspect, an embodiment of the present application provides a terminal device, which may also be referred to as a terminal, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. The terminal device may be a mobile phone, a smart TV, a wearable device, a tablet computer (Pad), a computer with wireless transceiver function, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal in industrial control, a wireless terminal in self-driving, a wireless terminal in remote medical surgery, a wireless terminal in smart grid, a wireless terminal in transportation safety, a wireless terminal in smart city, a wireless terminal in smart home, etc.

[0070] The terminal device comprises: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the method of the first aspect.

[0071] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program. When the computer program is executed by a processor, the method of the first aspect or the method of the second aspect is implemented.

[0072] In a fifth aspect, an embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed, the computer executes the method of the first aspect or the method of the second aspect.

[0073] In a sixth aspect, an embodiment of the present application provides a chip, the chip including a processor, the processor being used to call a computer program in a memory to execute a method as in the first aspect or a method as in the second aspect.

[0074] It should be understood that the second to sixth aspects of the present application correspond to the technical solutions of the first aspect of the present application, and the beneficial effects achieved by each aspect and the corresponding feasible implementation methods are similar and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0075] Figure 1 A schematic diagram of the hardware structure of a terminal device provided in an embodiment of the present application;

[0076] Figure 2 A schematic diagram of the software structure of a terminal device provided in an embodiment of the present application;

[0077] Figure 3 A schematic diagram of the interface of a terminal device in a possible design;

[0078] Figure 4 A schematic diagram of an interface of a terminal device provided in an embodiment of the present application;

[0079] Figure 5 A schematic diagram of an interface of a terminal device provided in an embodiment of the present application;

[0080] Figure 6 A schematic diagram of interaction between internal modules of a terminal device provided in an embodiment of the present application;

[0081] Figure 7 A schematic diagram of interaction between internal modules of a terminal device provided in an embodiment of the present application;

[0082] Figure 8 A schematic diagram of interaction between internal modules of a terminal device provided in an embodiment of the present application;

[0083] Fig. 9 A schematic diagram of an interface of a terminal device provided in an embodiment of the present application;

[0084] Fig.10 A schematic diagram of an interface of a terminal device provided in an embodiment of the present application;

[0085] Fig.11 A schematic diagram of an interface of a terminal device provided in an embodiment of the present application;

[0086] Fig.12 A schematic diagram of an interface of a terminal device provided in an embodiment of the present application;

[0087] Fig.13 A schematic diagram of interaction between internal modules of a terminal device provided in an embodiment of the present application;

[0088] Fig.14 A schematic diagram of the structure of an interface processing device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0089] In order to clearly describe the technical solutions of the embodiments of the present application, some terms and technologies involved in the embodiments of the present application are briefly introduced below:

[0090] 1. Application split screen: refers to the system function that supports one application on two screens in horizontal screen state. It can be understood that in horizontal screen state, the terminal device can display the same application in two windows, and operate and watch at the same time.

[0091] In some embodiments, the terminal device uses application split-screen in both landscape and portrait states; for example, when the terminal device is a mobile phone, when the application is opened in landscape state, it is in application split-screen mode; when the application is opened in portrait state, it is also in application split-screen mode.

[0092] In some other embodiments, the terminal device uses application split screen in the horizontal screen state, and does not use application split screen in the vertical screen state. For example, when the terminal device is a pad, when the application is opened in the horizontal screen state, the application split screen mode is used; when the application is opened in the vertical screen state, the application split screen mode is not used.

[0093] In the embodiment of the present application, the application split screen can be divided into navigation bar mode, shopping mode and custom mode to meet the different operation requirements of different applications.

[0094] Navigation bar mode: The left window displays the main page of the application; the right window displays the latest page based on user operations. Specifically, when the left window receives a user operation, the right window displays the latest page based on the user operation. When the right window receives a user operation, the left window displays the main page of the application, and the right window displays the latest page based on the user operation.

[0095] For example, when a user clicks on an article or comment, a new page will appear on the right. The right window will continuously update the page to display different content as the user operates, while the left window will remain on the main page of the application.

[0096] It is understandable that the navigation bar mode is usually suitable for applications whose main purpose is to obtain new information, such as Toutiao, Baidu, Zhihu, Bilibili and other applications.

[0097] Shopping mode: The right window displays the latest page, and the left window displays the next latest page, and the two windows are constantly changing. Specifically, when the left window receives a user operation, the right window displays the latest page based on the user operation. When the right window receives a user operation, the left window displays the page displayed by the right window before receiving the user operation, and the right window displays the latest page based on the user operation.

[0098] For example, taking the case where the left window displays page one and the right window displays page two, if the left window receives a click operation on a control in page one, the terminal device displays page three in the right window; if the right window receives a click operation on a control in page two, the left window displays page two and the right window displays page four.

[0099] It is understandable that the shopping mode is usually suitable for applications that require object comparison and reference, such as Taobao, Tmall, Pinduoduo, JD.com and other shopping applications.

[0100] 2. Other terms

[0101] In the embodiments of the present application, words such as "first" and "second" are used to distinguish the same or similar items with substantially the same functions and effects. For example, the first chip and the second chip are only used to distinguish different chips, and their order is not limited. Those skilled in the art can understand that words such as "first" and "second" do not limit the quantity and execution order, and words such as "first" and "second" do not necessarily limit them to be different.

[0102] It should be noted that in the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary" or "for example" in the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.

[0103] In the embodiments of the present application, "at least one" refers to one or more, and "more than one" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, a--c, bc, or abc, where a, b, c can be single or multiple.

[0104] 3. Terminal equipment

[0105] The terminal device of the embodiment of the present application may also be any form of electronic device. For example, the electronic device may include a handheld device with image processing function, a vehicle-mounted device, etc. For example, some electronic devices are: mobile phones, tablet computers, PDAs, laptop computers, mobile internet devices (MIDs), wearable devices, virtual reality (VR) devices, augmented reality (AR) devices, wireless terminals in industrial control, wireless terminals in self driving, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, cellular phones, cordless phones, session initiation protocol (SIP) phones, wireless local loop (WLL) stations, personal digital assistants (PDAs), handheld devices with wireless communication capabilities, computing devices or other processing devices connected to wireless modems, vehicle-mounted devices, wearable devices, terminal devices in 5G networks or future evolved public land mobile communication networks (public land mobile The embodiments of the present application do not limit this.

[0106] As an example but not limitation, in the embodiments of the present application, the electronic device may also be a wearable device. Wearable devices may also be referred to as wearable smart devices, which are a general term for wearable devices that are intelligently designed and developed using wearable technology for daily wear, such as glasses, gloves, watches, clothing, and shoes. A wearable device is a portable device that is worn directly on the body or integrated into the user's clothes or accessories. Wearable devices are not only hardware devices, but also powerful functions achieved through software support, data interaction, and cloud interaction. Broadly speaking, wearable smart devices include full-featured, large-sized, and fully or partially independent of smartphones, such as smart watches or smart glasses, as well as devices that only focus on a certain type of application function and need to be used in conjunction with other devices such as smartphones, such as various types of smart bracelets and smart jewelry for vital sign monitoring.

[0107] In addition, in the embodiments of the present application, the electronic device can also be a terminal device in the Internet of Things (IoT) system. IoT is an important part of the future development of information technology. Its main technical feature is to connect objects to the network through communication technology, thereby realizing an intelligent network that interconnects people and machines and things.

[0108] The electronic devices in the embodiments of the present application may also be referred to as: terminal equipment, user equipment (UE), mobile station (MS), mobile terminal (MT), access terminal, user unit, user station, mobile station, mobile station, remote station, remote terminal, mobile device, user terminal, terminal, wireless communication equipment, user agent or user device, etc.

[0109] In an embodiment of the present application, the electronic device or each network device includes a hardware layer, an operating system layer running on the hardware layer, and an application layer running on the operating system layer. The hardware layer includes hardware such as a central processing unit (CPU), a memory management unit (MMU), and a memory (also called main memory). The operating system can be any one or more computer operating systems that implement business processing through processes, such as Linux operating system, Unix operating system, Android operating system, iOS operating system, or Windows operating system. The application layer includes applications such as browsers, address books, word processing software, and instant messaging software.

[0110] For example, Figure 1 A schematic diagram of the structure of a terminal device is shown.

[0111] The terminal device 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.

[0112] It is to be understood that the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the terminal device. In other embodiments of the present application, the terminal device may include more or fewer components than shown in the figure, or combine certain components, or split certain components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

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

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

[0115] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

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

[0117] It is understandable that the interface connection relationship between the modules illustrated in the embodiment of the present invention is only a schematic illustration and does not constitute a structural limitation on the terminal device. In other embodiments of the present application, the terminal device may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

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

[0119] The terminal device can realize the shooting function through ISP, camera 193, video codec, GPU, display screen 194 and application processor.

[0120] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the terminal device. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, files such as music and videos can be stored in the external memory card.

[0121] The internal memory 121 can be used to store computer executable program codes, and the executable program codes include instructions. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created during the use of the terminal device (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc. The processor 110 executes various functional applications and data processing of the terminal device by running instructions stored in the internal memory 121, and / or instructions stored in a memory provided in the processor. For example, the data processing method of an embodiment of the present application may be executed.

[0122] The software system of the terminal device can adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The embodiment of the present application takes the Android system of the layered architecture as an example to exemplify the software structure of the terminal device.

[0123] Figure 2 : is a software structure diagram of the terminal device of the embodiment of the present application. The layered architecture divides the software into several layers, each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system can be divided into four layers, namely, the application layer (applications), the application framework layer (applicationframework), the Android runtime (Android runtime) and the system library, and the kernel layer (kernel).

[0124] The application layer can include a series of application packages. The application layer runs applications by calling the application programming interface (API) provided by the application framework layer. Figure 2 As shown, the application package may include applications such as shopping, news, calendar, camera, etc.

[0125] like Figure 2As shown, the application framework layer may include a window manager service (WMS), a surface flinger (SF thread), a task stack task, a view system, an input manager, an activity manager service (AMS), and a resource manager, etc.

[0126] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc.

[0127] The image synthesis system is used to control image synthesis and generate a vertical synchronization (Vsync) signal.

[0128] Exemplarily, the image synthesis system includes: a synthesis thread, a Vsync thread, and a cache queue (quene buffer) thread. The synthesis thread is used to be awakened by the Vsync signal for synthesis. The Vsync thread is used to generate the next Vsync signal according to the Vsync signal request. The cache queue thread is used to store the cache, generate the Vsync signal request, and wake up the synthesis thread, etc.

[0129] Task is used to manage the stack of all activity instances used by the same application. Specifically, task groups related activities together and manages them in a stack. Task can also be understood as multiple activities in the same application working together to complete a certain function. It can be understood that each application corresponds to a task to manage all activity instances used.

[0130] The view system includes visual controls, such as controls for displaying text, controls for displaying images, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface including a text notification icon can include a view for displaying text and a view for displaying images.

[0131] The input manager is used to manage input device programs. For example, the input manager can determine input operations such as mouse click operations, keyboard input operations, and touch slide operations.

[0132] The activity manager is used to manage the life cycle of each application and the navigation back function. It is responsible for creating the Android main thread and maintaining the life cycle of each application.

[0133] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0134] Android runtime includes core libraries and virtual machines. Android runtime is responsible for scheduling and management of the Android system.

[0135] The core library consists of two parts: one part is the function that needs to be called by the Java language, and the other part is the Android core library.

[0136] The application layer and the application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0137] The system library can include multiple functional modules, such as image rendering library, image synthesis library, function library, media library, and input processing library.

[0138] The image rendering library is used to render two-dimensional or three-dimensional images. The image synthesis library is used to synthesize two-dimensional or three-dimensional images.

[0139] In a possible implementation, the application renders the image through the image rendering library, and then the application sends the rendered image to the cache queue of the image synthesis system. Whenever the Vsync signal arrives, the image synthesis system (e.g., surface flinger) sequentially obtains a frame of image to be synthesized from the cache queue, and then synthesizes the image through the image synthesis library.

[0140] The function library provides macros, type definitions, string operation functions, mathematical calculation functions, and input and output functions used in the C language.

[0141] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG and PNG, etc.

[0142] The input processing library is a library for processing input devices, which can implement mouse, keyboard, and touch input processing, etc.

[0143] The kernel layer is the layer between hardware and software. The kernel layer includes at least touch panel (TP) driver, display driver, Bluetooth driver, WIFI driver, keyboard driver, shared memory driver and camera driver.

[0144] Hardware can be audio devices, Bluetooth devices, camera devices, sensor devices, etc.

[0145] It should be understood that in some embodiments, the layers implementing the same function may be called by other names, or the layers that can implement the functions of multiple layers may be regarded as one layer, or the layers that can implement the functions of multiple layers may be divided into multiple layers. The embodiments of the present application are not limited to this.

[0146] The following is an illustrative description of the software and hardware workflow of the terminal device 100 in conjunction with a scenario where an application is started or an interface switch occurs in an application.

[0147] When the touch sensor 180K in the touch panel receives a touch operation, the kernel layer processes the touch operation into an original input event (including touch coordinates, touch strength, timestamp of the touch operation, and other information). The original input event is stored in the kernel layer. The kernel layer reports the original input event to the input manager of the application framework layer through the input processing library. The input manager of the application framework layer parses the information of the original input event (including: operation type and reported point position, etc.) and determines the focus application according to the current focus, and sends the parsed information to the focus application. The focus can be the touch point in a touch operation or the click position in a mouse click operation. The focus application is the application running in the foreground of the terminal device or the application corresponding to the touch position in the touch operation. The focus application determines the control corresponding to the original input event based on the parsed information of the original input event (for example, the reported point position).

[0148] Taking the touch operation as a touch sliding operation, and the control corresponding to the touch sliding operation as a list control of the WeChat application as an example, the WeChat application calls the image rendering library in the system library to draw and render the image through the view system of the application framework layer. The WeChat application sends the drawn and rendered image to the cache queue of the image synthesis system. The image synthesis library in the system library synthesizes the drawn and rendered image in the image synthesis system into the WeChat interface. The image synthesis system uses the display driver of the kernel layer to make the screen (display) display the corresponding interface of the WeChat application.

[0149] Currently, users can browse various types of content through the display screen of a terminal device. The terminal device can switch the page displayed on the display screen in response to a click operation by the user on the display screen.

[0150] In a possible design, the terminal device controls the display screen to switch from page 1 to page 2 in response to the user's click operation on page 1. If the user wants to browse page 1 again, the terminal device can control the display screen to return from page 2 to page 1 in response to the user clicking the back control operation.

[0151] However, in a scenario where the terminal device controls the display screen to switch pages multiple times, the user may need to click the back control multiple times to control the terminal device to display the previously browsed interface. This method is cumbersome to operate and has a poor user experience.

[0152] For example, Figure 3 Figure 1 is a schematic diagram of the interface of a terminal device in a possible design. Figure 3 As shown, taking the news application as an example, the terminal device responds to the user's operation of opening the news application and displays Figure 3 The interface shown in a in FIG. The interface includes an A window displaying the main page of the news application. The main page includes multiple news titles, for example, title one 301, title two, title three, title four, etc.

[0153] When the user Figure 3 When the title 1 301 is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation on the title 1 301, and the terminal device enters the Figure 3 The interface shown in b in FIG. The interface includes window A and window B. Window A displays the main page of the news application. Window B displays page A. Page A includes a back control 302 and related information about title 1. Related information about title 1 includes, but is not limited to: detailed content corresponding to title 1, user avatar 303 corresponding to title 1, etc.

[0154] When the user Figure 3 When the user avatar 303 in page A is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the user's triggering operation on the user avatar 303, and the terminal device enters the Figure 3 The interface shown in c in FIG. The interface includes window A and window B. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page B. Page B includes a back control 304 and user information corresponding to the user avatar 303, such as the user name, other articles published by the user, etc.

[0155] When the user Figure 3 When the article 1 305 in page B is triggered by clicking, touching or other operations in the interface shown in c, the terminal device receives the user's click operation on the article 1 305, and the terminal device enters the following Figure 3 The interface shown in d in FIG. The interface includes window A and window B. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page C. Page C includes a rollback control 306 and related information of article 1 305, such as detailed content corresponding to article 1, user avatar corresponding to article 1, etc.

[0156] When the user Figure 3When the back control 306 in page C is triggered by clicking, touching, etc. in the interface shown in d, the terminal device receives the user's triggering operation on the back control 306, and the terminal device enters the Figure 3 The interface shown in c.

[0157] When the user Figure 3 When the back control 304 in page B is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the user's triggering operation on the back control 304, and the terminal device enters the Figure 3 The interface shown in b.

[0158] It is understandable that if the user wants to return to page A from page C, two operations are required. If the terminal device switches to more interfaces, the user needs to perform more operations. The operation is cumbersome and the user experience is poor.

[0159] In view of this, an embodiment of the present application provides an interface switching method. Map other pages except the page being displayed into the floating ball; click the page logo in the floating ball to open the corresponding page. In this way, the terminal device can manage the pages browsed in the corresponding window through the floating window, and search and switch the browsed interface through the floating ball, without the need to return to the previously browsed page by rolling back. The operation is simple and convenient, and easy to implement.

[0160] The interface switching method of the embodiment of the present application is described in detail below through specific embodiments. The following embodiments can be combined with each other or implemented independently, and the same or similar concepts or processes may not be repeated in some embodiments.

[0161] Figure 4 and Figure 5 This is a schematic diagram of interface switching in the navigation mode of the split-screen application; Figure 9-12 This is a schematic diagram of the interface switching in the split-screen shopping mode of the application.

[0162] For example, Figure 4 This is a schematic diagram of an interface of a terminal device provided in an embodiment of the present application. Taking a news application as an example, the terminal device displays a message in response to a user opening the news application. Figure 4 The interface shown in a in FIG. The interface includes an A window displaying the main page of the news application. The main page includes multiple news titles, for example, title one 401, title two, title three, title four, etc.

[0163] When the user Figure 4 When the title 1 401 is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation on the title 1 401, and the terminal device enters the Figure 4The interface shown in b in FIG. The interface includes window A and window B. Window A displays the main page of the news application. Window B displays page A. Page A includes a back control 402 and related information about title 1. Related information about title 1 includes, but is not limited to: detailed content corresponding to title 1, user avatar 403 corresponding to title 1, etc.

[0164] When the user Figure 4 When the user avatar 403 in page A is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the user's triggering operation on the user avatar 403, and the terminal device enters the following Figure 4 The interface shown in c in FIG. The interface includes window A, window B and floating ball 404. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page B. Page B includes user information corresponding to the user avatar, such as the user name, other articles published by the user, etc.

[0165] Understandably, Figure 4 The middle suspension ball 404 is semicircular and translucent. The suspension ball 404 can also be circular, square or any other shape. The embodiment of the present application does not specifically limit the appearance of the shape of the suspension ball.

[0166] The floating ball 404 can be displayed floatingly at any position of the B window. The embodiment of the present application does not limit the specific display position of the floating ball 404. In some embodiments, the floating ball 404 is located at the edge of the B window to reduce the obstruction of the B window and improve the user experience.

[0167] When the user Figure 4 When the floating ball 404 is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the Figure 4 The interface shown in d in FIG. The interface includes window A, window B and floating window 405. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page B. Floating window 405 displays screenshot A 406, which corresponds to page A.

[0168] It is understandable that the screenshot is a type of identification corresponding to the page, and the screenshot can also be replaced with other identifications corresponding to the page, such as numbers, text, etc. The embodiment of the present application does not limit the identification corresponding to the page. In addition, compared with other identifications (such as numbers, text, etc.), the screenshot is more intuitive and convenient for users to identify the page corresponding to the identification.

[0169] When the user Figure 4When A screenshot 406 is triggered by clicking, touching, etc. in the interface shown in d, the terminal device receives the triggering operation of the user to open page A, and the terminal device enters the following Figure 4 The interface shown in e in FIG. The interface includes window A, window B and floating ball 407. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page A.

[0170] When the user Figure 4 When the floating ball 407 is triggered by clicking, touching, etc. in the interface shown in FIG. 4 , the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the following state: Figure 4 The interface shown in f in FIG. The interface includes window A, window B and floating window 408. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page A. Floating window 408 displays screenshot B 409, which corresponds to page B.

[0171] In a possible implementation, when the user Figure 4 When A screenshot 406 is triggered by clicking, touching, etc. in the interface shown in d, the terminal device receives the triggering operation of the user to open the A page, and the terminal device can also enter the following Figure 4 The interface shown in f.

[0172] In this way, the terminal device searches and switches the activity (e.g., page A, page B) corresponding to window B through the floating window, without the need to return to the previously browsed page by backing out. The operation is simple and convenient, easy to implement, and thus improves the user experience.

[0173] Understandably, Figure 4 The embodiment shown is described by taking the B window corresponding to two activities as an example, for example, the floating window includes a screenshot. The B window can also correspond to multiple activities, for example, the floating window includes multiple screenshots. The embodiment of the application does not specifically limit the number of activities.

[0174] It is understandable that the number of screenshots displayed in the floating window at one time is limited, and users can browse the screenshots in the floating window by sliding.

[0175] For example, when the user Figure 4 When the article 1 409 in page B is triggered by clicking, touching or other operations in the interface shown in c, the terminal device receives the user's triggering operation on the article 1 409, and the terminal device enters the following Figure 5The interface shown in a in FIG. The interface includes window A, window B and floating ball 501. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page C. Page C includes relevant information of article 1, for example, detailed content corresponding to article 1, user avatar corresponding to article 1, etc.

[0176] When the user Figure 5 When the floating ball 501 is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the Figure 5 The interface shown in b in FIG. The interface includes window A, window B and floating window 502. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page C. Floating window 502 displays screenshot A 503 and screenshot B 504. Screenshot A 503 corresponds to page A, and screenshot B 504 corresponds to page B.

[0177] It can be understood that when the terminal device receives the user's operation of clicking A screenshot 503, the terminal device displays page A in window B and places screenshot C in the floating window, and screenshot C corresponds to page C; when the terminal device receives the user's operation of clicking B screenshot 504, the terminal device displays page B in window B and places screenshot C in the floating window.

[0178] Above Figure 4 and Figure 5 In the embodiment shown, the terminal device can trigger the floating window display through the floating ball. The terminal device can also hide the floating window to reduce the occlusion of the B window.

[0179] In a possible implementation method 1, when the terminal device receives a sliding operation from the user in any area corresponding to the floating window, the terminal device hides the floating window and displays the floating ball.

[0180] For example, when the terminal device receives a user's sliding operation in any area of ​​the floating window 502, the terminal device Figure 5 The interface shown in b in the figure switches to Figure 5 Similarly, when the terminal device receives a sliding operation from the user in any area of ​​the floating window 405, the terminal device Figure 4 The interface shown in d in the figure switches to Figure 4 When the terminal device receives a user's sliding operation in any area of ​​the floating window 408, the terminal device Figure 4 The interface shown in f in the figure switches to Figure 4 The interface shown in e.

[0181] In possible implementation mode 2, when the terminal device receives any operation in window A or window B, the terminal device hides the floating window and displays the floating ball.

[0182] In possible implementation method three, when the floating window does not receive any user operation within a preset time period, the terminal device hides the floating window and displays the floating ball.

[0183] In some embodiments, each screenshot in the floating window is also provided with a corresponding close control. Figure 5 In the interface shown in b, the floating window 502 also includes an A close control 505 and a B close control 506.

[0184] When the user Figure 5 When the A close control 505 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the operation of closing the A page, and the terminal device enters the Figure 5 The interface shown in c in FIG. The interface includes window A, window B and floating window 507. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page C. Floating window 507 displays screenshot B.

[0185] When the user Figure 5 When the B close control 506 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the operation of closing the B page, and the terminal device enters the Figure 5 The interface shown in d in FIG. The interface includes window A, window B and floating window 508. Window A displays the main page of the news application. The main page includes multiple news titles. Window B displays page C. Floating window 508 displays screenshot A.

[0186] It is understandable that when the last screenshot in the floating window is closed, the terminal device does not display the floating window.

[0187] For example, when the user Figure 5 When the B close control 509 is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the operation of closing the B page, and the terminal device enters the Figure 5 The interface shown in e in FIG. The interface includes window A and window B, but does not include a floating window. Window A displays the main page of a news application. The main page includes multiple news titles. Window B displays page C.

[0188] When the user Figure 5 When the A close control 510 is triggered by clicking, touching, etc. in the interface shown in d, the terminal device receives the operation of closing the A page, and the terminal device enters the Figure 5The interface shown in e in FIG. The interface includes window A and window B, but does not include a floating window. Window A displays the main page of a news application. The main page includes multiple news titles. Window B displays page C.

[0189] On the basis of the above embodiment, the floating window is further provided with a clear control. When the terminal device receives a click operation for the clear control, the floating window is closed. In this way, the user can close the floating window with one click, simplifying the operation and improving the user experience.

[0190] For example, Figure 5 The floating window 502 shown in b in FIG. 1 also includes a clear control 511. Figure 5 When the clear control 511 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the operation of closing the A page and the B page, and the terminal device enters the Figure 5 The interface shown in e in FIG. The interface includes window A and window B, but does not include a floating window. Window A displays the main page of a news application. The main page includes multiple news titles. Window B displays page C.

[0191] On the basis of the above embodiment, when the terminal device receives a drag operation on the floating ball, the position of the floating ball is moved based on the drag operation.

[0192] Based on the above embodiment, when the terminal device enters multi-window mode, enters full-screen playback, exits to the desktop, swipes up, switches from the expanded state to the collapsed state, or runs an application in the background, the floating window is hidden.

[0193] Combine the following Figure 6-Figure 8 The creation, addition, destruction and movement of the floating window are explained.

[0194] For example, Figure 6 A schematic diagram of the interaction between modules in a terminal device provided in an embodiment of the present application. Figure 6 As shown in FIG, the terminal device includes: an input manager, an activity manager (AMS), a task, a window manager (WMS), and a SF thread. Figure 6 As shown, the interaction process includes:

[0195] S601: The terminal device receives a click operation from the user, and the input manager distributes the input event to the activity manager. The input event includes: input type, coordinates, etc.

[0196] For example, Figure 4 As shown, the terminal device is Figure 4 The interface shown in b in FIG. 1 receives an operation of the user clicking on the user avatar 403, and the input manager distributes the position, type, etc. corresponding to the click operation to the activity manager.

[0197] S602: The activity manager determines to open a page corresponding to the first control in window B.

[0198] The first control may be in the form of text, or in the form of a picture, or in the form of a combination of text and a picture. The embodiment of the present application does not limit the specific form of the first control.

[0199] For example, Figure 4 As shown, the activity manager determines that the user clicks the user avatar 403 based on the coordinates corresponding to the input event, and determines to create a new activity based on the user avatar 403 to update the page displayed in the B window to the B page.

[0200] S603: After determining to create a new activity, the activity manager calls task to manage the interface displayed in window B.

[0201] Exemplarily, after determining to create a new activity, the activity manager calls the window displayed on the task interface for management.

[0202] S604, task confirms that window B updates the page and creates a floating window corresponding to window B.

[0203] If the third window is not created, the task creates a floating window corresponding to the B window to manage multiple activities corresponding to the B window.

[0204] S605. Task sends first status information of the floating window corresponding to window B to the window manager.

[0205] The first status information includes but is not limited to: window position, window size, window outline information, etc.

[0206] For example, Figure 4 As shown, the first state information is used to indicate information such as the position of the suspension ball 404 , the shape and appearance of the suspension ball 404 , and the like.

[0207] S606: The window manager creates a floating window layer corresponding to window B, and draws the floating window corresponding to window B based on the first state information.

[0208] S607, the task takes a screenshot of the A page displayed in the B window to obtain a screenshot of A. The task saves the mapping relationship between the screenshot of A and the A page.

[0209] S608: After the task performs screenshot processing, it is determined that the page corresponding to the first control is page B.

[0210] S609: Task sends B page information to the window manager. The window manager draws B window based on the B page information.

[0211] S610: The window manager calls the SF thread to display a floating window in the display interface, and displays page B in window B.

[0212] For example, Figure 4 As shown, the terminal device displays Figure 4 The interface shown in c.

[0213] S611: The terminal device receives a click operation on the floating window corresponding to window B, and the input manager distributes the input event to the activity manager.

[0214] S612: The activity manager determines to switch the state of the third window based on the coordinates of the input event.

[0215] S613, the activity manager calls task to manage the floating window corresponding to window B;

[0216] S614. Task updates the floating window corresponding to window B to the second state.

[0217] S615. The task sends the second state information and the first screenshot information of the floating window to the window manager.

[0218] The second state information includes window position, window size, window outline information, etc. The screenshot information includes: screenshots saved by the task, as well as information such as the order of the screenshots and the position of the screenshots.

[0219] For example, Figure 4 As shown, the second state information is used to indicate the position of the floating window 405, the shape and appearance of the floating window 405, etc. The screenshot information includes A screenshot.

[0220] S616: The window manager draws a floating window corresponding to window B based on the second state information and the screenshot information.

[0221] S617: The window manager calls the SF thread to display a floating window corresponding to the B window in the display interface.

[0222] For example, Figure 4 As shown, the terminal device displays Figure 4 The interface shown in d.

[0223] Above Figure 6 The process shown in the figure can illustrate the creation of the floating ball in the interface and the display process of the screenshot. The process of adding the screenshot can refer to the above S601-S603 and S607. It will not be described in detail here.

[0224] Combine the following Figure 7 The process of taking out the screenshot in the floating window is explained.

[0225] like Figure 7 As shown, the interaction process includes:

[0226] S701: When a terminal device receives a click operation or a drag operation on screenshot A, the input manager distributes the input event to the activity manager.

[0227] Input events include: the type and coordinates of the input operation, etc.

[0228] For example, Figure 4 As shown, the terminal device is Figure 4 The interface shown in d in FIG. 1 receives the user's click operation on the A screenshot 406 , and the input manager distributes the position, type, etc. corresponding to the click operation to the activity manager.

[0229] S702: The activity manager determines to trigger A screenshot display based on the coordinates of the input event.

[0230] S703, the activity manager calls task to manage the floating window corresponding to window B and window B;

[0231] S704 , task takes a screenshot of page B displayed in window B, and saves a mapping relationship between the screenshot and page B.

[0232] S705 , the task determines to update window B to display page A based on screenshot A.

[0233] S706 , task updates the floating window corresponding to window B to the first state.

[0234] S707. The task sends the first state information of the third window and the A page information to the window manager.

[0235] S708: The window manager draws the third window based on the first state information, and draws the B window based on the A page information.

[0236] S709: The window manager calls the SF thread to display the B window and the third window in the display interface.

[0237] For example, Figure 4 As shown, the terminal device displays Figure 4 The interface shown in e.

[0238] Combine the following Figure 8 The process of destroying the screenshot in the floating window is explained.

[0239] like Figure 8 As shown, the interaction process includes:

[0240] S801: The terminal device receives a click operation or a drag operation on a close control corresponding to screenshot A, and the input manager distributes the input event to the activity manager.

[0241] Input events include: the type and coordinates of the input operation, etc.

[0242] S802: The activity manager determines to destroy screenshot A based on the coordinates of the input event.

[0243] S803, the activity manager calls task to manage the floating window corresponding to window B;

[0244] S804, task deletes screenshot A and the mapping relationship between screenshot A and page A.

[0245] If screenshot A is the last screenshot, task sends a message to the window manager to instruct it to delete the floating window layer corresponding to window B.

[0246] For example, the terminal device Figure 5 The interface shown in d in FIG. 1 receives the operation of the user clicking A to close the control 510, and the terminal device displays Figure 5 The interface shown in e.

[0247] If screenshot A is not the last screenshot, the terminal device executes S805-S808.

[0248] S805. Task sends second screenshot information to the window manager.

[0249] S806: The window manager draws a floating window corresponding to window B based on the second screenshot information.

[0250] S807: The window manager calls the SF thread to display a floating window corresponding to the B window in the display interface.

[0251] For example, the terminal device Figure 5 The interface shown in b in FIG. 1 receives the operation of the user clicking A to close the control 505, and the terminal device displays Figure 5 The interface shown in c.

[0252] Combine the following Fig. 9 and Fig.10 The interface changes of the terminal device in the scenario where the shopping mode in the application split screen is locked are explained.

[0253] For example, Fig. 9 This is a schematic diagram of an interface of a terminal device provided in an embodiment of the present application. Taking a shopping application and the shopping mode in the application split screen as an example, the terminal device responds to the user's operation of opening the shopping application and displays Fig. 9The interface shown in a in the figure. The interface includes window A and window B. Window A displays page D. Window B displays page E. Page D includes channel recommendations and product recommendations. Channel recommendations may include channels such as "Secondsale", "Live Broadcast", "Rankings", and "Flash Sales". Product recommendations may include products such as "Computers" and "Mobile Phones". Page E includes multiple channels. For example, "Fashion Clothing", "Men's Wear", "Women's Wear", "Beauty Shop", "Luxury Products", "Department Stores", "Self-operated", etc.

[0254] When the user Fig. 9 When the "Second Kill" control in page D is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation on the "Second Kill" control, and the terminal device enters the following Fig. 9 The interface shown in b in FIG. The interface includes window A, window B, and a floating ball 901 corresponding to window B. Window A displays page D. Window B displays page F. Page F includes multiple products related to the "Second Sale" channel, such as computer 902, "TV", etc.

[0255] Understandably, Fig. 9 The middle suspension ball 901 is semicircular and translucent. The suspension ball 901 can also be circular, square or any other shape. The embodiment of the present application does not specifically limit the appearance of the shape of the suspension ball.

[0256] The floating ball 901 can be displayed floatingly at any position of the B window. The embodiment of the present application does not limit the specific display position of the floating ball 901. In some embodiments, the floating ball 901 is located at the edge of the B window to reduce the obstruction of the B window and improve the user experience.

[0257] When the user Fig. 9 When the floating ball 901 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the Fig. 9 The interface shown in c in FIG. The interface includes window A, window B, and floating window 903 corresponding to window B. Window A displays page D. Window B displays page F. Floating window 903 displays screenshot E 904, which corresponds to page E.

[0258] When the user Fig. 9 When the E screenshot 904 is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the triggering operation of the user to open the E page, and the terminal device enters the Fig. 9 The interface shown in d in FIG. The interface includes window A, window B and a floating ball 905 corresponding to window B. Window A displays page D. Window B displays page E.

[0259] When the user Fig. 9When the floating ball 905 is triggered by clicking, touching, etc. in the interface shown in FIG. d, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the following Fig. 9 The interface shown in e in FIG. The interface includes window A, window B, and floating window 906 corresponding to window B. Window A displays page D. Window B displays page E. Floating window 905 displays screenshot F 907, which corresponds to page F.

[0260] In a possible implementation, when the user Fig. 9 When the E screenshot 904 is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the triggering operation of the user to open the A page, and the terminal device can also enter the Fig. 9 The interface shown in f.

[0261] Understandably, Fig. 9 In the illustrated embodiment, when the terminal device switches pages in window B, the screenshot is saved in a floating window for the user to browse the previous interface.

[0262] In the shopping mode of the application split screen, the terminal device will also switch pages in window A. Fig.10 The page switching of the A window is described.

[0263] For example, when the user Fig. 9 When the computer 902 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the trigger operation of the user to open the computer link, and the terminal device enters the Fig.10 The interface shown in a in FIG. The interface includes window A, window B, a floating ball 1001 corresponding to window A, and a floating ball 1002 corresponding to window B. Window A displays page F. Window B displays page G.

[0264] Understandably, Fig.10 The middle suspension ball 1001 is semicircular and translucent. The suspension ball 1001 can also be circular, square or any other shape. The embodiment of the present application does not specifically limit the appearance of the suspension ball, such as the shape.

[0265] The floating ball 1001 can be displayed floatingly at any position of the A window. The embodiment of the present application does not limit the specific display position of the floating ball 1001. In some embodiments, the floating ball 1001 is located at the edge of the A window to reduce the obstruction of the A window and improve the user experience.

[0266] The position, appearance, etc. of the suspension ball 1002 may refer to the related description of the suspension ball 901, which will not be repeated here.

[0267] When the user Fig.10When the floating ball 1001 is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the Fig.10 The interface shown in c in FIG. The interface includes window A, window B, and a floating window 1003 corresponding to window A, and a floating ball 1004 corresponding to window B. Window A displays page F. Window B displays page G. Floating window 1003 displays screenshot D 1005, and screenshot D corresponds to page D.

[0268] When the user Fig.10 When D screenshot 1005 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the triggering operation of the user to open the D page, and the terminal device enters the Fig.10 The interface shown in c in FIG. The interface includes window A, window B, a floating ball 1006 corresponding to window A, and a floating ball 1007 corresponding to window B. Window A displays page D. Window B displays page G.

[0269] When the user Fig.10 When the floating ball 1006 is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the triggering operation of the user to open the floating window corresponding to the A window, and the terminal device enters the Fig.10 The interface shown in d in FIG. The interface includes window A, window B, floating window 1008 corresponding to window A, and floating ball 1009 corresponding to window B. Window A displays page D. Window B displays page G. Floating window 1008 displays screenshot F 1009, and screenshot F corresponds to page F.

[0270] It is understandable that the terminal device displays the Fig. 9 The interface shown in a in the figure. Fig. 9 When the "Second Kill" control in page D is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation on the "Second Kill" control, and the terminal device enters the following Fig. 9 The interface shown in b.

[0271] In the above embodiment, the user clicks a control in the page displayed in window A to switch pages.

[0272] In some embodiments, in a scenario where the shopping mode of the split screen application is in a locked state, when the terminal device opens and enters the application, the first main page is displayed in window A and the second main page is displayed in window B. When the user clicks on the controls in the first main page or the controls in the second main page, the first main page is displayed in window A, and the page displayed in window B is related to the controls in the first main page, or is related to the controls in the second main page. When the user subsequently clicks on the page displayed in window A or the page displayed in window B again, window B displays the latest page, and window A displays the next latest page, and the two windows are constantly alternating.

[0273] Specifically, in response to the user's operation of opening the shopping application, the terminal device enters the first application page of the shopping application. The first application page includes window A and window B. Window A displays the first main page, and window B displays the second main page.

[0274] If the user clicks on the control in the first main page on the first application page, the terminal device displays the third application page, which includes: window A, window B and the floating ball corresponding to window B. Window A displays the first main page, and window B displays the page related to the control in the first main page. When the user clicks on the page displayed by window A or the page displayed by window B again, window B displays the latest page, and window A displays the next latest page, and the two windows keep changing. I will not go into details here. (eg Fig. 9 (shown)

[0275] When the user clicks on the control in the second main page on the first application page, the terminal device displays the second application page, which includes: window A, window B and the floating ball corresponding to window B. Window A displays the first main page, and the page displayed in window B is related to the control in the second main page. When the user clicks on the page displayed in window A or the page displayed in window B again, window B displays the latest page, and window A displays the next latest page, and the two windows are constantly changing. I will not go into details here.

[0276] It is understandable that in the scenario where the shopping mode in the split-screen application is locked, window B displays the latest page, window A displays the next latest page, and the two windows are constantly changing.

[0277] In the scenario where the shopping mode in the split-screen application is unlocked, the A window and the B window update the page independently without interfering with each other. Specifically, if the user clicks a control in the page displayed in the A window, the terminal device updates the page displayed in the A window, and the page displayed in the B window remains unchanged; if the user clicks a control in the page displayed in the B window, the terminal device updates the page displayed in the B window, and the page displayed in the A window remains unchanged.

[0278] Combine the following Fig.11The interface changes of the terminal device in the scenario where the shopping mode in the application split screen is unlocked are explained.

[0279] For example, Fig.11 This is a schematic diagram of an interface of a terminal device provided in an embodiment of the present application. Taking a shopping application and the application split-screen mode being unlocked as an example, the terminal device responds to the user's operation of opening the shopping application and displays Fig.11 The interface shown in a in the figure. The interface includes window A and window B. Window A displays page D. Window B displays page E. Page D includes channel recommendations and product recommendations. Channel recommendations may include channels such as "Secondsale", "Live Broadcast", "Rankings", and "Flash Sales". Product recommendations may include products such as "Computers" and "Mobile Phones". Page E includes multiple channels. For example, "Fashion Clothing", "Men's Wear", "Women's Wear", "Beauty Shop", "Luxury Products", "Department Stores", "Self-operated", etc.

[0280] When the user Fig.11 When the "Second Kill" control in page D is triggered by clicking, touching, etc. in the interface shown in a, the terminal device receives the user's triggering operation on the "Second Kill" control, and the terminal device enters the following Fig.11 The interface shown in b in FIG. The interface includes window A, window B, and a floating ball 1101 corresponding to window A. Window A displays page H. Page H includes multiple products related to the "self-operated" channel, such as computer 1102, "TV", etc. Window B displays page E.

[0281] Understandably, Fig.11 The middle suspension ball 1101 is semicircular and translucent. The suspension ball 1101 can also be circular, square or any other shape. The embodiment of the present application does not specifically limit the appearance of the shape of the suspension ball.

[0282] The floating ball 1101 can be displayed floatingly at any position of the B window. The embodiment of the present application does not limit the specific display position of the floating ball 1101. In some embodiments, the floating ball 1101 is located at the edge of the B window to reduce the obstruction of the B window and improve the user experience.

[0283] When the user Fig.11 When the floating ball 1101 is triggered by clicking, touching, etc. in the interface shown in b, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the Fig.11 The interface shown in c in FIG. The interface includes window A, window B, and floating window 1103 corresponding to window A. Window B displays page E. Window A displays page F. Floating window 1103 displays screenshot D 1104, and screenshot D corresponds to page D.

[0284] When the user Fig.11When D screenshot 1104 is triggered by clicking, touching, etc. in the interface shown in c, the terminal device receives the trigger operation of the user to open the E page, and the terminal device enters the Fig.11 The interface shown in d in FIG. The interface includes window A, window B and a floating ball 1105 corresponding to window A. Window A displays page D, and window B displays page E.

[0285] When the user Fig.11 When the floating ball 1105 is triggered by clicking, touching, etc. in the interface shown in FIG. d, the terminal device receives the user's triggering operation to open the floating window, and the terminal device enters the following Fig.11 The interface shown in e in FIG. The interface includes window A, window B, and floating window 1106 corresponding to window A. Window A displays page D. Window B displays page E. Floating window 1105 displays screenshot F 1107, which corresponds to page F.

[0286] It is understandable that in the scenario where the shopping mode in the split-screen application is unlocked, the changes in the floating ball and floating window corresponding to the B window are similar to those of the A window, and will not be repeated here.

[0287] It is understandable that the above Figure 4-Figure 11 In the illustrated embodiment, the user can change the position of the floating ball by dragging.

[0288] For example, Fig.12 As shown, Fig.12 In the interface shown in a, the display position of the floating ball is located at the bottom of the B window. When the terminal device detects that the user clicks on the floating ball and long presses and drags the floating ball, the following Fig.12 The interface shown in b. Fig.12 In the b interface, the display position of the floating ball can move with the user's finger. For example, when the user long presses the floating ball and drags it upward, the floating ball moves upward accordingly. After the user drags the floating ball to the preset position, release the finger.

[0289] In some embodiments, the shape of the suspended ball changes during the dragging process, illustratively from a semicircle to a circle.

[0290] The terminal device detects the user's lifting operation and stops moving the floating ball. The floating ball stays at the position where the finger performs the lifting operation. The terminal device enters the following state: Fig.12 The interface shown in c. Fig.12 In the c interface, the floating ball is moved to the top of the B window.

[0291] In some embodiments, when the terminal device detects the user's lifting operation, it stops moving the floating ball, and the floating ball stays at the edge of the B window closest to the position where the finger performs the lifting operation. In this way, the occlusion of the B window by the floating ball can be reduced. Fig.13 The movement process of the floating ball is described.

[0292] like Fig.13 As shown, the interaction process includes:

[0293] S1301: The terminal device receives the user's operation of dragging the floating ball, and the input manager distributes the input event to the activity manager. The input event includes: input type, coordinates, etc.

[0294] For example, Fig.12 As shown, the terminal device is Fig.12 The interface shown in a receives the user's operation of dragging the floating ball, and the input manager distributes the position and type corresponding to the click operation to the activity manager.

[0295] S1302: The activity manager determines that the window corresponding to the drag operation is a floating window corresponding to window B.

[0296] S1303: The activity manager calls task to manage the interface displayed in the floating window corresponding to window B.

[0297] S1304. Task updates the position of the floating window corresponding to window B based on the position coordinates of the drag operation.

[0298] During the drag operation, the position of the floating window corresponding to window B is the position coordinate corresponding to the drag operation.

[0299] In the embodiment of the present application, the position of the third window when the drag operation ends is determined by the distance between the position coordinates when the drag operation ends and the edge of the floating window corresponding to the B window.

[0300] If the drag operation ends, the distance between the drag operation position coordinates and the left edge of window B is smaller than the distance between the drag operation position coordinates and the right edge of window B, the floating window corresponding to window B is displayed on the left side of window B.

[0301] If the drag operation ends, the distance between the drag operation position coordinates and the left edge of window B is greater than the distance between the drag operation position coordinates and the right edge of window B, the floating window corresponding to window B is displayed on the right side of window B.

[0302] If at the end of the drag operation, the distance between the position coordinates of the drag operation and the left edge of window B is equal to the distance between the position coordinates of the drag operation and the right edge of window B, and the floating window corresponding to window B was on the right side of window B before the drag operation, then after the drag operation, the floating window corresponding to window B is displayed on the right side of window B.

[0303] If at the end of the drag operation, the distance between the position coordinates of the drag operation and the left edge of window B is equal to the distance between the position coordinates of the drag operation and the right edge of window B, and the floating window corresponding to window B was on the left side of window B before the drag operation, then after the drag operation, the floating window corresponding to window B is displayed on the left side of window B.

[0304] S1305. Task sends the position information of the floating window corresponding to window B to the window manager.

[0305] S1306: The window manager draws and renders a floating window corresponding to window B based on the position information.

[0306] S1307: The window manager calls the SF thread to display a floating window corresponding to the B window in the display interface.

[0307] The floating window corresponding to the A window can refer to the creation and destruction of the floating window corresponding to the B window, which will not be repeated here.

[0308] It is understandable that the terminal device can save the position information of the suspended ball to facilitate the subsequent display of the suspended ball at the original position. Exemplarily, the terminal device saves the position coordinates of the suspended ball, calculates the ratio with the width and height of the screen, and records it in the system xml file according to the package name. When the suspended ball is reproduced after rotation or hiding, the position record is read, and then multiplied with the width and height of the current screen to obtain the position of the suspended ball.

[0309] It is understandable that the above embodiment uses a screenshot as the identifier corresponding to the page, and the screenshot can also be replaced with other identifiers corresponding to the page, such as numbers, text, etc. The embodiment of the present application does not limit the identifier corresponding to the page. In addition, compared with other identifiers (such as numbers, text, etc.), a screenshot is more intuitive and convenient for users to identify the page corresponding to the identifier.

[0310] It is understandable that the above embodiment takes one page switching or two page switching as an example to illustrate the interface switching method in the embodiment of the present application. The interface switching method in the embodiment of the present application can also be applied to multiple page switching, which is not limited in the embodiment of the present application.

[0311] The above embodiments respectively illustrate the application of the floating ball in the navigation mode and shopping mode of the split-screen application. The floating ball can also be applied to applications that only display one window. The specific display process can refer to the display process of the second window in the navigation mode of the split-screen application, which will not be described in detail here. The floating ball can also be applied to applications with multiple windows, which is not limited here.

[0312] The above embodiment is described by taking the scenario where the application is split into left and right split screens as an example, and can also be applied to the scenario where the application is split into top and bottom split screens, which will not be described in detail here.

[0313] It should be noted that the "at..." in the embodiment of the present application can be the instant when a certain situation occurs, or a period of time after a certain situation occurs, and the embodiment of the present application does not specifically limit this. In addition, the display interface provided in the embodiment of the present application is only an example, and the display interface can also include more or less content.

[0314] The interface switching method of the embodiment of the present application has been described above, and the device for executing the above interface switching method provided by the embodiment of the present application is described below. Those skilled in the art can understand that the method and the device can be combined and referenced with each other, and the relevant device provided by the embodiment of the present application can execute the steps in the above interface switching method.

[0315] like Fig.14 As shown, Fig.14 A schematic diagram of the structure of an interface switching device provided in an embodiment of the present application. The interface switching device may be a terminal device in an embodiment of the present application, or a chip or chip system in the terminal device.

[0316] like Fig.14 As shown, the interface switching device 2100 can be used in a communication device, circuit, hardware component or chip, and the interface switching device includes: a display unit 2101 and a processing unit 2102. The display unit 2101 is used to support the display step performed by the interface switching device 2100; the processing unit 2102 is used to support the interface switching device 2100 to perform information processing steps.

[0317] In a possible implementation, the interface switching device 2100 may also include a communication unit 2103. Specifically, the communication unit is used to support the interface switching device 2100 to perform the steps of sending and receiving data. The communication unit 2103 may be an input or output interface, a pin or a circuit.

[0318] In a possible embodiment, the interface switching device may further include: a storage unit 2104. The processing unit 2102 and the storage unit 2104 are connected via a line. The storage unit 2104 may include one or more memories, and the memory may be a device used to store programs or data in one or more devices or circuits. The storage unit 2104 may exist independently and be connected to the processing unit 2102 of the interface switching device via a communication line. The storage unit 2104 may also be integrated with the processing unit 2102.

[0319] The storage unit 2104 can store computer-executable instructions of the method in the terminal device so that the processing unit 2102 executes the method in the above embodiment. The storage unit 2104 can be a register, a cache, or a RAM, etc. The storage unit 2104 can be integrated with the processing unit 2102. The storage unit 2104 can be a read-only memory (ROM) or other types of static storage devices that can store static information and instructions, and the storage unit 2104 can be independent of the processing unit 2102.

[0320] The interface switching method provided in the embodiment of the present application can be applied to electronic devices with display functions. The electronic devices include terminal devices, and the specific device form of the terminal devices can refer to the above related descriptions, which will not be repeated here.

[0321] An embodiment of the present application provides a terminal device, which includes: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the above method.

[0322] The embodiment of the present application provides a chip. The chip includes a processor, and the processor is used to call a computer program in a memory to execute the technical solution in the above embodiment. Its implementation principle and technical effect are similar to those of the above related embodiments, and will not be repeated here.

[0323] The embodiments of the present application also provide a computer-readable storage medium. The computer-readable storage medium stores a computer program. The above method is implemented when the computer program is executed by the processor. The method described in the above embodiment can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. If implemented in software, the function can be stored as one or more instructions or codes on a computer-readable medium or transmitted on a computer-readable medium. Computer-readable media can include computer storage media and communication media, and can also include any medium that can transfer a computer program from one place to another. The storage medium can be any target medium that can be accessed by a computer.

[0324] In one possible implementation, a computer-readable medium may include RAM, ROM, compact disc read-only memory (CD-ROM) or other optical disk storage, disk storage or other magnetic storage devices, or any other medium that is intended to carry or store the required program code in the form of instructions or data structures and can be accessed by a computer. Moreover, any connection is appropriately referred to as a computer-readable medium. For example, if a coaxial cable, fiber optic cable, twisted pair, digital subscriber line (DSL) or wireless technology (such as infrared, radio and microwave) is used to transmit software from a website, server or other remote source, the coaxial cable, fiber optic cable, twisted pair, DSL or wireless technology such as infrared, radio and microwave are included in the definition of medium. Disks and optical disks as used herein include optical disks, laser disks, optical disks, digital versatile disks (DVD), floppy disks and Blu-ray disks, where disks usually reproduce data magnetically, while optical disks reproduce data optically using lasers. Combinations of the above should also be included in the scope of computer-readable media.

[0325] An embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed, the computer executes the above method.

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

[0327] The above specific implementation methods further illustrate the purpose, technical solutions and beneficial effects of the present invention in detail. It should be understood that the above are only specific implementation methods of the present invention and are not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc. made on the basis of the technical solutions of the present invention should be included in the scope of protection of the present invention.

Claims

1. An interface switching method, characterized in that: include: The terminal device displays a first interface of a first application, the first interface includes a first window and a second window displayed in split screen, the second window displays a second page of the first application including a first control, and the first control is used to open a third page of the first application; The terminal device receives a first operation on the first control; In response to the first operation, the terminal device takes a screenshot of the first page to be canceled to obtain a first screenshot, saves a mapping relationship between the first screenshot and the first interface to be canceled, and displays a second interface, wherein the second interface includes the first window and the second window displayed in split screens, and a first floating ball, and the second window displays the third page; the first page to be canceled is a page displayed on the first interface that is not displayed on the second interface; the terminal device receives a second operation on the first floating ball; In response to the second operation, the terminal device displays a third interface, the third interface including the first window and the second window displayed in split screen, and a first floating window, the second window displays the third page, and the first floating window displays a first screenshot corresponding to the first page to be canceled; The terminal device receives a third operation on the first screenshot; in response to the third operation, the terminal device takes a screenshot of the second page to be canceled to obtain a second screenshot, saves a mapping relationship between the second screenshot and the second page to be canceled, and displays a fourth interface, wherein the fourth interface includes the first window and the second window displayed in split screen, and the first floating ball, and one of the first window and the second window displays the first page to be canceled; the second page to be canceled is a page displayed on the third interface that is not displayed on the fourth interface; The terminal device receives a fourth operation on the first floating ball; In response to the fourth operation, the terminal device displays a fifth interface, wherein the fifth interface includes the first window and the second window displayed in split screen, and the first floating window, wherein one of the first window and the second window displays the first page to be canceled; and the first floating window displays a second screenshot corresponding to the second page to be canceled.

2. The method according to claim 1, characterized in that In the first mode, the first page to be canceled is the second page, and the first window of the first interface, the first window of the second interface, the first window of the third interface, the first window of the fourth interface, and the first window of the fifth interface display the first page of the first application; the second page to be canceled is the third page, and the second window of the fourth interface and the second window of the fifth interface display the second page.

3. The method according to claim 1, characterized in that In the second mode, the first page to be canceled is the first page of the first application, the first window of the first interface displays the first page, the first window of the second interface and the first window of the third interface display the second page, the first window of the fourth interface and the first window of the fifth interface display the first page; the second page to be canceled is the second page, and the second window of the fourth interface and the second window of the fifth interface display the third page.

4. The method according to claim 2, characterized in that: The third page also includes a second control, and the second control is used to open the fourth page of the first application; The method further comprises: The terminal device receives a fifth operation on the second control; In response to the fifth operation, the terminal device displays a sixth interface, wherein the sixth interface includes the first window and the second window displayed in split screen, and the first floating ball, the first window displays the first page, and the second window displays the fourth page; The terminal device receives a sixth operation on the first floating ball on the sixth interface; In response to the sixth operation, the terminal device displays a seventh interface, wherein the seventh interface includes the first window and the second window displayed in split screen, and the first floating window, wherein the first window displays the first page, the second window displays the fourth page, and the first floating window displays the first screenshot and the second screenshot corresponding to the third page.

5. The method according to claim 4, characterized in that The first floating window further displays a first close control corresponding to the first screenshot when displaying the first screenshot, and further displays a second close control corresponding to the second screenshot when displaying the second screenshot; The method further comprises: The terminal device receives a seventh operation on the seventh interface for the first closing control; In response to the seventh operation, the terminal device displays an eighth interface, wherein the eighth interface includes the first window and the second window displayed in split screen, and the first floating window, wherein the first window displays the first page, the second window displays the fourth page, and the first floating window displays the second screenshot and the second close control.

6. The method according to claim 5, characterized in that The method further comprises: The terminal device receives an eighth operation on the eighth interface for the second closing control; In response to the eighth operation, the terminal device displays a ninth interface, wherein the ninth interface includes the first window and the second window displayed in split screen, excluding the first floating ball and the first floating window, the first window displays the first page, and the second window displays the fourth page.

7. The method according to claim 5, characterized in that The first floating window also includes a clear control; The method further comprises: The terminal device receives a ninth operation for the clear control on the seventh interface or the eighth interface; In response to the ninth operation, the terminal device displays a ninth interface, wherein the ninth interface includes the first window and the second window displayed in split screen, excluding the first floating ball and the first floating window, the first window displays the first page, and the second window displays the fourth page.

8. The method according to any one of claims 2, 4-7, characterized in that: Before the terminal device displays the first interface, the method further includes: The terminal device displays a tenth interface, the tenth interface includes the first window but does not include the second window, and the first window displays the first page; The terminal device receives a tenth operation on a third control in the first page, where the third control is used to open a second page of the first application; The terminal device displays the first interface in response to the tenth operation.

9. The method according to any one of claims 2, 4-7, characterized in that: The first page includes a fourth control; The method further comprises: The terminal device receives an eleventh operation on the fourth control on the sixth interface, the seventh interface or the eighth interface; In response to the eleventh operation, the terminal device displays an eleventh interface, wherein the eleventh interface includes the first window and the second window displayed in split screen, the first floating ball corresponding to the second window, and the second floating ball corresponding to the first window.

10. The method according to claim 9, characterized in that The method further comprises: The terminal device receives a twelfth operation on the second floating ball; In response to the twelfth operation, the terminal device displays a twelfth interface, wherein the twelfth interface includes the first window and the second window displayed in split screen, the first floating ball and the second floating window, and the second floating window displays a fourth screenshot corresponding to the first page.

11. The method according to any one of claims 1 to 7 and 10, characterized in that: The terminal device, in response to the first operation, takes a screenshot of the first page to be canceled to obtain a first screenshot, saves a mapping relationship between the first screenshot and the first interface to be canceled, and displays a second interface, including: The activity manager in the terminal device calls a task stack task based on the first operation; The task updates the page of the second window based on the first operation confirmation, and creates a first floating window corresponding to the second window; The task sends first status information of the first floating window to the window manager in the terminal device; The window manager creates a layer corresponding to the first floating window, and draws the first floating ball based on the first state information; The window manager sends the drawn first floating ball to the SF thread in the terminal device for display on the display screen of the terminal device; The task takes a screenshot of the first page to be canceled to obtain the first screenshot, and saves a corresponding relationship between the first screenshot and the first page to be canceled; The task determines the third page based on the first operation; The task sends page information of the third page to the window manager; The window manager draws the third page based on the page information of the third page; The window manager sends the drawn third page to the SF thread for display on the display screen of the terminal device; The terminal device displays the second interface.

12. The method according to claim 11, characterized in that The terminal device displays a third interface in response to the second operation, including: The activity manager in the terminal device calls the task based on the second operation; The task adjusts the first floating window to a second state based on the second operation; The task sends the first screenshot and second status information of the first floating window to the window manager; The window manager draws the first floating window based on the first screenshot and the second state information of the first floating window; The window manager sends the drawn first floating window to the SF thread for display on the display screen of the terminal device; The terminal device displays the third interface.

13. The method according to claim 11, characterized in that The terminal device, in response to the third operation, takes a screenshot of the second page to be canceled to obtain a second screenshot, saves a mapping relationship between the second screenshot and the second page to be canceled, and displays a fourth interface, including: The activity manager in the terminal device calls the task based on the third operation; The task takes a screenshot of the second page to be canceled displayed in the first window to obtain a second screenshot, and saves a mapping relationship between the second screenshot and the second page to be canceled; The task sends first status information of the first floating window to the window manager; The task sends the first state information to the window manager; The window manager draws the first floating ball based on the first state information; The window manager sends the drawn first floating ball to the SF thread for display on the display screen of the terminal device; The task determines the first page to be canceled based on the third operation; The task sends the page information of the first page to be canceled to the window manager; The window manager draws the first page to be canceled based on the page information of the first page to be canceled; The window manager sends the drawn first page to be canceled to the SF thread, so as to display it on the display screen of the terminal device; The terminal device displays the fourth interface.

14. The method according to claim 3, characterized in that The first floating ball corresponds to the second window, and the first interface further includes a second floating ball corresponding to the first window; Before the terminal device displays the first interface, the method further includes: The terminal device displays a thirteenth interface, the thirteenth interface includes the first window and the second window displayed in split screen, the first window displays the first page, the first page includes a fifth control, the second window displays the fifth page, and the fifth control is used to open the second page of the first application; The terminal device receives a thirteenth operation for the fifth control; The terminal device displays the first interface in response to the thirteenth operation.

15. The method according to claim 3, characterized in that The first floating window further displays a second close control corresponding to the second screenshot when displaying the second screenshot; The method further comprises: The terminal device receives a fourteenth operation on the second closing control on the fifth interface; In response to the fourteenth operation, the terminal device displays a fourteenth interface, wherein the fourteenth interface includes the first window and the second window displayed in split screen, excluding the first floating ball and the first floating window, the first window displays the first page, and the second window displays the third page.

16. The method according to claim 3, characterized in that The first floating window also includes a clear control; The method further comprises: The terminal device receives a fifteenth operation on the clear control on the fifth interface; In response to the fifteenth operation, the terminal device displays a fourteenth interface, wherein the fourteenth interface includes the first window and the second window displayed in split screen, excluding the first floating ball and the first floating window, the first window displays the first page, and the second window displays the third page.

17. A terminal device, characterized in that: include: Processor and memory; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the method according to any one of claims 1 to 16.

18. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 16 is implemented.

19. A computer program product, characterized in that The method comprises a computer program, which, when being executed, enables a computer to execute the method according to any one of claims 1 to 16.

Images