CN109947521B

CN109947521B - Interface switching method and device and storage medium

Info

Publication number: CN109947521B
Application number: CN201910245704.8A
Authority: CN
Inventors: 夏宇杭; 张艺弘; 王滢
Original assignee: Beijing Xiaomi Mobile Software Co Ltd
Current assignee: Beijing Xiaomi Mobile Software Co Ltd
Priority date: 2019-03-28
Filing date: 2019-03-28
Publication date: 2022-12-27
Anticipated expiration: 2039-03-28
Also published as: CN109947521A

Abstract

The disclosure provides an interface switching method, an interface switching device and a storage medium, and belongs to the technical field of computers. The method comprises the steps of displaying a first information display interface; when the interface switching operation is detected, displaying a dynamic effect, wherein the dynamic effect comprises that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, and the color of the display element of the first information display interface is gradually faded; and when the dynamic effect display is finished, displaying a second information display interface. The interface switching mode is provided, the switched information display interface can not be directly displayed, the dynamic effect can be displayed in the interface switching process, the interface switching process is smooth and natural, and the display effect is improved.

Description

Interface switching method and device and storage medium

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to an interface switching method and apparatus, and a storage medium.

Background

Along with the intelligent development and the gradual perfection of functions of electronic equipment, the information that needs the show on the electronic equipment is more and more, in order to improve display effect, electronic equipment can set up a plurality of information display interfaces, shows different information through different information display interfaces, can also carry out the interface switch between these information display interfaces.

In the related art, the electronic device includes a plurality of information display interfaces arranged in sequence, and when the electronic device displays a first information display interface in the plurality of information display interfaces and detects an interface switching operation, a next information display interface indicated by the interface switching operation, that is, a second information display interface, is determined, and the second information display interface is directly displayed without displaying the first information display interface.

Because the interface is directly switched from the first information display interface to the second information display interface, the interface switching mode is too rigid, and the display effect is poor.

Disclosure of Invention

In order to overcome the problems in the related art, the present disclosure provides an interface switching method, an interface switching apparatus, and a storage medium, where the technical scheme is as follows:

according to a first aspect of the embodiments of the present disclosure, there is provided an interface switching method, including:

displaying a first information display interface;

when the interface switching operation is detected, displaying a dynamic effect, wherein the dynamic effect comprises that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, and the color of display elements of the first information display interface is gradually faded;

and when the dynamic effect display is finished, displaying the second information display interface.

In one possible implementation manner, the displaying a dynamic effect when the interface switching operation is detected includes:

according to the current interface switching progress, displaying part of the interface of the first information display interface in a first display area, and displaying part of the interface of the second information display interface in a second display area;

the proportion between the first display area and the second display area is matched with the interface switching progress.

In another possible implementation manner, the displaying a dynamic effect when the interface switching operation is detected includes:

and gradually adjusting the color of the display element of the first information display interface from the opaque state to the transparent state according to the current interface switching progress.

In another possible implementation manner, the gradually adjusting the color of the display element of the first information presentation interface from an opaque state to a transparent state according to the current interface switching progress includes:

and for each pixel block in the display elements of the first information display interface, determining the transparency of the pixel block according to the interface switching progress, and displaying the pixel block according to the transparency, so that the color of the pixel block is gradually adjusted from an opaque state to a transparent state along with the interface switching progress.

In another possible implementation manner, the interface switching operation is a sliding operation, and the method further includes:

acquiring the current interface switching progress according to an interface switching rate, the triggering time of the sliding operation and the current time, wherein the interface switching rate is equal to a preset rate or the sliding rate of the sliding operation; or,

and acquiring the interface switching progress corresponding to the current sliding distance of the sliding operation according to the corresponding relation between the sliding distance and the interface switching progress.

In another possible implementation manner, the first information display interface is a main interface, and the second information display interface is a designated interface; when detecting the interface switching operation, the dynamic effect is displayed, including:

when the operating system detects the interface switching operation in the main interface, acquiring the specified interface provided by a specified application program;

and the operating system displays the dynamic effect according to the main interface and the appointed interface.

In another possible implementation manner, the first information presentation interface includes a first interface layer and a second interface layer, the first interface layer is located at an upper layer of the second interface layer, the first interface layer includes display elements of the first information presentation interface, and the second interface layer includes a background picture of the first information presentation interface;

the second information display interface comprises a third interface layer and a fourth interface layer, the third interface layer is positioned on the upper layer of the fourth interface layer, the third interface layer comprises display elements of the second information display interface, and the fourth interface layer has a preset color;

when detecting the interface switching operation, the dynamic effect is displayed, including:

and displaying the dynamic effect according to the colors of the display elements of the first information display interface and the background picture, and the display elements of the second information display interface and the preset colors.

In another possible implementation manner, the dynamic effect further includes that the color of the display element of the second information presentation interface is gradually adjusted from a transparent state to an opaque state.

According to a second aspect of the embodiments of the present disclosure, there is provided an interface switching apparatus, the apparatus including:

the interface display module is used for displaying a first information display interface;

the dynamic display module is used for displaying a dynamic effect when interface switching operation is detected, wherein the dynamic effect comprises that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, and the color of display elements of the first information display interface is gradually faded;

and the interface display module is further used for displaying the second information display interface when the dynamic effect display is finished.

In one possible implementation, the dynamic display module includes:

the display unit is used for displaying part of interfaces of the first information display interface in a first display area and displaying part of interfaces of the second information display interface in a second display area according to the current interface switching progress; the proportion between the first display area and the second display area is matched with the interface switching progress.

In another possible implementation manner, the dynamic display module includes:

and the adjusting unit is used for gradually adjusting the color of the display element of the first information display interface from the opaque state to the transparent state according to the current interface switching progress.

