Interface switching method based on external screen display, and electronic device

Abstract

The present application is applicable to the technical field of displays, and provides an interface switching method based on an external screen display, and an electronic device. The method comprises: displaying a first interface on an external screen; and in response to a first operation initiated in the first interface, displaying a second interface of a first application on the external screen by means of a full-screen display, the second interface being configured for displaying a real-time state of the first application, and the first application being an application program having a real-time state viewing function. According to the embodiments of the present application, a first operation is initiated in a first interface, so as to directly enter a second interface displayed in full screen, and view a real-time state of an application program in the second interface, thereby improving viewing efficiency in terms of viewing real-time states of application programs on external screens, reducing viewing difficulty, and thus improving user experience when using external screens.

Description

An interface switching method based on external screen display and an electronic device

[0001] This application claims priority to two Chinese patent applications filed on October 28, 2024, with application number 202411514298.8 and entitled "An Interface Switching Method and Electronic Device Based on External Screen Display", and on March 19, 2025, with application number 202510337261.0 and entitled "An Interface Switching Method and Electronic Device Based on External Screen Display", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application belongs to the field of display technology, and in particular relates to an interface switching method based on an external screen display and an electronic device. Background Technology

[0003] With the continuous development of display technology, users not only demand larger displays with higher screen-to-body ratios on electronic devices, but also require some models to have an external display screen (referred to as an external screen). For example, an external screen could be located on the back of the main screen of a smartphone, or a foldable smartphone could have at least one external screen in addition to the foldable internal screen. Since the main display screen and the external screen are generally different in size, how the interface layout on the external screen is designed directly affects the user's experience of using the external screen.

[0004] Existing external screen display technology typically shows application update status via a floating window when the screen is locked. However, due to the smaller size of the external screen, the size of the floating window displaying notification content is often smaller than the main display screen, increasing the difficulty of viewing the update status within the floating window and affecting the user experience. Summary of the Invention

[0005] This application provides an interface switching method and electronic device based on external screen display, which can solve the problem that existing external screen display technology makes it difficult to view the update status of some applications due to the small display size when displaying the update status of some applications in the form of a floating frame.

[0006] In a first aspect, embodiments of this application provide an interface switching method based on an external screen display, applied to an electronic device equipped with an external screen, the interface switching method comprising:

[0007] Display the first interface on the outer screen;

[0008] In response to a first operation initiated within the first interface, a second interface of the first application is displayed on the outer screen in full-screen mode; the second interface is used to display the real-time status of the first application; the first application is an application with real-time status viewing function.

[0009] Implementing the embodiments of this application has the following beneficial effects: A first interface can be displayed on the external screen of an electronic device. This first interface may include a function interface and a lock screen interface. A user can initiate a first operation on the first interface to view the real-time status of a first application, and in response to the first operation, a second interface is generated and displayed in full screen. The real-time status of the first application can be displayed on the second interface to determine the specific notification content of the first application. Compared with existing external screen display technologies, the real-time status of the application in this embodiment is not displayed through a floating window. Instead, the first operation can be initiated on the first interface, directly entering the second interface displayed in full screen, where the real-time status of the application can be viewed. This improves the efficiency of viewing the real-time status of the application on the external screen, reduces the difficulty of viewing, and thus improves the user experience when using the external screen.

[0010] In one possible implementation of the first aspect, the first interface includes a page navigation bar; the page navigation bar includes a first navigation point and a second navigation point; each first navigation point corresponds to a first application; each second navigation point corresponds to a function interface or a lock screen interface.

[0011] In one possible implementation of the first aspect, the color of the first navigation point is determined based on the application theme color of the first application.

[0012] One possible implementation of the first aspect also includes:

[0013] Upon receiving a notification from any of the first applications, add the first navigation point corresponding to the first application to the page navigation bar.

[0014] In one possible implementation of the first aspect, when there are two or more first navigation points, the order of the first navigation points in the page navigation bar is determined based on the state update time of the first application.

[0015] In one possible implementation of the first aspect, the first application includes a second application and a third application; the state update time of the second application is later than the state update time of the third application.

[0016] The step of responding to a first operation initiated within the first interface by displaying a second interface of the first application on the outer screen in full-screen mode includes:

[0017] In response to a first operation initiated within the first interface, the second interface of the second application is displayed on the outer screen in a full-screen mode;

[0018] In response to the first operation initiated within the second interface of the second application, the second interface of the third application is displayed on the outer screen in a full-screen mode.

[0019] In one possible implementation of the first aspect, the step of displaying a second interface of the first application on the outer screen in response to a first operation initiated within the first interface, via full-screen display, includes:

[0020] In response to a second operation initiated within the first interface, a notification center interface is displayed on the first interface; the notification center interface includes a first notification from the first application.

[0021] In response to a third operation initiated in response to the first notification, the second interface of the first application is displayed on the outer screen in full-screen mode.

[0022] In one possible implementation of the first aspect, the second operation is a downward swiping operation starting from the center area at the top of the outer screen;

[0023] The third operation includes: long press operation, click operation, and long press operation.

[0024] In one possible implementation of the first aspect, the first interface includes a second notification corresponding to the first application, the display area of ​​the second notification being smaller than the display area of ​​the first notification; the second operation is a click operation on the second notification; the display notification center interface is a first notification interface; the first notification interface is used to display the first notification of the first application.

[0025] In one possible implementation of the first aspect, the step of displaying a second interface of the first application on the outer screen in response to a first operation initiated within the first interface, via full-screen display, includes:

[0026] A first notification regarding the real-time status of the first application is displayed on the first interface;

[0027] In response to the user's click on the first notification, the second interface is displayed on the outer screen in full-screen mode.

[0028] In one possible implementation of the first aspect, after displaying a first notification regarding the real-time status of the first application on the first interface, the method further includes:

[0029] If no click operation is received on the first notification within a preset first time period, a second notification of the first application is displayed on the top status bar of the first interface; the display area of ​​the second notification is smaller than the display area of ​​the first notification.

[0030] In one possible implementation of the first aspect, after displaying a second notification of the first application on the top status bar of the first interface if no click operation is received on the first notification within a preset first time period, the method further includes:

[0031] In response to a fourth operation initiated in response to the second notification, the second interface of the first application is displayed on the outer screen in full-screen mode.

[0032] In one possible implementation of the first aspect, the fourth operation initiated in response to the second notification, displaying the second interface of the first application on the outer screen in a full-screen manner, includes:

[0033] In response to the fourth operation initiated on the second notification, at least one of the first notifications is displayed on the first interface;

[0034] In response to a fifth operation initiated on any first notification, the second interface of the first application corresponding to any first notification is displayed on the outer screen in full-screen mode.

[0035] In one possible implementation of the first aspect, the first interface includes a third notification for displaying the real-time status of the first application; the first operation is an operation initiated on the third notification.

[0036] One possible implementation of the first aspect also includes:

[0037] The fourth notification is displayed on the display area corresponding to the third notification in the first interface; the layer of the fourth notification is located on the layer of the third notification; the fourth notification is a notification from an application other than the first application.

[0038] After the fourth notification has been displayed for a second duration, the layer of the third notification is placed on top to make the third notification visible.

[0039] In one possible implementation of the first aspect, the second interface includes a notification control for displaying unread notifications;

[0040] The interface switching method further includes:

[0041] In response to a sixth operation on the prompt control, a notification center interface is displayed; the notification center interface includes a first notification from the first application and the fourth notification.

[0042] In one possible implementation of the first aspect, the first interface includes at least one of a lock screen interface, a function interface, a notification center interface, and an application operation interface.

[0043] In one possible implementation of the first aspect, the second interface includes a return control; the return control is used to switch to the first interface.

[0044] In one possible implementation of the first aspect, the method further includes:

[0045] A third interface is displayed on the outer screen; the third interface includes a first control group; the first control group includes a first control and a second control; in the third interface, the controls in the first control group are displayed in a stacked manner; the first control is the control that is at the top of the stack in the first control group;

[0046] In response to the seventh operation on the first control group, update the first control group.

[0047] In this embodiment, the electronic device can create a control group to accommodate multiple different types of controls on the outer screen at the same time, and perform operations on the control group through preset operations to update the control group, thereby improving the user's operating experience on the outer screen. It can also operate on multiple different controls without switching between multiple function screens, thereby improving the user's operating efficiency on the outer screen and improving the utilization rate of space on the outer screen.

[0048] In one possible implementation of the first aspect, prior to displaying the third interface on the outer screen, the method further includes:

[0049] In response to an eighth operation on the first control in the third interface, a first control group is generated based on the target object specified by the eighth operation and the first control; the first control group includes the first control.

[0050] In one possible implementation of the first aspect, prior to displaying the third interface on the outer screen, the method further includes:

[0051] In response to a ninth operation on the first control in the function editing interface, the first control group is generated based on the target object specified by the ninth operation and the first control; the function editing interface is used to edit the display objects contained in the third interface.

[0052] In one possible implementation of the first aspect, the target object is the second control or the second control group; the second control group includes at least two of the second controls.

[0053] In one possible implementation of the first aspect, the seventh operation is a first sliding operation;

[0054] The step of updating the first control group in response to the seventh operation on the first control group includes:

[0055] In response to a first sliding operation on the first control group, the stacking order of the second control in the first control group is adjusted to the top.

[0056] In one possible implementation of the first aspect, updating the first control group in response to the seventh operation on the first control group includes:

[0057] In response to the seventh operation on the first control group, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

[0058] In one possible implementation of the first aspect, the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group includes:

[0059] In response to the seventh operation on the first control group, an operation menu for the first control group is displayed; the operation menu includes an expand control.

[0060] In response to a click operation on the expanded control, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

[0061] In one possible implementation of the first aspect, the operation menu further includes a removal control for the first control.

[0062] In one possible implementation of the first aspect, the seventh operation includes: a second swipe operation and a long press operation for the first control group.

[0063] In one possible implementation of the first aspect, after the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group, the method further includes:

[0064] In response to an eighth operation on a third control in the first control group, the stacking order of the third control in the first control group is changed; the third control is any control in the first control group.

[0065] In one possible implementation of the first aspect, after the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group, the method further includes:

[0066] In response to the ninth operation on the third control in the first control group, the third control is removed from the first control group and added to the third interface; the third control is any control in the first control group.

[0067] In one possible implementation of the first aspect, after the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group, the method further includes:

[0068] In response to the tenth operation on the third control in the first control group, the third control is deleted; the third control is any control in the first control group.

[0069] Secondly, an interface switching device based on an external screen display includes:

[0070] An external display unit is used to display the first interface on an external screen;

[0071] The interface switching unit is used to respond to a first operation initiated within the first interface and display a second interface of the first application on the outer screen in a full-screen manner; the second interface is used to display the real-time status of the first application; the first application is an application with a real-time status viewing function.

[0072] In one possible implementation of the second aspect, the first interface includes a page navigation bar; the page navigation bar includes a first navigation point and a second navigation point; each first navigation point corresponds to a first application; each second navigation point corresponds to a function interface or a lock screen interface.

[0073] In one possible implementation of the second aspect, the color of the first navigation point is determined based on the application theme color of the first application.

[0074] In one possible implementation of the second aspect, the interface switching device further includes:

[0075] The navigation bar update unit is used to add the first navigation point corresponding to the first application to the page navigation bar when receiving a notification from any of the first applications.

[0076] In one possible implementation of the second aspect, when there are two or more first navigation points, the order of the first navigation points in the page navigation bar is determined based on the state update time of the first application.

[0077] In one possible implementation of the second aspect, the first application includes a second application and a third application; the state update time of the second application is later than the state update time of the third application.

[0078] The interface switching unit includes:

[0079] The first switching unit is used to respond to a first operation initiated within the first interface and display the second interface of the second application on the outer screen in a full-screen display manner;

[0080] The second switching unit is used to respond to the first operation initiated within the second interface of the second application and to display the second interface of the third application on the outer screen in a full-screen display manner.

[0081] In one possible implementation of the second aspect, the interface switching unit includes:

[0082] The notification center display unit is configured to display a notification center interface on the first interface in response to a second operation initiated within the first interface; the notification center interface includes a first notification from the first application.

[0083] The notification click unit is used to respond to a third operation initiated by the first notification and display the second interface of the first application on the outer screen in a full-screen display manner.

[0084] In one possible implementation of the second aspect, the second operation is a downward swiping operation starting from the center area at the top of the outer screen;

[0085] The third operation includes: long press operation, click operation, and long press operation.

[0086] In one possible implementation of the first aspect, the first interface includes a second notification corresponding to the first application, the display area of ​​the second notification being smaller than the display area of ​​the first notification; the second operation is a click operation on the second notification; the display notification center interface is a first notification interface; the first notification interface is used to display the first notification of the first application.

[0087] In one possible implementation of the second aspect, the interface switching unit includes:

[0088] A notification display unit is used to display a first notification about the real-time status of the first application on the first interface;

[0089] The notification operation unit is used to respond to the user's click operation on the first notification and display the second interface on the outer screen in a full-screen mode.

[0090] In one possible implementation of the second aspect, the interface switching device further includes:

[0091] The notification collapse unit is configured to display a second notification of the first application on the top status bar of the first interface if no click operation is received on the first notification within a preset first time period; the display area of ​​the second notification is smaller than the display area of ​​the first notification.

[0092] In one possible implementation of the second aspect, the interface switching device further includes:

[0093] The second notification operation unit is used to respond to the fourth operation initiated by the second notification and display the second interface of the first application on the outer screen in a full-screen display manner.

[0094] In one possible implementation of the second aspect, the second notification operation unit includes:

[0095] A fourth operation unit is configured to display at least one of the first notifications on the first interface in response to the fourth operation initiated on the second notification.

[0096] The fifth operation unit is used to respond to a fifth operation initiated on any first notification by displaying the second interface of the first application corresponding to any first notification on the outer screen in a full-screen display manner.

[0097] In one possible implementation of the second aspect, the first interface includes a third notification for displaying the real-time status of the first application; the first operation is an operation initiated on the third notification.

[0098] In one possible implementation of the second aspect, the interface switching device further includes:

[0099] A fourth notification display unit is used to display the fourth notification on the display area corresponding to the third notification in the first interface; the layer of the fourth notification is located on the layer of the third notification; the fourth notification is a notification from an application other than the first application.

[0100] The notification stacking unit is used to place the layer of the third notification on top after the fourth notification has been displayed for a second duration, so that the third notification is made visible.

[0101] In one possible implementation of the second aspect, the second interface includes a notification control for displaying unread notifications;

[0102] The interface switching device further includes:

[0103] The sixth operation unit is configured to display a notification center interface in response to a sixth operation on the prompt control; the notification center interface includes a first notification from the first application and the fourth notification.

[0104] In one possible implementation of the second aspect, the first interface includes at least one of a lock screen interface, a function interface, a notification center interface, and an application operation interface.

[0105] In one possible implementation of the second aspect, the second interface includes a return control; the return control is used to switch to the first interface.

[0106] Thirdly, embodiments of this application provide a display method based on an external screen, including:

[0107] A third interface is displayed on the outer screen; the third interface includes a first control group; the first control group includes a first control and a second control; in the third interface, the controls in the first control group are displayed in a stacked manner; the first control is the control that is at the top of the stack in the first control group;

[0108] In response to the seventh operation on the first control group, update the first control group.

[0109] In this embodiment, the electronic device can create a control group to accommodate multiple different types of controls on the outer screen at the same time, and perform operations on the control group through preset operations to update the control group, thereby improving the user's operating experience on the outer screen. It can also operate on multiple different controls without switching between multiple function screens, thereby improving the user's operating efficiency on the outer screen and improving the utilization rate of space on the outer screen.

