Interface display method, electronic equipment, storage medium, chip system and computer program product

Abstract

The embodiment of the invention provides an interface display method, electronic equipment, a storage medium, a chip system and a computer program product, and relates to the technical field of terminals.The method comprises the steps that a dock bar comprises a first control, and a first-stage window, a second-stage window and a third-stage window are sequentially and continuously displayed in response to triggering operation for the first control; wherein the lengths and the widths of the windows in the first stage and the second stage are greater than the length and the width of the dock bar; the height of the window in the third stage may be less than the height of the dock bar, but before the third stage, the dock bar is hidden. In this way, in the process of switching from the dock bar to the taskbar window, the taskbar window can cover the dock bar; or, the electronic equipment does not display the dock bar; therefore, the problem scene that the taskbar window cannot completely cover the dock bar in the switching process is reduced, the processability of the mode switching process is improved, and the use experience of a user is improved.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to an interface display method, electronic device, storage medium, chip system and computer program product. Background Art

[0002] The electronic device may support a multitasking function. For example, the electronic device may include a multitasking scheduling mode. When the multitasking scheduling mode is turned on, the electronic device may display multiple application windows on the screen to allow the user to perform multiple tasks simultaneously.

[0003] In a possible implementation, a first control for switching the multi-task scheduling mode may be displayed in a dock in a desktop. After receiving a click operation on the first control, the electronic device may switch to the multi-task scheduling mode. In the multi-task scheduling mode, the electronic device may display a taskbar window, the taskbar window may be covered on the upper layer of the dock bar, the taskbar window may include the first control and multiple application icons, and the first control may be used to exit the multi-task scheduling mode.

[0004] When the multitasking scheduling mode is turned on, the electronic device can display the effect of switching from the dock bar to the taskbar window. However, during the switching process, a problem scenario in which both the taskbar window and the dock bar are displayed in the interface at the same time may occur, affecting the user's experience. Summary of the invention

[0005] The embodiments of the present application provide an interface display method, an electronic device, a storage medium, a chip system and a computer program product, which are applied to the field of terminal technology. When entering or exiting a multi-tasking scheduling mode, the dock bar is hidden before the shrinking animation of the taskbar window is displayed, thereby reducing the problem scenario in which the taskbar window cannot completely cover the dock bar during the switching process, improving the flow of the mode switching process, and improving the user experience.

