Interface switching method based on external screen display and electronic equipment

Abstract

The invention is applicable to the technical field of display, and provides an interface switching method based on external screen display and electronic equipment, and the method comprises the following steps: displaying a first interface on an external screen; in response to a first operation initiated in the first interface, displaying a second interface of a first application on the outer screen in a full-screen display mode; the second interface is used for displaying the real-time state of the first application; the first application is an application program with a live state viewing function. In the embodiment of the invention, the first operation can be initiated in the first interface, the second interface displayed through the full screen can be directly entered, and the real-time state of the application program can be viewed in the second interface, so that the viewing efficiency of viewing the real-time state of the application program on the outer screen can be improved, the viewing difficulty is reduced, and the viewing experience is improved. And thus, the use experience of the user when using the outer screen is improved.

Description

Technical Field

[0001] 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

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

[0003] 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0039] The interface switching method further includes:

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

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

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

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

[0044] 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, 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;

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

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

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

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

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

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

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

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

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

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

[0055] 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:

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

[0057] 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:

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

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

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

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

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

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

[0064] 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:

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

[0066] 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:

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

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

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

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

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

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

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

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

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

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

[0077] The interface switching unit includes:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0101] The interface switching device further includes:

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

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

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

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

[0106] 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, 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;

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

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

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

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

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

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

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

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

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

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

[0117] 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:

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

[0119] 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:

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

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

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

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

[0124] 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:

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

[0126] 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:

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

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

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

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

[0131] 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;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0162] Figure 5 This 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;

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

[0164] Figure 7 This is a schematic diagram illustrating the display of notifications in lock screen interfaces of different theme types, provided in an embodiment of this application.

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

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

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

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

[0169] Figure 12 This is a schematic diagram illustrating how a user switches from the lock screen to the live status screen via a swipe operation according to an embodiment of this application.

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

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

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

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

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

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

[0176] Figure 19 This is a schematic diagram illustrating a method of switching to a second interface via a notification on the top status bar, according to an embodiment of this application.

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

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

[0179] Figure 22 This is a schematic diagram illustrating the switching from the notification center interface to the live status interface according to another embodiment of this application;

[0180] Figure 23 This is a comparative schematic diagram of two notification interfaces provided in one embodiment of this application;

[0181] Figure 24 This is a schematic diagram illustrating the switching from the application's user interface to the live status interface according to an embodiment of this application;

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

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

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

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

[0186] Figure 29 This is a schematic diagram illustrating the switching between the functional interface and the notification center interface provided in one embodiment of this application;

[0187] Figure 30 This is a schematic diagram illustrating how the control center interface is invoked from the functional interface, according to an embodiment of this application.

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

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

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

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

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

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

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

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

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

[0197] Figure 40 This is a schematic diagram illustrating the adjustment of the stacking order according to an embodiment of this application;

[0198] Figure 41 This is a schematic diagram illustrating the adjustment of the stacking order according to another embodiment of this application;

[0199] Figure 42 This is a structural block diagram of an interface switching device based on an external screen display, provided in one embodiment of this application;

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

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

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

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

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

[0205] 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]."

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

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

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

[0209] See Figure 1 As shown in (b), the lock screen interface can be displayed on the external screen 12. When the electronic device is in the lock screen state and receives status update information about a certain application, existing external screen display technology can specifically display this status update information as a floating frame, such as... Figure 1 Information 13 is shown in (b) of the document.

[0210] However, unlike displaying status update information within a floating frame on the main display, the display 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 the existence of update messages, such as... Figure 1 In (b), the application is notified of an update by displaying a simple message that "delivery status has been updated." However, this method does not allow users to confirm the specific content of the update. Users need to enter the application's interface to view the update. Furthermore, if users want to check the application's real-time status again after viewing it, they need to click on the application's icon in the function interface to re-enter the interface. This increases the length of the operation path and reduces the user's operating experience.

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

[0212] Example 1:

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

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

[0215] 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:

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

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

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

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

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

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

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

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

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

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

[0226] 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 This illustration shows a schematic diagram of the switching between various interfaces provided in an embodiment of this application. See also... Figure 2 As shown, the interface switching involved in this application embodiment specifically includes:

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

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

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

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

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

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

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

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

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

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

[0237] In this embodiment, the real-time status interface is a new interface format proposed in this application. For ease of explanation, Figure 3 This diagram illustrates a flowchart of an embodiment of the present application showing the implementation of switching from a first interface to a live state interface (i.e., a second interface). See also... Figure 3 As shown, the specific steps involved in switching from the first interface to the live view interface are as follows:

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

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

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

[0241] 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:

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

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

[0244] For example, Figure 4 A schematic diagram of a lock screen interface provided in an embodiment of this application is shown. Wherein, Figure 4 (a) and (b) in the text represent a type of lock screen interface; Figure 4 (c) and (d) in the text represent the second type of lock screen interface.