[0110] In one possible implementation of the third aspect, prior to displaying the third interface on the outer screen, the method further includes:

[0111] In response to an eighth operation on the first control in the third interface, a first control group is generated based on the target object specified by the eighth operation and the first control; the first control group includes the first control.

[0112] In one possible implementation of the third aspect, prior to displaying the third interface on the outer screen, the method further includes:

[0113] In response to a ninth operation on the first control in the function editing interface, the first control group is generated based on the target object specified by the ninth operation and the first control; the function editing interface is used to edit the display objects contained in the third interface.

[0114] In one possible implementation of the third aspect, the target object is the second control or the second control group; the second control group includes at least two of the second controls.

[0115] In one possible implementation of the third aspect, the seventh operation is a first sliding operation;

[0116] The step of updating the first control group in response to the seventh operation on the first control group includes:

[0117] In response to a first sliding operation on the first control group, the stacking order of the second control in the first control group is adjusted to the top.

[0118] In one possible implementation of the third aspect, updating the first control group in response to the seventh operation on the first control group includes:

[0119] In response to the seventh operation on the first control group, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

[0120] In one possible implementation of the third aspect, the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group includes:

[0121] In response to the seventh operation on the first control group, an operation menu for the first control group is displayed; the operation menu includes an expand control.

[0122] In response to a click operation on the expanded control, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

[0123] In one possible implementation of the third aspect, the operation menu further includes a removal control for the first control.

[0124] In one possible implementation of the third aspect, the seventh operation includes: a second swipe operation and a long press operation for the first control group.

[0125] In one possible implementation of the third aspect, after the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group, the method further includes:

[0126] In response to an eighth operation on a third control in the first control group, the stacking order of the third control in the first control group is changed; the third control is any control in the first control group.

[0127] In one possible implementation of the third aspect, after the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group, the method further includes:

[0128] In response to the ninth operation on the third control in the first control group, the third control is removed from the first control group and added to the third interface; the third control is any control in the first control group.

[0129] In one possible implementation of the third aspect, after the step of displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group in response to the seventh operation on the first control group, the method further includes:

[0130] In response to the tenth operation on the third control in the first control group, the third control is deleted; the third control is any control in the first control group.

[0131] Fourthly, embodiments of this application provide a device based on an external screen, comprising:

[0132] A third interface display unit is used to display a third interface on an external screen; the third interface includes a first control group; the first control group includes a first control and a second control; in the third interface, each control in the first control group is displayed in a stacked manner; the first control is the control that is at the top of the stack in the first control group;

[0133] The control group update unit is used to update the first control group in response to the seventh operation on the first control group.

[0134] In one possible implementation of the fourth aspect, the display device further includes:

[0135] The first control group generation unit is configured to respond to an eighth operation on the first control in the third interface, and generate the first control group according to the target object specified by the eighth operation and the first control; the first control group includes the first control.

[0136] In one possible implementation of the fourth aspect, the display device further includes:

[0137] The second control group generation unit is used to generate the first control group in response to the ninth operation on the first control in the function editing interface, based on the target object specified by the ninth operation and the first control; the function editing interface is used to edit the display objects contained in the third interface.

[0138] In one possible implementation of the fourth aspect, the target object is the second control or the second control group; the second control group includes at least two of the second controls.

[0139] In one possible implementation of the fourth aspect, the seventh operation is a first sliding operation;

[0140] The control group update unit is specifically used to: in response to a first sliding operation on the first control group, adjust the stacking order of the second control in the first control group to the top.

[0141] In one possible implementation of the fourth aspect, the control group update unit is specifically used for:

[0142] In response to the seventh operation on the first control group, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

[0143] In one possible implementation of the fourth aspect, the control group update unit includes:

[0144] A menu activation unit is configured to display an operation menu for the first control group in response to the seventh operation on the first control group; the operation menu includes an expand control.

[0145] The menu operation unit is used to respond to a click operation on the expanded control and display the first control and the second control in an expanded form according to the stacking order of each control in the first control group.

[0146] In one possible implementation of the fourth aspect, the operation menu further includes a removal control for the first control.

[0147] In one possible implementation of the fourth aspect, the seventh operation includes: a second swipe operation and a long press operation for the first control group.

[0148] In one possible implementation of the fourth aspect, the display device further includes:

[0149] The sequence change unit is used to change the stacking order of the third control in the first control group in response to the eighth operation on the third control in the first control group; the third control is any control in the first control group.

[0150] In one possible implementation of the fourth aspect, the display device further includes:

[0151] The component removal unit is configured to, in response to a ninth operation on a third control in the first control group, remove the third control from the first control group and add the third control to the third interface; the third control is any control in the first control group.

[0152] In one possible implementation of the fourth aspect, the display device further includes:

[0153] The component deletion unit is configured to delete the third control in response to a tenth operation on the third control in the first control group; the third control is any control in the first control group.

[0154] Fifthly, embodiments of this application provide an electronic device, including: a memory, a processor, and a program stored in the memory, wherein the processor executes the program to implement the steps of the interface switching method based on external screen display as described in any of the first aspects above, and / or to implement the steps of the display method based on external screen as described in any of the third aspects above.

[0155] In a sixth aspect, embodiments of this application provide a readable storage medium storing a program that, when executed by a processor, implements the steps of the interface switching method based on external screen display as described in any of the first aspects above, and / or implements the steps of the display method based on external screen as described in any of the third aspects above.

[0156] In a seventh aspect, embodiments of this application provide a program product that, when run on a device, causes the device to perform the steps of the display method described in any of the first aspects above, and / or implement the steps of the display method based on an external screen described in any of the third aspects above.

[0157] Other implementations can refer to the aforementioned aspects and will not be elaborated further.

[0158] The beneficial effects of the above aspects can be referenced from each other, and will not be elaborated further here. Attached Figure Description

[0159] Figure 1 is a schematic diagram of the interface displayed on an external screen of an existing electronic device;

[0160] Figure 2 is a schematic diagram of the switching between various interfaces provided in the embodiments of this application;

[0161] Figure 3 is a flowchart illustrating the implementation of switching from a first interface to a second interface according to an embodiment of this application;

[0162] Figure 4 is a schematic diagram of a lock screen interface provided in an embodiment of this application;

[0163] Figure 5 is a comparative schematic diagram of the lock screen interface of the inner screen and the lock screen interface of the outer screen provided in an embodiment of this application;

[0164] Figure 6 is a schematic diagram of a lock screen interface provided in another embodiment of this application;

[0165] Figure 7 is a schematic diagram of notification display in lock screen interfaces of different theme types according to an embodiment of this application;

[0166] Figure 8 is a schematic diagram of the display timing of a capsule control provided in an embodiment of this application;

[0167] Figure 9 is a schematic diagram of the display timing of the capsule control provided in another embodiment of this application;

[0168] Figure 10 is a schematic diagram of a page navigation bar on a lock screen interface provided in an embodiment of this application;

[0169] Figure 11 is a schematic diagram illustrating the implementation of switching to a second interface via a second notification according to an embodiment of this application;

[0170] Figure 12 is a schematic diagram of switching from the lock screen interface to the live status interface by sliding operation according to an embodiment of this application;

[0171] Figure 13 is a schematic diagram of a real-time status interface provided in an embodiment of this application;

[0172] Figure 14 is a schematic diagram of the functional interface displayed on the external screen according to an embodiment of this application;

[0173] Figure 15 is a schematic diagram of the operation of creating an icon folder according to an embodiment of this application;

[0174] Figure 16 is a schematic diagram of an icon addition control provided in an embodiment of this application;

[0175] Figure 17 is a schematic diagram of a shortcut operation menu provided in an embodiment of this application;

[0176] Figure 18 is a schematic diagram of the second interface in a notification switching process via real-time status updates provided in an embodiment of this application;

[0177] Figure 19 is a schematic diagram of switching to the second interface via a notification on the top status bar according to an embodiment of this application;

[0178] Figure 20 is a schematic diagram of switching from a functional interface to a second interface via a sliding operation according to an embodiment of this application;

[0179] Figure 21 is a schematic diagram of switching from the notification center interface to the live status interface according to an embodiment of this application;

[0180] Figure 22 is a schematic diagram of switching to the live status interface through the notification center interface according to another embodiment of this application;

[0181] Figure 23 is a comparative schematic diagram of two notification interfaces provided in an embodiment of this application;

[0182] Figure 24 is a schematic diagram of switching from the application's operation interface to the real-time status interface according to an embodiment of this application;

[0183] Figure 25 is a schematic diagram of the user interface of an application provided in another embodiment of this application;

[0184] Figure 26 is a schematic diagram of the switching between the lock screen interface and the always-on display interface provided in an embodiment of this application;

[0185] Figure 27 is a schematic diagram of switching from the lock screen interface to the function interface according to an embodiment of this application;

[0186] Figure 28 is a schematic diagram of switching from the lock screen interface to the function interface according to another embodiment of this application;

[0187] Figure 29 is a schematic diagram showing the switching between the functional interface and the notification center interface provided in an embodiment of this application;

[0188] Figure 30 is a schematic diagram of activating the control center interface from the functional interface according to an embodiment of this application;

[0189] Figure 31 is a schematic diagram of editing the theme of the lock screen interface according to an embodiment of this application;

[0190] Figure 32 is a schematic diagram of editing the theme of the lock screen interface according to another embodiment of this application;

[0191] Figure 33 is a schematic diagram of editing the functional interface according to an embodiment of this application;

[0192] Figure 34 is a schematic diagram of the operation of the control addition interface provided in an embodiment of this application;

[0193] Figure 35 is a schematic diagram of editing the functional interface according to another embodiment of this application;

[0194] Figure 36 is a schematic diagram of the generation of a control group provided in an embodiment of this application;

[0195] Figure 37 is a schematic diagram of the generation of a control group provided in another embodiment of this application;

[0196] Figure 38 is a schematic diagram of a control group displayed in an expanded form according to an embodiment of this application;

[0197] Figure 39 is a schematic diagram illustrating the implementation of removing controls within a control group according to an embodiment of this application;

[0198] Figure 40 is a schematic diagram of the stacking order adjustment provided in an embodiment of this application;

[0199] Figure 41 is a schematic diagram of the stacking order adjustment provided in another embodiment of this application;

[0200] Figure 42 is a structural block diagram of an interface switching device based on an external screen display according to an embodiment of this application;

[0201] Figure 43 is a structural block diagram of a display device based on an external screen provided in an embodiment of this application;

[0202] Figure 44 is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0203] In the following description, specific details such as particular system architectures and techniques are set forth for illustrative purposes and not for limitation, in order to provide a thorough understanding of the embodiments of this application. However, those skilled in the art will understand that this application may also be implemented in other embodiments without these specific details. In other instances, detailed descriptions of well-known systems, apparatuses, circuits, and methods have been omitted so as not to obscure the description of this application with unnecessary detail.

[0204] It should be understood that, when used in this application specification and the appended claims, the term "comprising" indicates the presence of the described features, integrals, steps, operations, elements and / or components, but does not exclude the presence or addition of one or more other features, integrals, steps, operations, elements, components and / or a collection thereof.

[0205] It should also be understood that the term “and / or” as used in this application specification and the appended claims means any combination of one or more of the associated listed items and all possible combinations, and includes such combinations.

[0206] As used in this application specification and the appended claims, the term "if" may be interpreted, depending on the context, as "when," "once," "in response to determination," or "in response to detection." Similarly, the phrase "if determined" or "if detected [the described condition or event]" may be interpreted, depending on the context, as meaning "once determined," "in response to determination," "once detected [the described condition or event]," or "in response to detection [the described condition or event]."

[0207] Furthermore, in the description of this application and the appended claims, the terms "first," "second," "third," etc., are used only to distinguish descriptions and should not be construed as indicating or implying relative importance.

[0208] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0209] With the continuous development of display technology, some electronic devices can be equipped with secondary displays, such as external displays, in addition to the main display screen, to meet the user's needs in different scenarios. For example, Figure 1 shows a schematic diagram of the interface displayed on the external screen of an existing electronic device. Referring to Figure 1(a), the electronic device is a foldable smartphone equipped with at least two displays: a foldable main display screen (also known as an inner screen) 11, and an external display screen 12 located on the back of the main display screen. When the inner screen 11 is folded, the interface can be displayed through the external screen 12.

[0210] Referring to Figure 1(b), the lock screen interface can be displayed on the external screen 12. If the electronic device receives status update information about a certain application while the electronic device is in the lock screen state, the existing external screen display technology can specifically display the status update information in the form of a floating frame, as shown in information 13 in Figure 1(b).

[0211] However, unlike displaying status update information in a floating frame on the main display, the size of the floating frame on the external screen is smaller than that on the main screen due to the limited screen size. This makes the status update information harder to read, increasing the difficulty of reading the status update message. Therefore, to avoid this, existing technologies can use brief text prompts to indicate that there is an update, such as the simple message "Delivery status updated" displayed in Figure 1(b). However, this method does not allow users to confirm the specific update content; they need to enter the application's interface to view it. Furthermore, if the user needs to check the application's real-time status again after viewing it, they need to click the application's icon control from the function interface to re-enter the interface, thus increasing the length of the operation path and reducing the user experience.

[0212] It is evident that existing external screen display technologies, when displaying application status update messages via a floating window, have a relatively small display size, increasing the difficulty for users to read the updated content. Furthermore, when users repeatedly view the application's real-time status, they need to click on the relevant icon controls from the function interface to re-enable the application's operation interface, increasing the length of the operation path required to view the real-time status and reducing the user experience on the external screen.

[0213] Example 1:

[0214] To address the problems of existing external screen display technologies, such as small display size making it difficult to view status updates and long operation paths when repeatedly viewing real-time status, this application provides an interface switching method based on an external screen display. This method is applied to an electronic device with at least one main display screen and at least one external display screen. The electronic device can be a smartphone, tablet, laptop, or similar device. Specifically, the electronic device can be a foldable smartphone. When the smartphone is in an unfolded state, the relevant interface during operation can be displayed on the main display screen, or both the main display screen and the external screen can be used simultaneously to display the relevant interface during operation. When the smartphone is in a folded state, the relevant interface during operation can be displayed on the external screen. In this application embodiment, the real-time status interface can be displayed in full-screen mode on the external screen. This real-time status interface can display the application's real-time status, thereby increasing the display area of ​​the application's real-time status and reducing the difficulty of viewing the real-time status. Furthermore, the real-time status interface can be directly accessed from the lock screen or function interface through a first operation, shortening the operation path for viewing the real-time status and thus improving operational efficiency.

[0215] In this embodiment, the external screen on the electronic device is specifically an interactive screen, such as a touch screen with touch function. Users can initiate corresponding operations on the external screen to switch interfaces on the external screen.

[0216] To facilitate subsequent understanding, the various interfaces displayed on the external screen are explained below. It should be noted that the interfaces displayed on the external screen include, but are not limited to, the interfaces exemplified below. The interfaces described below specifically refer to the interfaces involved in switching in the embodiments of this application. Specifically, the interfaces involved in switching include:

[0217] 1. Lock screen interface: The interface displayed on the external screen of an electronic device when it is locked. The lock screen interface can include both the lock screen interface when the device is locked and the lock screen interface when it is unlocked. When switching to another interface from the lock screen interface when it is locked, an unlocking operation is required before the new interface can be displayed; however, when switching to another interface from the lock screen interface when it is unlocked, the corresponding interface can be displayed directly.