[0006] In a first aspect, an embodiment of the present application provides an interface display method. The method includes: displaying a dock bar (e.g., Figure 5 The dock bar 501 shown in a in FIG. 1 includes a first control (eg, a multi-tasking scheduling icon 103) and multiple icons (eg, Figure 1 Icons other than the multi-tasking scheduling icon 103 in the dock bar 101 in the interface shown in a, such as application icons and folders, etc.).

[0007] In response to a trigger operation on the first control (eg, a click operation on the multi-task scheduling icon 103), a window of the first stage (eg, Figure 5The first-stage window is located in the upper layer of the dock bar, and the first-stage window covers the dock bar; the first-stage window includes a first control and multiple icons of the dock bar (for example, the taskbar window 502 includes all the icons in the dock bar 501), and the length of the first-stage window is greater than or equal to the length of the dock bar; the height of the first-stage window is greater than or equal to the height of the dock bar. The embodiment of the present application takes the same length and height as an example to illustrate the solution. In actual applications, the size length or height of the first-stage window is not less than the length or height of the dock bar, so that the first-stage window covers the dock bar. The embodiment of the present application does not limit this.

[0008] Display the second stage (the second stage may correspond to the second moment to the fourth moment, for example, from Figure 5 The taskbar window 502 in the interface shown in b enters Figure 5 The process of adding a taskbar window 504 in the interface shown in d in the figure); the window of the second stage is a window displayed successively after the window of the first stage (the second stage is located after the first stage); the length of the window of the second stage is greater than the length of the window of the first stage, and the height of the window of the second stage is equal to the height of the window of the first stage. This process may correspond to the process of displaying the dynamic effect of adding icons in the taskbar window. When adding icons to the taskbar window, the length of the taskbar window continues to increase, and the height remains unchanged. In the second stage, the size of the taskbar window is also larger than the dock bar window, that is, the taskbar window can cover the dock bar.

[0009] Display the third stage (the third stage may correspond to the fourth moment to the fifth moment, for example, from Figure 5 Enter the taskbar window 504 in the interface shown in d Figure 5 The process of reducing the taskbar window 505 in the interface shown in e) is a window; the window of the third stage is a window displayed successively after the window of the second stage (the third stage is located after the second stage); the length of the window of the third stage is less than the length of the window of the second stage, and the height of the window of the third stage is less than the height of the window of the second stage; wherein, in the process of displaying the window of the third stage, the electronic device hides the dock bar. This process may correspond to the process of displaying a reduction effect in the taskbar window. In the process of reducing the taskbar window, the length and height of the taskbar window are reduced, and the height of the taskbar window may be less than the height of the dock bar, so the electronic device hides the view of the dock bar before executing the reduction effect. In the case that the taskbar window may not cover the dock bar area, the dock bar is not displayed to reduce the problem scenario where the taskbar window and the dock bar appear at the same time.

[0010] In this way, during the process from the first stage to the third stage mentioned above, the taskbar window can cover the dock bar; or, when the taskbar window cannot cover the dock bar, the dock bar is hidden; so that in the process of switching from the dock bar to the taskbar window, the problem scenario of the taskbar window being unable to cover the dock bar will not occur, thereby improving the fluidity and continuity of the switching process and enhancing the user experience.

[0011] Optionally, the number of icons in the window of the first stage (for example, the taskbar window 502 includes 8 icons) is equal to the number of icons in the dock bar (for example, the dock bar 501 includes 8 icons), and the size of the icons in the window of the first stage is equal to the size of the icons in the dock bar (no scaling occurs, and the icon size remains unchanged); the number of icons in the window of the second stage (for example, the taskbar window 503 or the taskbar window 504 includes 10 icons) is greater than the number of icons in the window of the first stage, and the size of the icons in the window of the second stage is equal to the size of the icons in the window of the first stage (no scaling occurs, and the icon size remains unchanged); the number of icons in the window of the third stage (for example, the taskbar window 505 includes 10 icons) is equal to the number of icons in the window of the second stage, and the size of the icons in the window of the third stage is smaller than the size of the icons in the window of the third stage (scaling occurs, and the icon size is reduced).

[0012] It should be noted that the number of icons in the dock bar and taskbar window in the embodiment of the present application is for illustration only, and the number of icons may also be other values.

[0013] In this way, when switching to the multi-tasking scheduling mode, the electronic device can display the animation of increasing and reducing icons in the taskbar window, thereby improving the smoothness and aesthetics of the switching process and enhancing the user experience.

[0014] Optionally, displaying the window of the third stage includes: displaying a first animation effect (such as a reduction animation effect) in the window of the third stage, the first animation effect being used to indicate the reduction of the window of the third stage; wherein the view of the dock bar is in an invisible state, and the view of the window of the third stage is in a visible state.

[0015] See also Fig. 9 Before the electronic device displays the zoom-out animation, the electronic device sets the view of the dock bar to be invisible. When the zoom-out animation is displayed, the view of the dock bar can be kept invisible, and the view of the window in the third stage can be visible.

[0016] It should be noted that the windows in the first stage to the third stage are different transformation forms of the same window. After the show attribute is set for the taskbar window, if the taskbar window is not switched to the hide attribute, the taskbar window can maintain the show attribute. For example, if the window in the first stage is set to show, the taskbar window will maintain the show attribute in the first stage to the third stage.

[0017] Similarly, if the visibility property of the dock view is set to invisible at any time between the first and second stages, the dock view remains invisible in the third stage.

[0018] In this way, when the height of the reduced taskbar window cannot cover the dock bar, the dock bar will not be displayed, thereby reducing the problem scenario of overlapping of the taskbar window and the dock bar.

[0019] Optionally, displaying the first motion effect in the window of the third stage includes: for any icon in the window of the third stage, obtaining the first position of the icon (for example, start X i ), the second position (e.g. end X i ), a first icon size (e.g., start value1) and a second icon size (e.g., end value1); the first position is the position of the icon in the window of the third stage before the first animation is displayed, and the second position is the position of the icon in the window of the third stage after the first animation is displayed; the first icon size is the size of the icon before the first animation is displayed, and the second icon size is the size of the icon after the first animation is displayed; Figure 5 For example, the multi-task scheduling icon 103 in the taskbar window 504 is located at the first position; the multi-task scheduling icon 103 in the taskbar window 505 is located at the second position; the icon size of the multi-task scheduling icon 103 in the taskbar window 504 is the first icon size, and the icon size of the multi-task scheduling icon 103 in the taskbar window 505 is the second icon size. Afterwards, the icon is translated from the first position to the second position, and the icon is reduced from the first icon size to the second icon size.

[0020] In this way, the taskbar window and the icons in the taskbar window can be reduced synchronously, thereby improving the aesthetics.

[0021] Optionally, during display of the dock bar, the view of the dock bar is in a visible state, and the view of the window in the first stage is in an invisible state; displaying the window in the first stage includes: setting the view of the window in the first stage to a visible state, and keeping the view of the dock bar visible.

[0022] In this way, when switching from the dock bar to the taskbar window, you can first display the views of both at the same time, and then hide the view of the dock bar, thereby avoiding the problem scenario where the dock bar and the taskbar window are hidden at the same time, resulting in a blank interface below the desktop.

[0023] Optionally, displaying the window of the second stage includes: displaying a second animation effect (such as an animation of adding an icon) in the window of the second stage, the second animation effect is used to indicate adding a first icon and a second icon in the window of the second stage, the first icon and the second icon are both associated with the function of the first control (for example, the multi-window template icon 106 and the application list icon 107, the added icon is an icon specific to the multi-tasking scheduling mode).

[0024] In this way, after switching to the multi-tasking scheduling mode, the electronic device can display icons specific to this mode to perform corresponding functions, such as the function of laying out multiple application windows and the function of calling out the application list window, etc., to help users use the multi-tasking scheduling mode more conveniently.

[0025] Optionally, displaying the second motion effect in the window of the second stage includes: obtaining a third position (e.g., start X1) and a fourth position (e.g., end X1) of the first control; the third position is the position of the first control in the window of the second stage before displaying the second motion effect, and the fourth position is the position of the first control in the window of the second stage after displaying the second motion effect; translating the first control from the third position to the fourth position; during the translation of the first control, the third position also fixedly displays the first icon, the transparency of the first icon gradually decreases (e.g., from transparent to opaque, the transparency value gradually increases, from 0 to 1), and the first icon is located in the lower layer of the first control.

[0026] Taking the first icon as the multi-window template icon 106 as an example, the third position can be, for example, the position of the multi-task scheduling icon 103 in the taskbar window 502. At this time, the multi-task scheduling icon 103 overlaps with the multi-window template icon 106, and the multi-task scheduling icon 103 is located on the upper layer of the multi-window template icon 106.

[0027] In this way, the effect of adding an icon in the taskbar window can be displayed, the smoothness and aesthetics of the switching process can be improved, and the user experience can be enhanced.

[0028] Optionally, displaying the second animation effect in the window of the second stage also includes: controlling the window of the second stage to expand toward the first direction at the boundary of the first direction, and gradually displaying the second icon as the window of the second stage expands; the first direction includes the left or the right.

[0029] Taking the second icon as the application list icon 107 as an example, the second icon is close to the right border of the taskbar window 503. When the animation of adding the icon is displayed, the right border of the taskbar window 503 expands to the right to increase the window length, and the second icon is gradually displayed under the newly added area of ​​the window.

[0030] In this way, the effect of adding an icon in the taskbar window can be displayed, the smoothness and aesthetics of the switching process can be improved, and the user experience can be enhanced.

[0031] Optionally, the dock bar includes an icon of the first application, and after the dock bar is displayed on the desktop of the electronic device, the process further includes: in response to a trigger operation for the icon of the first application, the electronic device displays the page content of the first application in full screen. This process may correspond to a scenario in which the icon in the dock bar is used in normal mode.

[0032] The window of the third stage includes the icon of the first application. After displaying the window of the third stage, it also includes: in response to a trigger operation on the icon of the first application, the electronic device displays the page content of the first application in the form of a floating window.

[0033] This process can correspond to the scenario of using the taskbar window in multi-tasking scheduling mode, see Figure 2 The interface shown.

[0034] In this way, users can start multiple application windows at the same time in the form of floating windows in multi-tasking scheduling mode, thereby realizing multi-window quick business and improving office efficiency.

[0035] Optionally, after displaying the window of the third stage (e.g., taskbar window 505 or taskbar window 601), it further includes: in response to a trigger operation on the first control, displaying the window of the fourth stage (the fourth stage may correspond to the sixth moment to the eighth moment, such as the process of transforming from taskbar window 601 to taskbar window 603); the window of the fourth stage is a window displayed successively after the window of the third stage; the length of the window of the fourth stage is less than the length of the window of the third stage, and the height of the window of the fourth stage is equal to the height of the window of the third stage. In this process, the taskbar window may display an animated effect of reducing icons, and the length of the taskbar window is reduced, while the height remains unchanged.

[0036] The window of the fifth stage is displayed (the fifth stage may correspond to the ninth moment, for example, the process of changing from the taskbar window 603 to the taskbar window 604); the window of the fifth stage is a window displayed successively after the window of the fourth stage; the length of the window of the fifth stage is greater than the length of the window of the fourth stage, and the height of the window of the fifth stage is greater than the height of the window of the fourth stage. In this process, the taskbar window may display a magnification effect, and the length and height of the taskbar window are increased.

[0037] A dock bar (eg, dock bar 605) is displayed, and the dock bar is displayed continuously with the window of the fifth stage; the length of the dock bar is less than or equal to the length of the window of the fifth stage, and the height of the dock bar is less than or equal to the height of the window of the fifth stage.

[0038] In this way, in the fourth and fifth stages, the electronic device does not display the dock bar; the dock bar is displayed when the length and height of the taskbar window are greater than or equal to the length and height of the dock bar; thereby ensuring that in the process of switching from multi-tasking scheduling mode back to normal mode, the taskbar window will not be unable to cover the dock bar, thereby improving the smoothness of the switching process.

[0039] Optionally, the number of icons in the window of the fourth stage (for example, the taskbar window 603 includes 8 icons) is smaller than the number of icons in the window of the third stage (for example, the taskbar window 601 includes 10 icons), and the size of the icons in the window of the fourth stage is equal to the size of the icons in the window of the third stage (no enlargement occurs, and the icon size remains unchanged); the number of icons in the window of the fifth stage (for example, the taskbar window 604 includes 8 icons) is equal to the number of icons in the window of the fourth stage, and the size of the icons in the window of the fifth stage is larger than the size of the icons in the window of the fourth stage (scaling occurs, and the icon size is enlarged); the number of icons in the dock bar (for example, the dock bar 605 includes 8 icons) is equal to the number of icons in the window of the fifth stage, and the size of the icons in the dock bar is equal to the size of the icons in the window of the fifth stage (no enlargement occurs, and the icon size remains unchanged).

[0040] In this way, when switching back to normal mode, the electronic device can display the animation of reducing and enlarging icons in the taskbar window, thereby improving the smoothness and aesthetics of the switching process and enhancing the user experience.

[0041] Optionally, displaying the window of the fourth stage includes: displaying a third animation (such as the animation of reducing icons) in the window of the fourth stage, the third animation is used to indicate that the first icon and the second icon are deleted in the window of the fourth stage; the view of the dock bar remains invisible, and the window of the fourth stage remains visible.

[0042] See also Fig.11 During step S1101, the view of the dock bar and the state of the taskbar window are not switched.

[0043] In this way, when the height of the unamplified taskbar window cannot cover the dock bar, the dock bar will not be displayed, thereby reducing the problem scenario of overlapping of the taskbar window and the dock bar.

[0044] Optionally, displaying the third motion effect in the window of the fourth stage includes: obtaining a fifth position (startX2) and a sixth position (endX2) of the first control; the fifth position is the position of the first control in the window of the fourth stage before displaying the third motion effect, and the sixth position is the position of the first control in the window of the fourth stage after the third motion effect is displayed; the fifth position is the same as the fourth position; Figure 6 Taking the multi-task scheduling icon 103 in the taskbar window 601 as an example, the position of the multi-task scheduling icon 103 in the taskbar window 601 is the fifth position; the position of the multi-task scheduling icon 103 in the taskbar window 603 is the sixth position; thereafter, the first control is translated from the fifth position to the sixth position; during the translation of the first control, the first icon is also fixedly displayed at the sixth position, and the transparency of the first icon gradually increases (for example, from opaque to transparent, and the transparency value gradually decreases from 1 to 0), and the first icon is located in the lower layer of the first control.

[0045] In this way, the effect of deleting the icon in the taskbar window can be displayed, the smoothness and aesthetics of the switching process are improved, and the user experience is enhanced.

[0046] Optionally, displaying the third animation effect in the window of the fourth stage also includes: controlling the window of the fourth stage to shrink toward the second direction at the boundary of the first direction, and gradually hiding the second icon as the window of the fourth stage shrinks; the first direction includes the left or the right, and the second direction is opposite to the first direction.

[0047] Taking the second icon as the application list icon 107 as an example, the second icon is close to the right border of the taskbar window 503. When the animation of the deletion icon is displayed, the right border of the taskbar window 602 shrinks to the left to reduce the window length. At the same time, the content of the second icon corresponding to the reduced area in the window is hidden.

[0048] In this way, the effect of deleting the icon in the taskbar window can be displayed, the smoothness and aesthetics of the switching process are improved, and the user experience is enhanced.

[0049] Optionally, displaying the window of the fifth stage includes: displaying a fourth animation effect (such as a magnification animation effect) in the window of the fifth stage, the fourth animation effect is used to indicate the enlargement of the window of the fifth stage; wherein the view of the dock bar remains invisible, and the view of the window of the fifth stage is visible.

[0050] In this way, the dock bar can be hidden during the animation process, thereby reducing the problem of overlapping taskbar windows and dock bars.

[0051] Optionally, displaying the fourth motion effect in the window of the fifth stage includes: for any icon in the window of the fifth stage, obtaining the seventh position of the icon (for example, start X j), the eighth position (e.g. end X j ), a third icon size (eg, start value2) and a fourth icon size (eg, end value2); Figure 6 For example, the multi-task scheduling icon 103 in the taskbar window 603 is at the seventh position; the multi-task scheduling icon 103 in the taskbar window 604 is at the eighth position; the icon size of the multi-task scheduling icon 103 in the taskbar window 603 is the third icon size, and the icon size of the multi-task scheduling icon 103 in the taskbar window 604 is the fourth icon size. Afterwards, the icon is translated from the seventh position to the eighth position, and the icon is enlarged from the third icon size to the fourth icon size.

[0052] It can be understood that the embodiment of the present application switches to the multi-tasking scheduling mode by first displaying the dynamic effect of adding icons and then displaying the dynamic effect of reducing icons; and then switches back to the normal mode by first displaying the dynamic effect of reducing icons and then displaying the dynamic effect of enlarging icons. These two processes are not inverse processes, so when switching back to the normal mode, the parameters for executing the dynamic effect of reducing icons and the dynamic effect of enlarging icons are different from the parameters for the dynamic effect of adding icons and the dynamic effect of reducing icons. If, when switching back to the normal mode, the electronic device first displays the dynamic effect of enlarging icons and then displays the dynamic effect of reducing icons, then the electronic device can use end X1 as start X2, and start X1 as end X2; end X i As start X j , start X i As end X j ; and end value1 as start value2, start value1 as end value2 to reduce memory operations.

[0053] In this way, the taskbar window and the icons in the taskbar window can be enlarged synchronously to improve the aesthetics.

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

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

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

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

[0058] In the fifth aspect, an embodiment of the present application provides a chip system, which includes at least one processor and a communication interface, the communication interface and at least one processor are interconnected through lines, and the at least one processor is used to run computer programs or instructions to execute the method of the first aspect.

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

[0060] Figure 1A schematic diagram of an interface for entering a multi-task scheduling mode provided in an embodiment of the present application;

[0061] Figure 2 A schematic diagram of an interface for starting multiple application windows in a multi-tasking scheduling mode provided in an embodiment of the present application;

[0062] Figure 3 A schematic diagram of an interface showing both the dock bar and the taskbar window during a possible switching process;

[0063] Figure 4 A schematic diagram of an interface for entering a multi-task scheduling mode in a possible implementation;

[0064] Figure 5 A schematic diagram of an interface for entering a multi-task scheduling mode provided in an embodiment of the present application;

[0065] Figure 6 A schematic diagram of an interface for exiting a multi-task scheduling mode provided in an embodiment of the present application;

[0066] Figure 7 A schematic diagram of the structure of an electronic device 100 provided in an embodiment of the present application;

[0067] Figure 8 A software structure block diagram of the electronic device 100 provided in an embodiment of the present application;

[0068] Fig. 9 A schematic diagram of a process for entering a multi-task scheduling mode provided in an embodiment of the present application;

[0069] Fig.10 A schematic diagram of the layout of the taskbar window provided in an embodiment of the present application;

[0070] Fig.11 A schematic diagram of a process of exiting a multi-task scheduling mode provided in an embodiment of the present application;

[0071] Fig.12 A schematic diagram of the structure of an interface display device provided in an embodiment of the present application. DETAILED DESCRIPTION

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

[0073] 1. Electronic equipment

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

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

[0076] In addition, in the embodiments of the present application, the electronic device may also be an electronic device in the Internet of Things (IoT) system. IoT is an important part of the future development of information technology. Its main technical feature is to connect objects through communication technology, thereby realizing the intelligent interconnection between man and machine and the interconnection between things.

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

[0078] 2. Other terms

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

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

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

[0082] The electronic device may support a multi-tasking scheduling mode, which may allow a user to perform multiple tasks simultaneously.

[0083] The following uses a tablet as an example. Figure 1 and Figure 2 The usage scenarios of the multi-task scheduling mode are described.

[0084] The process of electronic devices entering multi-tasking scheduling mode can be found in Figure 1 :

[0085] Electronic devices can display the desktop, such as Figure 1 The interface shown in a. Figure 1 The interface shown in a in FIG. 1 may include a main interface, a dock bar 101 (eg, the area shown in a dotted box), and a page indicator 102 .

[0086] The main interface may display one or more application icons and / or service cards; for example, the main interface may include social application icons, mail application icons, computer application icons, navigation application icons, settings application icons, game application icons, clock application icons, calendar application icons, gallery application icons, and memo application icons, etc.; for another example, the main interface may include time cards and note cards, etc.

[0087] The page indicator 102 is used to indicate the location of the current main interface in multiple desktops. For example, Figure 1 The main interface in the interface shown in a is the first desktop, and the indicator for indicating the first desktop in the page indicator 102 is highlighted.

[0088] It can be understood that the main interface corresponds to the page indicator 102, and the electronic device can switch the main interface based on the left and right sliding operation, and the page indicator 102 changes accordingly.

[0089] The dock bar 101 may be located at the bottom of the desktop and is used to display application icons. For example, the dock bar includes a multi-task scheduling icon 103, a video application icon, a music application icon, an e-book application icon, a folder icon, a browser application icon, a camera application icon, and a note application icon. The multi-task scheduling icon 103 can be understood as the aforementioned first control. Among them, when the user slides left and right on the desktop, the icons in the dock bar 101 will not change with the changes in the main interface.

[0090] exist Figure 1 In the interface shown in a of FIG. 1 , when a trigger operation for the multi-task scheduling icon 103 is received, the electronic device can enter Figure 1 The interface shown in b. Figure 1 In the interface shown in b, the electronic device may include a main interface, a taskbar window 104 (eg, the area shown in the dotted box) and a prompt pop-up window 105.

[0091] in, Figure 1 The main interface in the interface shown in b can be referred to Figure 1 The relevant description of the main interface in the interface shown in a is not repeated here.

[0092] The taskbar window 104 may display multiple application icons. The taskbar window 104 may include icons of all applications shown in the dock bar; for example, the taskbar window 104 includes a multi-task scheduling icon 103, a video application icon, a music application icon, an e-book application icon, a folder icon, a browser application icon, a camera application icon, and a note application icon. In addition, the taskbar window 104 may also include icons specific to the multi-task scheduling mode, such as a multi-window template icon 106 and an application list icon 107. The multi-window template icon 106 may be used to set the positions and specifications of multiple application windows according to a preset template; the application list icon 107 may be used to display application icons on the desktop in a window.

[0093] The prompt pop-up window 105 can be used to prompt the user that the multi-task scheduling mode has been entered. After a period of time, the electronic device can cancel the display of the prompt pop-up window 105.

[0094] At this point, the electronic device can enter the multi-tasking scheduling mode. Subsequently, the user can handle the services of multiple application windows at the same time. Figure 2 :

[0095] After entering the multi-tasking scheduling mode, the electronic device can display Figure 2 The interface shown in a. Figure 2 The taskbar window in the interface shown in a in FIG. 1 may include: a multi-window template icon 106, an application list icon 107, a note application icon 201, an e-book application icon 202, and the like.

[0096] When using the multi-tasking scheduling mode, the electronic device can set the formats of multiple application windows. For example, when receiving a trigger operation for the multi-window template icon 106, the electronic device can display a template pop-up window, and multiple preset templates can be displayed in the template pop-up window; after receiving a selection operation for any preset template, the electronic device can subsequently arrange multiple application windows according to the preset template when starting the application window (the operation process is not shown in the figure). For example, the preset template can be as follows: Figure 2 In the interface shown in b, the arrangement position and order of multiple application windows.

[0097] When no multi-window template is selected, the electronic device may also use a default preset template or a preset template used last time to layout the multi-application windows that are subsequently launched.

[0098] Take the example of opening the note-taking app, e-book app, and social app on an electronic device in sequence:

[0099] exist Figure 2In the interface shown in a of FIG. 1 , when receiving a trigger operation for the note application icon 201, the electronic device may Figure 2 The floating window of the note application is displayed on the upper layer of the interface shown in a (reference Figure 2 The floating window 203 in the interface shown in b).

[0100] After pulling up the floating window 203, the electronic device may cancel displaying the desktop. Figure 2 The interface shown in b no longer displays the main interface and the application icons in the main interface.

[0101] Afterwards, when the floating window 203 is not closed, a trigger operation for the e-book application icon 202 is received; in response to the trigger operation, the electronic device may pull up the floating window of the e-book application (refer to Figure 2 At this time, the electronic device can display the floating window 203 and the floating window 204 at the same time.

[0102] In the case where the floating window 203 and the floating window 204 are not closed, a trigger operation for the social application icon is received; in response to the trigger operation, the electronic device may pull up the floating window of the social application (refer to Figure 2 205 in the interface shown in b). At this time, Figure 2 In the interface shown in b, the electronic device can simultaneously display floating window 203, floating window 204 and floating window 205, and the user can use multiple application windows to simultaneously process the business of note application, e-book application and social application.

[0103] It is understandable that the taskbar window does not include a social application icon, and the electronic device has already displayed at least one floating window, causing the electronic device to no longer display the desktop. In this case, the electronic device can display more application icons based on the application list icon 107. For example, in response to a trigger operation on the application list icon 107, the electronic device can display an application list pop-up window; the application list pop-up window may include some or all application icons in the electronic device, and the user can find the social application icon in the application list pop-up window (this scenario is not shown in the figure). When receiving a trigger operation on the social application icon, the electronic device can cancel the display of the application list pop-up window, and display the at least one floating window and the floating window of the social application, such as Figure 2 The interface shown in b.

[0104] At this point, the electronic device can use the multi-tasking scheduling mode to process the services of multiple application windows simultaneously.

[0105] Subsequently, the electronic device may exit the multi-tasking scheduling mode.

[0106] For example, after closing all application windows, the electronic device may display the following Figure 1In response to the interface shown in b Figure 1 In the interface shown in b, the electronic device returns to the trigger operation of the multi-task scheduling icon 103. Figure 1 Or, Figure 2 In the interface shown in b, in response to the trigger operation for the multi-task scheduling icon, the electronic device can also return to Figure 1 The interface shown in a.

[0107] But in a possible implementation, Figure 1 The interface shown in a in the figure switches to Figure 1 During the process of the interface shown in b, the electronic device may encounter the following problem scenarios, such as Figure 3 As shown:

[0108] exist Figure 3 In the interface shown, the electronic device can display the dock bar 101 and the taskbar window 301 at the same time. The taskbar window 301 can be understood as the taskbar window in the initial state, and the taskbar window 104 can be understood as the taskbar window that has entered the multi-task scheduling mode. Among them, the taskbar window 301 is located on the upper layer of the dock bar 101. It can be seen that the taskbar window 301 covers part of the dock bar 101, but the taskbar window 301 cannot completely cover the dock bar 101; as a result, in the process of switching from the dock bar 101 to the taskbar window 301, the user sees the overlapping display of the taskbar window 301 and the dock bar 101, which reduces the fluency and continuity of the switching process, thereby affecting the user's experience.

[0109] Combine the following Figure 4 The reasons for the problem scenario that occurs during the switching process between the taskbar window 104 and the dock bar 101 are explained, such as Figure 4 As shown:

[0110] exist Figure 4 middle, Figure 4 The a graph in can correspond to Figure 1 The interface shown in a; Figure 4 The b graph in the figure can correspond to Figure 3 The interface shown; Figure 4 The c graph in can correspond to Figure 1 The interface shown in b.

[0111] In normal mode, the electronic device can display Figure 4 The dock bar 101 is shown in FIG. a. The dock bar can be divided into two parts, the multiple application icons in the left area (e.g., 7 icons in the left area) can be fixed application icons, and one or more application icons in the right area (e.g., 1 icon in the right area) can be smart recommended application icons, which can be changed according to the user's usage frequency and usage habits.

[0112] When a trigger operation for the multi-task scheduling icon 103 is received in the dock bar 101, the electronic device can call out the task bar window 301, which is located at the upper layer of the dock bar 101, such as Figure 4 Figure b in .

[0113] It is understandable that the layout of the taskbar window 301 is consistent with that of the dock bar 101. For example, the left area of ​​the taskbar window 301 includes 7 icons, and the right area includes 1 icon. Figure 4 The icons of the dock bar 101 in the figure a are the same. However, the length of the taskbar window 301 is smaller than the length of the dock bar 101, and the height of the taskbar window 301 is smaller than the length of the dock bar 101, that is, the initial taskbar window can be regarded as a reduced version of the dock bar in visual effect (the visual effect is similar, but the taskbar window and the dock bar are essentially different).

[0114] The electronic device displays the reduced taskbar window 301 at the initial moment because: after switching from the dock bar 101 to the taskbar window 104, in order to meet the user's usage habits, the electronic device can display all the icons in the dock bar 101 in the taskbar window 104, and the order and number of the icons are consistent. For the multi-task scheduling mode, the electronic device needs to display icons specific to this mode, such as the multi-window template icon 106 and the application list icon 107. In other words, the number of icons to be displayed in the taskbar window 104 is greater than the number of icons in the dock bar 101.

[0115] As for the desktop of the electronic device, in order to improve the neatness and aesthetics, the multiple icons in the dock bar 101 can be evenly distributed horizontally below the interface, and there will be a preset distance between the two sides and the screen boundary. After switching to the taskbar window 104, the preset distance on both sides cannot meet the distance requirement for adding two icons; or after adding two icons, the distance between the taskbar window 104 and the screen boundary is too close, affecting the aesthetics. Therefore, if icons need to be added, the taskbar window 104 can display more icons by reducing the icon size. Accordingly, the icon size in the taskbar window 301 is smaller than the icon size in the dock bar 101, and the length and width in the taskbar window 301 are both smaller than the length and width of the dock bar 101.

[0116] It is understandable that when entering the multi-task scheduling mode, the electronic device can calculate the size of the icon according to the number of icons. For example, if the taskbar window 104 includes 10 icons, the icon size in the taskbar window 104 is smaller than the icon size in the dock bar 101. The electronic device can use the icon size of the taskbar window 104 to draw and render the icons in the taskbar window 301, so the initial taskbar window 301 is smaller than the dock bar 101.

[0117] Continue to see Figure 4 After entering the multi-tasking scheduling mode, the taskbar window 301 is gradually extended, and the multi-window template icon 106 and the application list icon 107 are added, thereby obtaining the taskbar window 104, such as Figure 4 As shown in Figure c.

[0118] Therefore, during the switching process, the initial taskbar window 301 cannot completely cover the dock bar 101 , resulting in a problem scenario in which the taskbar window 301 and the dock bar 101 are displayed overlapping and the taskbar window 301 floats on the upper layer of the dock bar 101 .

[0119] In view of this, an embodiment of the present application provides an interface display method, and after triggering the multi-tasking scheduling icon, the electronic device can first execute the dynamic effect of adding icons; then, after hiding the view of the dock bar, the dynamic effect of shrinking icons is displayed. Specifically, in the initial stage, the electronic device calls out the taskbar window, and the icon size in the taskbar window is the same as the icon size in the dock bar; subsequently, icons are added, and the number of icons in the taskbar window is greater than the number of icons in the dock bar, that is, the taskbar window after adding icons can also completely cover the dock bar; then, the view of the dock bar is hidden; at this time, the taskbar window is shrunk again, and the height of the shrunk taskbar window may be less than the height of the dock bar, but the dock bar is invisible after being hidden. In this way, in the process of switching from the dock bar to the taskbar window, the taskbar window can cover the entire dock bar, thereby reducing the above-mentioned problem scenario of overlapping taskbar windows and dock bars.

[0120] Let's combine Figure 5 The usage scenario of the interface display method provided in the embodiment of the present application is described.

[0121] To facilitate the description of the changes in the dock bar and taskbar window, Figure 5 Taking the bottom area of ​​the electronic device as an example, the scenario of entering the multi-task scheduling mode in the embodiment of the present application is described, exemplarily:

[0122] In the embodiment of the present application, the process of switching from the dock bar to the taskbar window can be divided into five stages. For example, at the first moment, the electronic device displays the dock bar 501, such as Figure 5 At the second moment, the electronic device displays the taskbar window 502, such as Figure 5 At the third moment, the electronic device displays the taskbar window 503, such as Figure 5 At the fourth moment, the electronic device displays the taskbar window 504, such as Figure 5 At the fifth moment, the electronic device displays a taskbar window 505, such as Figure 5 The interface shown in e in FIG. is described in detail below with reference to the accompanying drawings.

[0123] See also Figure 5 In the interface shown in a in the figure, at the first moment, the electronic device displays a dock bar 501, and the dock bar 501 may include a multi-task scheduling icon 103. Among them, the dock bar 501 can refer to Figure 1 The relevant description about the dock bar 101 in the interface shown in a will not be repeated here.

[0124] The electronic device receives a trigger operation for the multi-task scheduling icon 103; in response to the trigger operation, the electronic device enters the second moment.

[0125] See also Figure 5 In the interface shown in b, at the second moment, in response to the triggering operation for the multi-task scheduling icon 103, the electronic device can display the taskbar window 502. Among them, the taskbar window 502 is located in the upper layer of the dock bar 101, and the size of the taskbar window 502 is the same as the size of the dock bar 101, that is, the length of the taskbar window 502 is the same as the length of the dock bar 101, the height of the taskbar window 502 is the same as the height of the dock bar 101, and the taskbar window 502 can completely cover the upper layer of the dock bar 101. In addition, the icon type and icon number in the taskbar window 502 are also the same as the icon type and icon number in the dock bar 101. This design is to ensure that when the taskbar window 502 is called out, the taskbar window 502 and the dock bar 101 bring the same visual effect to the user to ensure the continuity of the switching process.

[0126] Continue to see Figure 5 In the interface shown in c, at the third moment, the electronic device displays a dynamic effect of adding an icon in the taskbar window. For example, the electronic device displays a taskbar window 503. Based on the taskbar window 502, the height of the taskbar window 503 remains unchanged, but the length increases.

[0127] During the process of increasing the length, the taskbar window 503 may gradually display the multi-window template icon 106 and the application list icon 107 to be added. The electronic device may set different animation effects for adding icons to be added.

[0128] In one possible implementation, when the icon to be added is located at the first icon position or the last icon position in the taskbar window, the positions of the existing icons and the icons to be added in the taskbar window are fixed, and then the taskbar window begins to extend smoothly, and the growing area gradually displays the icon to be added.

[0129] For example, the icon to be added is the application list icon 107, and the application list icon 107 is located at the last icon position in the taskbar window 503. The taskbar window 503 is extended to the right; during the extension process, the positions of the icon 506 and the application list icon 107 remain unchanged; as the right edge of the taskbar window 503 extends to the right, the icon content displayed by the application list icon 107 in the taskbar window 503 gradually increases until the application list icon 107 is fully displayed.

[0130] In another possible implementation, when the position of the icon to be added in the taskbar window is not at the edge, the positions of some icons in the taskbar window and the position of the icon to be added are fixed; then, the existing icons overlapping with the icon to be added are translated in the extension direction of the taskbar window, thereby gradually displaying the icon to be added; wherein the existing icons are located on the upper layer of the icon to be added.

[0131] For example, the icon to be added is the multi-window template icon 106, which is located at the second icon position in the taskbar window 503; in the taskbar window 502, the existing icon at the same position may be the multi-task scheduling icon 103. That is, when the taskbar window 502 does not display the animation effect of adding icons, the position of the multi-task scheduling icon 103 overlaps with the position of the multi-window template icon 106, and the multi-task scheduling icon 103 is on the upper layer of the multi-window template icon 106.

[0132] It should be noted that the multitasking scheduling icon 103 and the multitasking scheduling icon 507 can be the same icon. Here, in order to distinguish between icons in motion and icons at fixed positions, there are some differences in icon styles, so the multitasking scheduling icon 103 is used to define icons at fixed positions, and the multitasking scheduling icon 507 is used to define icons in motion.

[0133] When the taskbar window 503 displays the dynamic effect of adding icons, the left border of the taskbar window 503 gradually extends to the left, and the multi-task scheduling icon 507 moves to the left accordingly. The distance between the multi-task scheduling icon 507 and the left border is fixed, and the position of the multi-window template icon 106 is fixed. In this way, when the multi-task scheduling icon 507 moves to the left, the taskbar window 503 can gradually display the multi-window template icon 106 below the multi-task scheduling icon 507 until the multi-task scheduling icon 507 and the multi-window template icon 106 no longer overlap.

[0134] Optionally, the electronic device may also use other animation effects to achieve the purpose of adding an icon to the taskbar window.

[0135] Optionally, during the icon movement process, the electronic device may not support quickly launching a corresponding application or application function based on the icon. For example, during the process of the multitasking scheduling icon 507 moving to the left, the multitasking scheduling icon 507 is unavailable. The electronic device may highlight the multitasking scheduling icon 507, for example, by blurring, adding a mask, displaying a default icon, changing the icon color, etc.

[0136] After the electronic device displays the above-mentioned animation effect of adding icons, the electronic device may display the taskbar window 504 after one or more icons are added.

[0137] See also Figure 5 In the interface shown in d in FIG. 1 , at the fourth moment, the electronic device may display a taskbar window 504. The number of icons in the taskbar window 504 is greater than the number of icons in the taskbar window 502, and the size of the icons in the taskbar window 504 is the same as the size of the icons in the taskbar window 502. In the taskbar window 504, the newly added multi-window template icon 106 and the application list icon 107 may be displayed.

[0138] It is understandable that, from the second moment to the fourth moment, the taskbar window is located on the upper layer of the dock bar 101, and because the length and height of the taskbar window are greater than the length and height of the dock bar, the taskbar window can cover the dock bar 101 during this process.

[0139] Afterwards, the electronic device may reduce the taskbar window to adapt the taskbar window to the screen length of the electronic device.

[0140] See also Figure 5In the interface shown in e in FIG. 1 , at the fifth moment, the electronic device may display a taskbar window 505. The length of the taskbar window 505 is less than the length of the taskbar window 504; and the height of the taskbar window 505 is less than the height of the taskbar window 504. In addition, the size of the icons in the taskbar window 505 is less than the size of the icons in the taskbar window 504. For example, the taskbar window and the size of the icons therein are reduced in proportion; the reduction ratio of the taskbar window 505 to the taskbar window 504 and the reduction ratio of the icon size in the taskbar window 505 to the icon size in the taskbar window 504 are the same.

[0141] Optionally, the electronic device may also only reduce the length of the taskbar window without processing the height. For example, the length of the taskbar window 505 is less than the length of the taskbar window 504; and the height of the taskbar window 505 is equal to the height of the taskbar window 504.

[0142] Optionally, in the process of shrinking the taskbar window 504 to the taskbar window 505, the electronic device may be set to uniformly shrink the taskbar window and icon size; the electronic device may also be set to non-uniformly shrink the taskbar window and icon size. This embodiment of the application does not limit this.

[0143] It is understandable that after entering the fifth moment, the electronic device can display the shrinking effect of the taskbar window; the height of the shrunken taskbar window may not be able to completely cover the dock bar. Therefore, before performing the shrinking effect on the taskbar window, the electronic device can set the property of the dock bar to be invisible. That is to say, the electronic device can set the dock bar to be invisible at any stage from the second moment to the fourth moment, and then keep the dock bar invisible. After the electronic device displays the shrinking effect, even if the height of the taskbar window 505 is less than the height of the dock bar, the dock bar is invisible, and the electronic device will not display the problem scenario of partial overlap of the taskbar window and the dock bar.

[0144] It should be noted that the embodiment of the present application takes the electronic device in a horizontal screen state as an example to illustrate the interface display method provided in the embodiment of the present application. The electronic device can also be in a vertical screen state, and the interface display method provided in the embodiment of the present application is also used. In addition, the boundary corresponding to the screen length mentioned in the embodiment of the present application is parallel to the longer side of the taskbar window or the dock bar; for example, if the electronic device is a tablet and the tablet is placed in a horizontal screen, the screen length is the length of the longer side in the screen boundary; when the tablet is placed in a vertical screen, the screen length is the length of the shorter side in the screen boundary. The embodiment of the present application does not limit this.

[0145] At this point, the electronic device can switch from the dock bar to the taskbar window, and during the switching process, the problem scenario where the taskbar window cannot cover the dock bar will not occur; in addition, the smoothness and aesthetics of the switching process are improved by increasing the icon's animation and reducing the animation, thereby improving the user experience.

[0146] The above describes the scenario of entering the multi-task scheduling mode. Figure 6 The scenario of exiting the multi-task scheduling mode in the embodiment of the present application is described as follows: Figure 6 As shown:

[0147] In the embodiment of the present application, the process of switching from the taskbar window to the dock bar can also be divided into five stages. For example, at the sixth moment, the electronic device displays the taskbar window 601, such as Figure 6 At the seventh moment, the electronic device displays a taskbar window 602, such as Figure 6 At the eighth moment, the electronic device displays the taskbar window 603, such as Figure 6 At the ninth moment, the electronic device displays the taskbar window 604, such as Figure 6 At the tenth moment, the electronic device displays the taskbar window 605, such as Figure 6 The interface shown in e in FIG. is described in detail below with reference to the accompanying drawings.

[0148] See also Figure 6 As shown in the interface a in the figure, at the sixth moment, the electronic device may display a taskbar window 601. The taskbar window 601 may include multiple icons, including existing icons in the dock bar 101 and special icons in the multi-task scheduling mode. The icon size in the taskbar window 601 is smaller than the icon size in the dock bar 101. The taskbar window 601 may include a multi-task scheduling icon 103. Among them, the taskbar window 601 is the same as the taskbar window 505, and the embodiments of the present application will not be repeated.

[0149] exist Figure 6 In the interface shown in a, when a trigger operation for the multi-task scheduling icon 103 is received, the electronic device can switch from the taskbar window to the dock bar.

[0150] Continue to see Figure 6 In the interface shown in b in FIG. 1 , at the seventh moment, in response to the triggering operation on the multitasking scheduling icon 103, the electronic device can display a dynamic effect of reducing icons in the taskbar window. For example, the electronic device displays a taskbar window 602; based on the taskbar window 601, the height of the taskbar window 602 remains unchanged, and the length is reduced.

[0151] During the length reduction process, the taskbar window 602 may gradually hide the icons to be reduced, which may be special icons in the multi-task scheduling mode, such as the multi-window template icon 106 and the application list icon 107. The electronic device sets a variety of animation effects for reducing icons.

[0152] In one possible implementation, when the unique icon is at the first icon position or the last icon position in the taskbar window, the positions of the existing icons and the unique icon in the taskbar window are fixed, and then the taskbar window begins to shrink smoothly, reducing the area to gradually hide the unique icon.

[0153] For example, the unique icon is the application list icon 107, and the application list icon 107 is located at the last icon position in the taskbar window 602. The taskbar window 602 shrinks to the left; during the shrinking process, the positions of the icon 606 and the application list icon 107 remain unchanged; as the right border of the taskbar window 602 shrinks to the left, the icon content displayed by the application list icon 107 in the taskbar window 602 gradually decreases until the application list icon 107 is completely hidden.

[0154] In another possible implementation, when the position of the unique icon in the taskbar window is not an edge position, the positions of some icons in the taskbar window and the unique icon are fixed; then, the icons adjacent to the unique icon are moved in the contraction direction to hide the unique icon.

[0155] For example, the unique icon is the multi-window template icon 106, and the multi-window template icon 106 is located at the second icon position in the taskbar window 602; when the left border of the taskbar window shrinks to the right, the icon on the left side of the multi-window template icon 106 (for example, the multi-task scheduling icon 607) moves to the right, and the multi-task scheduling icon 607 is located on the upper layer of the multi-window template icon 106.

[0156] When the taskbar window 602 displays the dynamic effect of reducing the icon, the left border of the taskbar window 602 gradually shrinks to the right, and the multi-task scheduling icon 607 moves to the right accordingly. The distance between the multi-task scheduling icon 607 and the left border is fixed, and the position of the multi-window template icon 106 is fixed. In this way, during the process of the multi-task scheduling icon 607 moving to the right, the multi-task scheduling icon 607 can be used to gradually cover the multi-window template icon 106 below until the multi-task scheduling icon 607 and the multi-window template icon 106 completely overlap, and the multi-window template icon 106 is no longer displayed.

[0157] Optionally, the electronic device may also use other animation effects to achieve the purpose of reducing icons in the taskbar window.

[0158] Optionally, during the icon movement process, the electronic device may not support quickly launching the corresponding application program or application function based on the icon. For example, during the process of the multitasking scheduling icon 607 moving to the right, the multitasking scheduling icon 607 is not available. The electronic device may highlight the multitasking scheduling icon 607, for example, by blurring, adding a mask, displaying a default icon, changing the icon color, etc.

[0159] After the electronic device displays the above-mentioned animation effect of reducing icons, the electronic device may display the taskbar window 603 .

[0160] See also Figure 6 In the interface shown in c, at the eighth moment, the electronic device can display the dynamic effect of completing the reduction of icons and display the taskbar window 603. The number of icons in the taskbar window 603 is less than the number of icons in the taskbar window 601, and the size of the icons in the taskbar window 603 is the same as the size of the icons in the taskbar window 601.

[0161] Continue to see Figure 6 In the interface shown in d in the figure, at the ninth moment, the electronic device can display a magnification animation and display the taskbar window 604. The length of the taskbar window 604 is greater than the length of the taskbar window 603; and the height of the taskbar window 604 is greater than the height of the taskbar window 603. In addition, the size of the icon in the taskbar window 604 is greater than the size of the icon in the taskbar window 603. For example, the taskbar window and the size of the icon therein are enlarged in proportion; the enlargement ratio of the taskbar window 604 to the taskbar window 603 and the enlargement ratio of the icon size in the taskbar window 604 to the icon size in the taskbar window 603 are the same.

[0162] Optionally, the electronic device may only enlarge the length of the taskbar window without processing the height. For example, the length of the taskbar window 604 is greater than the length of the taskbar window 603; and the height of the taskbar window 604 is equal to the height of the taskbar window 603.

[0163] See also Figure 6 In the interface shown in e, at the tenth moment, the electronic device can display the dock bar 605.

[0164] It is understandable that at the ninth moment, the dock bar 605 is in a visible state, and the taskbar window 604 is also in a visible state; however, the taskbar window 604 is located in the upper layer of the dock bar 605, and the size of the taskbar window 604 is the same as the size of the dock bar 605, that is, the length of the taskbar window 604 is the same as the length of the dock bar 605, and the height of the taskbar window 604 is the same as the height of the dock bar 605, and the taskbar window 604 can completely cover the upper layer of the dock bar 605, so that the dock bar 605 is not displayed. At the tenth moment, the electronic device can set the attribute of the upper taskbar window 604 to be invisible, and the electronic device cancels the display of the taskbar window 604 and displays the lower dock bar 101.

[0165] At this point, the electronic device can switch from the taskbar window to the dock bar, and during the switching process, the problem scenario that the taskbar window cannot cover the dock bar will not occur; in addition, the smoothness and aesthetics of the switching process are improved by reducing the icon's animation and enlarging the animation, thereby improving the user experience.

[0166] The above embodiment shows a method for exiting the multi-tasking scheduling mode, that is, during the switching process, the electronic device first executes the dynamic effect of reducing icons, and then executes the dynamic effect of enlarging. It can be understood that between the second moment and the ninth moment, the electronic device can set the view of the dock bar to be invisible, so when displaying the dynamic effect of reducing icons and the dynamic effect of enlarging icons, the electronic device will not display the view of the dock bar, and there will be no problem scenario where the taskbar window cannot cover the dock bar.

[0167] Therefore, when exiting the multi-tasking scheduling mode, the electronic device may first execute the magnification animation and then execute the icon reduction animation, and the above-mentioned problem scenario will not occur; this process may be, for example, Figure 5 The reverse display process of the interface is not described again in the present embodiment. The present embodiment does not require the execution order of the two animation effects.

[0168] In order to better understand the embodiments of the present application, the structure of the electronic device in the embodiments of the present application is introduced below:

[0169] Figure 7The structure diagram of the electronic device 100 is shown. The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, a subscriber identification module (SIM) card interface 195, and an embedded secure element (eSE) 196. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

[0171] The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and / or a neural-network processing unit (neural-network processing unit, NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors. In an embodiment of the present application, the processor 110 can be used to process processes related to interface display.

[0172] The electronic device 100 implements the display function through the GPU, the display screen 194, and the application processor. The display screen 194 is used to display images, videos, etc. In the embodiment of the present application, the display screen 194 can be used to display Figure 5 The interface shown.

[0173] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes the applications in the dock bar or taskbar window of the electronic device 100 and related data processing by running the instructions stored in the internal memory 121 and / or the instructions stored in the memory provided in the processor.

[0174] The touch sensor 180K is also called a "touch device". The touch sensor 180K can be set on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen". The touch sensor 180K is used to detect touch operations acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In an embodiment of the present application, the touch sensor 180K can sense the user's trigger operation on the icon in the dock bar or taskbar window, and display the normal mode interface or the multi-task scheduling mode interface through the display screen 194.

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

[0176] Figure 8 It is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.

[0177] The layered architecture divides the software into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system may include: application layer (applications), application framework layer (application framework), hardware abstract layer (HAL) and kernel layer (kernel), where the kernel layer may become a driver layer.

[0178] like Figure 8As shown, the application package may include a desktop application (launcher), a video application, a note application, a social application, a music application, a camera application, and an e-book application. The icons of these applications may be set in the dock bar, the main interface, the taskbar window, and / or the application list window. Users may open corresponding applications or application functions according to the application icons.

[0179] Among them, launcher is the desktop launcher of the electronic device. The desktop UI of the electronic device is collectively referred to as launcher. The launcher can be used to display and manage other applications in the electronic device. For example, when the electronic device receives a trigger operation for the icon of the application on the desktop, the electronic device can start the application based on the launcher.

[0180] In an embodiment of the present application, a desktop application can be used to manage a dock bar and a taskbar window. Specifically, a multi-task scheduling icon can be displayed in both the dock bar and the taskbar window, and the electronic device can enter or exit the multi-task scheduling mode based on the multi-task scheduling icon. The taskbar window may also include a multi-window template icon, and the electronic device can set the arrangement of multiple application windows in the multi-task scheduling mode based on the multi-window template icon. The taskbar window may also include an application list icon, and the electronic device can call out an application list window based on the application list icon to display more application icons that the electronic device can support through the application list window.

[0181] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

[0182] like Figure 8 As shown, the application framework layer may include a window manager, a content provider, a notification manager, a view system, a resource manager, and the like.

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

[0184] Content providers are used to store and retrieve data and make it accessible to applications. The data can include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0185] The notification manager enables applications to display notification information in the status bar, which can be used to convey informational messages and disappear automatically after a short stay without user interaction.

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

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

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

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

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

[0191] The system library may include multiple functional modules, such as a surface manager, a media library, a 3D graphics processing library (such as OpenGL ES), a 2D graphics engine (such as SGL), etc.

[0192] The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.

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

[0194] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, layer processing, etc.

[0195] A 2D graphics engine is a drawing engine for 2D drawings.

[0196] The kernel layer is the layer between hardware and software. The kernel layer contains at least display driver, camera driver, audio driver, and sensor driver.

[0197] Combine the following Fig. 9 The process of the interface display method provided in the embodiment of the present application is described as follows: Fig. 9 As shown:

[0198] S901. The electronic device sets the dock view to be visible, and sets the taskbar window to be invisible.

[0199] After being turned on, the electronic device may display a Figure 1 The desktop is shown in a in the figure. The desktop may include a dock view and a taskbar window, and the dock is visible but the taskbar window is invisible. Figure 5 At the first moment, when the electronic device is in the normal mode, the electronic device may display the following Figure 5 The interface shown in a in the figure may include a dock bar 501 and a taskbar window 502; the two have the same specifications, the taskbar window 502 is located on the upper layer of the dock bar 501, and the taskbar window 502 completely overlaps with the dock bar 501. After setting the properties of the dock bar 501 and the taskbar window 502, the electronic device can hide the upper taskbar window 502 and display the lower dock bar 501.

[0200] S902: When receiving a trigger operation for the multi-task scheduling icon 103, the electronic device may set the task bar window to be visible.

[0201] This process can correspond to Figure 5 In response to the triggering operation on the multi-task scheduling icon 103, the electronic device can simultaneously display the dock bar 501 and the taskbar window 502. However, since the taskbar window 502 is located above the dock bar 501, Figure 5 As shown in interface b, the electronic device displays the upper taskbar window 502, and the lower dock bar 501 is blocked by the taskbar window 502 and cannot be displayed on the interface.

[0202] The electronic device sets the taskbar window to be visible, which may include: setting the display state of the taskbar view (taskbar view leash) to be visible through a surface flinger. For example, the electronic device obtains the rendering surface control (SurfaceControl) of the taskbarview leash; creates a transaction (transation); and sets the SurfaceControl display (show) of the taskbar view leash through the transaction.

[0203] SurfaceControl is a class used to manage and control window surfaces. An electronic device can return the surface control of the taskbar window by calling the getRenderSurfaceControl() function. Transation can be an object used to batch process graphics surface operations. After creating a transation, an electronic device can use the SurfaceUtil.show() function to add the display operation of the taskbar view leash's SurfaceControl to the transation to display the SurfaceControl of the taskbar window. In this way, the electronic device can set the taskbar window to be visible.

[0204] S903. The electronic device displays a dynamic effect of adding an icon in the taskbar window.

[0205] This process can correspond to Figure 5 The electronic device can change from taskbar window 502 to taskbar window 503, and then change from taskbar window 503 to taskbar window 504.

[0206] The dynamic effect of adding icons includes adding a multi-window template icon 106 and an application list icon 107 in the taskbar window. During the process of the electronic device displaying the dynamic effect of adding icons, the length of the taskbar window gradually increases, and the height remains unchanged.

[0207] For example, taking the addition of the dynamic effect of the icon as adding the dynamic effect of the multi-window template icon 106 as an example, the electronic device can control the movement of the icon by setting the translation attribute of the icon to achieve the following: Figure 5 In the interface shown in c, the multi-task scheduling icon 507 is moved away from the upper layer of the multi-window template icon 106.

[0208] Specifically, the electronic device displays the dynamic effect of adding an icon in the taskbar window, which may include: obtaining the initial position (start X1) of icon 1 and the end position (end X1) of icon 1; setting the X1 value according to the playback progress of the dynamic effect of adding the icon, and the X1 value is positively correlated with the playback progress; and moving the position of icon 1 according to the X1 value.

[0209] Icon 1 is, for example, a multitasking scheduling icon, and the initial position of icon 1 may be the position of multitasking scheduling icon 103 in taskbar window 502. The distance between the end position of icon 1 and the initial position of icon 1 may be icon size 1, and icon size 1 may be the icon size of a single icon in dock bar 501. It should be understood that after icon 1 moves out of the position of an icon, it will not block the underlying icons.

[0210] The playback progress can be the ratio of the current time of the animation to the completion time of the animation. The X1 value can be a value used to control the left and right movement of the icon; there is a mapping relationship between the X1 value and the playback progress of the animation. For example, if the icon size 1 is 100 and the playback progress is 50%, the electronic device can obtain the X1 value of -50 based on the mapping relationship, where "50" is the moving distance and "-" is the direction; if the multitasking scheduling icon moves to the left, the X1 value is a negative value.

[0211] After obtaining the X1 value, the electronic device may calculate the position of icon 1 according to start X1 and the X1 value, and draw icon 1 at the position to show the dynamic effect of icon 1 moving left and right until icon 1 moves to the end position of icon 1.

[0212] In the process of controlling the movement of icon 1, the position of icon 2 (e.g., multi-window template icon 106) remains unchanged. To improve the aesthetics of the motion effect, the electronic device may set a fade-in motion effect for icon 2. For example, the electronic device may control the transparency of icon 2 by setting the transparency value of icon 2 through the alpha() function; the initial transparency value may be 0 to indicate that icon 2 is transparent; the final transparency value may be 1 to indicate that icon 2 is opaque.

[0213] The above embodiment describes the dynamic effects of the multi-task scheduling icon 507 and the multi-window template icon 106 in combination with icons 1 and 2. For the application list icon 107, the electronic device can set the application list icon 107 to be gradually displayed as the taskbar window expands to the right.

[0214] S904: The electronic device settings dock view is not visible.

[0215] It is understandable that when the taskbar window is reduced so that the height of the taskbar window is less than the height of the dock bar, the taskbar window cannot completely cover the dock bar in height, and the problem scenario where the taskbar window and the dock bar partially overlap may occur. Therefore, before reducing the taskbar window, the electronic device can set the dock bar view to be invisible; so that after the taskbar window is reduced, the electronic device does not display the lower dock bar, thereby avoiding the above-mentioned problem scenario.

[0216] Specifically, the electronic device sets the dock view to be invisible, which may include: setting the visibility attribute (visibility) of the dock view (hot seat view) to a first attribute (invisible); the first attribute is used to indicate that the view is invisible, and the layout control of the view does not change.

[0217] The visibility attribute of a view may include a visible attribute (visible) and an invisible attribute. The visible attribute is used to indicate that the electronic device displays the view; the invisible attribute is used to indicate that the electronic device hides the view. The invisible attribute may include a first attribute and a second attribute (gone); the second attribute is used to indicate that the view is invisible and clear the layout control of the view.

[0218] In the embodiment of the present application, the electronic device can temporarily hide the dock bar area during the process of displaying the taskbar window; after switching back to the normal mode, the electronic device still needs to display the dock bar, and the position of the dock bar on the screen and the icon type and icon size in the dock bar do not need to be changed. Therefore, the first attribute of the invisible attribute can be used here to temporarily hide the dock bar view.

[0219] Optionally, in the implementation of this application, the electronic device sequentially executes steps S903 and S904 as an example to illustrate the process of the interface display method. In actual applications, the electronic device can execute steps S903 and S904 respectively after step S902; that is, step S904 can be executed before step S903, or can be executed simultaneously.

[0220] See also Figure 5 In step S902, the electronic device may display a taskbar window 502 on the upper layer of the dock bar 501; the taskbar window 502 overlaps with the dock bar 501; so after step S902, the electronic device may hide the dock bar without the user's perception.

[0221] In addition, in the embodiment of the present application, step S904 is executed after step S902 because: if the dock bar view is set to be invisible first and then the taskbar window is set to be visible, a problem scenario may occur in which neither the dock bar nor the taskbar window is displayed in the interface, affecting the continuity during the switching process, so it is necessary to ensure that at least one of the taskbar window and the dock bar is displayed in the interface.

[0222] S905. The electronic device displays a zoom-out effect in the taskbar window.

[0223] This process can correspond to Figure 5 The fifth moment shown. After hiding the dock bar view, the electronic device can display the taskbar window 505. The length and height of the taskbar window 505 are both smaller than the length and height of the taskbar window 504.

[0224] Combine the following Fig.10 The layout of the icons in the task window is described below.

[0225] Specifically, the electronic device displays a shrinking effect in the taskbar window, including: for any icon in the taskbar window, calculating the reduced icon size and the reduced icon position; shrinking the icon according to the reduced icon size, and moving the icon according to the reduced icon position.

[0226] The icon size shown in the embodiment of the present application may be the size of the layout grid corresponding to the icon. Fig.10 , Fig.10 The view layout of the taskbar window 504 and the view layout of the taskbar window 505 are respectively shown. In the view layout of the taskbar window, layout grids of multiple icons are arranged side by side with seamless borders, and the icon (eg, a dotted square) is displayed in the center of the layout grid.

[0227] Among them, the view layout parameters of the taskbar window 504 before reduction may include: values ​​of a, b, c, x and n. The a value may be the screen length of the electronic device. The b value may be the distance between the left border of the taskbar window 504 and the left border of the electronic device screen; it should be understood that in order to improve the aesthetics of the interface, the taskbar window can be set symmetrically, and the distance between the right border of the taskbar window 504 and the right border of the electronic device screen may also be the b value; the b value may be a preset value. The x value may be the icon size before reduction, which is the same as the icon size of the dock bar. The d value is a preset value, and it should be understood that in order to facilitate the distinction between resident applications and intelligent recommended applications, the taskbar window can be divided into two areas for the two types of blank areas using the d value. The n value is the number of icons in the taskbar window 504, and n is a positive integer. For the i-th icon in the taskbar window 504 (i is a positive integer, and i is less than or equal to n), the electronic device can obtain the icon size and icon position of the i-th icon before reduction according to the above parameters and the i value.

[0228] The view layout parameters of the reduced taskbar window 505 may include: values ​​of a, b', c', x' and n. The b' value may be the distance between the left border of the taskbar window 505 and the left border of the electronic device screen; it should be understood that the distance between the right border of the taskbar window 505 and the right border of the electronic device screen may also be the b' value; the b' value may be a preset value. The d' value is a preset value. The n value is the number of icons in the taskbar window 505, which is consistent with the number of icons in the taskbar window 504. Based on the above parameters, the electronic device can obtain the reduced icon size and the reduced icon position. The x' value may be the reduced icon size, and the x' value satisfies the following formula:

[0229] x′=(a-2×b′-c′) / n′

[0230] The icon position after reduction can be, taking the left border as an example, the i-th icon position (d) can satisfy the following formula:

[0231] d = b′ + (i-1) × x′

[0232] The icon position after reduction can be, taking the right border as an example, the i-th icon position (d) can satisfy the following formula:

[0233] d=b′+i×x′

[0234] After obtaining the icon size and icon position before and after reduction, the electronic device can display the reduction effect by performing translation and scaling operations on the icon.

[0235] For example, for the i-th icon, the icon position before reduction (start X i ) and the icon position after reduction (end X i ); Set X according to the playback progress of the zoom-out animation i Value, X i The value is positively correlated with the playback progress; according to X i The position of the i-th icon is moved by the value until it moves to the position of the icon after the reduction. Also, the icon size before reduction (startvalue1) and the icon size after reduction (end value1) are obtained; and the i-th icon is controlled to be reduced from the icon size before reduction to the icon size after reduction according to the playback progress.

[0236] The start value1 can be the actual size of the icon before reduction or the ratio of the icon before reduction, for example, the ratio is 1; the end value1 can be the actual size of the icon after reduction or the ratio of the icon after reduction, for example, the ratio of x' to x. The start value1 is greater than the end value1.

[0237] Specifically, the translation operation can refer to the relevant description of the icon translation in step S903, which will not be repeated here. When performing the zoom-out operation, the electronic device can call the scale() function to zoom out the icon, thereby achieving the dynamic effect of multiple icons zooming out and the window zooming out.

[0238] After the reduction animation is executed, the electronic device can display the taskbar window 505. At this point, the electronic device switches from the normal mode to the multi-task scheduling mode, and the problem scenario of the dock bar and the taskbar window appearing in the interface at the same time will not occur during the switching process, thereby improving the smoothness of the switching process and improving the user experience.

[0239] The above embodiment illustrates the process of entering the multi-task scheduling mode. Fig.11 The process of exiting the multi-task scheduling mode in the interface display method provided in the embodiment of the present application is described as follows: Fig.11 As shown:

[0240] Before the electronic device exits the multi-tasking scheduling mode, the dock icon may be invisible and the taskbar window may be visible. Figure 6 At the sixth moment shown, the electronic device displays Figure 6 When the interface shown in a is displayed, the user uses Figure 2 The operation flow shown manipulates the electronic device to display multiple application windows in a multi-tasking scheduling mode. Subsequently, the electronic device may perform steps S1101-S1104:

[0241] S1101. When receiving a trigger operation for the multi-task scheduling icon 103 again, the electronic device displays a dynamic effect of reducing icons in the taskbar window.

[0242] This process can correspond to Figure 6 In response to the trigger operation for the multitasking scheduling icon 103 again, the electronic device can display the dynamic effect of reducing the icon. Figure 6 In the interface shown in a in FIG. 1 , upon receiving a trigger operation for the multi-task scheduling icon 103, the electronic device display changes from the taskbar window 601 to the taskbar window 602, and then from the taskbar window 602 to the taskbar window 603. The number of icons in the taskbar window 603 is less than the number of icons in the taskbar window 601, and the size of the icons in the taskbar window 603 is equal to the size of the icons in the taskbar window 601.

[0243] The dynamic effect of reducing icons includes clearing the multi-window template icon 106 and the application list icon 107 in the taskbar window. During the process of the electronic device displaying the dynamic effect of reducing icons, the length of the taskbar window gradually decreases, and the height remains unchanged.

[0244] For example, taking reducing the dynamic effect of the icon as an example, the electronic device can control the movement of the icon by setting the translation attribute of the icon to achieve the following: Figure 6 In the interface shown in b, the multi-task scheduling icon 607 gradually covers the multi-window template icon 106.

[0245] Specifically, the electronic device displays the dynamic effect of reducing the icon in the taskbar window, which may include: obtaining the initial position (start X2) of icon 3 and the end position (end X2) of icon 3; setting the X2 value according to the playback progress of the dynamic effect of reducing the icon, and the X2 value is positively correlated with the playback progress; moving the position of icon 3 according to the X2 value.

[0246] Icon 3 is, for example, a multi-task scheduling icon, and the initial position of icon 3 may be the position of multi-task scheduling icon 103 in taskbar window 601. The distance between the end position of icon 3 and the initial position of icon 3 may be icon size 2, and icon size 2 may be the icon size of a single icon in taskbar window 505, for example, icon size 2 may be x'. It should be understood that after icon 3 moves into the position of an icon, it may cover the lower layer icon.

[0247] The X2 value can be a value used to control the left and right movement of the icon; the direction indicated by X2 is opposite to the direction indicated by X1; there is a mapping relationship between the X2 value and the playback progress of the animation. For example, if the icon size 1 is 100 and the playback progress is 50%, the electronic device can obtain an X2 value of +50 based on the mapping relationship, where "50" is the moving distance and "+" is the direction; if the multitasking scheduling icon moves to the right, the X2 value is a positive value. It should be noted that for ease of explanation, "+" is marked when introducing X2 here, but in actual applications, X2 may not carry "+".

[0248] After obtaining the X2 value, the electronic device may calculate the position of icon 3 according to start X2 and the X2 value, and draw icon 3 at the position to show the dynamic effect of icon 3 moving left and right, until icon 3 moves to the end position of icon 3.

[0249] In the process of controlling the movement of icon 3, the position of icon 4 (e.g., multi-window template icon 106) remains unchanged. To improve the aesthetics of the motion effect, the electronic device may set a fade-out motion effect for icon 4. For example, the electronic device may control the transparency of icon 4 by setting the transparency value of icon 4 through the alpha() function; the initial transparency value may be 1 to indicate that icon 4 is opaque; the final transparency value may be 0 to indicate that icon 4 is transparent.

[0250] The above embodiment describes the dynamic effects of the multi-task scheduling icon 607 and the multi-window template icon 106 in combination with icons 3 and 4. For the application list icon 107, the electronic device can set the application list icon 107 to be gradually hidden as the taskbar window shrinks to the left.

[0251] S1102. The electronic device displays a magnification effect in the task bar.

[0252] This process can correspond to Figure 6 At the ninth moment shown, after displaying the magnification effect, the electronic device may display a change from the taskbar window 603 to the taskbar window 604 .

[0253] Specifically, the electronic device displays a magnification effect in the taskbar window, including: for any icon in the taskbar window, calculating the enlarged icon size and the enlarged icon position; enlarging the icon according to the enlarged icon size, and moving the icon according to the enlarged icon position.

[0254] After the electronic device can obtain the icon size and icon position before and after the enlargement, the electronic device can display the enlargement effect by performing a translation operation and an enlargement operation on the icon. The calculation process of the icon size and icon position before the enlargement can refer to the icon size and icon position before and after the reduction shown in step S905, and this embodiment of the application will not be described in detail.

[0255] For example, for the jth icon, the icon position before enlargement (start X j ) and the enlarged icon position (end X j ); Set X according to the playback progress of the zoom effect j Value, X j The value is positively correlated with the playback progress; according to X j The jth icon is moved by the value until it moves to the enlarged icon position. Also, the icon size before enlargement (startvalue2) and the icon size after enlargement (end value2) are obtained; and the jth icon is controlled to enlarge from the icon size before enlargement to the icon size after enlargement according to the playback progress.

[0256] The start value2 can be the actual size of the icon before enlargement, or the ratio of the icon before enlargement, for example, the ratio is 1; the end value2 can be the actual size of the icon after enlargement, or the ratio of the icon after enlargement, for example, the ratio of x to x'. The start value2 is smaller than the end value2.

[0257] Specifically, the translation operation can refer to the relevant description of the icon translation in step S903, which will not be repeated here. When performing the zoom operation, the electronic device can call the scale() function to zoom in on the icon, thereby achieving the dynamic effect of zooming in multiple icons and windows.

[0258] After executing the magnification animation, the electronic device may display the taskbar window 604 .

[0259] Optionally, the embodiment of the present application may also display the magnification effect first, and then display the icon reduction effect; that is, first perform step S1102, and then perform step S1101. The embodiment of the present application does not limit this.

[0260] S1103, the electronic device settings dock bar view is visible.

[0261] In step S1102 , the taskbar window 604 is visible, and the dock view is invisible; the size of the taskbar window 604 is the same as the size of the dock.

[0262] In step S1103, the electronic device may set the dock bar view to be visible, and the taskbar window 604 remains visible. Since the taskbar window 604 is located on the upper layer of the dock bar and the two have the same size, after the dock bar view is set to be visible, the taskbar 604 may cover the dock bar area, and the electronic device still does not display the dock bar. For example, the electronic device continues to display the following Figure 6 The interface shown in d.

[0263] Specifically, the electronic device sets the dock view to be visible, which may include: setting the visibility attribute of the dock view (hot seat view) to a visible attribute.

[0264] S1104. The electronic device sets the taskbar window to be invisible.

[0265] This process can correspond to Figure 6 At the tenth moment shown, the electronic device hides the upper taskbar window 604 and displays the lower dock bar.

[0266] The electronic device sets the taskbar window to be invisible, which may include: setting the display state of the taskbar view leash to be invisible through a surface flinger. For example, the electronic device obtains the SurfaceControl of the taskbar view leash; and sets the SurfaceControl of the taskbar view leash to be hidden.

[0267] The electronic device can return the surface control of the taskbar window by calling the getRenderSurfaceControl() function. The electronic device can use the SurfaceUtil.show() function to add a hide operation to the SurfaceControl of the taskbar view leash to hide the SurfaceControl of the taskbar window. In this way, the electronic device can set the taskbar window to be invisible.

[0268] It can be understood that in the embodiment of the present application, the electronic device may first execute step S1103 and then execute step S1104. This is because: if the taskbar window is first set to be invisible and then the dock bar is set to be visible, a problem scenario may occur in which neither the dock bar nor the taskbar window is displayed in the interface, affecting the continuity during the switching process. Therefore, it is necessary to ensure that at least one of the taskbar window and the dock bar is displayed in the interface.

[0269] At this point, the electronic device switches back to the normal mode from the multi-tasking scheduling mode, and the problem scenario of the dock bar and the taskbar window appearing in the interface at the same time will not occur during the switching process, thereby improving the smoothness of the switching process and enhancing the user experience.

[0270] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions, and provide corresponding operation entrances for users to choose to authorize or refuse.

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

[0272] like Fig.12 As shown, the interface display device 1200 can be used in a communication device, circuit, hardware component or chip, and the interface display device includes: a display unit 1201 and a processing unit 1202. The display unit 1201 is used to support the display steps performed by the interface display device 1200; the processing unit 1202 is used to support the interface display device 1200 to perform information processing steps.

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

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

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

[0276] The interface display method provided in the embodiment of the present application can be applied to electronic devices with communication functions. The electronic device includes an electronic device, and the specific device form of the electronic device can refer to the above related description, which will not be repeated here.

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

[0278] The embodiment of the present application provides a chip system, which includes at least one processor and a communication interface, wherein the communication interface and the at least one processor are interconnected through a line, and the at least one processor is used to run a computer program or instruction to execute the above method. Its implementation principle and technical effect are similar to those of the above-mentioned related embodiments, and will not be repeated here.

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

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

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

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

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

Claims

1. An interface display method, characterized in that: Used in electronic equipment, including: Displaying a dock bar on the desktop of the electronic device, wherein the dock bar includes a first control and a plurality of icons; In response to a trigger operation on the first control, a first-stage window is displayed; the first-stage window is located on an upper layer of the dock bar, and the first-stage window covers the dock bar; the first-stage window includes the first control and multiple icons of the dock bar, the length of the first-stage window is greater than or equal to the length of the dock bar; the height of the first-stage window is greater than or equal to the height of the dock bar; Displaying a window of the second stage; the window of the second stage is a window displayed successively after the window of the first stage; the length of the window of the second stage is greater than the length of the window of the first stage, and the height of the window of the second stage is equal to the height of the window of the first stage; Displaying a window of the third stage; the window of the third stage is a window displayed successively after the window of the second stage; the length of the window of the third stage is smaller than the length of the window of the second stage, and the height of the window of the third stage is smaller than the height of the window of the second stage; Wherein, during the process of displaying the window of the third stage, the electronic device hides the dock bar.

2. The method according to claim 1, characterized in that The number of icons in the window of the first stage is equal to the number of icons in the dock bar, and the size of the icons in the window of the first stage is equal to the size of the icons in the dock bar; the number of icons in the window of the second stage is greater than the number of icons in the window of the first stage, and the size of the icons in the window of the second stage is equal to the size of the icons in the window of the first stage; the number of icons in the window of the third stage is equal to the number of icons in the window of the second stage, and the size of the icons in the window of the third stage is smaller than the size of the icons in the window of the third stage.

3. The method according to claim 1 or 2, characterized in that: The window showing the third stage includes: A first animation is displayed in the window of the third stage, wherein the first animation is used to indicate shrinking the window of the third stage; wherein the view of the dock bar is in an invisible state, and the view of the window of the third stage is in a visible state.

4. The method according to claim 3, characterized in that Displaying a first animation effect in the window of the third stage includes: For any icon in the window of the third stage, obtain the first position, second position, first icon size and second icon size of the icon; the first position is the position of the icon in the window of the third stage before the first motion effect is displayed, and the second position is the position of the icon in the window of the third stage after the first motion effect is displayed; the first icon size is the size of the icon before the first motion effect is displayed, and the second icon size is the size of the icon after the first motion effect is displayed; The icon is translated from the first position to the second position while the icon is reduced from a first icon size to a second icon size.

5. The method according to any one of claims 1 to 4, characterized in that: During the process of displaying the dock bar, the view of the dock bar is in a visible state, and the view of the window in the first stage is in an invisible state; The window showing the first stage includes: The view of the window in the first stage is set to a visible state, and the view of the dock bar remains visible.

6. The method according to any one of claims 1 to 5, characterized in that: The window showing the second stage includes: A second animation is displayed in the window of the second stage, and the second animation is used to indicate adding a first icon and a second icon in the window of the second stage, wherein the first icon and the second icon are both associated with the function of the first control.

7. The method according to claim 6, characterized in that The second animation is displayed in the window of the second stage, including: Obtaining a third position and a fourth position of the first control; the third position is the position of the first control in the window of the second stage before the second motion effect is displayed, and the fourth position is the position of the first control in the window of the second stage after the second motion effect is displayed; The first control is translated from the third position to the fourth position; during the translation of the first control, the first icon is still fixedly displayed at the third position, the transparency of the first icon gradually decreases, and the first icon is located at the lower layer of the first control.

8. The method according to claim 6 or 7, characterized in that: The second animation is displayed in the window of the second stage, and further includes: The window of the second stage is controlled to expand toward the first direction at the boundary of the first direction, and the second icon is gradually displayed as the window of the second stage expands; the first direction includes the left side or the right side.

9. The method according to any one of claims 1 to 8, characterized in that: The dock bar includes an icon of the first application, and after the dock bar is displayed on the desktop of the electronic device, the method further includes: In response to a triggering operation on the icon of the first application, the electronic device displays the page content of the first application in full screen; The window of the third stage includes the icon of the first application, and after displaying the window of the third stage, further includes: In response to a triggering operation on the icon of the first application, the electronic device displays the page content of the first application in the form of a floating window.

10. The method according to any one of claims 1 to 9, characterized in that: After displaying the window of the third stage, the method further includes: In response to the triggering operation on the first control, a window of the fourth stage is displayed; the window of the fourth stage is a window displayed successively after the window of the third stage; the length of the window of the fourth stage is less than the length of the window of the third stage, and the height of the window of the fourth stage is equal to the height of the window of the third stage; Displaying a window of the fifth stage; the window of the fifth stage is a window displayed successively after the window of the fourth stage; the length of the window of the fifth stage is greater than the length of the window of the fourth stage, and the height of the window of the fifth stage is greater than the height of the window of the fourth stage; The dock bar is displayed, and the dock bar is displayed continuously with the window of the fifth stage; the length of the dock bar is less than or equal to the length of the window of the fifth stage, and the height of the dock bar is less than or equal to the height of the window of the fifth stage.

11. The method according to claim 10, characterized in that The number of icons in the window of the fourth stage is less than the number of icons in the window of the third stage, and the size of the icons in the window of the fourth stage is equal to the size of the icons in the window of the third stage; the number of icons in the window of the fifth stage is equal to the number of icons in the window of the fourth stage, and the size of the icons in the window of the fifth stage is greater than the size of the icons in the window of the fourth stage; the number of icons in the dock bar is equal to the number of icons in the window of the fifth stage, and the size of the icons in the dock bar is equal to the size of the icons in the window of the fifth stage.

12. The method according to claim 10 or 11, characterized in that: The window showing the fourth stage includes: A third animation is displayed in the window of the fourth stage, and the third animation is used to indicate that the first icon and the second icon are deleted in the window of the fourth stage; the view of the dock bar remains invisible, and the window of the fourth stage remains visible.

13. The method according to any one of claim 12, characterized in that: The third animation is displayed in the window of the fourth stage, including: Obtaining a fifth position and a sixth position of the first control; the fifth position is the position of the first control in the window of the fourth stage before displaying the third animation effect, and the sixth position is the position of the first control in the window of the fourth stage after the third animation effect is displayed; the fifth position is the same as the fourth position; The first control is translated from the fifth position to the sixth position; during the translation of the first control, the first icon is also fixedly displayed at the sixth position, the transparency of the first icon gradually increases, and the first icon is located at the lower layer of the first control.

14. The method according to claim 12 or 13, characterized in that The third animation effect is displayed in the window of the fourth stage, and further includes: The window of the fourth stage is controlled to shrink toward the second direction at the boundary of the first direction, and the second icon is gradually hidden as the window of the fourth stage shrinks; the first direction includes the left or the right, and the second direction is opposite to the first direction.

15. The method according to any one of claims 10 to 14, characterized in that: The window showing the fifth stage includes: A fourth animation is displayed in the window of the fifth stage, and the fourth animation is used to indicate the enlargement of the window of the fifth stage; wherein the view of the dock bar remains invisible, and the view of the window of the fifth stage is visible.

16. The method according to claim 15, characterized in that Displaying a fourth animation effect in the window of the fifth stage includes: For any icon in the window of the fifth stage, obtaining a seventh position, an eighth position, a third icon size, and a fourth icon size of the icon; The icon is translated from the seventh position to the eighth position, and the icon is simultaneously enlarged from a third icon size to a fourth icon size.

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

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

19. A chip system, characterized in that: The method comprises at least one processor and a communication interface, wherein the communication interface and the at least one processor are interconnected via a line, and the at least one processor is used to run a computer program or instruction to execute the method according to any one of claims 1 to 16.

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

Images