CN107203372B

CN107203372B - Control display method and device

Info

Publication number: CN107203372B
Application number: CN201610158089.3A
Authority: CN
Inventors: 刘海涛
Original assignee: Beijing Baidu Netcom Science and Technology Co Ltd
Current assignee: Beijing Baidu Netcom Science and Technology Co Ltd
Priority date: 2016-03-18
Filing date: 2016-03-18
Publication date: 2021-03-19
Anticipated expiration: 2036-03-18
Also published as: CN107203372A

Abstract

The embodiment of the invention provides a control display method and device. On one hand, the embodiment of the invention receives a data request sent by a client; thus, according to the data request, generating animation configuration information of the UI control of the user interface, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control; and further, the generated animation configuration information is sent to a client side, so that the client side can conveniently play the animation on the UI control displayed in the client side page according to the animation configuration information. Therefore, the technical scheme provided by the embodiment of the invention can solve the problems of single display style and poor flexibility of the control in the client page in the prior art.

Description

Control display method and device

[ technical field ] A method for producing a semiconductor device

The invention relates to the technical field of internet application, in particular to a control display method and device.

[ background of the invention ]

With the continuous intellectualization of the terminal and the rapid development of the mobile network technology, various applications appear, and most of the time of users outside the work is occupied by various applications, so that the applications enrich the life of the users and bring convenience to the life of the users.

In the prior art, the style of a control on a client page of an application is determined in an application research and development stage, so that the style of the control on the client page is generally fixed and single, and accumulation of display contents or color stacking is mostly adopted as the style of the control in the client page. In the prior art, a client page cannot realize strengthened display of a control, and the flexibility of the displayed control style is poor.

[ summary of the invention ]

In view of this, embodiments of the present invention provide a control display method and apparatus, so as to solve the problems of a single display style and poor flexibility of a control in a client page in the prior art.

In one aspect of the embodiments of the present invention, a control display method is provided, including:

receiving a data request sent by a client;

generating animation configuration information of the UI control of the user interface according to the data request, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

and sending the generated animation configuration information to a client so that the client can play the animation on a UI control displayed in a client page according to the animation configuration information.

The above-described aspect and any possible implementation manner further provide an implementation manner, where generating animation configuration information of a UI control according to the data request includes:

reading a corresponding configuration file according to the data request;

judging whether the UI control is displayed by using an animation effect or not according to the configuration file;

and if the UI control is judged to be displayed by using animation effect, acquiring the name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file, and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control.

The foregoing aspects and any possible implementations further provide an implementation, where the data request includes at least one of an identifier of the client, version information, geographic location information of a terminal where the client is located, operating system information, a Uniform Resource Locator (URL) address, and an ID of a UI control;

reading a corresponding configuration file according to the data request, wherein the reading comprises the following steps: and reading a corresponding configuration file according to at least one of the identification and the version information of the client, the geographical position information of the terminal where the client is located, the operating system information, the URL address and the ID of the UI control.

The above-described aspects and any possible implementations further provide an implementation in which at least two animation types are present for one of the UI controls;

the method further comprises the following steps: acquiring the showing conditions of the animation corresponding to each animation type in the at least two animation types from the configuration file;

the generating of the animation configuration information of the UI control comprises the following steps: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the display condition.

The above-described aspects and any possible implementations further provide an implementation in which the number of UI controls is at least two;

the method further comprises the following steps: acquiring the display conditions of the animation of each UI control in the at least two UI controls from the configuration file;

the generating of the animation configuration information of the UI control comprises the following steps: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the animation display condition of each UI control.

the generating of the animation configuration information of the UI control comprises the following steps: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control, the animation display condition corresponding to each animation type in the at least two animation types and the animation display condition of each UI control.

sending a data request to a server so that the server can generate animation configuration information of a User Interface (UI) control according to the data request, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

receiving the animation configuration information sent by the server;

and playing the animation on the UI control displayed in the client page according to the animation configuration information.

The above-described aspect and any possible implementation manner further provide an implementation manner, where playing an animation on a UI control displayed in a client page according to the animation configuration information includes:

analyzing the animation configuration information to obtain the identification of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control;

performing compatible fault-tolerant detection on each information analyzed from the animation configuration information;

if the detection result is that the information is normal, generating an animation for the UI control corresponding to the identification of the UI control according to the animation type identification of the UI control and the animation display attribute of the UI control;

and displaying the UI control in the client page, and playing the animation on the UI control.

the method further comprises the following steps: analyzing the animation configuration information to obtain the display condition of the animation corresponding to each animation type in the at least two animation types;

displaying the UI control in the client page, and playing the animation on the UI control displayed in the client page, wherein the steps of: and displaying the UI control in the client page according to the acquired page data, and playing at least two animations on the UI control according to the display conditions of the animations corresponding to each animation type in the at least two animation types.

the method further comprises the following steps: analyzing the animation configuration information to obtain the display conditions of the animation of each UI control in the at least two UI controls;

displaying the UI control in the client page, and playing the animation on the UI control displayed in the client page, wherein the steps of: and displaying each UI control in the client page according to the acquired page data, and playing the animation on each UI control according to the display condition of the animation of each UI control.