[0218] 2. Always-on display: Some electronic devices support displaying the interface when the screen is off. The always-on display is the interface displayed when the electronic device is in the always-on state.

[0219] 3. Functional Interface: This section displays icon controls and / or program components of various applications installed on the electronic device. There can be one or more functional interfaces, depending on the specific requirements; the first functional interface can also be referred to as the main interface of the electronic device.

[0220] 4. Real-time Status Interface: This new interface provided in this application can also be considered an immersive interface for the application, offering users an immersive experience. The real-time status interface displays the application's real-time status while the application is running in the background. This real-time status interface can be different from the application's user interface; however, in some scenarios, it can be the same as the application's user interface.

[0221] In some implementations, the applications with real-time status viewing capabilities include: music playback applications, video playback applications, food delivery applications, navigation applications, and travel applications, etc.

[0222] 5. Notification Center Interface: Notifications received by electronic devices can be displayed in the Notification Center interface.

[0223] 6. Control Center Interface: Used to display controls for quick access to functions in electronic devices, such as Bluetooth on / off switches and Wi-Fi wireless network on / off switches.

[0224] 7. Function Editing Interface: The interface used to edit the icon controls and / or component controls displayed on the electronic device.

[0225] 8. Theme Editing Interface: The interface for editing the theme of the lock screen and function interface of electronic devices.

[0226] 9. Application User Interface: The interface displayed when any application installed on an electronic device is opened.

[0227] The following describes in detail the specific implementation process of the interface switching process described above in the embodiments of this application. For example, Figure 2 shows a schematic diagram of the switching between interfaces provided in the embodiments of this application. Referring to Figure 2, the interface switching involved in the embodiments of this application specifically includes:

[0228] Switching process 21: Lock screen Switching between live view interfaces

[0229] Switching process 22: Function interface Switching between live view interfaces

[0230] Switching process 23: Notification Center interface Switching between live view interfaces

[0231] Switching process 24: User interface of any application Switching between live view interfaces

[0232] Switching process 25: Lock screen Switching between always-on display interfaces

[0233] Switching process 26: Lock screen Switching between functional interfaces

[0234] Switching process 27: Function interface Switching between notification center interfaces

[0235] Switching process 28: Function interface Switching between control center interfaces

[0236] Switching process 29: Lock screen Switching between theme editing interfaces

[0237] Switching process 210: Function interface Switching between function editing interfaces

[0238] In this embodiment, the live status interface is a novel interface format proposed in this application. For ease of explanation, Figure 3 shows a flowchart illustrating the implementation of switching from a first interface to the live status interface (i.e., the second interface) according to an embodiment of this application. Referring to Figure 3, the specific steps involved in switching from the first interface to the live status interface are as follows:

[0239] In S301, the first interface is displayed on the external screen.

[0240] In this embodiment, the first interface can be a lock screen interface, a function interface, a notification center interface, a control center interface, or an application operation interface, etc. The user can switch to the live status interface (i.e., the second interface) from the above interface.

[0241] In S302, in response to a first operation initiated within the first interface, a second interface of the first application is displayed on the outer screen in a full-screen manner.

[0242] Specifically, regarding the transition from the different interfaces mentioned above to the second interface, the following describes the transition process for each interface in different scenarios:

[0243] Switching process 21: Lock screen Switching between live view interfaces

[0244] In this embodiment, the electronic device can display a lock screen interface on an external screen. Depending on the theme type set for the lock screen interface, the lock screen interface can include at least two types: a primary lock screen interface mainly used to display the lock screen theme, and a secondary lock screen interface for easy and quick operation.

[0245] For example, Figure 4 shows a schematic diagram of a lock screen interface provided in an embodiment of this application. In Figure 4, (a) and (b) are one type of lock screen interface; and (c) and (d) are two type of lock screen interfaces.

[0246] Referring to Figure 4(a), this is a type of lock screen interface in an unlocked state. This type of lock screen interface may include a lock icon 41 to indicate that it is currently in an unlocked state. In this type of lock screen interface, to display the lock screen theme, operable controls may not be fixedly provided, such as controls to control the flashlight's on / off state or controls to quickly enter the camera interface. When the user needs to use the electronic device, they can unlock it from the above lock screen interface to change the electronic device from a locked state to an unlocked state.

[0247] For example, the electronic device records the user's facial features. When the lock screen interface is displayed on the external screen of the electronic device, the camera module 42 set on the external screen can capture images of the scene. If the captured image contains a facial image, the facial image can be matched with pre-stored facial features. If the match is successful, the electronic device can be changed from a locked state to an unlocked state. At this time, the interface displayed on the external screen of the electronic device will switch from Figure 4(a) to Figure 4(b). Referring to Figure 4(b), unlike the lock screen interface in the locked state, the lock screen interface in the unlocked state does not contain the aforementioned lock icon 41, thus making it easier for the user to distinguish whether the electronic device is in a locked state or an unlocked state. When the electronic device is in the unlocked state, it can switch from the lock screen interface to various other interfaces.

[0248] Referring to Figure 4(c), this is a second-type lock screen interface in the locked state. In addition to the lock icon 43 mentioned above, this second-type lock screen interface also includes controls for quick operations, such as control 44 for controlling the flashlight switch and control 45 for quickly entering the camera interface. The specific types and number of controls set in this interface can be set according to the user's needs and are not limited here.

[0249] Similarly, after unlocking, the electronic device can switch from the interface shown in Figure 4(c) to the interface shown in Figure 4(d). Figure 4(d) may also not include the lock icon 43 to distinguish whether the electronic device is in an unlocked state or an unlocked state.

[0250] It should be noted that the display style of the controls displayed on the lock screen interface can also include multiple types. Taking the camera control as an example, in the lock screen interface shown in Figure 4(a), it is a circular control. In particular, the background transparency of the circular control is within a preset transparency range, such as between 20% and 80%, and it can be a grayscale control. In the lock screen interface shown in Figure 4(c), it is a rounded corner control, and its display style can be consistent with the camera icon in the function interface. This control 45 can be a colored control. That is, the lock screen interface in this embodiment supports the mixed use of the display style on the lock screen interface and the display styles on other interfaces (such as the function interface, control center interface, etc.). The same function control can correspond to two or more display styles.

[0251] In one possible implementation, the electronic device includes an inner screen and an outer screen, the inner screen being a foldable screen. In this case, the controls included in the lock screen interface displayed on the outer screen can be consistent with the controls included in the lock screen interface displayed on the inner screen. For example, Figure 5 shows a comparative schematic diagram of the lock screen interface of the inner screen and the lock screen interface of the outer screen provided in an embodiment of this application. Referring to Figure 5(a), the lock screen interface displayed on the inner screen of the electronic device includes a flashlight control 51 in the lower left corner and a camera control 52 in the lower right corner. To ensure consistency in user habits between the inner and outer screens, the layout and type of controls on the outer screen can be consistent with those on the inner screen. As shown in Figure 5(b), the lower left corner of the outer screen of the electronic device can also be a flashlight control 53, and the lower right corner can also be a camera control 54, the number and types of which are the same as those on the inner screen.

[0252] In one possible implementation, the controls included on the lock screen interface can be set according to the user's actual usage. For example, two or more operable controls can be fixedly set on the lock screen interface. For example, Figure 6 shows a schematic diagram of a lock screen interface provided in another embodiment of this application. Referring to Figure 6(a), the bottom of the lock screen interface includes four controls. In addition to the flashlight control 61 conventionally set in the lower left corner and the camera control 62 in the lower right corner, a screenshot control 63 and a weather control 64 can be added according to the user's needs. Similarly, the display styles of the above controls can be mixed as shown in Figure 4 to improve the freedom of setting controls on the lock screen interface.

[0253] In one possible implementation, the controls displayed on the lock screen can also be toolbox controls, meaning that the toolbox control can include two or more controls. As shown in Figure 6(b), a toolbox control 65 can be displayed in the lower left corner of the lock screen. When the user clicks the toolbox control 65 or selects the toolbox control 65 through other means, the lock screen can display the controls contained in the toolbox control 65, as shown in Figure 6(c). The toolbox control 65 can include a calculator control 66, a timer control 67, a flashlight control 68, and a barcode scanner control 69. The specific number of controls included in the toolbox control can be set according to the user's needs and is not limited here. The user can select the control to operate on in the toolbox control 65 and jump to the corresponding interface. For example, if the user selects the calculator control 66, they can switch to the calculator's operation interface, as shown in Figure 6(d).

[0254] In this embodiment, the electronic device can display notifications while the external screen displays the lock screen interface. These notifications can be status update notifications from applications running in the background of the electronic device, or message notifications such as SMS notifications, chat message notifications, and subscription notifications. The notifications can be displayed as a floating window or as a capsule control; the specific display method can be set according to the actual situation and is not limited here.

[0255] In some possible implementations, the display method of the above notifications can be determined according to the theme type of the lock screen interface. For example, Figure 5 shows a schematic diagram of notification display in lock screen interfaces of different theme types according to an embodiment of this application. Specifically, the notification display method can include the following two:

[0256] Method 1: Display via a floating window

[0257] Referring to Figure 7(a), if the lock screen is a type of lock screen, meaning it is primarily used to display the lock screen theme, then when a notification is received, it can be displayed via a floating window, as shown in the floating window 71 in Figure 7. When the electronic device receives a message notification or status update notification, it can be displayed via the floating window 71. Furthermore, if multiple messages are received, different messages can be displayed via different floating windows 71.

[0258] In some implementations, to prevent the lock screen theme from being obscured by the floating frame, the electronic device can set a duration threshold (i.e., a first duration). The electronic device can record the display duration of each floating frame. If the display duration of a floating frame corresponding to a notification is greater than or equal to the first duration, and no operation (such as a click, long press, or double-click) is received on the floating frame, a notification can be displayed in the top status bar of the electronic device, i.e., the notification identifier is displayed in the top status bar, as shown by notification identifier 72 in Figure 7(b), instead of being displayed on the lock screen interface via a floating frame. The display area of ​​the notification displayed in the top status bar is smaller than the display area of ​​the notification displayed via a floating frame, thus avoiding obscuring the lock screen theme and highlighting it.

[0259] In some implementations, the style of the notification identifier 72 can be determined according to the notification type. For example, if the notification is a text message notification, the above notification style can be the application icon of the text messaging application.

[0260] In some implementations, if the notification is from a primary application, i.e., a real-time status notification, such as a notification from a food delivery application, as shown in notification 73 in Figure 7(c), notification 73 can also be displayed as a floating window. After notification 73 has been displayed for a preset duration (i.e., the first duration), it can also be displayed in the top status bar, as shown in notification 74 in Figure 7(d). Unlike notifications from non-primary applications displayed in the top status bar, notification 74 can be displayed using a pill control, for example, compared to notification icon 72. The pill control can include the application icon and simple information; for example, in a food delivery application, it can display the current delivery status, such as "delivery in progress" in notification 74. If the simple information is lengthy, it can be displayed by scrolling to the left.

[0261] Method 2: Display via capsule control

[0262] Referring to Figure 7(e), if the lock screen is a type II lock screen, meaning it can be configured with operable controls, then when a notification is received, it can be displayed in a preset display area using capsule controls, such as capsule control 75. It should be noted that different notifications can correspond to different capsule controls. However, unlike displaying notifications via a floating window, when displaying notifications via capsule controls, the capsule controls corresponding to different notifications are displayed in a stacked manner. That is, multiple different capsule controls occupy the same display area, and only the topmost capsule control is visible within this display area; capsule controls in other images are invisible.

[0263] For example, if an SMS notification is received at time T1, the capsule control corresponding to the SMS notification will be on the highest layer at time T1, and therefore, the capsule control corresponding to the SMS notification will be visible. If a chat message notification from a chat application is received at some time after time T1, such as time T2, the capsule control corresponding to the chat message notification will be on the highest layer at time T2, while the capsule control of the SMS notification will be below the capsule control corresponding to the chat message notification. At this time, the capsule control corresponding to the chat message will be displayed in the display area, and so on.

[0264] In some implementations, when an application with real-time status viewing function (i.e., the first application) is running in the background of the electronic device, the capsule control corresponding to the real-time notification of the first application will return to the highest layer after the capsule control of the message notification is displayed for a preset duration threshold (i.e., the second duration), so that the capsule control corresponding to the real-time notification is visible.

[0265] For example, Figure 8 shows a timing diagram of the display of a capsule control provided in an embodiment of this application. Referring to Figure 8, at time T1, a music application is running in the background on the electronic device. To facilitate user control of the currently playing audio, the capsule control 81 corresponding to the music application is displayed in the above-mentioned display area. This capsule control can display quick operation controls for the music application, such as a playback control 82 for displaying real-time playback progress, and a song-skipping control 83 for switching to the next song. At time T2, the electronic device receives a text message notification. Therefore, the capsule control 84 corresponding to the text message notification in the above-mentioned display area will be on the highest layer, meaning the text message notification capsule control 84 will be visible. Since the capsule control 81 is in a stacked state, its layer is below the layer of the capsule control 83, meaning part of the content of the capsule control 81 is invisible.

[0266] Starting from time T2, the electronic device will record the display duration of the capsule control 84 corresponding to the SMS notification on the lock screen. If the display duration is greater than the preset duration threshold (i.e., the second duration), for example, time T3 is a time that is greater than or equal to the second duration from time T2, the electronic device will return the capsule control 81 corresponding to the music application to the highest layer, thereby obscuring the capsule control 84 of the SMS notification, so that the capsule control 81 is visible again, which is convenient for controlling applications with real-time status viewing function.

[0267] In some implementations, if the electronic device runs two or more first applications in the background, the application to which the capsule control in the highest layer of the display area belongs can be determined based on the status update time of each first application. For example, Figure 9 shows a schematic diagram of the display timing of a capsule control provided in another embodiment of this application. Referring to Figure 9, the electronic device runs two applications with real-time status viewing capabilities in the background, such as a map application and a food delivery application. At time T1, the electronic device receives a status update notification about the food delivery application. Therefore, at time T1, the capsule control 91 corresponding to the food delivery application will be in the highest layer and will be visible. At time T2, the user opens the map application and enables navigation. Since the start time of the navigation notification T2 is later than the reception time of the status update notification from the food delivery application T1, the capsule control 92 corresponding to the map application will be in a higher layer than capsule control 91, meaning that capsule control 92 is visible in the display area at time T2. At time T3, another status update notification is received from the food delivery application, indicating that the food is being delivered. That is, the time T3 for receiving the status update notification corresponding to capsule control 91 is later than the start time T2 of capsule control 92. As a result, the electronic device will set the layer where capsule control 91 is located as the highest layer again, thus making capsule control 91 visible.

[0268] In this embodiment of the application, different notifications are displayed by stacking capsule controls, which enables different notifications to be displayed in a fixed display area. This reduces the obstruction of the lock screen theme while allowing different notifications to be displayed at different times, thus improving the diversity of capsule controls displayed in the display area.

[0269] In this embodiment, when the electronic device is in the lock screen state, a first application can run in the background. This first application is specifically an application with real-time status viewing functionality. As described above, when a real-time status update notification about the first application is received, the notification can be displayed via a floating window or capsule control. Simultaneously, to facilitate quick switching from the lock screen to the corresponding real-time status interface, navigation points for the real-time status interface can be added to the navigation bar in the lock screen.