In another possible implementation manner, the adjusting unit is further configured to, for each pixel block in the display elements of the first information presentation interface, determine a transparency of the pixel block according to the interface switching progress, and display the pixel block according to the transparency, so that the color of the pixel block is gradually adjusted from an opaque state to a transparent state along with the interface switching progress.

In another possible implementation manner, the interface switching operation is a sliding operation, and the dynamic display module further includes:

the acquisition unit is used for acquiring the current interface switching progress according to the interface switching rate, the triggering time of the sliding operation and the current time, wherein the interface switching rate is equal to the preset rate or the sliding rate of the sliding operation; or,

the obtaining unit is further configured to obtain an interface switching progress corresponding to the current sliding distance of the sliding operation according to a corresponding relationship between the sliding distance and the interface switching progress.

In another possible implementation manner, the first information display interface is a main interface, and the second information display interface is a designated interface;

the device also comprises an operating system and a specified application program; the interface display module and the dynamic display module are positioned in the operating system;

the dynamic display module is used for acquiring the specified interface provided by a specified application program when the interface switching operation is detected in the main interface; and displaying the dynamic effect according to the main interface and the appointed interface.

the dynamic display module is further configured to display the dynamic effect according to the color of the display element of the first information display interface and the background picture, and the color of the display element of the second information display interface and the preset color.

According to a third aspect of the embodiments of the present disclosure, there is provided an interface switching apparatus, the apparatus including:

one or more processors;

volatile or non-volatile memory for storing the one or more processor-executable instructions;

wherein the one or more processors are configured to:

displaying a first information display interface;

According to a fourth aspect provided by an embodiment of the present disclosure, the computer-readable storage medium has at least one instruction stored therein, and the instruction is loaded and executed by a processor to implement the operations performed in the interface switching method according to the first aspect.

The beneficial effects brought by the technical scheme provided by the embodiment of the disclosure at least comprise:

according to the interface switching method, the interface switching device and the storage medium provided by the embodiment of the disclosure, by displaying the first information display interface, when the interface switching operation is detected, a dynamic effect is displayed, wherein the dynamic effect comprises that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, the color of a display element of the first information display interface is gradually faded, and when the dynamic effect display is completed, the second information display interface is displayed. The interface switching mode is provided, the switched information display interface can not be directly displayed, the dynamic effect can be displayed in the interface switching process, the interface switching process is smooth and natural, and the display effect is improved.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure.

FIG. 1 is a schematic diagram illustrating the structure of an electronic device in accordance with an exemplary embodiment;

FIG. 2 is a flow chart illustrating a method of interface switching according to an exemplary embodiment;

FIG. 3 is a schematic diagram of a designation interface shown in accordance with an exemplary embodiment;

FIG. 4 is a schematic diagram illustrating a host interface in accordance with an exemplary embodiment;

FIG. 5 is a diagram illustrating a dynamic effect according to an example embodiment;

FIG. 6 is a flow chart illustrating a method of interface switching according to an exemplary embodiment;

FIG. 7 is a schematic diagram illustrating the structure of an interface switching apparatus according to an exemplary embodiment;

FIG. 8 is a schematic diagram illustrating another interface switching apparatus according to an exemplary embodiment;

FIG. 9 is a block diagram illustrating an electronic device in accordance with an example embodiment.

Detailed Description

To make the objects, technical solutions and advantages of the present disclosure more apparent, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings.

Before explaining the embodiments of the present disclosure in detail, the interfaces related to the embodiments of the present disclosure will be briefly described:

1. a main interface: the interface is automatically displayed when the electronic equipment is started or unlocked.

The main interface can comprise application icons of a plurality of application programs, and the application program corresponding to the application icon can be started by triggering any application icon by a user. The main interface can further comprise a background picture, the background picture is used as wallpaper, the display effect of the main interface can be improved, and the background picture can be automatically set by the electronic equipment or set by a user. And the main interface can also include some information commonly used by the user, such as current time information, network connection condition, etc.

2. And (3) specifying an interface: a specific information display interface on the electronic equipment is used for aggregating and displaying various types of information.

The designated interface is other than the main interface of the electronic device and the application interface of the installed application program, such as a negative one-screen interface. The negative one-screen interface can be the leftmost information display interface in the plurality of information display interfaces, and the negative one-screen interface can be called out by performing right sliding operation on the main interface.

The designation interface may include a plurality of display areas: a display area, a shortcut function area and a dynamic information area. The display area can display some common information, such as time information, weather information and the like; the shortcut function area can display a plurality of function options, such as a start option of an application program, a start option of an application interface in the application program, a start option of a tool, such as a start option of a scanning function, and the like; the dynamic information area can display recommended dynamic information such as hot goods, train tickets, movie tickets, schedule information, stock quotes, travel strategies and the like.

Fig. 1 is a schematic structural diagram of an electronic device according to an exemplary embodiment. Referring to fig. 1, the electronic device includes an operating system 101, a designated application 102, and other multiple applications 103, and the operating system 101 is connected to the designated application 102 and the other multiple applications 103, respectively.

The operating system 101 may provide interfaces for the connected application programs, and the application programs call the interfaces provided by the operating system, and interact with the operating system 101 to implement corresponding operations.

The electronic device may provide a plurality of information display interfaces, where the information display interfaces may be used to display different information, and the information display interfaces may include a system interface controlled by the operating system 101 to be displayed, an application interface controlled by an application program to be displayed, and the like, and then the application programs controlling each information display interface to be displayed may be the same or different.

For example, the operating system 101 may control display of a main interface, a setting interface, and the like, and the specification application 102 may control display of a specification interface. Wherein the designated interface is used for aggregating and presenting multiple types of information, which may be provided by the operating system 101 or by at least one application program.

Fig. 2 is a flowchart illustrating an interface switching method according to an exemplary embodiment, which is applied to an electronic device, where the electronic device may be a mobile phone, a personal computer, a tablet computer, and the like, and referring to fig. 2, the method includes:

in step 201, the electronic device displays a first information presentation interface.

The electronic equipment comprises a plurality of information display interfaces, and the contents displayed by different information display interfaces are different. For example, application icons of a plurality of applications are displayed through the main interface, so that a user can select the application to be started, current time information, dynamic messages of the applications, a search bar and the like are displayed through a designated interface, and a chat interface of the social application is displayed through the social application.

The electronic equipment can switch among the information presentation interfaces according to the operation of the user. Taking the example that the electronic device currently displays the first information display interface, the user may view information displayed in the first information display interface, or may trigger one or more operations on the first information display interface, and control the operation of the electronic device based on the first information display interface. In the subsequent process, when the user wants to switch to another information presentation interface, the interface switching operation can be triggered on the first information presentation interface.

In step 202, when the interface switching operation is detected, the electronic device displays a dynamic effect, where the dynamic effect includes that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, and the color of the display element of the first information display interface gradually fades.

The method comprises the steps that a user triggers interface switching operation in a first information display interface, the interface switching operation is used for indicating the electronic equipment to switch from displaying the first information display interface to displaying a second information display interface, when the electronic equipment detects the interface switching operation, the second information display interface indicated by the interface switching operation is determined, the first information display interface is switched to displaying the second information display interface, and the user can check information in the second information display interface.

The interface switching operation may be a sliding operation, a long-time pressing operation, or other operations.

With respect to the process of determining the second information presentation interface:

in a possible implementation manner, the electronic device may establish a corresponding relationship between the interface switching operation and the target information display interface, which indicates that each type of interface switching operation corresponds to one target information display interface, and when the electronic device detects the interface switching operation, the corresponding relationship may be queried regardless of which interface the currently displayed first information display interface is, and the target information display interface corresponding to the interface switching operation is determined to serve as the second information display interface.

In another possible implementation manner, the plurality of information display interfaces are sequentially arranged according to a sequence, and the interface switching operation triggered by the user may have a switching direction, and when the electronic device detects the interface switching operation, a next information display interface of the first information display interface in the switching direction may be determined as the second information display interface according to the arrangement sequence of the plurality of information display interfaces and the switching direction of the interface switching operation.

The plurality of information display interfaces are sequentially arranged from left to right, and the switching direction can be left or right, or the plurality of information display interfaces are sequentially arranged from top to bottom, and the switching direction can be up or down.

For example, when the interface switching operation is a sliding operation and the plurality of information presentation interfaces are sequentially arranged, the interface switching direction may be determined according to the sliding direction of the sliding operation, the electronic device detects a leftward sliding operation and determines a second information presentation interface on the right side of the first information presentation interface so as to switch from the first information presentation interface to the second information presentation interface, or the electronic device detects a rightward sliding operation and determines a second information presentation interface on the left side of the first information presentation interface so as to switch from the first information presentation interface to the second information presentation interface.

In another possible implementation manner, when the interface switching operation is a long press operation and the plurality of information display interfaces are sequentially arranged, the interface switching direction is determined according to a trigger region of the long press operation in a display interface of the electronic device, the display interface of the electronic device includes a left region and a right region, when the long press operation is detected by the electronic device, the trigger region of the long press operation is determined, and when the trigger region is located in the left region, the interface switching direction is switched to the left, a second information display interface on the left side of the first information display interface is determined, so that the first information display interface is switched to the second information display interface. When the trigger area is located in the right area, the interface switching direction is rightward switching, and then a second information display interface on the right side of the first information display interface is determined, so that the first information display interface is switched to the second information display interface.

In one possible implementation manner, the first information display interface is a main interface, and the second information display interface is a designated interface; or the first information display interface is a designated interface, and the second information display interface is a main interface; the designated interface is located on the left or right side of the main interface.

Regarding the interface switching process:

in the embodiment of the disclosure, in order to avoid the problem that the display effect is not good due to the fact that the first information display interface is directly switched to the second information display interface, when the interface switching operation is detected in the first information display interface, the first information display interface is not directly switched to display the second information display interface, but the dynamic effect is displayed first, and when the dynamic effect display is completed, the second information display interface is switched to display.

The dynamic effect includes: the first information display interface is gradually switched to the second information display interface, namely the first information display interface gradually disappears on the display interface of the electronic equipment, the second information display interface gradually appears on the display interface of the electronic equipment, the disappearance of the first information display interface is synchronous with the appearance of the second information display interface, and the dynamic effect display is completed until the first information display interface completely disappears and the second information display interface completely appears. Then, at each time in the interface switching process, the first information display interface and the second information display interface together form a current display interface, and the current display interface is full of the whole display screen of the electronic device.

Moreover, in order to promote the display effect, a scene that the first information display interface gradually quits the display is simulated, and the dynamic effect further includes: the colors of the display elements of the first information display interface gradually fade.

The first information display interface comprises display elements and a background picture, the display elements are displayed on the upper layer of the background picture, and the background picture is used as the background of the display elements and can be displayed in a display area except the display elements in the display interface of the electronic equipment. The display elements may include various types of application icons, operation buttons, sliders, and the like, and the display elements may have one or more colors.

When the electronic equipment displays all the first information display interfaces, the display elements are displayed according to the original colors of the display elements, and the colors of the display elements are in an opaque state. And in the interface switching process, the electronic equipment gradually fades the color of the display element, so that the color of the display element is gradually adjusted from the opaque state to the transparent state until the color of the display element is in the completely transparent state when the first information display interface completely exits from the display interface of the electronic equipment.

For example, the first information presentation interface is a main interface of the electronic device, and the second information presentation interface is a designated interface.