displaying the UI control in the client page, and playing the animation on the UI control displayed in the client page, wherein the steps of: and displaying each UI control in the client page according to the acquired page data, and playing the animation on each UI control according to the display condition of the animation of each UI control and the display condition of the animation corresponding to each animation type in the two animation types of each control.

The above-described aspects and any possible implementations further provide an implementation, and the method further includes:

if the detection result is that the information is abnormal, acquiring a locally preset animation;

and displaying each UI control in the client page according to the acquired page data, and playing the locally preset animation on each UI control.

In one aspect of the embodiments of the present invention, a control display apparatus is provided, including:

the receiving unit is used for receiving a data request sent by a client;

a generating unit, configured to generate animation configuration information of a user interface UI control according to the data request, where the animation configuration information includes: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

and the sending unit is used for sending the generated animation configuration information to a client so that the client can play the animation on the UI control displayed in the client page according to the animation configuration information.

The above-described aspect and any possible implementation further provide an implementation, where the generating unit further includes:

the reading module is used for reading the corresponding configuration file according to the data request;

the judging module is used for judging whether the UI control is displayed by using an animation effect according to the configuration file;

and the generating module is used for acquiring the name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file if the judging module judges that the UI control utilizes animation effect to display, and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control.

the reading module is specifically configured to: and reading a corresponding configuration file according to at least one of the identification and the version information of the client, the geographical position information of the terminal where the client is located, the operating system information, the URL address and the ID of the UI control.

the generation module is further to: acquiring the showing conditions of the animation corresponding to each animation type in the at least two animation types from the configuration file;

the generation module is specifically configured to: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the display condition.

the generation module is further to: acquiring the display conditions of the animation of each UI control in the at least two UI controls from the configuration file;

the generation module is specifically configured to: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the animation display condition of each UI control.

the generation module is specifically configured to: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control, the animation display condition corresponding to each animation type in the at least two animation types and the animation display condition of each UI control.

a sending unit, configured to send a data request to a server, so that the server generates animation configuration information of a user interface UI control according to the data request, where the animation configuration information includes: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

the receiving unit is used for receiving the animation configuration information sent by the server;

and the loading unit is used for playing the animation on the UI control displayed in the client page according to the animation configuration information.

The above-described aspect and any possible implementation further provide an implementation, where the load unit further includes:

the analysis module is used for analyzing the animation configuration information to acquire the identification of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control;

the detection module is used for carrying out compatible fault-tolerant detection on each information analyzed from the animation configuration information;

the generating module is used for generating an animation for the UI control corresponding to the identification of the UI control according to the animation type identification of the UI control and the animation display attribute of the UI control if the detection result of the detecting module is normal;

and the display module is used for displaying the UI control in the client page and playing the animation on the UI control.

the analysis module is further configured to: analyzing the animation configuration information to obtain the display condition of the animation corresponding to each animation type in the at least two animation types;

the presentation module is specifically configured to: and displaying the UI control in the client page according to the acquired page data, and playing at least two animations on the UI control according to the display conditions of the animations corresponding to each animation type in the at least two animation types.

the analysis module is further configured to: analyzing the animation configuration information to obtain the display conditions of the animation of each UI control in the at least two UI controls;

the presentation module is specifically configured to: and displaying each UI control in the client page according to the acquired page data, and playing the animation on each UI control according to the display condition of the animation of each UI control.

the presentation module is specifically configured to: and displaying each UI control in the client page according to the acquired page data, and playing the animation on each UI control according to the display condition of the animation of each UI control and the display condition of the animation corresponding to each animation type in the two animation types of each control.

The above-described aspect and any possible implementation further provide an implementation, where the load unit further includes: the acquisition module is used for acquiring a locally preset animation if the detection result of the detection unit is abnormal;

the presentation module is further configured to: and displaying each UI control in the client page according to the acquired page data, and playing the locally preset animation on each UI control.

According to the technical scheme, the embodiment of the invention has the following beneficial effects:

according to the technical scheme provided by the embodiment of the invention, the display of the UI control on the client page can be dynamically configured through the animation configuration information, so that the client can load the animation on the UI control displayed on the client page, the problem that the UI control has a fixed and single style in the prior art is avoided, and the diversity of the UI control styles on the client page and the flexibility of style configuration are improved.

[ description of the drawings ]

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive labor.

Fig. 1 is a flowchart illustrating a first embodiment of a control presentation method according to an embodiment of the present invention;

fig. 2 is a flowchart illustrating a second embodiment of a control presentation method according to an embodiment of the present invention;

fig. 3 is a flowchart illustrating a third embodiment of a control presentation method according to an embodiment of the present invention;

fig. 4 is a flowchart illustrating a fourth embodiment of a control presentation method according to an embodiment of the present invention;

FIG. 5 is an exemplary diagram of loading animations on UI controls in a client page provided by embodiments of the present invention;

FIG. 6 is a functional block diagram of a control presentation apparatus according to a first embodiment of the present invention;

FIG. 7 is a functional block diagram of a second embodiment of a control presentation apparatus according to the present invention;