[0270] For example, Figure 10 shows a schematic diagram of a page navigation bar on a lock screen interface provided in an embodiment of this application. Referring to Figure 10(a), the lock screen interface can be a type of lock screen interface, which includes a page navigation bar 101. The page navigation bar includes multiple navigation points, including a first navigation point (such as navigation point 102) corresponding to each live status interface, and a second navigation point (such as navigation point 103) corresponding to each function interface. It can also be used to display the navigation point corresponding to the currently active lock screen interface, i.e., navigation point 104. The first navigation point can be on the left side of navigation point 104, so that the user can switch to the live status interface by swiping left on the lock screen interface; while the second navigation point can be on the right side of navigation point 104, so that the user can switch to the function screen by swiping right on the lock screen interface. Of course, in some implementations, the first navigation point can also be to the right of navigation point 104, while the second navigation point can be to the left of navigation point 104. The specific positional relationship between the first and second navigation points can be set according to the actual situation, and is not limited here.

[0271] It should be noted that in Figure 10(a), there is only one first navigation point, i.e., one blue first navigation point, which corresponds to the real-time status interface of the map application. At this time, the electronic device receives a real-time status notification about the food delivery application, i.e., notification 105. Since the electronic device does not have a real-time status interface about the food delivery application before receiving notification 105, the first navigation point of the food delivery application may not be displayed on the page navigation bar. After receiving the real-time status notification 106 of the food delivery application, the corresponding first navigation point is added to the page navigation bar, resulting in the interface shown in Figure 10(b).

[0272] As shown in Figure 10(b), the number of first navigation points can be determined based on the number of currently running first applications. For example, if two first applications are running on the electronic device, namely a map application and a food delivery application, then the above-mentioned page navigation bar 101 may include two first navigation points, namely the navigation point 102 corresponding to the map application and the navigation point 106 corresponding to the food delivery application.

[0273] In some implementations, the positional relationship between navigation points 102 and 106 on the page navigation bar 101 can be determined based on the status update time of the first application corresponding to the first navigation point. For example, if the status update time of the map application is later than that of the food delivery application, then navigation point 106 will be closer to the navigation point 104 corresponding to the lock screen interface than navigation point 102.

[0274] In some implementations, the color of each first navigation point is determined based on the application theme color of the first application corresponding to that navigation point. For example, if the theme color of a map application is blue, the color of the aforementioned navigation point 102 can also be blue; if the theme color of a food delivery application is yellow, the aforementioned navigation point 106 can also be yellow.

[0275] Referring to Figure 10(c), if the lock screen interface is a type II lock screen interface, it can also include a page navigation bar. When the electronic device does not receive real-time status notifications regarding the first application, the page navigation bar may only include the second navigation points corresponding to each functional interface, as shown in navigation bar 107 in Figure 10(c).

[0276] When an electronic device receives a real-time status notification from a food delivery app, the first navigation point of the real-time status interface corresponding to the food delivery app can be added to the page navigation bar, resulting in the interface shown in Figure 10(d). Navigation point 108 is added to the page navigation bar. At this time, the page navigation bar can also include two types of navigation points. For a detailed description of the settings of each navigation point, please refer to the relevant description in the first type of lock screen interface, which will not be repeated here.

[0277] In this embodiment of the application, by setting navigation points for the first application on the page navigation bar, users can quickly switch from the lock screen to the live status screen. Furthermore, by setting the color of each navigation point according to the application theme color of the first application, users can quickly identify the first application corresponding to different navigation points. This also allows for the differentiation of the first application corresponding to different navigation points without increasing the display area of ​​the navigation points.

[0278] In this embodiment, the user can initiate a first operation within the lock screen to switch from the lock screen to the live status interface of the first application (i.e., the second interface mentioned above). The first operation can be a click operation, a gesture operation, or an operation initiated through a preset physical button. The specific operation type and method of the first operation can be determined according to the actual situation.

[0279] It should be noted that during the transition from the lock screen to the second screen, if the electronic device is locked, it will be in an unlocking process before the user initiates the first action and the second screen is displayed. This process may involve capturing the user's face image via the front-facing camera or collecting fingerprint information via the fingerprint recognition module to determine whether to perform a quick unlock, or generating a corresponding unlock screen to prompt the user to enter their unlock password. The second screen will only be displayed after the unlock password is successfully authenticated. If the electronic device is unlocked, it can directly switch from the lock screen to the second screen after receiving the user's second action.

[0280] In this embodiment, the electronic device can switch from the lock screen to the second screen in at least a few ways, as described in detail below:

[0281] Switching Method 1: Switch to the second screen by clicking the real-time status update notification on the lock screen.

[0282] Referring to Figure 7(c), the aforementioned floating frame 73 is used to display a notification of the real-time status update of the first application, specifically, the delivery status of the food delivery has changed to "delivering". If the display duration of the floating frame 73 is less than the aforementioned first duration, the floating frame 73 will be displayed on the aforementioned lock screen interface. In this case, the user can switch from the lock screen interface to the second interface by clicking the aforementioned floating frame 73. That is, the aforementioned first operation is specifically: clicking the floating frame corresponding to the notification of the first application.

[0283] Referring to Figure 9, the lock screen interface includes a capsule control 91 for the first application. Similarly, the user can switch from the lock screen interface to the second interface by clicking the capsule control 91. In this case, the first operation specifically refers to clicking the capsule control corresponding to the first application on the lock screen interface.

[0284] Switching Method 2: Switch to the second interface via the notification on the top status bar.

[0285] As described above, after the display duration of the notification of the first application displayed by the floating box exceeds the preset duration threshold (i.e., the first duration), the floating box corresponding to the notification may not be displayed on the lock screen interface, but may be displayed through the second notification on the top status bar, as shown by notification identifier 74 in (d) of Figure 7.

[0286] For example, Figure 11 illustrates an implementation diagram of switching to a second interface via a second notification according to an embodiment of this application. In some implementation scenarios, after a user clicks, long-presses, or double-clicks the notification icon 111 in the top status bar of the lock screen, the electronic device can switch from the lock screen to the second interface, as shown in interface 117 of Figure 11. In this case, the aforementioned first operation can specifically be a click, long-press, or double-click operation initiated on the notification icon 111 (i.e., the fourth operation). In another implementation scenario, after a user clicks, long-presses, or double-clicks the notification icon 112 in the top status bar of the lock screen (i.e., the fourth operation), the electronic device can display a status update notification related to the first application (i.e., the aforementioned first notification), as shown in notification 113 of Figure 11. This status update notification can be displayed as a floating frame.

[0287] In some implementations, if the notification identifier 114 in the top status bar includes multiple different first applications, then when an operation such as clicking, long-pressing, or double-clicking is initiated on the notification identifier 114, the number of status update notifications generated can also be multiple. Each status update notification corresponds to a different first application. For example, notification 115 corresponds to the food delivery application and is used to display the current delivery status; notification 116 corresponds to the map application and is used to display navigation information.

[0288] In this embodiment, the user can initiate operations such as clicking, double-clicking, or long-pressing on notifications 113, 115, or 116 (i.e., the fifth operation). The electronic device can respond to the fifth operation and switch from the lock screen interface to the real-time status interface corresponding to the first application specified by the fifth operation, such as obtaining interface 117 as shown in Figure 11.

[0289] In some implementations, the second interface may include a return control, such as the return control 118 included in the interface 117 above. After entering the live state interface, if the user needs to return to the original interface, such as the lock screen interface mentioned above, they can click the return control 118 to switch back to the interface before entering the interface 117, which is the lock screen interface in this embodiment.

[0290] In this embodiment of the application, the electronic device can display a notification of the first application in the top status bar. When the user initiates an operation on the notification in the top status bar, he / she can quickly switch to the live status interface, thereby improving the switching flexibility of the live status interface and avoiding the inability to quickly switch to the live status interface after the floating box used to display the notification disappears.

[0291] Switching Method 3: Switch to the second interface by sliding a trajectory.

[0292] When a first application is running in the background of an electronic device, the page navigation bar on the lock screen will contain the first navigation point of the first application. Users can initiate a swipe operation in a specified direction based on the relative position between the current lock screen and the first navigation point, thereby switching from the lock screen to the live status screen.

[0293] For example, Figure 12 shows a schematic diagram of switching from the lock screen interface to the live state interface by a swipe operation according to an embodiment of this application. Referring to Figure 12(a), at a certain moment, the external screen of the electronic device displays the lock screen interface. It can be determined that two first applications are running in the background of the electronic device by the fact that the page navigation bar 121 on the lock screen interface contains two first navigation points: a food delivery application corresponding to the yellow navigation point 122 and a map application corresponding to the blue navigation point 123. Since the second navigation points corresponding to the function interfaces are all white, the first navigation points corresponding to the live state interface and the second navigation points of the function interfaces can be distinguished by the color of each navigation point on the page navigation bar. Since the navigation points for the first application on the page navigation bar are all to the left of the corresponding navigation points on the lock screen, when a user initiates a rightward swipe on the lock screen, as shown by trajectory 124 in Figure 12(a), the user can switch from the lock screen to another interface adjacent to the left of the lock screen, namely the live status interface of the food delivery application corresponding to the yellow navigation point 122, as shown in Figure 12(b). In this case, the first operation is specifically a leftward swipe. It should be noted that when the user switches from the lock screen to the operation interface corresponding to the food delivery application, the current navigation point on the page navigation bar can be changed to the same color as the theme color of the food delivery application, as shown by navigation point 125 in Figure 12, which can remain yellow. In some other implementations, the current navigation point can also be kept white. The specific color of the current navigation point can be set according to the actual situation and is not limited here. It should be noted that after switching to the second interface of any first application in any way as shown in Figure 11, if there are multiple first applications with live status interfaces, users can also switch to the live status interfaces of other first applications by swiping left or right. As shown in interface 117 of Figure 11, users can switch to the live status interface of the navigation application by swiping right.

[0294] It should be noted that if the developers of the first application have not designed a corresponding real-time status interface, the electronic device can display the notification content of the first application in full-screen mode on the outer screen to automatically configure the corresponding real-time status interface, as shown in Figure 12(c). If the developers of the navigation application have not designed a corresponding real-time status interface, navigation-related information such as "Turn right in 50 meters" and "3 kilometers to destination" can be displayed in full-screen mode on the outer screen. Since the outer screen is generally smaller than the inner screen, displaying real-time information in full-screen mode can improve the readability of real-time information even without an adapted real-time status interface.

[0295] In some implementations, the position of the navigation point of each first application on the page navigation bar is determined based on the state update time of the first application. For example, the state update time of the food delivery application is later than that of the map application. Therefore, the yellow navigation point 122 corresponding to the food delivery application will be closer to the navigation point corresponding to the lock screen interface, while the map application will be closer. When there are two or more first applications running in the background, the position of their corresponding navigation points on the page navigation bar can be set according to the state update time of each first application. Since the blue navigation point 123 corresponding to the map application is located to the left of the yellow navigation point 122 of the food delivery application, if a rightward swipe operation is initiated again in the live status interface of the food delivery application, i.e., swipe trajectory 106, i.e., the first operation is initiated again, the live status interface corresponding to the map application can be switched, as shown in Figure 12(c).

[0296] If a rightward swipe is initiated in the map application interface, the user can switch back to the food delivery application interface, as shown in Figure 12(b). Users can initiate a swipe operation in the corresponding direction based on the relative positions of the navigation points in the page navigation bar to switch to the interface of the corresponding navigation point.

[0297] In the embodiments of this application, users can determine the positional relationship between various pages through the page navigation bar, thereby enabling them to switch from the lock screen interface to the corresponding live status interface of the first application through a swipe operation, thus improving the flexibility of the interface switching process.

[0298] In this embodiment, the real-time status interface can be used to display the real-time status of relevant tasks in the application. For example, Figure 13 shows a schematic diagram of a real-time status interface provided in an embodiment of this application.

[0299] Taking a map application as an example, if an electronic device initiates a navigation task through a map application, the real-time status interface of the map application will be as shown in Figure 13(a), displaying the real-time status of the navigation task, such as "turn right in 50 meters", and a schematic diagram of the current driving route.

[0300] Taking food delivery apps as an example, if a user orders a food delivery through a food delivery app, the corresponding real-time status interface of the food delivery app is shown in Figure 13(b), which displays the current delivery status of the food delivery, such as "delivery by rider", remaining distance and remaining delivery time.

[0301] Taking a music application as an example, the corresponding live status interface is shown in Figure 13(c). It can display the name of the currently playing music, the playback progress, and the album art. It can also include controls for controlling music playback, such as a pause control 131, a switch to the previous track control 132, and a switch to the next track control 133. The specific live status interface of different applications can be set according to the actual situation, and is not limited here.

[0302] It should be noted that when in the live state interface, users can initiate a back gesture to switch back to the lock screen interface. This back gesture can be a side-swipe back operation, such as in Figure 13(c), where users can initiate a leftward swipe operation on the right edge of the outer screen, i.e., trajectory 134, to return to the lock screen interface, or click the back control 135 to return to the lock screen interface; users can also initiate an upward swipe operation at the bottom of the live state interface to trigger the unlock process.

[0303] Switching process 22: Function interface Switching between live view interfaces

[0304] In this embodiment, after receiving the lock screen interface, the electronic device can switch to the function interface. The function interface can display application icons of the applications installed on the electronic device, as well as component controls, such as weather controls, clock controls, calendar controls, etc. The specific types and number of controls displayed on the function interface can be set according to the user's actual needs.

[0305] In some implementations, when the function interface is displayed on an external screen, the application name may not be displayed below the application icon in the function interface. This reduces the area occupied by each application icon and thus improves the utilization rate of the external screen display area.

[0306] In some implementations, the style of the application icons displayed on the outer screen can be determined based on the style of the application icons on the main screen, thereby keeping the application icons on the outer screen consistent with those on the main screen and improving the consistency of user operation across different screens.

[0307] For example, Figure 14 shows a schematic diagram of a functional interface displayed on an external screen according to an embodiment of this application. Referring to Figure 14(a), the functional interface consists of application icons of applications installed by the user on the electronic device. When the user needs to use an application, they can click on the corresponding application icon to run the application in the foreground. When there are many applications, the number of the above-mentioned functional interfaces can be two or more. The specific number of functional interfaces can be determined by the number of second navigation points in the page navigation bar. For example, the number of second navigation points in the page navigation bar 141 in Figure 14(a) is 2, which means that the electronic device contains two functional interfaces. For example, you can switch to the right functional interface by swiping left, as shown in Figure 14(b).

[0308] Unlike existing technologies, the functional interface displayed on the external screen in this application embodiment can display not only application icons but also component controls, as shown in Figure 14(a). This functional interface includes not only application icons but also a clock component 141 occupying an area of ​​2*2 application icons and a weather component 142 occupying an area of ​​2*2 application icons. Users can add component controls with different functions to the functional interface according to their actual usage needs, thereby improving the flexibility and diversity of the control layout on the functional interface and thus improving user operating efficiency. It should be noted that the aforementioned component controls can include various sizes, and the specific display size of the component controls can be set according to the actual situation, without limitation here. In this application embodiment, the functional interface supports a mixed arrangement of application icons and component controls, improving the freedom of the functional interface layout.

[0309] It should be noted that the display format of the same component control can include multiple types and sizes. As shown in Figure 14(c), this functional interface includes two weather controls with different display formats: weather control 143 and weather control 144. Weather control 143 can be displayed in the same way as controls in the lock screen or control center interface. For example, the transparency of the background of weather control 143 is within a preset transparency range (e.g., between 20% and 80%), and weather control 143 is a grayscale control. Weather control 144, on the other hand, is displayed in a card format, meaning its background transparency is 0. Weather control 144 is a colored control; for example, the sun in weather control 144 can be yellow, and the temperature value corresponding to a sunny day can be in blue text.