Fig. 3 is a schematic diagram of a designation interface shown in accordance with an exemplary embodiment, fig. 4 is a schematic diagram of a main interface shown in accordance with an exemplary embodiment, and fig. 5 is a schematic diagram of a dynamic effect shown in accordance with an exemplary embodiment. Referring to fig. 3 to 5, the designated interface is located on the left side of the main interface, in the interface switching process, the main interface gradually moves to the right, the designated interface also gradually moves to the right, and in the moving process, the display elements in the main interface gradually fade. From the perspective of the user, the display elements in the main interface viewed by the user gradually adjust to a transparent state.

In step 203, when the dynamic effect display is completed, the electronic device displays a second information presentation interface.

The electronic device displays the dynamic effect that the first information display interface is gradually switched to the second information display interface in step 202, when the first information display interface disappears completely, the second information display interface appears completely, at this time, the dynamic effect display is completed, and all the second information display interfaces can be displayed on the display interface of the electronic device.

According to the method provided by the embodiment of the disclosure, by displaying the first information display interface, when the interface switching operation is detected, a dynamic effect is displayed, wherein the dynamic effect comprises that the first information display interface is gradually switched to the second information display interface indicated by the interface switching operation, the color of the display element of the first information display interface is gradually faded, and when the dynamic effect display is completed, the second information display interface is displayed. The interface switching mode is provided, the switched information display interface can not be directly displayed, the dynamic effect can be displayed in the interface switching process, the interface switching process is smooth and natural, and the display effect is improved.

On the basis of the above embodiment, at each time in the interface switching process, display needs to be performed according to the current interface switching progress.

Thus, in one possible implementation, this step 202 comprises:

in step 2021, according to the current interface switching progress, a part of the interface of the first information display interface is displayed in the first display area, a part of the interface of the second information display interface is displayed in the second display area, and a ratio between the first display area and the second display area is matched with the interface switching progress.

Since the display screen of the electronic device is fixed in size, the size of the display interface is also fixed. Because the sizes of the first information display interface and the second information display interface are the same as the size of the display screen, in the interface switching process, a part of the first information display interface and a part of the second information display interface need to be displayed simultaneously through one display interface.

The display interface includes a first display area and a second display area, and the sum of the size of the first display area and the size of the second display area is the same as the size of the display screen. The first display area is used for displaying part of the interface of the first information display interface, and the second display area is used for displaying part of the interface of the second information display interface. Moreover, the size of the first display area and the size of the second display area can be gradually adjusted according to the interface switching progress, so that the first display area is gradually reduced, and the second display area is gradually increased.

The interface switching progress represents the progress of switching the first information display interface into the second information display interface, and may be the proportion of the first information display interface and the second information display interface in the display interface of the electronic device, or may be the moving distance of the first information display interface (or the second information display interface), or may be other data that may represent the switching progress.

The proportion between the first display area and the second display area is matched with the interface switching progress, so that the displayed first information display interfaces are less and less, the effect that the first information display interfaces disappear gradually is achieved, the displayed second information display interfaces are more and more, the effect that the second information display interfaces appear gradually is achieved, the progress of the first information display interfaces and the progress of the second information display interfaces are consistent, and synchronization is achieved.

When the interface switching operation is a sliding operation, the electronic equipment determines the current interface switching progress according to the sliding operation.

In a possible implementation manner, the current interface switching progress is obtained according to the interface switching rate, the trigger time of the sliding operation and the current time. The interface switching rate is the moving rate of the first information display interface and the second information display interface, and the interface switching rate is equal to the preset rate or the sliding rate of the sliding operation. For example, the predetermined rate may be 14cm/s,20cm/s or other values.

When the electronic equipment detects the sliding operation, determining the trigger time of the sliding operation as the starting time of the sliding operation, determining the duration between the starting time of the sliding operation and the current time as the duration of the sliding operation, and calculating the product of the duration of the sliding operation and the interface switching rate to determine the moving distance of the sliding operation, wherein the moving distance represents the current interface switching progress. Or,

and then, adjusting the sizes of the first display area and the second display area according to the determined moving distance, and respectively displaying a part of interface of the first information display interface and a part of interface of the second information display interface according to the first display area and the second display area after the sizes are adjusted.

By adopting the display mode, the partial interface of the first information display interface and the partial interface of the second information display interface can be displayed at each moment in the interface switching process, and as time goes on, the displayed first information display interfaces are less and less, and the second information display interfaces are more and more, so that the effect that the first information display interface and the second information display interface move gradually and are gradually switched into the second information display interface from the first information display interface is realized.

In another possible implementation manner, the interface switching progress corresponding to the current sliding distance of the sliding operation is obtained according to the corresponding relationship between the sliding distance and the interface switching progress.

The electronic equipment presets a corresponding relation between the sliding distance and the interface switching progress, detects the sliding distance of the sliding operation in the process of executing the sliding operation by a user, and determines the interface switching progress corresponding to the current sliding operation according to the corresponding relation. And then, adjusting the sizes of the first display area and the second display area according to the determined moving distance, and respectively displaying a part of interface of the first information display interface and a part of interface of the second information display interface according to the first display area and the second display area after the sizes are adjusted.

In step 2022, the color of the display element of the first information display interface is gradually adjusted from the opaque state to the transparent state according to the current interface switching progress.

In the process of gradually switching from the first information display interface to the second information display interface, the color of the display element of the first information display interface gradually fades, and the color fading degree of the display element is matched with the interface switching progress, that is, the color of the display element of the first information display interface is displayed by the electronic device according to the transparency matched with the interface switching progress, so that the color of the display element of the first information display interface is gradually adjusted from the opaque state to the transparent state.

The display element in the first information display interface in the electronic equipment comprises a plurality of pixel blocks, for each pixel block in the first information display interface, the matched transparency is determined according to the current interface switching progress, and the color of the pixel block is displayed according to the determined transparency, so that the color of the pixel block is gradually adjusted from the opaque state to the transparent state along with the interface switching progress. At each moment in the interface switching process, each pixel block of the display element is displayed in the mode, the color of each pixel block in the display element is closer to transparency as time goes on, and the color of each pixel block in the display element is in a transparent state until the dynamic effect display is finished.