FIG. 8 is a functional block diagram of a third embodiment of a control presentation apparatus according to the present invention;

fig. 9 is a functional block diagram of a control presentation apparatus according to a fourth embodiment of the present invention.

[ detailed description ] embodiments

For better understanding of the technical solutions of the present invention, the following detailed descriptions of the embodiments of the present invention are provided with reference to the accompanying drawings.

It should be understood that the described embodiments are only some embodiments of the invention, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

The terminology used in the embodiments of the invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the examples of the present invention and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.

It should be understood that the term "and/or" as used herein is merely one type of association that describes an associated object, meaning that three relationships may exist, e.g., a and/or B may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship.

The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination" or "in response to a detection", depending on the context. Similarly, the phrases "if determined" or "if detected (a stated condition or event)" may be interpreted as "when determined" or "in response to a determination" or "when detected (a stated condition or event)" or "in response to a detection (a stated condition or event)", depending on the context.

Example one

The embodiment provides a control showing method, and the embodiment is an embodiment for realizing the control showing method on a server side. Please refer to fig. 1, which is a flowchart illustrating a first embodiment of a method for showing controls according to an embodiment of the present invention, as shown in the figure, the method includes the following steps:

s101, receiving a data request sent by a client.

Specifically, when the client needs to display a client page, such as a home page of the client, a game page of the client, and the like, the client needs to send a data request to the server, so as to obtain page data required for displaying the client page from the server through the data request. In this way, the server may receive a data request sent by the client.

In a specific implementation, the data request received by the server from the client may include, but is not limited to, at least one of the following information: at least one of an identifier of the client, version information, geographical location information of a terminal where the client is located, operating system information, a Uniform Resource Locator (URL) address, and an identity identifier (identity id) of a User Interface (UI) control.

S102, generating animation configuration information of the UI control of the user page according to the data request, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and displaying the animation of the UI control.

Specifically, after receiving the data request, the server needs to generate animation configuration information of the UI control according to the data request.

For example, in the embodiment of the present invention, the method for generating the animation configuration information of the UI control by the server according to the data request may include, but is not limited to:

firstly, the server reads the corresponding configuration file according to the data request. And then, the server judges whether the UI control is displayed by using animation effect according to the configuration file. And if the UI control is judged to be displayed by using animation effect, acquiring the name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file, and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control.

In a specific implementation process, the server may read the corresponding configuration file according to at least one of the identifier of the client, the version information, the geographic location information of the terminal where the client belongs to, the operating system information, the URL address, and the ID of the UI control.

In the embodiment of the invention, different configuration files can be respectively set in advance according to different clients, different version information, different geographical position information, different operating system information, different URL addresses or different UI controls. Thus, after the server receives the data request, the server can read the corresponding configuration file according to one or more information therein. The server may read the configuration file according to which information or information, and may be predefined in the server.

It is to be understood that the configuration file of the setting may be stored in other servers, or may also be stored in a database, or may also be stored locally in the server that receives the data request, which is not particularly limited in this embodiment of the present invention.

In a specific implementation process, the server may read policy information from the configuration file, and then determine whether the UI control corresponding to the identifier of the UI control included in the data request needs to be displayed with an animation effect according to the policy information. For example, if the policy information defines that animation effect presentation is required as long as the data request includes the identifier of the UI control, the server may determine, according to the policy information, that the UI control is required to be presented with animation effect, and conversely, if the data request does not include the identifier of the UI control, determine that the UI control is not required to be presented with animation effect. Or, for another example, if it is defined in the policy information that animation effect presentation needs to be used as long as the time of the data request is holiday, the server may determine whether the data request is holiday according to the time of the data request, and if so, determine that the UI control needs to be presented with animation effect; otherwise, if the UI control is not displayed in holidays, the UI control is judged not to be displayed by using animation effects. Here, the embodiment of the present invention is only an example, and specific definition content of the policy information is not particularly limited, and may be dynamically configured according to business requirements.

In the embodiment of the present invention, after it is determined that the UI control is displayed with an animation effect, the server may obtain, from the configuration file, the name of the UI control, the animation type identifier of the UI control, and the animation display attribute of the UI control, and then the server generates the animation configuration information according to the obtained name of the UI control, the animation type identifier of the UI control, and the animation display attribute of the UI control.

For example, in the embodiment of the present invention, the method for the server to obtain information from the configuration file and generate the animation configuration information may include, but is not limited to, the following four methods:

the first method comprises the following steps: when only one UI control needs to be displayed by using animation effect and only one corresponding animation type exists in the UI control, the server only needs to acquire the name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file, and generates animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control.

And the second method comprises the following steps: when only one UI control needs to be displayed by using animation effects and the UI control has at least two corresponding animation types, the server needs to obtain the name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file, and also needs to obtain the display conditions of the animation corresponding to each of the at least two animation types from the configuration file. And the server generates the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the display sequence.

And the third is that: when there are at least two UI controls and each UI control has only one corresponding animation type, the server needs to obtain the name of the UI control, the animation type identifier of the UI control and the animation display attribute of the UI control from the configuration file, and also needs to obtain the display conditions of the animation of each UI control in the at least two UI controls from the configuration file; and the server generates the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the display condition of the animation of each UI control.