[0310] In one possible implementation, similar to the operation on the inner screen, this embodiment can create corresponding icon folders for the application's icon controls on the outer screen. For example, Figure 15 shows a schematic diagram of creating an icon folder according to an embodiment of this application. As shown in Figure 15, referring to (a) of Figure 15, the user can drag and drop icon control 151 to the area where icon control 152 is located. When the electronic device detects that the user has moved the control of one icon to the area where another icon's control is located in the function interface, it recognizes that the user needs to create an icon folder. The electronic device can create an icon folder in the function interface, as shown in folder 153 in Figure 15(b). Optionally, the folder 153 can be a 2*2 control or a control of other sizes. Optionally, the size of the control in folder 153 can be dynamically adjusted according to the size of the available area in the function interface. The area of ​​each icon in folder 153 will be smaller than its size in the non-folder state, thereby enabling the display of as many icons as possible while ensuring that the icons in folder 153 are recognizable.

[0311] In this embodiment, after creating an icon folder, the user can move other icon controls into the created icon folder, as shown in Figure 15(c). The user can also move icon control 154 into the aforementioned folder 153. After moving, folder 153 can include 3 icon controls, as shown in Figure 15(d).

[0312] In this embodiment, if a user needs to operate any control in the icon folder, they can directly click on the area where the corresponding icon control is located in the icon folder. For example, clicking on icon 151 shown in Figure 15(d) will directly launch the application corresponding to icon 151, such as the photo album application. In some implementations, if the electronic device detects that the user clicks on a blank area in the icon folder, such as clicking on area 155 shown in Figure 15(d), it recognizes that the user needs to expand and display the icon folder, and the interface shown in Figure 15(e) will be obtained. The user can drag any icon in the icon folder to outside area 156 to remove the icon control from the icon folder, as shown in the interface shown in Figure 15(f).

[0313] In some implementations, besides adding icon controls to the aforementioned icon folder via drag and drop, users can also select the desired icon control from all installed application icon controls via a quick-add control within the icon folder. For example, Figure 16 illustrates a schematic diagram of adding icon controls according to an embodiment of this application. Referring to Figure 16(a), the expanded interface of each icon in the icon folder may also include a quick-add control 161. Clicking the control 161 displays an icon list, as shown in Figure 16(b). Users can select the icon to be added to the icon folder from the list, such as icon 162. After detecting the user's click on icon 162, the electronic device can add it to the icon folder, as shown in Figure 16(c).

[0314] In some implementations, the icon controls on the functional interface can be equipped with shortcut menus. Users can activate the corresponding shortcut menus by interacting with the application's icon controls on the functional interface. For example, Figure 17 shows a schematic diagram of a shortcut menu provided in an embodiment of this application. Referring to Figure 17(a), a functional interface is displayed on the outer screen. This functional interface includes multiple application icon controls, such as icon control 171 corresponding to a payment application. Users can activate the shortcut menu corresponding to icon control 171 by long-pressing it or using other methods, as shown in Figure 17(b). This shortcut menu contains controls for multiple shortcut functions, such as control 172 for quickly entering the scanning interface, control 173 for quickly entering the payment code interface, and control 174 for quickly entering the transfer interface. By clicking on the controls for these shortcut functions, users can directly switch to the corresponding page in the application without having to re-enter the corresponding page from the application's main interface after launching the application, thereby improving the user experience.

[0315] In this embodiment, the user can switch to the live status interface (i.e., the second interface) on the function interface. The switching process can specifically include the following methods:

[0316] Switching Method 1: Switch to the second interface by clicking the real-time status update notification in the function interface.

[0317] In this embodiment, similar to displaying real-time status update notifications on the lock screen, when the external screen displays the function interface, upon receiving a real-time status update notification from the first application, the notification can be displayed via a floating frame. For example, Figure 18 shows a schematic diagram of a second interface switching via real-time status update notifications according to an embodiment of this application. Referring to Figure 18(a), when the electronic device receives a real-time status update notification from the food delivery application, it can display the notification via a floating frame, such as floating frame 181, to indicate that the current food delivery status has been updated to "delivering".

[0318] In this embodiment, the user can switch from the functional interface to the second interface by clicking the floating box 181, that is, switch from the interface shown in Figure 18(a) to the interface shown in Figure 18(b). In this case, the first operation is specifically: a click operation initiated on the notification of real-time status update in the functional interface, that is, a click operation on the floating box 181.

[0319] Switching Method 2: Switch to the second interface via the notification on the top status bar.

[0320] Similar to the lock screen, after displaying a notification via a floating window for a certain period of time, a notification indicating that the first application has an updated status can be displayed via the top status bar. At this time, the user can interact with the notification in the top status bar to switch to the second interface.

[0321] For example, Figure 19 illustrates a schematic diagram of switching to a second interface via a notification on the top status bar according to an embodiment of this application. Referring to Figure 19, the user can initiate an operation on a notification on the top status bar, such as notification identifier 191, to enter the second interface. The operation can be a click operation, a double-click operation, or a long-press operation, etc.

[0322] In some scenarios, after a user initiates an operation on notification identifier 192, a floating notification of the first application with an updated status can be displayed first, such as floating notifications 193 and 194. The user can initiate an operation on the floating notification of the first application that needs to be viewed. For example, initiating an operation on the aforementioned floating notification 193 indicates that the user needs to view the current delivery status of the food delivery. The external screen can then switch to the real-time status interface corresponding to the food delivery application.

[0323] Switching Method 3: Switch to the second interface by sliding a trajectory.

[0324] In this embodiment, when the electronic device displays the functional interface through the external screen, the functional interface may also include a page navigation bar. As mentioned above, the color of the first navigation point in the page navigation bar can be determined according to the theme color of the first application, while the second navigation point (i.e., the navigation point corresponding to each functional interface) can be white, so as to facilitate the user to distinguish between the real-time status interface and the functional interface.

[0325] For example, Figure 20 illustrates a schematic diagram of switching from a functional interface to a second interface via a swipe operation according to an embodiment of this application. Referring to Figure 20(a), the yellow navigation point 201 of the food delivery application is located to the left of the navigation point corresponding to the functional interface currently displayed on the external screen, as determined by the page navigation bar. The user can initiate a swipe operation to the right on the external screen, thus obtaining trajectory 202. In response to the swipe operation of trajectory 202, the electronic device can switch from the functional interface to the live status interface of the food delivery application, resulting in the interface shown in Figure 20(b). Since the blue navigation point corresponding to the map application is to the left of the yellow navigation point 201, when the user initiates another swipe operation to the right on the external screen as shown in Figure 20(b), the user can switch from the live status interface of the food delivery application to the live status interface of the map application.

[0326] In this embodiment, users can switch to the second interface by operating on the notifications displayed in the floating box and the notifications displayed in the top status bar on the function interface. They can also switch from the function interface to the second interface by swiping, thereby achieving the purpose of quickly entering the live interface and improving the user's operating efficiency.

[0327] It should be noted that, as mentioned above, the live status interface may include a return control. By clicking the return control, one can switch back to the interface before the live status interface. In the switching process 22, the interface before the live status interface is the function interface.

[0328] Switching process 23: Notification Center interface Switching between live view interfaces

[0329] In this embodiment, when the outer screen of the electronic device is displaying a function interface, a lock screen, or an application's operation interface, a notification center interface can be displayed through a preset operation. For example, when the outer screen displays a function interface, a downward swipe operation initiated from the top center edge of the outer screen will display the notification center interface on the function interface layer. This notification center interface is used to display various notifications received by the electronic device, including status update notifications from the first application. The user can switch from the notification center interface to the real-time status interface, i.e., the second interface, by clicking on the status update notification of the first application.

[0330] For example, Figure 21 illustrates a schematic diagram of switching to a live status interface via a notification center interface according to an embodiment of this application. Referring to Figure 21(a), the outer screen displays the functional interface. The user initiates a downward swipe operation from the top center edge of the outer screen, i.e., trajectory 211. The electronic device displays the notification center above the functional interface layer, resulting in the interface shown in Figure 21(b). This notification center displays notifications received by the electronic device, and the display order of each notification is determined by the time it was received. The later the notification was received, the higher its ranking in the notification center. Due to limited display area, some notifications ranked lower can be collapsed, and the user can view each notification by swiping up and down.

[0331] It should be noted that when the outer screen is displaying the notification center interface, the various notifications in the top status bar may not be displayed. For example, in the top status bar of Figure 21(a), the notification icon used to show that each first application has a status update is not displayed in the top status bar of Figure 21(b), but is displayed as a floating box.

[0332] In some implementations, notifications of status updates from the first application have a higher display priority; that is, notifications of status updates from the first application are displayed higher in the notification center interface than other notifications. As shown in Figure 21(b), notifications of status updates from the food delivery application 212 and navigation status updates from the map application 213 are displayed higher than notifications of SMS messages 214, even though the SMS message was received later than these notifications. The display order of status update notifications from different first applications in the notification center interface can be determined based on the status update time. For example, the status update time of notification 212 from the food delivery application is later than that of notification 213 from the navigation application; therefore, notification 212 from the food delivery application is displayed higher than notification 213 from the map application.

[0333] In this embodiment, the user can switch from the notification center interface to the real-time status interface by clicking the status update notification of the first application, such as clicking the notification 212, as shown in Figure 21(c). By clicking the notification 212, the user can switch to the real-time status interface of the food delivery application.

[0334] It should be noted that when switching to the Live Status interface as shown in Figure 21(c) through the Notification Center interface, if the user clicks the return control in the Live Status interface, such as control 215, the previous interface returned can be the function interface, that is, returning to the interface shown in Figure 21(a).

[0335] In this embodiment of the application, by clicking on the status update notification of the first application in the notification center interface, the user can switch to the live status interface, which can improve the flexibility of entering the live status interface and thus improve the user's operating efficiency.

[0336] For example, Figure 22 illustrates a schematic diagram of switching from the notification center interface to the live status interface according to another embodiment of this application. Referring to Figure 22, the switching process involves switching between three interfaces: the lock screen interface 221, the live status interface 222, and the notification center interface 223. The notification center interface 222 can be invoked not only from the lock screen interface, the main interface, or the application's operation interface, but also from the live status interface.

[0337] Referring to Figure 22, in the lock screen interface, the user can switch from the lock screen interface 221 to the live status interface 222 through preset operations, such as clicking the capsule control 224 corresponding to the live status interface, or entering the live status interface 222 by swiping left in the lock screen interface.

[0338] In this embodiment, the live status interface 222 displayed on the external screen can show a prompt message 225 indicating the number of unread notifications. Currently, there are five unread notifications. The user can initiate an upward swipe operation (trajectory 226) on the live status interface 222 to bring up the notification center interface 223. Alternatively, the user can tap the prompt message 225 to bring up the notification center 223 on the live status interface. Since the electronic device is in an unlocked state, the lock screen interface 221, live status interface 222, and notification center interface 223 all contain a lock icon to indicate that the device is currently locked. If an upward swipe operation (trajectory 227) is initiated from the bottom center on the live status interface, the unlocking process can be triggered, such as entering the unlock interface or collecting fingerprint or facial data. If the unlock is successful, the user can switch to either the function interface or the unlocked lock screen interface, depending on the specific situation.

[0339] In this embodiment, the notification center interface 223 is invoked on the live status interface 222. The notification center interface 223 includes notifications 228 corresponding to the live status interface, as well as unread notifications from other applications, such as notification 229. While in the notification center interface 223, if a downward swipe is initiated, since there are no other notifications above notification 228, the system will recognize that the user has initiated a return operation, and the user can switch back from the notification center interface 223 to the live status interface 222. Alternatively, the user can also initiate a return gesture, such as a side-swipe return operation, i.e., trajectory 2210, to return from the notification center interface to the live status interface.

[0340] In some implementations, the electronic device includes a notification center interface for displaying two different types of notifications: a first notification interface for displaying notifications from a first application, and a second notification interface for displaying notifications other than those from the first application. Specifically, the first notification interface displays notifications with a live status screen, while the second notification interface displays general message notifications. For example, Figure 23 shows a comparative schematic diagram of the two notification interfaces provided in an embodiment of this application. Referring to Figure 23(a), the status bar on the outer screen indicates that various types of information have been received, including delivery notifications 231 from a food delivery application and SMS notifications 232. Users can initiate different operations to view these two different types of notifications.

[0341] For example, a user can click on the delivery notification 231 (i.e., the second notification) to display the first notification interface on the outer screen, as shown in Figure 23(b). The first notification interface contains notifications from various applications with live status interfaces, such as the delivery notification 233 of a food delivery application, or the navigation notification 234 of a navigation application. The user can select the live status interface to enter in the first notification interface. For example, if the user clicks on the notification 233, they can enter the live status interface of the food delivery application.

[0342] For example, a user can initiate a swipe-down operation in the lower left corner, such as trajectory 235, to display a second notification interface on the outer screen, as shown in Figure 23(c). The second notification interface will only display ordinary messages, that is, messages from other applications that do not have a live status interface, such as chat message notification 236 and SMS notification 237.

[0343] In this embodiment of the application, configuring a corresponding notification center according to different notification types can ensure that the notification specifications of the notification center are consistent, and can also avoid a large number of different types of notifications using the same notification center, thus reducing the difficulty for users to select and view notifications.

[0344] Switching process 24: User interface of any application Switching between live view interfaces

[0345] In this embodiment, the electronic device may have applications installed. These applications include a first application with real-time status viewing capabilities, and other applications besides the first application. When a user opens an application, the electronic device can display the corresponding user interface on an external screen.

[0346] For example, Figure 24 illustrates a schematic diagram of switching to a live status interface via an application's user interface according to an embodiment of this application. Referring to Figure 24(a), a functional interface is displayed on the external screen of the electronic device. This functional interface includes application icons for multiple applications, such as an icon for a chat application, for example, WeChat. TM The corresponding application icon is icon 241. After the electronic device detects that the user has clicked icon 241, it can enter WeChat. TM The corresponding chat interface is shown in Figure 24(b).

[0347] When the application's interface is displayed on the external screen, its top status bar may also contain a notification (i.e., a second notification) about a status update for the first application. In this case, the user can switch from the application's interface to the live status interface of the first application by interacting with the top status bar. For example, in the chat interface of Figure 24(b), the top status bar includes a notification 242 about a status update for the food delivery application. The user can interact with the notification 242, such as by clicking, long-pressing, or double-tapping it. Upon receiving the interaction with the notification 242, the electronic device can switch from the chat interface to the live status interface of the food delivery application, as shown in Figure 24(c), thereby enabling a quick switch from one application to the live status interface of another application.

[0348] In some implementations, when a user clicks on notification 242, notifications from multiple applications with current status updates can be displayed. The user can select one of the multiple notifications as the live status interface to switch to. The implementation process can be found in the relevant descriptions of switching process 21 and switching process 22, and will not be repeated here.

[0349] In this embodiment, the live status interface may also include a return control, such as the return control 243 mentioned above. Users can switch from the live status interface of the food delivery application to the chat interface they were in before by clicking the return control 243, that is, switch to the interface shown in Figure 24(b).

[0350] In some implementations, if the application opened by the user is the first application, then the notification for that first application may not be displayed on the top status bar. For example, Figure 25 shows a schematic diagram of the operation interface of an application provided in another embodiment of this application. Referring to Figure 25(a), the top status bar of the external screen displays a second notification for the food delivery application, namely notification 251, indicating that the food delivery application has a status update. At this time, the user can enter the operation interface of the food delivery application by clicking the application icon 252 of the food delivery application in the function interface, as shown in Figure 25(b). Since the electronic device directly displays the operation interface of the food delivery application, meaning the user can view the real-time delivery status of the food delivery through the operation interface, the second notification of the food delivery application may not be displayed on the top status bar; that is, notification 251 may not be displayed in the interface shown in Figure 25(b).