[0245] See Figure 4 As shown in (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 order to display the lock screen theme, this type of lock screen interface may not always include operable controls, such as controls to control the flashlight's on / off state or controls to quickly access the camera interface. When the user needs to use the electronic device, they can unlock it from the aforementioned lock screen interface to change the electronic device from a locked state to an unlocked state.

[0246] 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 change from... Figure 4 (a) in the middle switch to Figure 4 (b) in the middle. See also Figure 4 In section (b), unlike the lock screen when locked, the unlocked lock screen does not contain the aforementioned lock icon 41, thus making it easier for users to distinguish whether the electronic device is locked or unlocked. When the electronic device is unlocked, users can switch from the lock screen to various other screens.

[0247] See Figure 4 As shown in (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.

[0248] Similarly, electronic devices can be unlocked from... Figure 4 The interface shown in (c) switches to Figure 4 The interface shown in (d) is as follows. Figure 4 (d) may also omit the lock identifier 43 to distinguish whether the electronic device is in an unlocked state or an unlocked state.

[0249] It should be noted that the display styles of controls on the lock screen can also include various types. Taking the camera control as an example, in Figure 4 In the lock screen interface shown in (a), it is a circular control. Specifically, the background transparency of this circular control is within a preset transparency range, such as 20% to 80%, and it can be a grayscale control. Figure 4 In the lock screen interface shown in (c), it is a rounded corner control whose display style can be consistent with the camera icon in the function interface. The 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 style on other interfaces (such as the function interface, control center interface, etc.). The same function control can correspond to two or more display styles.

[0250] 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 This diagram illustrates a comparison between the lock screen interface of the inner screen and the lock screen interface of the outer screen according to an embodiment of this application. See also... Figure 5 As shown in (a), this is the lock screen interface displayed on the inner screen of the electronic device. The lower left corner of this lock screen interface includes a flashlight control 51, and the lower right corner includes a camera control 52. 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, such as... Figure 5 As shown in (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 these controls are the same as those on the inner screen.

[0251] In one possible implementation, the controls included on the lock screen can be configured according to the user's actual usage. For example, two or more operable controls can be fixedly set on the lock screen. For instance, Figure 6 A schematic diagram of a lock screen interface according to another embodiment of this application is shown. See also Figure 6As shown in (a), the bottom of the lock screen interface includes four controls. Besides the standard flashlight control 61 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 user needs. Similarly, the display style of each of these controls can be as follows: Figure 4 These can be used in combination to increase the flexibility of setting controls on the lock screen interface.

[0252] 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. For example... Figure 6 As shown in (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 controls contained in the toolbox control 65 can be displayed on the lock screen, such as... Figure 6 As shown in (c), the toolbox control 65 may 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. Users can select the desired control from 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. Figure 6 As shown in (d) in the figure.

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

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

[0255] Method 1: Display via a floating window

[0256] See Figure 7 As shown in (a), if the lock screen is a type of lock screen, that is, the lock screen is mainly used to display the lock screen theme, then when a notification is received, it can be displayed as a floating window, such as... Figure 7The floating window 71 in the document can be used to display message notifications or status update notifications received by the electronic device. When multiple messages are received, different messages can be displayed through different floating windows 71.

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

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

[0259] In some implementations, if the aforementioned notification is a notification from a specific application, i.e., a real-time status notification, such as a notification from a food delivery application, then... Figure 7 Notification 73, shown in (c) above, can also be displayed as a floating window. After the 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 below. Figure 7 Notification 74 is shown in (d) above. Unlike notifications displayed in the top status bar for non-first applications, notification 74 can be displayed using a pill control, which can include the application icon and simple information. For example, a food delivery application can use it to display the current delivery status, such as "Delivery in Progress" in notification 74. If the simple information is extensive, it can be displayed by scrolling to the left.

[0260] Method 2: Display via capsule control

[0261] See Figure 7As shown in (e), if the lock screen is a type II lock screen, meaning that operable controls can be configured on the lock screen, 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, but unlike displaying notifications via a floating window, when displaying notifications via capsule controls, the capsule controls corresponding to different notifications will be 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 will be invisible.

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

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

[0264] For example, Figure 8 A schematic diagram illustrating the display timing of a capsule control according to an embodiment of this application is shown. See also... Figure 8 As shown, 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 aforementioned display area. This capsule control can display quick operation controls for the music application, such as a playback control 82 to show the real-time playback progress and a song skipping control 83 to switch 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 aforementioned display area will be on the highest layer, meaning the text message notification capsule control 84 will be visible. Since capsule controls 81 are stacked, their layer is below that of capsule control 83, meaning part of capsule control 81 is invisible.

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

[0266] In some implementations, if the electronic device is running two or more primary applications, the application to which the capsule control in the highest layer of the display area belongs can be determined based on the state update time of each primary application. For example, Figure 9 A timing diagram illustrating the display of a capsule control according to another embodiment of this application is shown. See also... Figure 9 As shown, the electronic device runs two applications with real-time status monitoring capabilities in the background: a map application and a food delivery application. At time T1, the electronic device receives a status update notification from the food delivery application. Therefore, at time T1, the capsule control 91 corresponding to the food delivery application will be on the highest layer and will be visible. At time T2, the user opens the map application and activates navigation. Since the start time of the navigation notification T2 is later than the receipt time of the food delivery application's status update notification T1, the capsule control 92 corresponding to the map application will be on a higher layer than capsule control 91, meaning capsule control 92 will be visible within 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. Since the receipt time of the status update notification for capsule control 91 is later than the start time of capsule control 92 T2, the electronic device will again set the layer containing capsule control 91 to the highest layer, making capsule control 91 visible.

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

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

[0269] For example, Figure 10 This diagram illustrates a page navigation bar on a lock screen interface according to an embodiment of this application. See also... Figure 10 As shown in (a), the lock screen interface can be a type of lock screen interface. This lock screen interface includes a page navigation bar 101, which contains multiple navigation points. These navigation points include a first navigation point corresponding to each live status interface (e.g., navigation point 102), and a second navigation point corresponding to each function interface (e.g., navigation point 103). 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 to the left of navigation point 104, allowing the user to switch to the live status interface by swiping left on the lock screen. The second navigation point can be to the right of navigation point 104, allowing the user to switch to the function screen by swiping right on the lock screen. Of course, in some implementations, the first navigation point can also be to the right of navigation point 104, and 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.

[0270] It should be noted that, in Figure 10 In (a) of the above, the number of first navigation points is one, that is, it has 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, namely 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 following... Figure 10 The interface shown in (b) is shown in the image.

[0271] like Figure 10As shown in (b), the number of first navigation points can be determined based on the number of first applications currently running. 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.

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

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

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

[0275] When an electronic device receives a real-time status notification from a food delivery app, the first navigation point for the app's real-time status interface can be added to the page navigation bar, resulting in something like... Figure 10 As shown in (d) of the interface, navigation point 108 has been added to the navigation bar of this page. At this time, the navigation bar of this page 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.

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

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

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

[0279] 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:

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

[0281] See also Figure 7 As shown in (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.

[0282] See Figure 9 As shown, 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.

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

[0284] As described above, after the display duration of a notification from the first application displayed via a floating window exceeds a preset duration threshold (i.e., the first duration), the floating window corresponding to that notification may not be displayed on the lock screen, but instead will be displayed via a second notification on the top status bar, such as... Figure 7 Notification identifier 74 is shown in (d) of the document.

[0285] For example, Figure 11 This illustration shows a schematic 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 a second interface, such as... Figure 11 In the context of interface 117, the first operation can specifically be a click, long press, or double-click operation initiated on notification icon 111 (i.e., the fourth operation). In another implementation scenario, after the user clicks, long presses, or double-clicks notification icon 112 in the top status bar of the lock screen interface (i.e., the fourth operation), the electronic device can display a status update notification related to the first application (i.e., the first notification mentioned above), such as... Figure 11 Notification 113 in the system. This status update notification can be displayed as a floating window.

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

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

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

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

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

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

[0292] For example, Figure 12 This diagram illustrates an embodiment of the present application where a swipe operation switches from the lock screen to the live status screen. See also... Figure 12 As shown in (a), at a certain moment, the external screen of the electronic device displays the lock screen interface. The presence of two first navigation points on the page navigation bar 121 of the lock screen interface indicates that two first applications are currently running in the background of the electronic device: a food delivery application (corresponding to yellow navigation point 122) and a map application (corresponding to blue navigation point 123). Since the second navigation points corresponding to the function interfaces are all white, the colors of the navigation points on the page navigation bar can distinguish between the first navigation points corresponding to the current status interface and the second navigation points of the function interfaces. Because the navigation points corresponding to the first applications on the page navigation bar are all to the left of the navigation points corresponding to the lock screen interface, when the user initiates a rightward swipe on the lock screen interface, as shown... Figure 12 As shown in trajectory 124 (a), the user can switch from the lock screen to another interface located to the left of the lock screen, namely the real-time status interface of the food delivery app corresponding to the yellow navigation point 122, as shown in the image. Figure 12 As shown in (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 corresponding interface of the food delivery app, the current navigation point of the page navigation bar can be changed to the same color as the theme color of the food delivery app, such as... Figure 12 Navigation point 125 can remain yellow. In 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, through methods such as... Figure 11 After switching to the second interface of any first application using any method, if there are multiple first applications with live status interfaces, you can also switch to the live status interface of other first applications by swiping left or right, such as... Figure 11 In interface 117, users can switch to the real-time status interface of the navigation application by swiping right.

[0293] It should be noted that if the developers of the first application have not designed a corresponding live status interface, the electronic device can display the notification content of the first application in full-screen mode on the external screen to automatically configure the corresponding live status interface, such as... Figure 12 As shown in (c), if the application developers of the navigation app have not designed a corresponding real-time status interface, navigation-related information such as "Turn right in 50 meters" and "3 kilometers to the 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 the real-time information, even without a suitable real-time status interface.

[0294] In some implementations, the position of the navigation point for each first application on the page navigation bar is determined based on the application's status update time. For example, the status 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 on the lock screen, 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 their respective status update times. 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, initiating another rightward swipe operation (swiping trajectory 106) in the food delivery application's live status interface will switch to the live status interface corresponding to the map application. Figure 12 As shown in (c) in the figure.

[0295] If you initiate a right swipe within the map app interface, you can switch back to the food delivery app interface. Figure 12 As shown in (b), users can initiate a swipe operation in the corresponding direction by using the relative positional relationship between the navigation points in the page navigation bar to switch to the interface of the corresponding navigation point.

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

[0297] 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 A schematic diagram of a real-time status interface provided in an embodiment of this application is shown.

[0298] Taking map applications as an example, if an electronic device initiates a navigation task through a map application, the corresponding real-time status interface of the map application will look like this: Figure 13 As shown in (a), the real-time status of the navigation task is displayed, such as "Turn right in 50 meters", as well as a schematic diagram of the current driving route.

[0299] Taking food delivery apps as an example, if a user orders food through a food delivery app, the corresponding real-time status interface of the app will look like this: Figure 13 As shown in (b), the current delivery status of the food delivery is displayed, such as "delivery in progress", remaining distance and remaining delivery time.

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

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

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

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

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

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

[0306] For example, Figure 14 A schematic diagram of a functional interface displayed on an external screen according to an embodiment of this application is shown. See also Figure 14 As shown in (a), this functional interface displays application icons for applications installed on the user's electronic device. When a user needs to use a specific application, they can click the corresponding application icon to run that application in the foreground. When there are many applications, the number of 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, such as... Figure 14 In (a), the number of second navigation points in the page navigation bar 141 is two, indicating that the electronic device contains two functional interfaces. For example, swiping left switches to the functional interface on the right. Figure 14 As shown in (b) of the diagram.

[0307] Unlike existing technologies, the embodiments of this application can display component controls, such as application icons, on the functional interface displayed on the external screen. Figure 14 As shown in (a), in addition to application icons, the functional interface may also include 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 the user's operating efficiency. It should be noted that the above-mentioned component controls can include various sizes, and the specific display size of the component controls can be set according to the actual situation, which is not limited here. In the embodiments of this application, the functional interface supports the mixed arrangement of application icons and component controls, which improves the freedom of the functional interface layout.

[0308] It should be noted that the display format of the same component control can include multiple types and multiple sizes, such as Figure 14As shown in (c), the 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 on the lock screen or control center interface, such as having a background transparency within a preset range (e.g., between 20% and 80%), and being a grayscale control. Weather control 144, on the other hand, is displayed as a card, with a background transparency of 0, and 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.

[0309] In one possible implementation, similar to the operation on the inner screen, this embodiment can create a corresponding icon folder for the application's icon control on the outer screen. For example, Figure 15 This illustration shows a schematic diagram of the operation of creating an icon folder according to an embodiment of this application. Figure 15 As shown, see Figure 15 As shown in (a), 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, such as... Figure 15 The folder 153 shown in (b) is an example. Optionally, the folder 153 can be a 2x2 control or a control of other sizes. Optionally, the size of the control in the folder 153 can be dynamically adjusted according to the size of the available area in the functional interface. The area of ​​each icon in the folder 153 will be smaller than its size in the non-folder state, thereby displaying as many icons as possible while ensuring that the icons in the folder 153 are recognizable.

[0310] In this embodiment, after creating an icon folder, the user can also move other icon controls into the created icon folder, such as... Figure 15 As shown in (c), the icon control 154 can also be moved to the folder 153 mentioned above. After the move, the folder 153 can include three icon controls, such as... Figure 15 As shown in (d) in the figure.

[0311] In this embodiment, if a user needs to manipulate 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, click on... Figure 15Icon 151, shown in (d) above, can 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 has clicked on an empty space in the icon folder, such as clicking... Figure 15 In the area 155 shown by (d), it is recognized that the user needs to expand and display the folder with the icon, and the result will be as follows. Figure 15 As shown in (e) of the interface, users can remove an icon control from the icon folder by dragging and dropping any icon from the icon folder to outside area 156. Figure 15 The interface shown in (f) is shown in the figure.

[0312] 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 applications' icon controls via the quick add controls section within the icon folder. For example, Figure 16 A schematic diagram of an icon-adding control according to an embodiment of this application is shown. See also Figure 16 As shown in (a), the expanded interface of each icon in the icon folder may also include a quick-add control 161. Clicking the control 161 will display a list of icons, such as... Figure 16 As shown in (b), users can select icons from the icon list to add to the icon folder, such as icon 162. After detecting that the user has clicked icon 162, the electronic device can add it to the icon folder. Figure 16 As shown in (c) in the figure.

[0313] In some implementations, the icon controls on the functional interface can be equipped with shortcut menus. Users can invoke the corresponding shortcut menus by interacting with the application's icon controls on the functional interface. For example, Figure 17 A schematic diagram of a shortcut menu provided in one embodiment of this application is shown. See also Figure 17 As shown in (a), a functional interface is displayed on the outer screen. This interface includes icon controls for multiple applications, such as icon control 171 corresponding to the payment application. Users can long-press icon control 171 or use other methods to bring up the shortcut menu corresponding to icon control 171, such as... Figure 17 As shown in (b) above. This quick operation menu contains controls for multiple quick 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 the controls for the above quick functions, users can directly switch to the corresponding page in the application without having to re-enter the corresponding page in the main interface of the application after launching the application, thereby improving the user experience.

[0314] 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:

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

[0316] 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 as a floating window. For example, Figure 18 This illustration shows a schematic diagram of a second interface during notification switching via real-time status updates, according to an embodiment of this application. See also... Figure 18 As shown in (a), when an electronic device receives a notification of a real-time status update from a food delivery application, it can display the notification via a floating window, such as floating window 181, to indicate that the current food delivery status has been updated to "delivering".

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

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

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

[0320] For example, Figure 19 This diagram illustrates an embodiment of the present application where the user switches to a second interface via a notification on the top status bar. See also... Figure 19 As shown, users can initiate an action on the notification in the top status bar, such as notification icon 191, to enter the second interface. The action can be a click, a double click, or a long press.

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

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

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

[0324] For example, Figure 20 This diagram illustrates an embodiment of the present application where a user switches from a functional interface to a second interface via a swipe operation. See also... Figure 20 As shown in (a), the yellow navigation point 201 of the food delivery app is located to the left of the navigation point corresponding to the function interface currently displayed on the external screen, as determined by the page navigation bar. The user can initiate a rightward swipe operation on the external screen, thus obtaining trajectory 202. Responding to the swipe operation on trajectory 202, the electronic device can switch from the function interface to the real-time status interface of the food delivery app, thus obtaining... Figure 20 The interface shown in (b) is as follows. Since the blue navigation point corresponding to the map application is to the left of the yellow navigation point 201, the interface displayed on the outer screen is as shown in [image / description]. Figure 20 When the user initiates another right swipe operation on the interface shown in (b), the live status interface of the food delivery app can be switched to the live status interface of the map app.

[0325] 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 goal of quickly entering the live interface and improving the user's operating efficiency.

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

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

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

[0329] For example, Figure 21 This illustration shows a schematic diagram of switching to the live status interface via the notification center interface according to an embodiment of this application. See also Figure 21 As shown in (a), the external screen displays the functional interface. The user initiates a downward swipe operation from the top center edge of the external screen, i.e., trajectory 211. The electronic device will display a notification center above the functional interface layer, resulting in the following... Figure 21 The interface shown in (b) is as follows. This notification center displays notifications received by the electronic device, and the display order of these notifications is determined by the time they were received. The later the notification was received, the higher its ranking in the notification center. Due to limited display area, some notifications ranked lower in the list can be collapsed, and users can view them by swiping up and down.

[0330] It should be noted that when the external screen is displaying the notification center interface, the notifications in the top status bar can be hidden, for example, in... Figure 21 In (a) of the above, the notification icon used to indicate status updates for each first application is missing from the top status bar. Figure 21 Instead of displaying the status on the top status bar in (b) of the above, notifications for each status update are displayed as floating boxes.

[0331] In some implementations, notifications of the first application's status update have a higher display priority; that is, notifications of the first application's status update are displayed in the notification center interface in a higher order than other notifications. For example... Figure 21As shown in (b), the status update notification 212 from the food delivery app and the navigation status notification 213 from the map app will appear before the SMS notification 214, even if the SMS notification is received later than the status update notification 212 and the navigation status notification 213 from the food delivery app. The display order of status update notifications from different first apps on the notification center interface can be determined based on the status update time. For example, the status update time of the food delivery app's status update notification 212 is later than the status update time of the navigation status notification 213; therefore, the display order of the food delivery app's status update notification 212 will be higher than the navigation status notification 213 from the map app.

[0332] 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 notification 212. Figure 21 As shown in (c), clicking on the aforementioned notification 212 switches to the live status interface of the aforementioned food delivery application.

[0333] It should be noted that switching to such a mode through the notification center interface... Figure 21 In the case of the live status interface (c), if the user clicks the back control in the live status interface, such as control 215, the previous interface returned to can be the function interface, that is, returning to... Figure 21 The interface shown in (a) is shown in the image.

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

[0335] For example, Figure 22 This illustration shows a schematic diagram of switching to the live status interface via the notification center interface according to another embodiment of this application. See also Figure 22 As shown, 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, the main interface, or the application's interface, but also from the live status interface.

[0336] See Figure 22 As shown, 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.

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

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

[0339] 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 display, while the second notification interface displays general message notifications. For example, Figure 23 A comparative schematic diagram of two notification interfaces provided in one embodiment of this application is shown. See also Figure 23 As shown in (a), the status bar on the outer screen displays various received notifications, including delivery notifications from food delivery apps (231) and SMS notifications (232). Users can initiate different actions to view these two different types of notifications.

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

[0341] For example, a user can display a second notification interface on the outer screen by swiping down from the bottom left corner, as shown in trajectory 235. Figure 23 As shown in (c), only ordinary messages will be displayed in the second notification interface, that is, messages from other applications that do not have a live status interface, such as chat message notification 236 and SMS notification 237.

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

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

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

[0345] For example, Figure 24 This illustration shows a schematic diagram of switching to a live status interface via an application's user interface according to an embodiment of this application. See also... Figure 24 As shown in (a), the external screen of the electronic device displays a functional interface, which includes application icons for multiple applications, such as the 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, such as Figure 24 As shown in (b) of the diagram.

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

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

[0348] In this embodiment, the live status interface may also include a return control, such as the return control 243 mentioned above. Users can click the return control 243 to switch from the live status interface of the food delivery application to the previously displayed chat interface, i.e., switch to... Figure 24 The interface shown in (b) is shown in the image.

[0349] In some implementations, if the user opens the first application, then the notification for that first application may not be displayed in the top status bar. For example, Figure 25 A schematic diagram of the user interface of an application provided in another embodiment of this application is shown. See also Figure 25 As shown in (a), the top status bar of the external screen displays the second notification of the food delivery app, namely notification 251, indicating that the food delivery app has a status update. At this time, the user can enter the operation interface of the food delivery app by clicking the app icon 252 in the function interface. Figure 25 As shown in (b) above. Since the electronic device directly displays the user interface of the food delivery app, meaning the user can view the real-time delivery status of the food delivery through the app's interface, the second notification from the food delivery app can be hidden in the top status bar. Figure 25 In the interface shown in (b), notification 251 may not be displayed.

[0350] 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. Figure 25For example, if an electronic device is running a food delivery app and a map app in the background, both of which have status update notifications, and the food delivery app's second notification updates later than the map app's second notification, then the food delivery app's second notification can be displayed in the top status bar. Figure 25 Notification 251 is shown in (a) above. Since the user opened the food delivery app's interface via the app icon, when the food delivery app's interface is displayed on the external screen, the food delivery app's notification 251 may not be displayed on the top status bar. Instead, the second notification of the first app, which was originally invisible, may be displayed, such as... Figure 25 As shown in (c), the map application 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 aforementioned top status bar can display notification 251 again, i.e., return as shown in (c). Figure 25 The interface shown in (a) can be displayed while the second notification for the map application in the top status bar can be hidden.

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

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

[0353] 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:

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

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

[0356] For example, Figure 26 This illustration shows a schematic diagram of the switching between a lock screen interface and an always-on display interface according to an embodiment of this application. See also... Figure 26 As shown in (a), the lock screen interface, when in the lock screen state, may include a lock screen icon 261. 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 off screen state by clicking the power button 262 or waiting for a preset time. Since the electronic device is in the off screen state, the external screen will display the off screen display interface, such as... Figure 26 As shown in (b), in the screen-off state, the external screen of the electronic device can display the screen-off display interface in a low brightness manner, thereby reducing the energy consumption in the screen-off display state.

[0357] When the external screen is in the always-on state, if the user double-clicks the external screen or presses the power button 262 mentioned above, the electronic device will change from the always-on state to the always-on state, and the lock screen will be displayed again, such as... Figure 26 As shown in (a) in the figure.

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

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

[0360] 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 to the function interface.

[0361] For example, Figure 27 This illustration shows a schematic diagram of switching from a lock screen to a function screen according to an embodiment of this application. See also... Figure 27 As shown in (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. This 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. Alternatively, when the electronic device receives the aforementioned preset operation, it can display an unlock interface 273, which may include button controls for entering an unlock password. The user can enter the unlock password on the unlock interface 273, and if the unlock password is correct, the user can switch from the unlock interface 273 to the function interface 274.

[0362] In some scenarios, users can switch to the function interface from the unlocked lock screen, such as... Figure 27 As shown in (b), in the unlocked state of the lock screen, the user can switch directly from the lock screen 275 to the function interface 276 by a preset operation, such as swiping right or swiping up, without having to perform an unlock operation.

[0363] In some implementations, when an electronic device includes multiple functional interfaces, the user can initiate a preset operation from any of these interfaces, such as swiping up to directly switch from the functional interface to the lock screen when the device is not unlocked. Figure 27 As shown in (c), the electronic device includes three functional interfaces, as can be determined by the page navigation bar. The interface displayed on the outer screen is functional interface 277, located at the rightmost navigation point on the page navigation bar, which can also be called the third functional interface. In the prior art, to access functional interface 277, three left-swiping operations are required to return to the lock screen, increasing the difficulty 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 in the locked state, i.e., return to lock screen interface 275, thereby reducing the required operation steps and improving the efficiency of returning to the lock screen. Of course, besides directly switching from any functional interface to the lock screen in the above manner, in some implementation scenarios, the above method can also be used to switch from any functional interface to the first functional interface (i.e., the main interface), i.e., functional interface 276, in the electronic device. The specific implementation process can be found in the description above and will not be repeated here.

[0364] For example, Figure 28This illustration shows a schematic diagram of switching from a lock screen to a function screen according to another embodiment of this application. See also Figure 28 As shown, when the electronic device is locked, the user can view the first notification center by clicking the notification 281 of the aforementioned food delivery app on the lock screen. 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 user can display the function interface.

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

[0366] In this embodiment, when the external screen displays the function interface, the user can display the notification center interface on the layer of the function interface through a preset operation. For example, Figure 29 This diagram illustrates the switching between the functional interface and the notification center interface provided in one embodiment of this application. See also... Figure 29 As shown in (a), the electronic device's interface can display multiple different application icons and component controls. Users can initiate preset operations on the interface to activate the notification center, such as a downward swipe from the top center area, as shown in trajectory 291. In response to trajectory 291, the electronic device displays the notification center on the layer of the interface, as shown in [image 1]. Figure 29 As shown in (b) above. 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. Users can switch to the real-time status interface by clicking notification 292, and can view the corresponding notification by clicking notification 293, for example, by opening the SMS interface to view the SMS content corresponding to notification 293.

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

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

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

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

[0371] For example, Figure 30 This illustration shows a schematic diagram of how the control center interface is invoked from a functional interface according to an embodiment of this application. See also... Figure 30 As shown in (a), when the external screen displays the functional interface, the user can initiate a downward swipe operation from the top right side of the external screen, thus obtaining trajectory 301. In response to trajectory 301, the electronic device can display the control center interface on the functional interface layer, as shown below. Figure 30 As shown in (b) above. It should be noted that users can also display the control center interface on top of the original interface layer through the same operation on the lock screen or the operation interface of the application.

[0372] See Figure 30 As shown in (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 the 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.

[0373] In this embodiment, the control center interface may further include editing controls, allowing users to adjust the control controls displayed on the external screen by sliding them up and down. At the bottom of the control center interface, for example, sliding the control center to... Figure 30 As shown in (c), the bottom of the control center can display an editing control 305 for editing the control controls. If the user clicks on the editing control 305, the controls contained in the control center interface can be edited, resulting in the following: Figure 30 As shown in (d) above. The editing functions described above may include operations such as adding control controls, removing existing control controls, and adjusting the position of control controls within the control center interface.

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

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

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

[0377] For example, Figure 31 This illustration shows a schematic diagram of editing the theme of a lock screen interface according to an embodiment of this application. See also Figure 31 As shown, 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 preset operations, that is, switch to the theme editing interface as shown in the figure. Figure 31 Theme styles 311-313. The preset operation can be a two-finger pinch gesture. Of course, other gestures can be used to trigger theme editing in other scenarios; no specific gesture is limited here.

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

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

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

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

[0382] 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, thus obtaining the following... Figure 31 Lock screen interface 317.

[0383] It should be noted that the above Figure 31 The theme editing process shown can be applied to the theme style selection of one type of lock screen interface or the theme style selection of two types of lock screen interfaces. The theme styles included in the theme editing interface can control the theme styles of one type of lock screen interface or include the theme styles of two types of lock screen interfaces, which is limited here.

[0384] For example, Figure 32 This illustration shows a schematic diagram of editing the theme of a lock screen interface according to another embodiment of this application. Figure 31 Similar to the method shown, users can initiate preset operations on the external screen to... Figure 32 The lock screen interface shown in (a) switches to the theme editing interface, as shown in [image 1]. Figure 32 As shown in (b) above, with Figure 31 The difference is that, Figure 32 The theme styles in (b) can be arranged horizontally, and a "In Use" tooltip 321 can be displayed below the currently used theme style, allowing the user to preview other theme styles to the right, such as... Figure 32As shown in (c), the "Apply Now" control 322 can be displayed below the theme style in the application. Users can click the "Apply Now" control 322 to change the lock screen theme to the selected theme style. Similarly, when swiping to the rightmost page of the theme editing interface, the "Add Theme" control 323 can be displayed, as shown... Figure 32 As shown in (d), when the user clicks control 323, the system can prompt the user to operate through the main screen. For example, the main screen can display multiple downloadable theme styles from the cloud, or it can prompt the user to actively edit and create a theme style. The method for exiting the theme editing interface can be found in [reference needed]. Figure 31 The relevant descriptions will not be repeated here.

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

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

[0387] For example, Figure 33 This illustration shows a schematic diagram of editing a functional interface according to an embodiment of this application. See also... Figure 33 As shown in (a), users can initiate preset operations in any screen's function interface, such as long-pressing an application icon or component control, or using a two-finger pinch gesture to enter the function editing interface from the function interface, such as... Figure 33 As shown in (b) of the diagram.

[0388] The aforementioned function editing interface includes a control 331 for completing editing and a control 332 for adding controls to the function interface. In the function editing interface, if the user needs to exit, they can click the aforementioned control 331 to switch to the function interface, as shown below. Figure 33 The interface shown in (a) can also be exited by swiping up from the bottom of the outer screen or by returning from the side.

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

[0390] 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:

[0391] Figure 34 A schematic diagram illustrating the operation of a control addition interface provided in an embodiment of this application is shown. See also... Figure 34 As shown in (a), after clicking "Add Control 341" in the function editing interface, you can enter the control adding interface, as follows: Figure 34 As shown in (b), the control addition interface contains two pages. When the user clicks the aforementioned add control 341, the application addition page will be entered by default, as shown in the image. Figure 34 As shown in (b), the application addition page contains application icons. Users can select the application icon they want to add and add it to the corresponding function interface. Users can also add an application by long-pressing the selected icon and dragging it to the function interface.

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

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

[0394] In this embodiment, if a user clicks a service card in the control addition interface, they can switch from the application addition page to the component addition page, such as... Figure 34As shown in (c) above. 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 the recording control provided by the recording application. Users can select the component controls they want to add on the component addition page. Similarly, the selected component controls 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.

[0395] For example, Figure 35 A schematic diagram illustrating the editing of a functional interface according to another embodiment of this application is shown. See also Figure 35 As shown in (a), when any function interface is displayed on the external screen, the user can initiate a preset operation to switch to the function editing interface. This 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 function editing interface. Figure 35 The function editing interface shown in (b) is different from the previous embodiment. In this embodiment, the function editing interface does not require the user to click to add controls before the application addition page and component addition page can be displayed. Instead, when switching to the function editing interface, the controls that invoke the two pages are already displayed within the function editing interface, namely application control 281 (for displaying the application addition page) and service card control 282 (for displaying the component addition page). When the user needs to add controls, they can click on the corresponding type of control to enter the corresponding addition page, thus switching to the function editing interface as shown in (b). Figure 34 (b) and Figure 34 The interface shown in (c) is shown in the image.

[0396] 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 removing the food delivery application from the function interface, they 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 dragging the icon 351 to area 352, a deletion prompt indicator may be displayed, such as... Figure 35 As shown in (c) 353, when a user drags icon 351 to the area corresponding to icon 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.

[0397] In one possible implementation, the aforementioned function editing interface may also include controls for theme editing. See also... Figure 35As shown in (d) of this embodiment, another function editing interface is provided. This function editing interface may also include a theme editing control 354. Users can enter the theme editing interface by clicking the theme editing control 354. Figure 35 As shown in (e) in the diagram.

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

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

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

[0401] For example, Figure 36 A schematic diagram illustrating the generation of a control group according to an embodiment of this application is shown. See also... Figure 36 As shown in (a), the interface contains two different component controls: 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 point, the electronic device can recognize that the user needs to merge the two component controls, reduce the display area of ​​the weather component 361, and generate a new area box 363, as shown in (a). Figure 36 As shown in (b), to prompt the user to merge components, the electronic device can generate a control group containing two controls in the functional interface after the user releases their finger, such as... Figure 36 The control group 364 is shown in (c) in the image.

[0402] In the function editing interface, users can not only add or remove existing controls, but 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 A schematic diagram illustrating the generation of a control group according to another embodiment of this application is shown. See also Figure 37 As shown in (a), the outer screen is in the function editing interface. In this 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... Figure 37 As shown in (b), this prompts the user to merge components. After the user releases their finger, the electronic device can merge the two controls into a single control group, as shown in (b). Figure 37 The control group 374 is shown in (c) in the image.

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

[0404] In this embodiment, the electronic device can operate on the control group in the functional interface to update the control group. Specifically, the content of the update may include the following:

[0405] Scenario 1: Expanding the control group

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

[0407] For example, Figure 38 A schematic diagram illustrating a control group displayed in an expanded form according to an embodiment of this application is shown. See also Figure 38As shown in (a), the functional interface includes a control group 381, which can contain two or more controls. Since only the topmost control is visible (e.g., the calendar control is at the top of control group 381), the other controls are obscured by the calendar control due to their lower stacking order. Users can expand the control group in the following two ways:

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

[0409] See Figure 38 As shown in (b), the user can initiate a long-slide operation on control component 381 in the functional interface, such as trajectory 382, ​​or other operations. In response to the aforementioned long-slide operation, the user can display each control in an expanded form, such as... Figure 38 As shown in (c) above. When displaying controls in an expanded form, the order of the controls is determined by their 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., as shown in (c). Figure 38 Control 383 in (c) can be displayed sequentially according to the actual stacking order of the other controls.

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

[0411] See Figure 38 As shown in (d), the user can long-press to bring up the operation menu 384 of the control group 381. This operation menu 384 includes expanded stacked controls 385. Clicking on a control 385 will expand and display each control, as shown below. Figure 38 The interface shown in (c) is shown in the image.

[0412] In this embodiment, with the controls displayed in an expanded state, the user can click on a blank area (such as area 386), or slide along the side or bottom to continue displaying the control group in a stacked manner, thus returning to the previous state. Figure 38 The interface shown in (a) is shown in the image.

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

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

[0415] Continue with Figure 38Taking (d) as an example, the above operation menu 384 also includes a remove control 387. Users can remove one or more controls in the control group by clicking the above 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.

[0416] For example, Figure 39 This diagram illustrates an embodiment of the present application for removing controls within a control group. See also... Figure 39 As shown in (a), the electronic device's control group is displayed in an expanded form, including a calendar control 391 and a weather control 392. Users can delete any control by swiping horizontally. For example, swiping left on the weather control 392 will display the following... Figure 39 As shown in (b) above, the delete control 393, if the user confirms the deletion of the weather control 392, can be clicked to remove the weather control 392 from the control group, thus obtaining the result as shown in the image. Figure 39 The interface shown in (c) is shown in the image.

[0417] See also Figure 39 As shown in (a), if a user selects any control in the control group by long-pressing, for example, by long-pressing the weather control 392 mentioned above, then the weather control 392 will be in the selected state, as shown in (a). Figure 39 As shown in (d), it can be in a raised state or a highlighted state; the specific display method can be selected according to the actual situation. Users can move it outside the expanded display area of ​​the control group, such as area 394. The system will then recognize that the user needs to remove the weather control 392 and add it back to the function interface, resulting in the following... Figure 39 The interface shown in (e) is shown in the image.

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

[0419] 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:

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

[0421] For example, Figure 40 A schematic diagram illustrating the adjustment of the stacking order according to an embodiment of this application is shown. See also Figure 40As shown in (a), the external screen's functional interface displays a control group 401. 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 control group 401, such as trajectory 402. Of course, in other implementations, other operations can also be performed. Responding to the swipe operation on trajectory 402, the electronic device can adjust the stacking order of the controls in the control group, that is, move the next control in the stacking order to the top, thus obtaining the following result: Figure 40 As shown in control group 403 (b), the topmost control in control group 403 is the weather control. 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, the stacking order of the controls in the control group can be changed again. At this time, the clock control can be moved to the top, and so on.

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

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

[0424] For example, Figure 41 A schematic diagram illustrating the adjustment of the stacking order according to another embodiment of this application is shown. See also Figure 41 As shown in (a), the control group includes a calendar control 411, a weather control 412, and a clock control 413. These controls are displayed in an expanded form. Users can select any control by long-pressing, for example, selecting the weather control 412. The weather control 412 will then be in a passive state. Figure 41 As shown in (b), the user can adjust the stacking order of the controls in the control group by moving them up and down. For example, moving it below the clock control 413 will result in... Figure 41 As shown in (c), after the user has finished adjusting, they can click on other areas outside the area where the control group is located, such as area 414, to display the control group again in a stacked form.

[0425] In some implementations, users can click to expand and display any control in the control group, thus adjusting the stacking order of the clicked control to the top. For example, clicking control 413 will adjust the stacking order of the clock control 413 to the top and re-display the control group in a stacked manner, as shown above. Figure 41 The interface shown in (d) is shown in the image.

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

[0427] Example 2:

[0428] The implementation flow of the interface switching method based on external screen display, corresponding to Embodiment 1 above, Figure 42 This diagram illustrates a structural block diagram of an interface switching device based on an external screen display, as provided in an embodiment of this application. For ease of explanation, only the parts relevant to the embodiments of this application are shown.

[0429] See Figure 42 As shown, an interface switching device based on an external screen display includes:

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

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

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

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

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

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

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

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

[0438] The interface switching unit 421 includes:

[0439] 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;

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

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

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

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

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

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

[0446] Optionally, the interface switching unit includes:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0461] The interface switching device further includes:

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

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

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

[0465] Example 3:

[0466] This corresponds to the implementation process of the control group in the interface switching method based on external screen display in Embodiment 1 above. Figure 43 This diagram illustrates a structural block diagram of a display device based on an external screen according to an embodiment of this application. For ease of explanation, only the parts related to the embodiment of this application are shown.

[0467] See Figure 43 As shown, a display device based on an external screen includes:

[0468] 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 stacking order in the first control group;

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

[0470] Optionally, the display device further includes:

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

[0472] Optionally, the display device further includes:

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

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

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

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

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

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

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

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

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

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

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

[0484] Optionally, the display device further includes:

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

[0486] Optionally, the display device further includes:

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

[0488] Optionally, the display device further includes:

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

[0490] Figure 44 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Figure 44 As shown, the electronic device 44 of this embodiment includes: at least one processor 440 ( Figure 44Only one processor is shown in the figure, and the number of processors may match the actual number of chips included in the electronic device in the embodiment. 441 is a memory and a program 442 stored in the memory 441 and can run 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.

[0491] 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 This is merely an example of electronic device 44 and does not constitute a limitation on electronic device 44. It may include more or fewer components than shown, or combine certain components, or different components. For example, it may also include input / output electronic devices, network access electronic devices, etc.

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

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

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

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

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

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

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

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

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

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

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 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.

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