Wherein the pixel block is in the opaque state when the transparency of the color of the pixel block is 0%, and the pixel block is in the transparent state when the transparency of the color of the pixel block is 100%. In the process of displaying the dynamic effect, the transparency of the color of the pixel block of the display element in the first information display interface is gradually adjusted from 0% to 100%, so that the effect of gradually adjusting from the opaque state to the transparent state can be realized.

In a possible implementation manner, the interface switching progress is represented by the proportion of the second information display interface in the display interface, the proportion of the current second information display interface in the display interface is obtained, the proportion is used as the transparency, and the display elements of the first information display interface are displayed according to the transparency.

For example, when the second information presentation interface accounts for 40% of the display interface, the transparency of the pixel block of the display element is also 40%, and the pixel block is displayed at 40% transparency.

In another embodiment, in the process of gradually switching from the first information display interface to the second information display interface, the display elements of the first information display interface are correspondingly gradually adjusted to the same color as the background picture, and the color adjustment progress of the display elements is matched with the interface switching progress, that is, the electronic device adjusts the color of the display elements according to the color matched with the interface switching progress to control the change of the color of the display elements, and by adopting the method, the effect of gradually fading the color of the display elements can also be simulated.

The electronic equipment acquires the original color of a display element and the color of a background picture in a first information display interface, takes the color of the background picture as the target color of the display element, determines the color which should be displayed by the current display element according to the original color, the target color and the interface switching progress of the display element, and displays the color according to the color.

The display elements in the first information display interface comprise a plurality of pixel blocks, for each pixel block in the display elements of the first information display interface, according to the original color of the pixel block and the target color of the pixel block corresponding to the pixel block in the background picture, the color matched with the interface switching progress is determined, and the pixel block is displayed according to the determined color.

In a possible implementation manner, the interface switching progress is represented by the proportion of the second information display interface in the display interface, the original color of the pixel block and the target color corresponding to the pixel block in the background picture are obtained, the difference value between the original color and the target color of the pixel block is calculated, the product of the difference value and the interface switching progress is calculated, the original color of the pixel block and the calculated product are added, the color of the current pixel block is determined, and the pixel block is displayed according to the determined color.

At each moment in the interface switching process, the plurality of pixel blocks of the display elements are displayed in the mode, the color of each pixel block in the display elements is closer to the color of the corresponding pixel block in the background picture along with the time, and the color of each pixel block in the display elements is the same as the color of the corresponding pixel block in the background picture until the dynamic effect display is completed.

The color of any pixel block may be represented by a pixel value or may be represented by other data.

For example, when the color of the pixel block is represented by a pixel value, and the pixel value of a specific pixel block of the display elements of the first information presentation interface is 50, the pixel value of the pixel block corresponding to the specific pixel block in the background picture is 100. When the current interface switching progress is 50%, the pixel value of the specified pixel block is determined to be 75 through calculation, and then the color of the specified pixel block is displayed according to the pixel value 75.

It should be noted that, in this embodiment, for example, the interface switching progress is determined according to the duration of the sliding operation, the sliding rate, or the sliding duration, in the continuous process of the sliding operation, the interface switching progress gradually changes, and the electronic device displays a corresponding dynamic effect according to the interface switching progress. And displaying the second information display interface when the dynamic effect display is finished.

However, if the user finishes the sliding operation when the dynamic effect display is not completed, the dynamic effect may be continuously displayed until the first information display interface completely disappears and the second information display interface completely displays. Or, whether to continue switching or stop switching can be determined according to the current interface switching progress.

For example, when it is detected that the sliding operation is finished and the dynamic effect is not yet displayed, the current interface switching progress is obtained, and when it is determined that the interface switching progress does not reach the preset progress and the switching is not performed any more, the first information display interface is displayed again and the second information display interface is not displayed any more. Or the display is gradually switched from the second information display interface to the first information display interface, and the color of the display element of the first information display interface gradually recovers to the dynamic effect of the opaque state. And when the interface switching progress is determined to reach the preset progress, continuously displaying the dynamic effect until the first information display interface completely disappears and the second information display interface completely displays. When the interface switching progress is represented by the proportion of the second information display interface in the display interface, the preset progress is 50%, or when the interface switching progress is represented by the moving distance of the second information display interface, the preset progress is half of the size of the display screen.

On the basis of the above embodiment, the first information display interface includes a first interface layer and a second interface layer, the first interface layer is located on an upper layer of the second interface layer, the first interface layer includes display elements of the first information display interface, the second interface layer includes a background picture of the first information display interface, and a region of the first interface layer other than the display elements is a transparent region, so when the electronic device displays the first information display interface, the display elements in the first information display interface are displayed, and the region other than the display elements displays the background picture of the second interface layer, thereby achieving an effect of displaying the first information display interface.

The second information display interface comprises a third interface layer and a fourth interface layer, the third interface layer is positioned on the upper layer of the fourth interface layer, the third interface layer comprises display elements of the second information display interface, and the fourth interface layer has a preset color which can be red, green, white or other colors. And the region of the third interface layer except the display element is a transparent region, so when the electronic equipment displays the second information display interface, the display element in the third interface layer is displayed, and the region except the display element displays the color of the fourth interface layer, thereby realizing the effect of displaying the second information display interface.

When the electronic equipment detects interface switching operation through the first information display interface, the first information display interface and the second information display interface are obtained, and dynamic effects are displayed according to the display elements in the first information display interface and the colors of the background pictures, and the display elements in the second information display interface and preset colors.