[0351] In some implementations, if the electronic device receives status update notifications from two or more first applications, the top status bar can only display the second notification from the first application with the latest status update time. Taking Figure 25 as an example, the electronic device is running a food delivery application and a map application in the background. Both applications have corresponding status update notifications. The status update time of the second notification from the food delivery application is later than that of the second notification from the map application. Therefore, the top status bar can display the second notification from the food delivery application, i.e., notification 251 as shown in Figure 25(a). Since the user has opened the food delivery application's interface through the application icon, when the food delivery application's interface is displayed on the external screen, the top status bar can not display notification 251 from the food delivery application, but instead display the second notification from the first application, which was originally invisible, as shown in Figure 25(c). The map application's notification 253 can be displayed in the top status bar. When the user clicks the aforementioned return control 254, the electronic device can return from the food delivery application interface to the function interface. Since the status update time of the second notification of the food delivery application is later than that of the second notification of the map application, the notification 251 can be displayed again in the top status bar, that is, return to the interface shown in Figure 25(a), while the second notification of the map application in the top status bar can be in a state of not being displayed.

[0352] In this embodiment of the application, the electronic device can directly switch to the real-time status interface of the first application in the operation interface of the application, thereby increasing the flexibility of switching the real-time status interface, facilitating quick viewing of the real-time status of the first application, improving the efficiency of viewing the status of the first application, and reducing the length of the operation path.

[0353] The switching processes 21 to 24 described above specifically illustrate the switching process from various interfaces to the live status interface, and how the user can switch back to the previous interface using the return control within the live status interface, thus achieving mutual switching between interfaces. As can be seen, a first interface can be displayed on the external screen of the electronic device. This first interface may include a function interface and a lock screen interface. The user can initiate a first operation on the first interface to view the real-time status of a first application, and in response to the first operation, generate a second interface displayed in full screen. The real-time status of the first application can be displayed on the second interface to determine the specific notification content of the first application. Compared with existing external screen display technologies, the real-time status of the application in this embodiment is not displayed through a floating window. Instead, the first operation can be initiated on the lock screen interface or function interface, directly entering the second interface displayed in full screen, where the user can view the application's real-time status. This improves the efficiency of viewing the application's real-time status on the external screen, reduces the difficulty of viewing, and thus enhances the user experience when using the external screen.

[0354] In this embodiment, in addition to the switching process related to the live status interface, the switching process between other interfaces is also included. The specific implementation of the switching process for other interfaces is described below:

[0355] Switching process 25: Lock screen Switching between always-on display interfaces

[0356] When the external screen of an electronic device supports always-on display, the external screen can switch between the lock screen and the always-on display screen.

[0357] For example, Figure 26 illustrates a schematic diagram of the switching between a lock screen interface and an always-on display interface provided in an embodiment of this application. Referring to Figure 26(a), the lock screen interface may include a lock screen identifier 261 when in the lock screen state. At this time, if the user is displaying the lock screen interface on the external screen (i.e., in the lock screen on state), the user can switch the electronic device from the on screen state to the always-on display state by clicking the power button 262 or waiting for a preset time. Since the electronic device is in the always-on display state, the external screen will display the always-on display interface, as shown in Figure 26(b). In the always-on display state, the external screen of the electronic device can display the always-on display interface in a low-brightness manner, thereby reducing energy consumption in the always-on display state.

[0358] When the external screen is in the off-screen state, if the user double-clicks the external screen or clicks the power button 262 mentioned above, the electronic device will change from the off-screen state to the on-screen state. At this time, the lock screen will be displayed again, as shown in Figure 26(a).

[0359] In some implementations, if the electronic device collects authentication data, such as the user's fingerprint information or facial data through the front camera, during the process of the user double-tapping the outer screen or clicking the power button 262 on the always-on display, and the above authentication data meets the unlocking conditions, then the lock screen displayed on the outer screen can be the lock screen in the unlocked state, and the user can switch to other interfaces on the lock screen without unlocking again.

[0360] Switching process 26: Lock screen Switching between functional interfaces

[0361] In this embodiment, the lock screen interface includes two states: a locked state and an unlocked state. These two different states can be distinguished by whether or not a lock screen icon is present on the screen. Users can initiate preset operations on the lock screen interface to switch from the lock screen interface to the function interface.

[0362] For example, Figure 27 illustrates a schematic diagram of switching from a lock screen interface to a function interface according to an embodiment of this application. Referring to Figure 27(a), when the electronic device is in an unlocked state, the lock screen interface 271 includes a lock screen icon 272. At this time, the user can trigger the unlocking process by swiping left or up. The unlocking process may include at least one of: collecting user fingerprint information, collecting user facial data, and entering an unlock password. If the collected user fingerprint information and / or facial data meet the unlocking conditions, the user can directly switch to the function interface 274. Of course, when the electronic device receives the above-mentioned preset operation, it may display an unlock interface 273, which may include a button control for entering an unlock password. The user can enter the unlock password on the unlock interface 273. If the unlock password is correct, the user can switch from the unlock interface 273 to the function interface 274.

[0363] In some scenarios, users can switch from the lock screen to the function interface when the screen is unlocked, as shown in Figure 27(b). When the screen is unlocked, users can switch directly from the lock screen 275 to the function interface 276 by performing preset operations, such as swiping right or swiping up, without having to perform an unlocking operation.

[0364] In some implementations, when an electronic device includes multiple functional interfaces, the user can initiate a preset operation, such as swiping upwards, within any functional interface to directly switch from the functional interface to the lock screen interface in the unlocked state. As shown in Figure 27(c), the page navigation bar indicates that the electronic device includes three functional interfaces. In this case, the external screen displays the functional interface 277, which is located at the rightmost navigation point on the page navigation bar, and can also be referred to as the third functional interface. In the prior art, if functional interface 277 is needed, three swipe-to-the-left operations are required to return to the lock screen interface, thereby increasing the difficulty of operation and lengthening the operation path. However, in the embodiment provided in this application, the user can initiate an upward swipe operation within any functional interface to enter the lock screen interface in the unlocked state, i.e., return to the lock screen interface 275, thereby reducing the operation steps required by the user and improving the efficiency of returning to the lock screen interface. Of course, in addition to switching directly from any function interface to the lock screen interface in the above way, in some implementation scenarios, it is also possible to switch from any function interface to the first function interface (i.e., the main interface) of the electronic device, i.e., function interface 276, in the above way. For the specific implementation process, please refer to the description above, which will not be repeated here.

[0365] For example, Figure 28 illustrates a schematic diagram of switching from the lock screen interface to the function interface according to another embodiment of this application. Referring to Figure 28, when the electronic device is in an unlocked state, the user can view the first notification center on the lock screen by clicking the notification 281 of the aforementioned food delivery application. At this time, the user will be prompted to unlock, and the corresponding notification center will be displayed after successful unlocking, such as displaying the first notification center 282. If the user swipes down from the upper left corner on the lock screen, for example, by initiating a swipe trajectory 283, the second notification center 284 will be displayed after successful unlocking. After exiting either notification center, the function interface can be displayed.

[0366] Switching process 27: Function interface Switching between notification center interfaces

[0367] In this embodiment, while the external screen displays the functional interface, the user can display the notification center interface on the layer of the functional interface through a preset operation. For example, Figure 29 shows a schematic diagram of the switching between the functional interface and the notification center interface provided in an embodiment of this application. Referring to Figure 29(a), the functional interface of the electronic device can display multiple different application icons and component controls. The user can initiate a preset operation on the functional interface to bring up the notification center interface, such as initiating a downward swipe operation in the middle area at the top, as shown by trajectory 291. In response to trajectory 291, the electronic device displays the notification center interface on the layer of the functional interface, as shown in Figure 29(b). The notification center interface can display various notifications, including: notifications of the real-time status of the first application, such as notification 292, and notifications that the user has not read, such as notification 293. The user can switch to the real-time status interface by clicking notification 292, and can view the corresponding notification by clicking notification 293, such as opening the SMS interface to view the SMS content corresponding to notification 293.

[0368] As mentioned above, the notification center interface can also include two types. The triggering methods for the two types of notification center interfaces can be found in the relevant description in the switching process 26, and will not be repeated here.

[0369] Switching process 28: Function interface Switching between control center interfaces

[0370] In this embodiment, the electronic device can initiate a preset operation from the function interface, lock screen interface, or application operation interface to bring up the control center interface.

[0371] In this embodiment, the example of activating the control center interface from the function interface is used for explanation. The user initiates a downward swipe operation from the top right edge of the function interface to activate the control center interface on the function interface layer. The control center interface may contain multiple controls for quick control of the electronic device's functional modules, facilitating rapid operation of the electronic device by the user.

[0372] For example, Figure 30 shows a schematic diagram of invoking the control center interface from the functional interface according to an embodiment of this application. Referring to Figure 30(a), when the functional interface is displayed on the outer screen, the user can initiate a downward swipe operation from the top right side of the outer screen, i.e., obtain trajectory 301. In response to the trajectory 301, the electronic device can display the control center interface on the layer of the functional interface, as shown in Figure 30(b). It should be noted that the user can also display the control center interface on the original interface layer through the same operation on the lock screen or the operation interface of the application.

[0373] Referring to Figure 30(b), the control center interface may include multiple control controls with different functions, such as Bluetooth control control 302 for controlling the on state of the Bluetooth module, network control control 303 for controlling the on state of the wireless network module, and brightness control control 304 for controlling screen brightness. The specific control controls included in the control center interface can be set according to the user's actual usage needs, and are not limited here.

[0374] In this embodiment, the control center interface may further include editing controls. Users can adjust the control controls displayed on the outer screen by sliding up and down. At the bottom of the control center interface, for example, by sliding the control center to the position shown in Figure 30(c), an editing control 305 for editing the control controls can be displayed. If the user clicks on the editing control 305, the controls contained in the control center interface can be edited, resulting in the state shown in Figure 30(d). The editing may include operations such as adding control controls, removing existing control controls, and adjusting the position of control controls in the control center interface.

[0375] When editing controls within the control center interface, each existing control can have a delete indicator, i.e., indicator 306. If a user needs to remove a control, they can click the "-" indicator on that control, as shown in indicator 306 above. Area 307 can include controls that can be added. Addable controls can be displayed in area 307, and each addable control can be marked with a "+" indicator, as shown in indicator 308. Users can drag and drop the controls they want to add outside area 307, indicating that they need to be added to the control center interface. The specific processes of adding, deleting, and adjusting the position can be performed according to actual usage and are not limited here.

[0376] Switching process 29: Lock screen Switching between theme editing interfaces

[0377] In this embodiment, the electronic device can edit the theme of the lock screen interface, that is, adjust the theme style of the lock screen interface through the theme editing interface.

[0378] For example, Figure 31 illustrates a schematic diagram of editing the theme of a lock screen interface according to an embodiment of this application. Referring to Figure 31, when the lock screen interface 310 is displayed on the external screen, the user can switch from the lock screen interface 310 to the theme editing interface through a preset operation, i.e., switch to theme styles 311-313 as shown in Figure 31. This preset operation can be a two-finger pinch gesture; of course, other gestures can be used to trigger theme editing in other scenarios, and the triggering gesture is not limited here.

[0379] It should be noted that the above lock screen interface can be the lock screen interface in the unlocked state. If the user initiates the above operation while the electronic device is not unlocked, the outer screen can display the unlock interface. After the user unlocks the device, the user can switch to the theme editing interface.

[0380] In this embodiment, the theme editing interface can display multiple selectable theme styles, such as theme style 311, theme style 312, and theme style 313. Different theme styles can include different background images, and the layout of related controls also differs. For example, theme style 311 can include a camera control located in the lower right corner; while theme style 312 can include both a camera control and a weather control, located in the lower left corner. Each theme style can include a delete control, such as the delete control 314 in the upper right corner of theme style 313. When the user clicks the delete control 314, a delete prompt box will be displayed to indicate whether the user needs to delete the theme style.

[0381] It should be noted that the theme editing interface may include a theme navigation bar 315 to determine the position and order of the currently displayed theme styles in the theme library. Users can swipe up and down to display different theme styles. If the user needs to add a theme style from the theme library, they can swipe to the last page of the theme navigation bar 315, which is the last page of the theme editing interface. A theme addition control 316 will be displayed. When the user clicks the control 316, the user may be prompted to operate through the main screen. For example, the main screen may display multiple theme styles available for download from the cloud, or the user may be prompted to actively edit and create a theme style.

[0382] If a user needs to exit the theme editing interface, they can initiate an upward swipe operation at the bottom of the theme editing interface, or use a side return gesture to exit the theme editing interface and return to the lock screen.

[0383] In this embodiment, the user can select one of multiple theme styles as the lock screen theme. Taking theme style 312 as an example, the display page of theme style 312 includes a theme style display area 3121 and a blank area 3129. If the user clicks on the display area 3121, it is recognized that the user has selected the theme style, and the user will be returned to the lock screen interface. The lock screen theme of the lock screen interface is the theme style selected by the user, which results in the lock screen interface 317 as shown in Figure 31.

[0384] It should be noted that the theme editing process shown in Figure 31 above can be applied to the theme style selection of a type 1 lock screen interface or a type 2 lock screen interface. The theme styles included in the theme editing interface can control the theme styles of a type 1 lock screen interface or include the theme styles of a type 2 lock screen interface, which is hereby limited.

[0385] For example, Figure 32 shows a schematic diagram of editing the theme of the lock screen interface according to another embodiment of this application. Similar to the method shown in Figure 31, the user can initiate a preset operation on the external screen to switch from the lock screen interface shown in Figure 32(a) to the theme editing interface, as shown in Figure 32(b). Unlike Figure 31, the theme styles in Figure 32(b) can be arranged horizontally, and a "Applying" prompt control 321 can be displayed below the currently used theme style. The user can preview other theme styles to the right, as shown in Figure 32(c). A "Apply Now" control 322 can be displayed below the theme styles that are not in use. The user can change the theme of the lock screen interface to the selected theme style by clicking the "Apply Now" control 322. Similarly, when swiping to the rightmost page of the theme editing interface, a "Add Theme" control 323 can be displayed, as shown in Figure 32(d). When the user clicks the control 323, the user can be prompted to operate through the main screen, such as displaying multiple downloadable theme styles from the cloud on the main screen, or prompting the user to actively edit and create a theme style. The method for exiting the theme editing interface can be found in the relevant description in Figure 31, and will not be repeated here.

[0386] Switching process 210: Function interface Switching between function editing interfaces

[0387] In this embodiment, the electronic device can edit the controls displayed in the function interface, that is, adjust the application icons and / or component controls displayed in the function interface through the function editing interface.

[0388] For example, Figure 33 shows a schematic diagram of editing a functional interface according to an embodiment of this application. Referring to Figure 33(a), the user can initiate a preset operation in the functional interface of any screen, such as long-pressing an application icon or component control, or using a pinch gesture with two fingers to enter the functional editing interface from the functional interface, as shown in Figure 33(b).

[0389] The aforementioned function editing interface includes a control 331 for completing the editing and a control 332 for adding controls to the function interface. If a user needs to exit the function editing interface, they can click the control 331 to switch to the function interface, as shown in Figure 33(a). Alternatively, they can exit the function editing interface by swiping upwards from the bottom of the outer screen or by returning from the side.