And fourthly: when there are at least two UI controls and each UI control has at least two animation types corresponding thereto, the server needs to obtain the name of the UI control, the animation type identifier of the UI control, and the animation display attribute of the UI control from the configuration file, and also needs to obtain the animation display conditions of each UI control of the at least two UI controls from the configuration file, and obtain the animation display conditions corresponding to each animation type of the at least two animation types from the configuration file. And then, the server generates the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control, the display condition of the animation corresponding to each animation type in the at least two animation types and the display condition of the animation of each UI control.

It is understood that an empty file may be generated in advance, and when the server acquires a piece of information from the configuration file, the acquired piece of information may be added to the file until all pieces of information are acquired, and all pieces of information added to the file may constitute the animation configuration information.

In the embodiment of the invention, the animation type identifier of the UI control is used for uniquely identifying one animation type, and the animation type identifier can indicate which animation type is used by the client when the UI control is shown. For example, animation types may include, but are not limited to: the basic animation types such as zoom, translation, rotation, transparency, and the like may also include other customized animation types, which is not particularly limited in this embodiment of the present invention.

In the embodiment of the present invention, the animation presentation property of the UI control may include, but is not limited to, an animation play property and an animation style property corresponding to the above-mentioned animation type of the UI control. For example, animation playback attributes may include, but are not limited to: the animation playing time, the animation playing delay time, whether the animation is played circularly or not, the animation circulating playing times and the like. As another example, animation style properties may include, but are not limited to: length, width, and presentation area in the client page of the animation, etc. For each information in the animation display attribute, the server can only obtain and send part of the information to the client, and the client can obtain the rest required information according to the local default parameters of the client, so that the flow overhead consumed by data sending can be reduced.

In the embodiment of the present invention, if there are at least two animation types corresponding to one UI control, the animations corresponding to the two animation types need to be displayed on the UI control, and therefore, the server needs to obtain the display conditions of the animation corresponding to each of the at least two animation types, add the display conditions to the animation configuration information, and provide the animation configuration information to the client, so that the client can know what conditions are based on which at least two animations are displayed on the UI control.

In this embodiment of the present invention, the presentation condition of the animation corresponding to each animation type may include, but is not limited to: the display sequence between the animations corresponding to the animation types and/or other display conditions of the animations corresponding to the animation types. For example, the other presentation condition is a play start interval of two animations, and for example, when the presentation of the previous animation satisfies what presentation condition, the next animation can be presented, and the like, which is not particularly limited in this embodiment of the present invention.

For example, the presentation order may be used to indicate the sequential presentation order between the animations, or may be used to indicate that the animations are presented simultaneously. In this way, the client can present multiple animations of different styles on the UI control in sequence or simultaneously.

In the embodiment of the invention, if the animation needs to be displayed on the at least two UI controls, the animation needs to be displayed on each UI control, so that the server needs to acquire the display conditions of the animation of each UI control in the at least two UI controls, add the display conditions into the animation configuration information and provide the animation configuration information to the client, and thus, the client can know what display conditions are based on which animation is displayed on each UI control.

In the embodiment of the present invention, the presentation condition of the animation of each UI control may include, but is not limited to: presentation order between animations of the UI controls, and/or other presentation conditions of animations of the UI controls. For example, another presentation condition is that only one UI control can present an animation at the same time, and this is not particularly limited in the embodiment of the present invention.

For example, the presentation order between animations of the UI controls can be used to indicate the presentation order between the UI controls sequentially, i.e., asynchronous presentation between the UI controls. Or, it may also be used to indicate synchronous presentation between UI controls. In this way, the client can present multiple UI controls on the client page, and an animation can be presented on each UI control.

It should be noted that, in the prior art, the presentation style of the UI control on the client page is pre-written in the client, so that dynamic and flexible configuration cannot be performed. In the embodiment of the invention, the server can dynamically generate and issue the animation type and the presentation style according to the requirement, so that various animation types and presentation styles can be dynamically configured for the UI control on the client page, the problem that the UI control style in the traditional technical scheme is fixed and single is solved, and the diversity of the UI control style on the client page and the flexibility of style configuration are improved.

In addition, in the prior art, the presentation style of the UI control on the page of the client is written in the client in advance, so that when the same application is located at different terminals, the versions of the application are inconsistent, and if it is required to control the presentation style of a certain control on each page of the client to be the same, the prior art cannot implement the method. If the technical scheme provided by the embodiment of the invention is used, the animation and the related information which need to be played on the UI control on the client page are issued by the server, so that the display styles of the UI controls on the client pages of the applications of various versions can be unified according to requirements.

S103, sending the generated animation configuration information to a client so that the client can play the animation on a UI control displayed in a client page according to the animation configuration information.

Specifically, after the server generates the animation configuration information, the animation encapsulation tool class can be used for checking, fault tolerance and data formatting the animation configuration information, and the data format of the animation configuration information is processed into a data format conforming to an interaction protocol between the server and the client. And the server sends the animation configuration information obtained after processing to the client so that the client can play the UI control on the page of the client according to the animation configuration information.