In addition, the second information display interface may further include a fifth interface layer, the fifth interface layer being located at a lower layer of the fourth interface layer, the fifth interface layer including a background picture that is the same as the background picture of the first information display interface. The fourth interface layer and the fifth interface layer together serve as a background for the display elements. And when the electronic equipment detects the interface switching operation through the first information display interface, acquiring the first information display interface and the second information display interface, and displaying the dynamic effect according to the display elements and the colors of the background pictures in the first information display interface, and the display elements, the preset colors and the background pictures in the second information display interface.

On the basis of the above embodiment, the electronic device includes an operating system and a designated application program, the first information presentation interface is a main interface, and the second information presentation interface is a designated interface.

This step 202 further includes: and when the operating system detects interface switching operation in the main interface, acquiring a designated interface provided by a designated application program, and displaying the dynamic effect according to the main interface and the designated interface.

The electronic equipment can be provided with a cache region, the designated application program can store interface data of the designated interface in the cache region, and the operating system can extract the interface data from the cache region, so that the designated interface is obtained, and the dynamic effect is displayed according to the main interface and the designated interface.

In a possible implementation manner, the main interface includes the first interface layer and the second interface layer, and in a case that the designated interface includes the third interface layer and the fourth interface layer, the designated application provides a display element and a preset color of the designated interface, and the operating system obtains the display element and the preset color of the designated interface and displays a dynamic effect according to the display element of the main interface and the color of the background picture of the main interface, and the display element and the preset color of the designated interface. For example, the designated application stores the display elements and the preset colors in the designated interface in a cache for use by the operating system.

The operation system displays the display elements and the background pictures of the main interface through the first display area, displays the display elements of the first interface layer through the second display area, and displays the preset colors of the second interface layer in the area except the display elements in the first display area. In the display process, the size of the first display area is gradually increased, the size of the second display area is gradually decreased, and the color of the display element of the main interface is gradually faded, so that the main interface is gradually switched to the designated interface.

On the basis of the above embodiment, the dynamic effect further includes an effect that the display elements of the second information presentation interface are gradually adjusted from the transparent state to the opaque state.

When the second information display interface is not displayed, the display elements of the second information display interface are in a transparent state, the lower layers of the display elements are displayed with preset colors, and in the process of switching from the first information display interface to the second information display interface, the colors of the display elements in the second information display interface are gradually adjusted from the transparent state to the opaque state.

When the second information display interface is not displayed, the transparency of the display element is 100%, the display element is in a transparent state, in the process that the color of the display element in the second information display interface is gradually adjusted from the transparent state to the opaque state, the current transparency of the color of the display element is determined according to the interface switching progress, so that the transparency of the display element is adjusted, until the transparency of the display element is adjusted to 0%, the display element is in the opaque state, and the dynamic effect of gradually adjusting the transparent state to the opaque state is achieved by adjusting the transparency of the display element.

When the electronic equipment detects the interface switching operation, the first information display interface gradually disappears, the second information display interface gradually appears, the color of the display element of the first information display interface is gradually adjusted from the opaque state to the transparent state, the color of the display element of the second information display interface is gradually adjusted from the transparent state to the opaque state so as to achieve the effect that the display element of the first information display interface and the display element of the second information display interface are both gradually adjusted, the interface switching process is smooth and natural, and the display effect is improved.

In another embodiment, the display element has an original color, and a preset color is displayed on a lower layer of the display element, when the second information display interface is not displayed yet, the color of the display element may be set to the preset color, and in the process of switching from the first information display interface to the second information display interface, the color of the display element in the second information display interface is gradually adjusted from the preset color to the same color as the original color of the display element until the dynamic effect display is completed, the color of the display element is the original color.

In a possible implementation manner, in the process that the display element in the second information display interface is gradually adjusted from the preset color to the color that is the same as the original color of the display element, the preset color of the display element is used as the initial color of the display element, the original color of the display element is used as the target color of the display element, the color that the current display element should display is determined according to the initial color of the display element, the target color of the display element and the interface switching progress, the process of determining the color that the current display element should display is similar to the determination process in step 2022, and details are not repeated here.

When the electronic equipment detects the interface switching operation, the first information display interface gradually disappears, the second information display interface gradually appears, the color of the display element of the first information display interface is gradually adjusted to be the same as the color of the background picture of the first information display interface, the color of the display element of the second information display interface is gradually adjusted to be the same as the original color of the display element from the preset color, the effect that the display element of the first information display interface and the display element of the second information display interface are gradually adjusted is achieved, the interface switching process is smooth and natural, and the display effect is improved.

FIG. 6 is a flow chart illustrating a method of interface switching according to an example embodiment. Referring to fig. 6, the method includes:

in step 601, the electronic device displays a first information presentation interface.

In step 602, when the electronic device detects an interface switching operation, a second information presentation interface indicated by the interface switching operation is determined.

In step 603, at the current time, the current interface switching progress is obtained according to the interface switching rate, the trigger time of the sliding operation and the current time.

In another embodiment, this step 603 may be replaced by the following steps: and acquiring the interface switching progress corresponding to the current sliding distance of the sliding operation according to the corresponding relation between the sliding distance and the interface switching progress.

In step 604, according to the current interface switching progress, a part of the interface of the first information display interface is displayed in the first display area, and a part of the interface of the second information display interface is displayed in the second display area.

In step 605, the electronic device determines the transparency of each pixel block in the display elements of the first information presentation interface according to the interface switching progress, and displays the pixel blocks according to the transparency.

In step 606, at the next moment, the current interface switching progress is continuously obtained, and the current interface switching progress is displayed according to the current interface switching progress until the interface switching is determined to be completed according to the interface switching progress, and the electronic device displays all the second information display interfaces.

Fig. 7 is a schematic structural diagram illustrating an interface switching apparatus according to an exemplary embodiment. Referring to fig. 7, the apparatus includes an interface display module 701 and a dynamic display module 702.