[0390] In this embodiment, while in the function editing interface, the user can adjust the positional relationship between application icons and / or component controls. Specifically, this can be done by dragging and dropping the application icons and / or component controls that need adjustment. Both application icons and component controls in the function editing interface are equipped with a "-" deletion marker, i.e., marker 333. Users can remove the corresponding component control by clicking marker 333. For application icons, clicking the deletion marker can remove the application icon or uninstall the application corresponding to that icon. Users can initiate the corresponding operation according to the actual situation, and no limitation is made here.

[0391] In this embodiment, while in the function editing interface, the user can also add application icons and / or component controls to the function interface. When the user clicks the "Add Control 332" button, the electronic device can display the corresponding control addition interface. This embodiment provides schematic diagrams of two different control addition interfaces. Detailed descriptions are as follows:

[0392] Figure 34 shows a schematic diagram of the operation of a control addition interface provided in an embodiment of this application. Referring to Figure 34(a), after clicking the add control 341 in the function editing interface, the control addition interface can be entered. As shown in Figure 34(b), the control addition interface contains two pages. When the user clicks the add control 341, the application addition page will be entered by default, as shown in Figure 34(b). The application addition page contains application icons. The user can select the application icon of the application to be added and add it to the corresponding function interface. The user can also add the application by long-pressing the selected application icon and dragging it to the function interface.

[0393] In some implementations, the application addition page mentioned above may contain application icons for all applications installed on the electronic device, or application icons for applications that have not been added to any functional interface.

[0394] In this embodiment, the user can long-press the application icon of the selected application, such as long-pressing the application icon 342 of the weather application, and drag it into the function interface. When the electronic device detects that the user has long-pressed an application icon, it will switch from the control addition interface back to the function interface through a sliding animation display mode, so that the user can easily determine the display position of the application icon 342.

[0395] In this embodiment, if the user clicks the service card in the control addition interface, they can switch from the application addition page to the component addition page, as shown in Figure 34(c). The component addition page includes addable component controls, such as weather component 343 and calendar component 344, and may also include component controls provided by some applications, such as recording controls provided by recording applications. The user can select the component control to add on the component addition page. Similarly, the selected component control can be added to the function interface by long-pressing. For the specific addition process, please refer to the application icon addition process, which will not be repeated here.

[0396] For example, Figure 35 illustrates a schematic diagram of editing a functional interface according to another embodiment of this application. Referring to Figure 35(a), when any functional interface is displayed on the external screen, the user can initiate a preset operation to switch to the functional editing interface. The preset operation can be a long press on an application icon or component control, or a two-finger pinch gesture on the external screen, which switches to the functional editing interface shown in Figure 35(b). Unlike the previous embodiment, the functional editing interface provided in this embodiment does not require the user to click to add controls in order to display the application addition page and the component addition page. Instead, when switching to the functional editing interface, the controls that invoke the above two pages are already displayed in the functional editing interface, namely the application control 281 (used to display the application addition page) and the service card control 282 (used to display the component addition page). When the user needs to add controls, they can click on the corresponding type of control according to the type of control to enter the corresponding addition page, which can switch to the interface shown in Figure 34(b) and Figure 34(c).

[0397] Unlike the previous embodiment, in the function editing interface provided in this application embodiment, each control may not display a deletion indicator. When a user needs to remove an existing control, such as the food delivery application in the function interface, the user can drag the application icon 351 corresponding to the food delivery application to area 352, that is, outside the preview area of ​​the function interface displayed in the function editing interface. Alternatively, when the icon 351 is dragged to area 352, a deletion prompt indicator may be displayed, as shown by indicator 353 in Figure 35(c). When the user drags the icon 351 to the area corresponding to indicator 353, the system recognizes that the user needs to remove the application icon or delete the food delivery application, and executes the subsequent deletion process.

[0398] In one possible implementation, the above-mentioned function editing interface may further include a theme editing control. Referring again to Figure 35(d), another function editing interface provided in this embodiment may also include a theme editing control 354. Users can enter the theme editing interface by clicking the theme editing control 354, as shown in Figure 35(e).

[0399] In this embodiment, the electronic device can merge not only icon controls in the functional interface, but also component controls in the functional interface. The external screen's functional interface can display control groups, each containing two or more controls. These controls can be component controls or other types of controls. The components within these control groups are displayed in a stacked manner.

[0400] In one possible implementation, the control group generated in the functional interface is specifically implemented as follows: In response to the eighth operation on the first control in the third interface, a first control group is generated based on the target object specified by the eighth operation and the first control. The third interface can be a functional interface or other interface that can display component controls; the eighth operation can be a long-press and drag operation, i.e., long-pressing and dragging the first control to the target object, or other operations that implement control movement functionality.

[0401] In this embodiment, the electronic device can combine one control with another to form a control group; or it can combine one control with another existing control group to update the existing control group.

[0402] For example, Figure 36 shows a schematic diagram of the generation of a control group provided in an embodiment of this application. Referring to Figure 36(a), the interface contains two different component controls, namely a weather component 361 and a calendar component 362. The user can drag the calendar component 362 to the area where the weather component 361 is located. At this time, the electronic device can recognize that the user needs to merge the two component controls, shrink the display area of ​​the weather component 361, and generate a new area box 363, as shown in Figure 36(b), to prompt the user to merge the components. After the user releases his finger, the electronic device can generate a control group containing the two controls in the function interface, as shown in Figure 36(c) control group 364.

[0403] In the function editing interface, in addition to adding or removing existing controls, users can also combine existing controls to obtain corresponding control components. The specific implementation process is as follows: In response to the ninth operation on the first control in the function editing interface, the first control group is generated according to the target object specified by the ninth operation and the first control. For example, Figure 37 shows a schematic diagram of the generation of a control group provided in another embodiment of this application. Referring to Figure 37(a), the outer screen is in the function editing interface. In the function editing interface, the user can drag a component control, such as the calendar control 371, to the area where the weather control 372 is located. Similarly, by shrinking the display area of ​​the weather component 371 and generating a new area box 373, as shown in Figure 37(b), the user is prompted to merge the components. After the user releases their finger, the electronic device can merge the above two controls into a control group, as shown in Figure 37(c) control group 374.

[0404] In some possible implementations, if the two controls to be combined are of different sizes, the size of either component can be changed to match the size of the other component, and then the components can be merged based on the changed component sizes to obtain the control group described above. For example, if a user drags a calendar control (4*2 size) to the area of ​​a weather control (2*2), the size of the calendar control can be changed from 4*2 to 2*2 to match the size of the weather control, thus merging them into a 2*2 control group; alternatively, the size of the weather control can be increased from 2*2 to 4*2 to match the size of the calendar control, thus merging them into a 4*2 control group.

[0405] In this embodiment, the electronic device can operate on the control group in the functional interface to update the control group.

[0406] Specifically, the updated content may include the following situations:

[0407] Scenario 1: Expanding the control group

[0408] In this embodiment, if the control group contains a large number of controls, the user can expand the control group to view each control contained in the control group. That is, the electronic device can respond to the user's operation and display each control in an expanded form according to the stacking order of each control in the control group.

[0409] For example, Figure 38 shows a schematic diagram of a control group displayed in an expanded form according to an embodiment of this application. Referring to Figure 38(a), a control group 381 is included in the functional interface, and this control group 381 may contain two or more controls. Since only the topmost control is visible, such as the calendar control at the top of control group 381, the remaining controls are obscured by the calendar control due to their lower stacking order. The user can expand the control group in the following two ways:

[0410] Method 1) Initiate a sliding operation on the control group

[0411] Referring to Figure 38(b), the user can initiate a long swipe operation on control component 381 in the functional interface, such as trajectory 382, ​​or other operations. In response to the long swipe operation, the user can display each control in an expanded form, as shown in Figure 38(c). When displaying each control in an expanded form, the order of each control is determined based on its corresponding stacking order. For example, if the calendar control is at the top, it will also be on the top layer when displayed in expanded form, i.e., control 383 in Figure 38(c). The other controls can also be displayed sequentially according to their actual stacking order.

[0412] Method 2) Long press the control group to bring up the operation menu

[0413] Referring to Figure 38(d), the user can bring up the operation menu 384 of the control group 381 by long-pressing. The operation menu 384 includes expanded stacked controls 385. By clicking on the controls 385, each control can be displayed in an expanded form, as shown in Figure 38(c).

[0414] In this embodiment, when the controls are displayed in an expanded form, the user can click on a blank area (such as area 386), or slide along the side or the bottom to continue displaying the control group in a stacked form, that is, return to the interface shown in Figure 38(a).

[0415] Scenario 2: Remove controls from the control group

[0416] In this embodiment, the electronic device can remove controls contained in the control group. The removal includes two methods: deleting the control from the function interface and removing it from the control group to the function interface.

[0417] Continuing with the example in Figure 38(d), the above-mentioned operation menu 384 also includes a remove control 387. Users can remove one or more controls in the control group by clicking the remove control 387. For example, the first control at the top (i.e., the calendar control) can be removed, or the entire control group can be removed. The specific method can be determined according to the actual situation and is not limited here.

[0418] For example, Figure 39 shows a schematic diagram of the implementation of removing controls within a control group according to an embodiment of this application. Referring to Figure 39(a), the control group of the electronic device is displayed in an expanded form, including a calendar control 391 and a weather control 392, etc. The user can delete any control by initiating a horizontal swipe. For example, by initiating a leftward swipe operation on the weather control 392, the electronic device will display the delete control 393 as shown in Figure 39(b). If the user confirms the deletion of the weather control 392, they can click the delete control 393 to remove the weather control 392 from the control group, thus obtaining the interface shown in Figure 39(c).

[0419] Referring again to Figure 39(a), if the user selects any control in the control group by long-pressing, such as selecting the weather control 392 mentioned above, the weather control 392 will be in a selected state, as shown in Figure 39(d). It can be in a raised state or a highlighted state, and the specific display method of the selected state can be selected according to the actual situation. If the user moves it outside the area of ​​the expanded display of the control group, such as area 394, the system will recognize that the user needs to remove the weather control 392 and add it back to the function interface, resulting in the interface shown in Figure 39(e).

[0420] Scenario 3: Update the topmost control in the control group

[0421] In this embodiment, the electronic device can adjust the stacking order of controls within a control group, thereby adjusting the control displayed at the top of the functional interface. The methods for adjusting the stacking order can include the following two:

[0422] Method 1) Slide the control group in the function interface

[0423] For example, Figure 40 shows a schematic diagram of stacking order adjustment provided in an embodiment of this application. Referring to Figure 40(a), a control group 401 is displayed on the functional interface of the outer screen. The stacking order of the controls in the control group from top to bottom is: calendar control, weather control, and clock control. The user can initiate a short downward swipe operation on the control group 401, such as trajectory 402. Of course, in other implementations, other operations can also be performed. In response to the swipe operation of trajectory 402, the electronic device can adjust the stacking order of the controls in the control group, that is, adjust the control of the next stacking order to the top, thus obtaining the control group 403 shown in Figure 40(b). The control at the top of the control group 403 is the weather control, and the corresponding stacking order from top to bottom can be adjusted to: weather control, clock control, calendar control. If the user initiates another short downward swipe operation, the stacking order of the controls in the control group can be changed again. At this time, the clock control can be adjusted to the top, and so on.

[0424] Method 2) Adjust in the expanded display format

[0425] Users can display the control group in an expanded form using any of the methods in Case 1, and adjust the stacking order of the individual controls in the expanded form.

[0426] For example, Figure 41 shows a schematic diagram of stacking order adjustment provided in another embodiment of this application. Referring to Figure 41(a), the control group includes a calendar control 411, a weather control 412, and a clock control 413. The above controls are displayed in an expanded form. The user can select any of the controls by long-pressing, for example, selecting the weather control 412. The weather control 412 will be in a passive state, as shown in Figure 41(b). The user can adjust its stacking order in the control group by moving it up and down, for example, moving it below the clock control 413, as shown in Figure 41(c). After the user has finished adjusting, the user can click on other areas outside the area where the control group is displayed in the expanded form, such as area 414, to display the control group in a stacked form again.

[0427] In some implementations, users can click to expand any control in the control group and adjust the stacking order of the clicked control to the top. For example, if a user clicks the control 413 mentioned above, the stacking order of the clock control 413 can be adjusted to the top, and the control group can be displayed again in a stacked form, resulting in the interface shown in Figure 41(d).

[0428] In this embodiment, the electronic device can create a control group to accommodate multiple different types of controls on the outer screen at the same time, and perform operations on the control group through preset operations to update the control group, thereby improving the user's operating experience on the outer screen. It can also operate on multiple different controls without switching between multiple function screens, thereby improving the user's operating efficiency on the outer screen and improving the utilization rate of space on the outer screen.

[0429] Example 2:

[0430] Corresponding to the implementation flow of the interface switching method based on external screen display in Embodiment 1 above, Figure 42 shows a structural block diagram of an interface switching device based on external screen display provided in this application embodiment. For ease of explanation, only the parts related to this application embodiment are shown.

[0431] Referring to Figure 42, an interface switching device based on an external screen display includes:

[0432] The external screen display unit 421 is used to display the first interface on the external screen;

[0433] The interface switching unit 422 is used to respond to a first operation initiated within the first interface and display a second interface of the first application on the outer screen in a full-screen display manner; the second interface is used to display the real-time status of the first application; the first application is an application with a real-time status viewing function.

[0434] Optionally, the first interface includes a page navigation bar; the page navigation bar includes a first navigation point and a second navigation point; each first navigation point corresponds to a first application; each second navigation point corresponds to a function interface or a lock screen interface.

[0435] Optionally, the color of the first navigation point is determined based on the application theme color of the first application.

[0436] Optionally, the interface switching device further includes:

[0437] The navigation bar update unit is used to add the first navigation point corresponding to the first application to the page navigation bar when receiving a notification from any of the first applications.

[0438] Optionally, if there are two or more first navigation points, the order of the first navigation points in the page navigation bar is determined based on the state update time of the first application.

[0439] Optionally, the first application includes a second application and a third application; the state update time of the second application is later than the state update time of the third application.

[0440] The interface switching unit 421 includes:

[0441] The first switching unit is used to respond to a first operation initiated within the first interface and display the second interface of the second application on the outer screen in a full-screen display manner;

[0442] The second switching unit is used to respond to the first operation initiated within the second interface of the second application and to display the second interface of the third application on the outer screen in a full-screen display manner.

[0443] Optionally, the interface switching unit 421 includes:

[0444] The notification center display unit is configured to display a notification center interface on the first interface in response to a second operation initiated within the first interface; the notification center interface includes a first notification from the first application.

[0445] The notification click unit is used to respond to a third operation initiated by the first notification and display the second interface of the first application on the outer screen in a full-screen display manner.

[0446] Optionally, the second operation is a downward swipe operation starting from the center area at the top of the outer screen;

[0447] The third operation includes: long press operation, click operation, and long press operation.

[0448] Optionally, the interface switching unit includes:

[0449] A notification display unit is used to display a first notification about the real-time status of the first application on the first interface;

[0450] The notification operation unit is used to respond to the user's click operation on the first notification and display the second interface on the outer screen in a full-screen mode.

[0451] Optionally, the interface switching device further includes:

[0452] The notification collapse unit is configured to display a second notification of the first application on the top status bar of the first interface if no click operation is received on the first notification within a preset first time period; the display area of ​​the second notification is smaller than the display area of ​​the first notification.

[0453] Optionally, the interface switching device further includes:

[0454] The second notification operation unit is used to respond to the fourth operation initiated by the second notification and display the second interface of the first application on the outer screen in a full-screen display manner.

[0455] Optionally, the second notification operation unit includes:

[0456] A fourth operation unit is configured to display at least one of the first notifications on the first interface in response to the fourth operation initiated on the second notification.

[0457] The fifth operation unit is used to respond to a fifth operation initiated on any first notification by displaying the second interface of the first application corresponding to any first notification on the outer screen in a full-screen display manner.

[0458] Optionally, the first interface includes a third notification for displaying the real-time status of the first application; the first operation is an operation initiated on the third notification.

[0459] Optionally, the interface switching device further includes:

[0460] A fourth notification display unit is used to display the fourth notification on the display area corresponding to the third notification in the first interface; the layer of the fourth notification is located on the layer of the third notification; the fourth notification is a notification from an application other than the first application.

[0461] The notification stacking unit is used to place the layer of the third notification on top after the fourth notification has been displayed for a second duration, so that the third notification is made visible.

[0462] Optionally, the second interface includes a notification control for displaying unread notifications;

[0463] The interface switching device further includes:

[0464] The sixth operation unit is configured to display a notification center interface in response to a sixth operation on the prompt control; the notification center interface includes a first notification from the first application and the fourth notification.

[0465] Optionally, the first interface includes at least one of the following: a lock screen interface, a function interface, a notification center interface, and an application operation interface.

[0466] Optionally, the second interface includes a return control; the return control is used to switch back to the first interface.

[0467] Example 3:

[0468] Corresponding to the implementation flow of the control group in the interface switching method based on external screen display in Embodiment 1 above, Figure 43 shows a structural block diagram of a display device based on external screen provided in this application embodiment. For ease of explanation, only the parts related to this application embodiment are shown.

[0469] Referring to Figure 43, a display device based on an external screen includes:

[0470] The third interface display unit 431 is used to display a third interface on an external screen; the third interface includes a first control group; the first control group includes a first control and a second control; in the third interface, each control in the first control group is displayed in a stacked manner; the first control is the control that is at the top of the stack in the first control group;

[0471] The control group update unit 432 is used to update the first control group in response to the seventh operation on the first control group.

[0472] Optionally, the display device further includes:

[0473] The first control group generation unit is configured to respond to an eighth operation on the first control in the third interface, and generate the first control group according to the target object specified by the eighth operation and the first control; the first control group includes the first control.

[0474] Optionally, the display device further includes:

[0475] The second control group generation unit is used to generate the first control group in response to the ninth operation on the first control in the function editing interface, based on the target object specified by the ninth operation and the first control; the function editing interface is used to edit the display objects contained in the third interface.

[0476] Optionally, the target object is the second control or the second control group; the second control group includes at least two of the second controls.

[0477] Optionally, the seventh operation is the first sliding operation;

[0478] The control group update unit 432 is specifically used to: in response to a first sliding operation on the first control group, adjust the stacking order of the second control in the first control group to the top.

[0479] Optionally, the control group update unit 432 is specifically used for:

[0480] In response to the seventh operation on the first control group, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

[0481] Optionally, the control group update unit 432 includes:

[0482] A menu activation unit is configured to display an operation menu for the first control group in response to the seventh operation on the first control group; the operation menu includes an expand control.

[0483] The menu operation unit is used to respond to a click operation on the expanded control and display the first control and the second control in an expanded form according to the stacking order of each control in the first control group.

[0484] Optionally, the operation menu may also include a remove control for the first control.

[0485] Optionally, the seventh operation includes: a second swipe operation and a long press operation for the first control group.

[0486] Optionally, the display device further includes:

[0487] The sequence change unit is used to change the stacking order of the third control in the first control group in response to the eighth operation on the third control in the first control group; the third control is any control in the first control group.

[0488] Optionally, the display device further includes:

[0489] The component removal unit is configured to, in response to a ninth operation on a third control in the first control group, remove the third control from the first control group and add the third control to the third interface; the third control is any control in the first control group.

[0490] Optionally, the display device further includes:

[0491] The component deletion unit is configured to delete the third control in response to a tenth operation on the third control in the first control group; the third control is any control in the first control group.

[0492] Figure 44 is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. As shown in Figure 44, the electronic device 44 of this embodiment includes: at least one processor 440 (only one processor is shown in Figure 44, and the number of processors may match the actual number of chips included in the electronic device in the embodiment), a memory 441, and a program 442 stored in the memory 441 and executable on the at least one processor 440. When the processor 440 executes the program 442, it implements the steps in any of the above embodiments of the interface switching method based on the external screen display.

[0493] The electronic device 44 may be a smartphone, tablet computer, laptop computer, desktop computer, etc. This electronic device may include, but is not limited to, a processor 440 and a memory 441. Those skilled in the art will understand that Figure 44 is merely an example of the electronic device 44 and does not constitute a limitation on the electronic device 44. It may include more or fewer components than illustrated, or combine certain components, or different components; for example, it may also include input / output electronic devices, network access electronic devices, etc.

[0494] The processor 440 may be a Central Processing Unit (CPU), or it may be other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor may be a microprocessor or any conventional processor.

[0495] In some embodiments, the memory 441 may be an internal storage unit of the electronic device 44, such as a hard disk or memory of the electronic device 44. In other embodiments, the memory 441 may be an external storage device of the electronic device 44, such as a plug-in hard disk, smart media card (SMC), secure digital (SD) card, flash card, etc., equipped on the electronic device 44. Furthermore, the memory 441 may include both internal storage units and external storage devices of the electronic device 44. The memory 441 is used to store the operating system, applications, bootloader, data, and other programs, such as program code. The memory 441 can also be used to temporarily store data that has been output or will be output.

[0496] It should be noted that the information interaction and execution process between the above-mentioned devices / units are based on the same concept as the method embodiments of this application. For details on their specific functions and technical effects, please refer to the method embodiments section, and they will not be repeated here.

[0497] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the above-described division of functional units and modules is merely an example. In practical applications, the above functions can be assigned to different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above. The functional units and modules in the embodiments can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit. Furthermore, the specific names of the functional units and modules are only for easy differentiation and are not intended to limit the scope of protection of this application. The specific working process of the units and modules in the above system can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0498] This application also provides an electronic device, which includes: at least one processor, a memory, and a computer program stored in the memory and executable on the at least one processor, wherein the processor executes the computer program to implement the steps in any of the above method embodiments.

[0499] This application also provides a readable storage medium storing a program that, when executed by a processor, implements the steps described in the various method embodiments above.

[0500] This application provides a program product that, when run on an electronic device, enables the electronic device to perform the steps described in the various method embodiments above.

[0501] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, all or part of the processes in the methods of the above embodiments of this application can be implemented by a computer program instructing related hardware. The computer program can be stored in a computer-readable storage medium, and when executed by a processor, it can implement the steps of the various method embodiments described above. The computer program includes computer program code, which can be in the form of source code, object code, executable files, or certain intermediate forms. The computer-readable medium can include at least: any entity or device capable of carrying computer program code to a photographic device / electronic device, a recording medium, a computer memory, a read-only memory (ROM), a random access memory (RAM), an electrical carrier signal, a telecommunication signal, and a software distribution medium. Examples include USB flash drives, portable hard drives, magnetic disks, or optical disks. In some jurisdictions, according to legislation and patent practice, computer-readable media cannot be electrical carrier signals or telecommunication signals.

[0502] In the above embodiments, the descriptions of each embodiment have different focuses. For parts that are not described in detail or recorded in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0503] The above-described embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application, and should all be included within the protection scope of this application.

Claims

1. A method for interface switching based on external screen display, characterized in that, The interface switching method, applicable to electronic devices equipped with an external screen, includes: Display the first interface on the outer screen; In response to a first operation initiated within the first interface, a second interface of the first application is displayed on the outer screen in full-screen mode; the second interface is used to display the real-time status of the first application; the first application is an application with real-time status viewing function.

2. The interface switching method according to claim 1, characterized in that, The first interface includes a page navigation bar; the page navigation bar includes a first navigation point and a second navigation point; each first navigation point corresponds to a first application; each second navigation point corresponds to a function interface or a lock screen interface.

3. The interface switching method according to claim 2, characterized in that, The color of the first navigation point is determined based on the application theme color of the first application.

4. The interface switching method according to claim 2, characterized in that, Also includes: Upon receiving a notification from any of the first applications, add the first navigation point corresponding to the first application to the page navigation bar.

5. The interface switching method according to claim 2, characterized in that, When there are two or more first navigation points, the order of the first navigation points in the page navigation bar is determined based on the state update time of the first application.

6. The interface switching method according to claim 5, characterized in that, The first application includes a second application and a third application; the status update time of the second application is later than the status update time of the third application; The step of responding to a first operation initiated within the first interface by displaying a second interface of the first application on the outer screen in full-screen mode includes: In response to a first operation initiated within the first interface, the second interface of the second application is displayed on the outer screen in a full-screen mode; In response to the first operation initiated within the second interface of the second application, the second interface of the third application is displayed on the outer screen in a full-screen mode.

7. The interface switching method according to any one of claims 1-6, characterized in that, The step of responding to a first operation initiated within the first interface by displaying a second interface of the first application on the outer screen in full-screen mode includes: In response to a second operation initiated within the first interface, a notification center interface is displayed on the first interface; the notification center interface includes a first notification from the first application. In response to a third operation initiated in response to the first notification, the second interface of the first application is displayed on the outer screen in full-screen mode.

8. The interface switching method according to claim 7, characterized in that, The second operation is a downward swipe operation starting from the center area at the top of the outer screen; The third operation includes: long press operation, click operation, and long press operation.

9. The interface switching method according to claim 7, characterized in that, The first interface includes a second notification corresponding to the first application, and the display area of ​​the second notification is smaller than the display area of ​​the first notification; the second operation is a click operation on the second notification; The notification center interface is the first notification interface; The first notification interface is used to display the first notification from the first application.

10. The interface switching method according to any one of claims 1-9, characterized in that, The step of responding to a first operation initiated within the first interface by displaying a second interface of the first application on the outer screen in full-screen mode includes: A first notification regarding the real-time status of the first application is displayed on the first interface; In response to the user's click on the first notification, the second interface is displayed on the outer screen in full-screen mode.

11. The interface switching method according to claim 10, characterized in that, Following the display of the first notification regarding the real-time status of the first application on the first interface, the method further includes: If no click operation is initiated on the first notification within a preset first time period, a second notification of the first application is displayed on the top status bar of the first interface; the display area of ​​the second notification is smaller than the display area of ​​the first notification.

12. The interface switching method according to claim 11, characterized in that, If no click action is received on the first notification within a preset first time period, and a second notification of the first application is displayed on the top status bar of the first interface, the method further includes: In response to a fourth operation initiated in response to the second notification, the second interface of the first application is displayed on the outer screen in full-screen mode.

13. The interface switching method according to claim 12, characterized in that, The fourth operation initiated in response to the second notification, displaying the second interface of the first application on the outer screen in full-screen mode, includes: In response to the fourth operation initiated on the second notification, at least one of the first notifications is displayed on the first interface; In response to a fifth operation initiated on any first notification, the second interface of the first application corresponding to any first notification is displayed on the outer screen in full-screen mode.

14. The interface switching method according to any one of claims 1-13, characterized in that, The first interface includes a third notification for displaying the real-time status of the first application; the first operation is an operation initiated on the third notification.

15. The interface switching method according to claim 14, characterized in that, Also includes: The fourth notification is displayed on the display area corresponding to the third notification in the first interface; the layer of the fourth notification is located on the layer of the third notification. The fourth notification is a notification from an application other than the first application; After the fourth notification has been displayed for a second duration, the layer of the third notification is placed on top to make the third notification visible.

16. The interface switching method according to any one of claims 1-15, characterized in that, The second interface includes a notification control for displaying unread notifications; The interface switching method further includes: In response to a sixth action on the prompt control, a notification center interface is displayed; the notification center interface includes a first notification from the first application and a fourth notification.

17. The interface switching method according to any one of claims 1-16, characterized in that, The first interface includes at least one of the following: a lock screen interface, a function interface, a notification center interface, and an application operation interface.

18. The interface switching method according to any one of claims 1-17, characterized in that, The second interface includes a return control; the return control is used to switch back to the first interface.

19. An interface switching device based on an external screen display, characterized in that, include: An external display unit is used to display the first interface on an external screen; The interface switching unit is used to respond to a first operation initiated within the first interface and display a second interface of the first application on the outer screen in a full-screen manner; the second interface is used to display the real-time status of the first application; the first application is an application with a real-time status viewing function.

20. A display method based on an external screen, characterized in that, The display method, applied to an electronic device equipped with an external screen, includes: A third interface is displayed on the outer screen; the third interface includes a first control group; the first control group includes a first control and a second control; in the third interface, the controls in the first control group are displayed in a stacked manner; the first control is the control that is at the top of the stack in the first control group; In response to the seventh operation on the first control group, update the first control group.

21. The display method according to claim 20, characterized in that, Before displaying the third interface on the outer screen, the method further includes: In response to an eighth operation on the first control in the third interface, a first control group is generated based on the target object specified by the eighth operation and the first control; the first control group includes the first control.

22. The display method according to claim 20, characterized in that, Before displaying the third interface on the outer screen, the method further includes: In response to a ninth operation on the first control in the function editing interface, the first control group is generated based on the target object specified by the ninth operation and the first control; the function editing interface is used to edit the display objects contained in the third interface.

23. The display method according to claim 21 or 22, characterized in that, The target object is the second control or the second control group; the second control group contains at least two of the second controls.

24. The method according to any one of claims 20-23, characterized in that, The seventh operation is the first sliding operation; The step of updating the first control group in response to the seventh operation on the first control group includes: In response to a first sliding operation on the first control group, the stacking order of the second control in the first control group is adjusted to the top.

25. The method according to any one of claims 20-23, characterized in that, The step of updating the first control group in response to the seventh operation on the first control group includes: In response to the seventh operation on the first control group, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

26. The method according to claim 25, characterized in that, The response to the seventh operation on the first control group, displaying the first control and the second control in an expanded form according to the stacking order of the controls in the first control group, includes: In response to the seventh operation on the first control group, an operation menu for the first control group is displayed; the operation menu includes an expand control. In response to a click operation on the expanded control, the first control and the second control are displayed in an expanded form according to the stacking order of the controls in the first control group.

27. The method according to claim 26, characterized in that, The operation menu also includes a removal control for the first control.

28. The method according to any one of claims 25-27, characterized in that, The seventh operation includes: a second swipe operation and a long press operation for the first control group.

29. The method according to any one of claims 25-27, characterized in that, After the seventh operation in response to the first control group, which displays the first control and the second control in an expanded form according to the stacking order of the controls in the first control group, the method further includes: In response to an eighth operation on a third control in the first control group, the stacking order of the third control in the first control group is changed; the third control is any control in the first control group.

30. The method according to any one of claims 25-27, characterized in that, After the seventh operation in response to the first control group, which displays the first control and the second control in an expanded form according to the stacking order of the controls in the first control group, the method further includes: In response to the ninth operation on the third control in the first control group, the third control is removed from the first control group and added to the third interface; the third control is any control in the first control group.

31. The method according to any one of claims 25-27, characterized in that, After the seventh operation in response to the first control group, which displays the first control and the second control in an expanded form according to the stacking order of the controls in the first control group, the method further includes: In response to the tenth operation on the third control in the first control group, the third control is deleted; the third control is any control in the first control group.

32. An electronic device, characterized in that, The electronic device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the steps of the method as claimed in any one of claims 1 to 18, and / or to implement the steps of the method as claimed in any one of claims 20 to 31.

33. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method as described in any one of claims 1 to 18, and / or implements the steps of the method as described in any one of claims 20 to 31.

Images