In addition, when the client displays the client page, the client can utilize corresponding page data, the page data can be provided by the server, for example, the server can obtain common page data after receiving a data request, and then send the common page data to the client, so that the client can display the client page according to the common page data, and when the client page is displayed, the animation can be played on a UI control in the client page by utilizing animation configuration information. Alternatively, the page data may be pre-configured locally at the client. The embodiment of the present invention is not particularly limited to this.

Example two

The embodiment is a specific embodiment of a method for realizing control display at a server side. Please refer to fig. 2, which is a flowchart illustrating a second embodiment of a control showing method according to an embodiment of the present invention, as shown in the figure, the method includes the following steps:

s201, the server receives a data request sent by the client.

S202, the server reads the corresponding configuration file according to the data request.

S203, the server judges whether the UI control is displayed by using the animation effect according to the configuration file, if so, S205 is executed, otherwise, if not, S204 is executed.

And S204, the server acquires page data according to the data request and returns the page data to the client so that the client can display the client page according to the page data, but the client cannot load the animation on the UI control on the client page because the server does not send animation configuration information, and the UI control is not different from the UI control in the traditional technology.

S205, the server acquires the name of the UI control from the configuration file, and shows that the UI control corresponding to the name needs to be displayed by using an animation effect, namely, the animation is loaded on the UI control. The server may add the name of the UI control to the animation profile.

S206, the server acquires the animation type identification of the UI control from the configuration file, and indicates which animation needs to be shown on the UI control, such as rotation, translation, zooming or transparency. The server may add the animation type identification of the UI control to the animation profile.

And S207, the server acquires the animation display attribute of the UI control from the configuration file. The server may add the animation rendering properties of the UI control to the animation profile.

And S208, the server judges whether the current UI control has other animation types according to the configuration file, if so, the server executes S206 and continues to acquire the identifications of the other animation types and the animation display attributes from the configuration file. If not, S209 is performed.

S209, the server obtains the showing conditions of the animation corresponding to each animation type in the at least two animation types of the current UI control from the configuration file, and adds the showing conditions to the animation configuration file.

S210, the server judges whether other UI controls are displayed by using animation effects according to the identification of the UI control contained in the data request, if so, S205 is executed, and if not, S211 is executed.

S211, the server obtains the showing conditions of the animation corresponding to each animation type in the at least two animation types from the configuration file.

S212, the server uses the animation packaging tool class to check, fault-tolerant and data format each animation configuration information in the animation configuration file, and sends the animation configuration information obtained after processing to the client.

EXAMPLE III

The embodiment provides a control showing method, and the embodiment is an embodiment for realizing the control showing method on a client side. Please refer to fig. 3, which is a flowchart illustrating a third embodiment of a control showing method according to an embodiment of the present invention, as shown in the figure, the method includes the following steps:

s301, sending a data request to a server so that the server can generate animation configuration information of a user page UI control according to the data request, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and displaying the animation of the UI control.

Specifically, when the client needs to display a client page, such as a home page of the client, a game page of the client, and the like, the client needs to send a data request to the server, so as to obtain page data required for displaying the client page from the server through the data request. In this way, the server may receive a data request sent by the client, and the server may further generate animation configuration information of the UI control of the user page according to the data request, where the animation configuration information may include, but is not limited to: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and displaying the animation of the UI control.

Optionally, if at least two corresponding animation types exist in one UI control, the animation configuration information may further include: and displaying the sequence between the animations corresponding to each animation type in the at least two animation types.

Optionally, if the number of the UI controls is at least two, the animation configuration information may further include: and displaying the animation of each UI control in the at least two UI controls in sequence.

S302, receiving the animation configuration information sent by the server.

And S303, playing the animation on the UI control displayed in the client page according to the animation configuration information.

Specifically, after receiving the animation configuration information from the server, the client may play the animation on the UI control displayed in the client page according to the animation configuration information.

For example, in the embodiment of the present invention, a method for a client to play an animation on a UI control displayed in a client page according to the animation configuration information may include, but is not limited to:

firstly, analyzing the animation configuration information to obtain the identification of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control. Then, performing compatible fault-tolerant detection on each information analyzed from the animation configuration information to obtain a detection result; and if the detection result is that the information is normal, generating an animation for the UI control corresponding to the identification of the UI control according to the animation type identification of the UI control and the animation display attribute of the UI control. And finally, displaying the UI control in the client page, and playing the animation on the UI control.

Or if the detection result is that the information is abnormal and the client locally has a preset animation, acquiring the locally preset animation; and then, according to the acquired page data, displaying each UI control in the client page, and playing the locally preset animation on each UI control.

In the embodiment of the present invention, when there is one UI control and the UI control has at least two corresponding animation types, the client may further continue to analyze the animation configuration information, and obtain, from the animation configuration information, a presentation condition of an animation corresponding to each of the at least two animation types. In this way, the client can display the UI control in the client page according to the acquired page data, and play at least two animations on the UI control according to the display conditions of the animations corresponding to each animation type in the at least two animation types. For example, the client may play multiple animations of different styles on the UI control sequentially or simultaneously according to the presentation condition.