An interface display module 701, configured to display a first information display interface;

the dynamic display module 702 is configured to, when an interface switching operation is detected, display a dynamic effect, where the dynamic effect includes that a first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, and a color of a display element of the first information display interface gradually fades;

the interface display module 701 is further configured to display a second information display interface when the dynamic effect display is completed.

The device provided by the embodiment of the disclosure displays a dynamic effect by displaying the first information display interface when the interface switching operation is detected, wherein the dynamic effect includes that the first information display interface is gradually switched to the second information display interface indicated by the interface switching operation, the color of the display element of the first information display interface is gradually faded, and when the dynamic effect display is completed, the second information display interface is displayed. The interface switching mode is provided, the switched information display interface can not be directly displayed, the dynamic effect can be displayed in the interface switching process, the interface switching process is smooth and natural, and the display effect is improved.

In one possible implementation, referring to fig. 8, the dynamic display module 702 includes:

a display unit 7021, configured to display a part of an interface of the first information display interface in the first display area and a part of an interface of the second information display interface in the second display area according to the current interface switching progress; the proportion between the first display area and the second display area is matched with the interface switching progress.

In another possible implementation, the dynamic display module 702 includes:

an adjusting unit 7022, configured to gradually adjust the color of the display element of the first information display interface from an opaque state to a transparent state according to the current interface switching progress.

In another possible implementation manner, the adjusting unit 7022 is further configured to, for each pixel block in the display elements of the first information presentation interface, determine a transparency of the pixel block according to the interface switching progress, and display the pixel block according to the transparency, so that the color of the pixel block is gradually adjusted from the opaque state to the transparent state along with the interface switching progress.

In another possible implementation manner, the interface switching operation is a sliding operation, and the dynamic display module 702 further includes:

an obtaining unit 7023, configured to obtain a current interface switching progress according to an interface switching rate, a trigger time of the sliding operation, and a current time, where the interface switching rate is equal to a preset rate or a sliding rate of the sliding operation; or,

the obtaining unit 7023 is further configured to obtain, according to a corresponding relationship between the sliding distance and the interface switching progress, the interface switching progress corresponding to the current sliding distance of the sliding operation.

the device also comprises an operating system and a specified application program; the interface display module 701 and the dynamic display module 702 are positioned in an operating system;

a dynamic display module 702, configured to, when an interface switching operation is detected in the main interface, obtain a specified interface provided by a specified application program; and displaying the dynamic effect according to the main interface and the designated interface.

In another possible implementation manner, the first information display interface includes a first interface layer and a second interface layer, the first interface layer is located at an upper layer of the second interface layer, the first interface layer includes display elements of the first information display interface, and the second interface layer includes background pictures of the first information display interface;

the dynamic display module 702 is further configured to display a dynamic effect according to the color of the display element and the background picture of the first information display interface, and the display element and the preset color of the second information display interface.

In another possible implementation, the dynamic effect further includes gradually adjusting a color of a display element of the second information presentation interface from a transparent state to an opaque state.

It should be noted that: the interface switching device provided in the above embodiment is only illustrated by dividing the functional modules when the interface is switched, and in practical applications, the function distribution may be completed by different functional modules according to needs, that is, the internal structure of the electronic device is divided into different functional modules to complete all or part of the functions described above. In addition, the interface switching device and the interface switching method provided by the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiments and are not described herein again.

FIG. 9 is a block diagram illustrating an electronic device in accordance with an example embodiment. For example, the electronic device 900 may be a mobile phone, a computer, a digital broadcaster, a messaging device, a game console, a tablet device, a medical device, an exercise device, a personal digital assistant, and the like.

Referring to fig. 9, electronic device 900 may include one or more of the following components: processing component 902, memory 904, power component 906, multimedia component 908, audio component 910, input/output (I/O) interface 912, sensor component 914, and communication component 916.

The processing component 902 generally controls overall operation of the electronic device 900, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 902 may include one or more processors 920 to execute instructions to perform all or a portion of the steps of the methods described above. Further, processing component 902 can include one or more modules that facilitate interaction between processing component 902 and other components. For example, the processing component 902 can include a multimedia module to facilitate interaction between the multimedia component 908 and the processing component 902.

The memory 904 is configured to store various types of data to support operation at the electronic device 900. Examples of such data include instructions for any application or method operating on the electronic device 900, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 904 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.

The power supply component 906 provides power to the various components of the electronic device 900. The power components 906 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the electronic device 900.

The multimedia components 908 include a screen that provides an output interface between the electronic device 900 and a user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 908 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the electronic device 900 is in an operating mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

The audio component 910 is configured to output and/or input audio signals. For example, the audio component 910 includes a Microphone (MIC) configured to receive external audio signals when the electronic device 900 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 904 or transmitted via the communication component 916. In some embodiments, audio component 910 further includes a speaker for outputting audio signals.

I/O interface 912 provides an interface between processing component 902 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.

The sensor component 914 includes one or more sensors for providing status evaluations of various aspects of the electronic device 900. For example, sensor assembly 914 may detect an open/closed state of electronic device 900, the relative positioning of components, such as a display and keypad of electronic device 900, sensor assembly 914 may also detect a change in the position of electronic device 900 or a component of electronic device 900, the presence or absence of user contact with electronic device 900, orientation or acceleration/deceleration of electronic device 900, and a change in the temperature of electronic device 900. The sensor assembly 914 may include a proximity sensor configured to detect the presence of a nearby object in the absence of any physical contact. The sensor assembly 914 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 914 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

The communication component 916 is configured to facilitate wired or wireless communication between the electronic device 900 and other devices. The electronic device 900 may access a wireless network based on a communication standard, such as Wi-Fi,2G, or 3G, or a combination thereof. In an exemplary embodiment, the communication component 916 receives a broadcast signal or broadcast associated information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 916 further includes a Near Field Communication (NFC) module to facilitate short-range communications.