Or, in the embodiment of the present invention, when there are at least two UI controls and each UI control has only one corresponding animation type, the client may further continue to analyze the animation configuration information, and obtain, from the animation configuration information, a presentation condition of the animation of each UI control in the at least two UI controls. Therefore, the client can display each UI control in the client page according to the acquired page data and play the animation on each UI control according to the display condition of the animation of each UI control. For example, the client may simultaneously play the animations corresponding to the UI controls between the UI controls on the client page, or may sequentially play the animations corresponding to the UI controls on the UI controls in sequence on the client page.

Or, in the embodiment of the present invention, when there are at least two UI controls and each UI control has at least two corresponding animation types, the client may further continue to analyze the animation configuration information, obtain, from the animation configuration information, presentation conditions of an animation of each UI control of the at least two UI controls, and obtain presentation conditions of an animation corresponding to each animation type of the at least two animation types of each UI control. In this way, the client can play each UI control in the client page according to the acquired page data, and play the animation on each UI control according to the display sequence between the animations of each UI control and the display condition of the animation corresponding to each animation type in the two animation types of each control.

It can be understood that the client may render the acquired page data using the page template, and present the client page and the UI control. The page data may be obtained by the client from the server, or may be preset locally, which is not particularly limited in this embodiment of the present invention.

In a specific implementation process, the client may call a View object of an animation tool class according to each information parsed from the animation configuration file to generate a corresponding animation. Then, the startAnimation () function can be used to control the start of playing each animation on each UI control, and the stopAnimation () function can be used to control the stop of playing each animation on each UI control. Alternatively, the clearAnimation () function may be called to clear the animation, or another function may be used to control the animation to perform another control on the animation before the animation starts playing and during the playing process, which is not particularly limited in this embodiment of the present invention.

Example four

The embodiment is a specific embodiment of a method for implementing control presentation on a client side. Please refer to fig. 4, which is a flowchart illustrating a fourth embodiment of a method for showing controls according to an embodiment of the present invention, as shown in the figure, the method includes the following steps:

s401, the client sends a data request to the server.

S402, the client judges whether the data is successfully acquired from the server, if so, S404 is executed, and if not, S403 is executed.

And S403, the client performs fault tolerance processing such as network exception and the like so as to obtain data from the server again.

S404, if the client successfully obtains the data from the server, the client may further determine whether the data includes animation configuration information, if so, execute S406, and if not, execute S405.

S405, the data received by the client from the server may include page data and animation configuration information, or only include page data. The client may utilize the page data to render the client page such that there will be no animation effect on the UI controls on the client page.

S406, the client analyzes the identification of one or more UI controls from the animation configuration information, and further can know which UI controls need to generate the animation.

S407, for the identifier of one UI control, the client analyzes the animation type identifier of the UI control from the animation configuration information, and further can know the animation type required to be generated for the UI control.

S408, the client analyzes the animation display attribute of the UI control from the animation configuration information, and further can acquire the style of the animation when the UI control loads the animation.

S409, after the client analyzes the current UI control and the corresponding animation type identification and animation display attribute from the animation configuration information, judging whether the current UI control has other corresponding animation types according to the animation configuration information, if so, executing S407, and continuously analyzing the animation type identification and the animation display attribute of other UI controls from the animation configuration information. If not, S410 is executed.

And S410, if the current UI control has at least two corresponding animation types, the client analyzes the animation configuration information and acquires the display conditions of the animation corresponding to each animation type in the at least two animation types of the current UI control from the animation configuration information.

S411, the client judges whether other UI controls need to be displayed by using animation effect according to the animation configuration information, if so, S406 is executed, and the identifiers, the animation type identifiers and the animation display attributes of the other UI controls are continuously analyzed. If not, S412 is performed.

And S412, when at least two UI controls exist, the client further continues to analyze the animation configuration information, and the display conditions of the animation of each UI control in the at least two UI controls are obtained from the animation configuration information.

S413, the client performs compatible fault-tolerant detection on each information analyzed from the animation configuration information to obtain a detection result; and if the detection result is that the information is normal, the client generates the animation for each UI control according to the animation type identification of the UI control and the animation display attribute of the UI control.

And S414, the client displays the UI controls on the client page according to the acquired page data, and displays the animation generated in the S413 on the UI controls according to the display sequence among the animations of the UI controls and the display conditions of the animation corresponding to each of the two animation types of the controls.

For example, please refer to fig. 5, which is an exemplary diagram illustrating loading of an animation on a UI control in a client page according to an embodiment of the present invention, as shown in fig. 5, a special control, such as an icon of a "travel-by-travel" application in fig. 5, needs to be presented by using an animation effect. Comparing the left image with the right image in fig. 5, it can be seen that the animation of the breathing lamp is played on the icon of the "travel along the same journey" application, and the pattern on the icon can be enlarged and reduced. In addition, animations can also be played on other UI controls in fig. 5, such as a "download" button, comments, prompt messages, and other UI controls, so that the diversity of client pages is improved.

The embodiment of the invention further provides an embodiment of a device for realizing the steps and the method in the embodiment of the method.

Please refer to fig. 6, which is a functional block diagram of a control presentation apparatus according to a first embodiment of the present invention. The apparatus in this embodiment is located in a server, and as shown in the figure, the apparatus includes:

a receiving unit 61, configured to receive a data request sent by a client;

a generating unit 62, configured to generate animation configuration information of the UI control according to the data request, where the animation configuration information includes: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

and a sending unit 63, configured to send the generated animation configuration information to a client, so that the client plays an animation on a UI control displayed in a client page according to the animation configuration information.

Please refer to fig. 7, which is a functional block diagram of a control presentation apparatus according to a second embodiment of the present invention. As shown in fig. 7, the generating unit 62 further includes:

a reading module 621, configured to read a corresponding configuration file according to the data request;

a determining module 622, configured to determine whether the UI control is displayed with an animation effect according to the configuration file;

and a generating module 623, configured to, if the determining module determines that the UI control is displayed by using an animation effect, obtain the name of the UI control, the animation type identifier of the UI control, and the animation display attribute of the UI control from the configuration file, and generate the animation configuration information according to the obtained name of the UI control, the animation type identifier of the UI control, and the animation display attribute of the UI control.

In a specific implementation process, the data request includes at least one of an identifier of the client, version information, geographical location information of a terminal where the client is located, operating system information, a Uniform Resource Locator (URL) address, and an ID of a UI control;

the reading module 621 is specifically configured to: and reading a corresponding configuration file according to at least one of the identification and the version information of the client, the geographical position information of the terminal where the client is located, the operating system information, the URL address and the ID of the UI control.

Or, when there are at least two corresponding animation types in one UI control, the generating module 623 is further configured to: acquiring the showing conditions of the animation corresponding to each animation type in the at least two animation types from the configuration file;

correspondingly, the generating module 623 is specifically configured to: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the display condition.

Or, when the number of the UI controls is at least two, the generating module 623 is further configured to: acquiring the display conditions of the animation of each UI control in the at least two UI controls from the configuration file;

correspondingly, the generating module 623 is specifically configured to: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control and the animation display condition of each UI control.

correspondingly, the generating module 623 is specifically configured to: and generating the animation configuration information according to the acquired name of the UI control, the animation type identification of the UI control, the animation display attribute of the UI control, the animation display condition corresponding to each animation type in the at least two animation types and the animation display condition of each UI control.

Since each unit in the present embodiment can execute the method shown in fig. 1 and fig. 2, reference may be made to the related description of fig. 1 and fig. 2 for a part not described in detail in the present embodiment.

Please refer to fig. 8, which is a functional block diagram of a control presentation apparatus according to a third embodiment of the present invention. The apparatus in this embodiment is located at a client, and as shown in the figure, the apparatus includes:

a sending unit 81, configured to send a data request to a server, so that the server generates animation configuration information of a user interface UI control according to the data request, where the animation configuration information includes: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

a receiving unit 82, configured to receive the animation configuration information sent by the server;

and the loading unit 83 is configured to play the animation on the UI control displayed in the client page according to the animation configuration information.

Please refer to fig. 9, which is a functional block diagram of a control presentation apparatus according to a fourth embodiment of the present invention. As shown in fig. 9, the loading unit 83 further includes:

the parsing module 831 is configured to parse the animation configuration information to obtain an identifier of the UI control, an animation type identifier of the UI control, and an animation display attribute of the UI control;

a detection module 832, configured to perform compatible fault-tolerant detection on each piece of information analyzed from the animation configuration information;

a generating module 833, configured to generate an animation for the UI control corresponding to the identifier of the UI control according to the animation type identifier of the UI control and the animation display attribute of the UI control if the detection result of the detecting module is that the information is normal;

and a displaying module 834, configured to display the UI control in the client page, and play the animation on the UI control.

Further, when there are at least two corresponding animation types in one UI control, the parsing module 831 is further configured to: analyzing the animation configuration information to obtain the display condition of the animation corresponding to each animation type in the at least two animation types;

correspondingly, the presenting module 834 is specifically configured to: and displaying the UI control in the client page according to the acquired page data, and playing at least two animations on the UI control according to the display conditions of the animations corresponding to each animation type in the at least two animation types.

Or, when the number of the UI controls is at least two, the parsing module 831 is further configured to: analyzing the animation configuration information to obtain the display conditions of the animation of each UI control in the at least two UI controls;

correspondingly, the presenting module 834 is specifically configured to: and displaying each UI control in the client page according to the acquired page data, and playing the animation on each UI control according to the display condition of the animation of each UI control.

correspondingly, the presenting module 834 is specifically configured to: and displaying each UI control in the client page according to the acquired page data, and playing the animation on each UI control according to the display condition of the animation of each UI control and the display condition of the animation corresponding to each animation type in the two animation types of each control.

Further, the loading unit 83 further includes: the obtaining module 835 is configured to obtain a locally preset animation if the detection result of the detection unit is abnormal;