In an exemplary embodiment, the electronic device 900 may be implemented by one or more Application Specific Integrated Circuits (ASICs), digital Signal Processors (DSPs), digital Signal Processing Devices (DSPDs), programmable Logic Devices (PLDs), field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described interface switching method.

In an exemplary embodiment, a non-transitory computer readable storage medium comprising instructions, such as the memory 904 comprising instructions, executable by the processor 920 of the electronic device 900 to perform the above-described method is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It will be understood that the present disclosure is not limited to the precise arrangements that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An interface switching method, characterized in that the method comprises:

displaying a first information display interface;

when interface switching operation is detected, displaying a dynamic effect, wherein the dynamic effect comprises that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, the color of display elements of the first information display interface is gradually faded, the first information display interface comprises a first interface layer and a second interface layer, the first interface layer is positioned on the upper layer of the second interface layer, the first interface layer comprises the display elements of the first information display interface, and the second interface layer comprises a background picture of the first information display interface; the second information display interface comprises a third interface layer and a fourth interface layer, the third interface layer is positioned on the upper layer of the fourth interface layer, the third interface layer comprises display elements of the second information display interface, and the fourth interface layer has a preset color;

when the dynamic effect display is finished, displaying the second information display interface;

wherein, when detecting interface switching operation, show dynamic effect, include:

respectively determining the color adjustment progress of the first information display interface and the color adjustment progress of the second information display interface according to the current interface switching progress; based on the color adjustment progress of the first information display interface, gradually adjusting the color of the display element of the first information display interface to be the same as the color of the background picture, and based on the color adjustment progress of the second information display interface, gradually adjusting the color of the display element of the second information display interface from the preset color to be the same as the original color of the display element of the second information display interface, wherein the interface switching progress is the moving distance of the first information display interface.

2. The method according to claim 1, wherein when the interface switching operation is detected, displaying a dynamic effect comprises:

according to the current interface switching progress, displaying a part of interfaces of the first information display interface in a first display area, and displaying a part of interfaces of the second information display interface in a second display area;

3. The method according to claim 1, wherein when the interface switching operation is detected, displaying a dynamic effect comprises:

4. The method according to claim 3, wherein the gradually adjusting the color of the display element of the first information presentation interface from the opaque state to the transparent state according to the current interface switching progress comprises:

5. The method according to claim 2 or 3, wherein the interface switching operation is a sliding operation, the method further comprising:

6. The method of claim 1, wherein the first information presentation interface is a primary interface and the second information presentation interface is a designated interface; when detecting the interface switching operation, the dynamic effect is displayed, including:

7. The method of claim 1, wherein the dynamic effect further comprises gradually adjusting display elements of the second information presentation interface from a transparent state to an opaque state.

8. An interface switching device, comprising:

the dynamic display module is configured to display a dynamic effect when an interface switching operation is detected, where the dynamic effect includes that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, and colors of display elements of the first information display interface are gradually faded, the first information display interface includes a first interface layer and a second interface layer, the first interface layer is located on an upper layer of the second interface layer, the first interface layer includes the display elements of the first information display interface, and the second interface layer includes a background picture of the first information display interface; the second information display interface comprises a third interface layer and a fourth interface layer, the third interface layer is positioned on the upper layer of the fourth interface layer, the third interface layer comprises display elements of the second information display interface, and the fourth interface layer has a preset color;

the interface display module is further configured to display the second information display interface when the dynamic effect display is completed;

the dynamic display module comprises:

the adjusting unit is used for respectively determining the color adjusting progress of the first information display interface and the color adjusting progress of the second information display interface according to the current interface switching progress; based on the color adjustment progress of the first information display interface, gradually adjusting the color of the display element of the first information display interface to be the same as the color of the background picture, and based on the color adjustment progress of the second information display interface, gradually adjusting the color of the display element of the second information display interface from the preset color to be the same as the original color of the display element of the second information display interface, wherein the interface switching progress is the moving distance of the first information display interface.

9. The apparatus of claim 8, wherein the dynamic display module comprises:

10. The apparatus of claim 8, wherein the dynamic display module comprises:

11. The apparatus according to claim 10, wherein the adjusting unit is further configured to determine, for each pixel block in the display elements of the first information presentation interface, a transparency of the pixel block according to the interface switching progress, and display the pixel block according to the transparency, so that the color of the pixel block is gradually adjusted from the opaque state to the transparent state along with the interface switching progress.

12. The apparatus of claim 9 or 10, wherein the interface switching operation is a sliding operation, and wherein the dynamic display module further comprises:

13. The apparatus of claim 8, wherein the first information presentation interface is a main interface and the second information presentation interface is a designated interface;

14. The apparatus of claim 8, wherein the dynamic effect further comprises a gradual adjustment of a color of display elements of the second information presentation interface from a transparent state to an opaque state.

15. An interface switching device, comprising:

one or more processors;

wherein the one or more processors are configured to:

displaying a first information display interface;

when an interface switching operation is detected, displaying a dynamic effect, wherein the dynamic effect comprises that the first information display interface is gradually switched to a second information display interface indicated by the interface switching operation, the color of display elements of the first information display interface is gradually faded, the first information display interface comprises a first interface layer and a second interface layer, the first interface layer is positioned at the upper layer of the second interface layer, the first interface layer comprises the display elements of the first information display interface, and the second interface layer comprises a background picture of the first information display interface; the second information display interface comprises a third interface layer and a fourth interface layer, the third interface layer is positioned on the upper layer of the fourth interface layer, the third interface layer comprises display elements of the second information display interface, and the fourth interface layer has a preset color;

16. A computer-readable storage medium having stored therein at least one instruction, which is loaded and executed by a processor to perform operations performed in the interface switching method according to any one of claims 1 to 7.