the presentation module 834 is further configured to: and displaying each UI control in the client page according to the acquired page data, and playing the locally preset animation on each UI control.

Since each unit in the present embodiment can execute the method shown in fig. 3 and fig. 4, reference may be made to the related description of fig. 3 and fig. 4 for a part of the present embodiment that is not described in detail.

The technical scheme of the embodiment of the invention has the following beneficial effects:

in the embodiment of the invention, the data request sent by the client can be received; thus, according to the data request, generating animation configuration information of the UI control of the user interface, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control; and further, the generated animation configuration information is sent to a client side, so that the client side can load the animation on the UI control displayed in the client side page according to the animation configuration information.

It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.

In the embodiments provided in the present invention, it should be understood that the disclosed system, apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions in actual implementation, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.

The integrated unit implemented in the form of a software functional unit may be stored in a computer readable storage medium. The software functional unit is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) or a Processor (Processor) to execute some steps of the methods according to the embodiments of the present invention. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.

The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.

Claims

1. A control showing method is executed by a server side, and is characterized by comprising the following steps:

receiving a data request sent by a client;

reading a corresponding configuration file according to the data request, wherein the data request comprises at least one of the identification and the version information of the client, the geographical position information of the terminal where the client is located, the operating system information, the URL (uniform resource locator) address and the time of the data request;

acquiring the name of the UI control corresponding to the identification of the UI control contained in the data request, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file to generate animation configuration information of the UI control of the user interface, wherein the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

2. The method of claim 1, further comprising, before obtaining the name of the UI control, the animation type identifier of the UI control, and the animation representation property of the UI control from the configuration file to generate the animation configuration information of the user interface UI control:

and if the UI control is judged to be displayed by using the animation effect, continuously executing the step of acquiring the name of the UI control, the animation type identification of the UI control and the animation display attribute of the UI control from the configuration file so as to generate the animation configuration information of the UI control of the user interface.

3. The method of claim 2, wherein there are at least two animation types corresponding to one of the UI controls;

4. The method of claim 2, wherein the number of UI controls is at least two;

5. The method of claim 3, wherein the number of UI controls is at least two;

6. An animation display method, characterized in that the method comprises:

sending a data request to a server so that the server can read a corresponding configuration file according to the data request, wherein the data request comprises at least one of an identifier of a client, version information, geographical location information of a terminal where the client is located, operating system information, a Uniform Resource Locator (URL) address and data request time, and the data request obtains a name of a UI control corresponding to the identifier of the UI control contained in the data request, an animation type identifier of the UI control and animation display attributes of the UI control from the configuration file so as to generate animation configuration information of the UI control of a user interface, and the animation configuration information comprises: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

receiving the animation configuration information sent by the server;

7. The method of claim 6, wherein playing the animation on the UI control presented in the client page according to the animation configuration information comprises:

8. The method of claim 7, wherein there are at least two animation types corresponding to one of the UI controls;

9. The method of claim 7, wherein the number of UI controls is at least two;

10. The method of claim 8, wherein the number of UI controls is at least two;

11. The method of claim 7, further comprising:

12. A control display device is arranged at a server side, and is characterized in that the device comprises:

the receiving unit is used for receiving a data request sent by a client;

the reading module is used for reading a corresponding configuration file according to the data request, wherein the data request comprises at least one of the identification and the version information of the client, the geographical position information of the terminal where the client is located, the operating system information, the Uniform Resource Locator (URL) address and the time of the data request;

a generating unit, configured to obtain, from the configuration file, a name of a UI control corresponding to an identifier of the UI control included in the data request, an animation type identifier of the UI control, and an animation display attribute of the UI control, so as to generate animation configuration information of the UI control, where the animation configuration information includes: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

13. The apparatus of claim 12, wherein the generating unit further comprises:

14. The apparatus of claim 13, wherein there are at least two animation types corresponding to one of the UI controls;

15. The apparatus of claim 13, wherein the number of UI controls is at least two;

16. The apparatus of claim 14, wherein the number of UI controls is at least two;

17. An animation presentation device, the device comprising:

a sending unit, configured to send a data request to a server, so that the server reads a corresponding configuration file according to the data request, where the data request includes at least one of an identifier of a client, version information, geographical location information of a terminal where the client is located, operating system information, a Uniform Resource Locator (URL) address, and time of the data request, and obtains, from the configuration file, a name of a UI control corresponding to the identifier of the UI control included in the data request, an animation type identifier of the UI control, and animation display attributes of the UI control, so as to generate animation configuration information of the UI control, where the animation configuration information includes: the method comprises the steps of identifying a UI control, identifying the animation type of the UI control and showing the animation attribute of the UI control;

18. The apparatus of claim 17, wherein the loading unit further comprises:

19. The apparatus of claim 18, wherein there are at least two animation types corresponding to one of the UI controls;

20. The apparatus of claim 18, wherein the number of UI controls is at least two;

21. The apparatus of claim 19, wherein the number of UI controls is at least two;

22. The apparatus of claim 18,

the load unit further includes: the acquisition module is used for acquiring a locally preset animation if the detection result of the detection module is abnormal;