Display method and device of parallax card, equipment, storage medium and product
By generating and publishing display scripts for parallax cards, the generation process of display scripts is simplified, the problem of high difficulty in updating parallax cards is solved, and efficient parallax cards are updated and displayed.
Patent Information
- Application Number
- CN202410145663.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-01-31
- Publication Date
- 2025-08-01
AI Technical Summary
In the prior art, the update of parallax cards is difficult and the update efficiency is low, resulting in the display effect being unable to meet business needs, and the display effect of parallax cards is reduced.
By obtaining the configuration parameters and script templates of the multi-layer display layer of the parallax card, populating the script template to generate a display script and publishing it to the resource publishing platform. The terminal obtains the display script based on the script identification to display it, which simplifies the generation process of display scripts and reduces the difficulty and cost of updates.
It improves the update efficiency and display effect of parallax cards, realizes real-time dynamic and quick update of parallax cards, and improves display efficiency and effect.
Smart Images

Figure CN120406939A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of computer technology, and particularly to a method, apparatus, device, storage medium, and product for displaying a parallax card. Background Art
[0002] To improve the interface display effect of an application, more and more applications use parallax cards for interface display. A parallax card generally includes multiple display layers, and different interface elements are placed on each display layer. The terminal can respond to the interaction signal of the parallax card to displace, rotate, scale, etc. the interface elements on each display layer. Among them, the interface elements on different display layers can respond to different interaction signals, thereby forming a visual sense of hierarchy, that is, generating a parallax effect.
[0003] In the prior art, when displaying a parallax card, generally a display script of the parallax card is generated by hard coding, and the data of hard coding can usually only be modified by editing the source code and recompiling the executable file, that is, developers must manually modify the script. This method makes it difficult and inefficient to update the parallax card, and thus reduces the update frequency of the parallax card. And the unupdated parallax card may not achieve the display effect corresponding to the business requirements, thereby reducing the display effect of the parallax card. Summary of the Invention
[0004] Embodiments of this application provide a method, apparatus, device, storage medium, and product for displaying a parallax card, which can improve the display efficiency and display effect of the parallax card. The technical solutions are as follows:
[0005] On the one hand, a method for displaying a parallax card is provided, and the method includes:
[0006] Obtain the configuration parameters and script templates of each of the multiple display layers of the parallax card, where the configuration parameters are used to configure at least one interface element on the display layer, and the script template includes the general display script of the parallax card and a configuration item for filling in the configuration parameters;
[0007] Based on the configuration parameters of each of the multiple display layers, fill in the script templates of each of the multiple display layers respectively to obtain the display script of the parallax card;
[0008] Publish the display script to a resource publishing platform, and the published display script is used for the terminal to display the parallax card.
[0009] On the other hand, a method for displaying a parallax card is provided, and the method includes:
[0010] In response to a display request for a parallax card, obtain a script identifier of a display script for the parallax card, where the parallax card includes multiple display layers, and the display script is obtained by filling respective script templates of the multiple display layers with respective configuration parameters, and the configuration parameters are used to configure at least one interface element on the display layer;
[0011] Send a script request to a resource publishing platform based on the script identifier, where the resource publishing platform publishes the display script of the parallax card;
[0012] Receive the display script returned by the resource publishing platform based on the script request;
[0013] Display the parallax card based on the display script.
[0014] On the other hand, a display device for a parallax card is provided, and the device includes:
[0015] An acquisition module for acquiring respective configuration parameters and script templates of multiple display layers of a parallax card, where the configuration parameters are used to configure at least one interface element on the display layer, and the script template includes a general display script of the parallax card and configuration items for filling configuration parameters;
[0016] A filling module for respectively filling the respective script templates of the multiple display layers based on the respective configuration parameters of the multiple display layers to obtain a display script of the parallax card;
[0017] A publishing module for publishing the display script to a resource publishing platform, and the published display script is used for a terminal to display the parallax card.
[0018] In some embodiments, the acquisition module is used for:
[0019] Display a parallax card configuration interface of the parallax card, and a display layer list including the multiple display layers is displayed on the parallax card configuration interface;
[0020] In response to a selection operation on a target display layer in the display layer list, display a display layer configuration interface of the target display layer, where the display layer configuration interface is used to configure configuration parameters of the target display layer, and the target display layer is any one of the multiple display layers;
[0021] Based on a configuration operation on the display layer configuration interface, obtain the configuration parameters of the target display layer.
[0022] In some embodiments, an element list is displayed on the display layer configuration interface. The element list includes at least one interface element included in the target display layer, and the configuration parameters of the target display layer include the element parameters of each of the at least one interface element. The obtaining module is configured to:
[0023] In response to a selection operation on a target interface element in the element list, display an element configuration interface for the target interface element. The element configuration interface displays a plurality of candidate configuration parameters for the target interface element, and the target interface element is any one of the at least one interface element;
[0024] In response to a selection operation on at least one candidate configuration parameter among the plurality of candidate configuration parameters, obtain the element parameters of the target interface element.
[0025] In some embodiments, the obtaining module is further configured to perform at least one of the following:
[0026] The configuration parameters of the target display layer further include signal parameters and effect parameters of the target display layer. The signal parameters are used to indicate the interaction signals corresponding to the target display layer, and the effect parameters are used to indicate the animation effects corresponding to the interaction signals. A plurality of candidate signal parameters and a plurality of candidate effect parameters are also displayed on the display layer configuration interface. In response to a selection operation on at least one candidate signal parameter among the plurality of candidate signal parameters and a selection operation on at least one candidate effect parameter among the plurality of candidate effect parameters, obtain the signal parameters and effect parameters of the target display layer;
[0027] The configuration parameters of the target display layer further include the hierarchical parameters of each of the at least one interface element on the target display layer. The hierarchy and hierarchical configuration controls of each of the at least one interface element are also displayed on the element list. In response to a triggering operation on the hierarchical configuration control of the target interface element, obtain the hierarchical parameters of the target interface element;
[0028] An element addition control is also displayed on the display layer configuration interface. In response to a triggering operation on the element addition control, display an element addition interface. In response to a configuration operation on the element addition interface, obtain the element parameters of the added interface element.
[0029] In some embodiments, the obtaining module is further configured to perform at least one of the following:
[0030] The configuration parameters of the target display layer further include the hierarchical parameters of the target display layer. The hierarchy and hierarchical configuration controls of the multiple display layers are also displayed on the display layer list. In response to a triggering operation on the hierarchical configuration control of the target display layer, obtain the hierarchical parameters of the target display layer;
[0031] A layer addition control is also displayed on the parallax card configuration interface. In response to a trigger operation on the layer addition control, a layer addition interface is displayed. In response to a configuration operation on the layer addition interface, configuration parameters of the added display layer are obtained.
[0032] In some embodiments, the publishing module is configured to:
[0033] In response to an export operation on the display script, export the display script;
[0034] Obtain a modification script corresponding to the exported display script, where the modification script is obtained by modifying the display script;
[0035] Publish the modification script to the resource publishing platform.
[0036] In some embodiments, the filling module is configured to:
[0037] Obtain parameter scripts corresponding to the configuration parameters of the respective multi-layer display layers;
[0038] Based on the parameter scripts corresponding to the configuration parameters of the respective multi-layer display layers, respectively fill the script templates of the respective multi-layer display layers to obtain the display script.
[0039] In some embodiments, the device further includes:
[0040] A display module, configured to display an online control, an offline control, and status information on the parallax card configuration interface of the parallax card. The online control is used to publish the display script to the resource publishing platform. The offline control is used to revoke the display script from the resource publishing platform. The status information is used to indicate the publishing status of the display script of the parallax card;
[0041] A receiving module, configured to receive a status request from the terminal;
[0042] A returning module, configured to return the status information to the terminal based on the status request. The terminal is used to obtain the display script from the resource publishing platform when the status information indicates that the display script has been published to the resource publishing platform.
[0043] In some embodiments, the publishing module is configured to:
[0044] In response to a confirmation operation on the display script, compile the display script and update the status information of the parallax card to a first status. The status information is used to indicate the publishing status of the display script of the parallax card. The first status is used to indicate that the display script has not been published completely;
[0045] Send the compiled display script to the resource publishing platform, review the compiled display script through the resource publishing platform, and update the status information to a second status, where the second status is used to indicate that the display script has not been reviewed yet;
[0046] In response to the review being completed, update the status information to a third status, where the third status is used to indicate that the display script has been published to the resource publishing platform.
[0047] On the other hand, a display device for a parallax card is provided, and the device includes:
[0048] An acquisition module, configured to, in response to a display request for a parallax card, acquire a script identifier of a display script of the parallax card, where the parallax card includes multiple display layers, and the display script is obtained by filling respective script templates with respective configuration parameters of the multiple display layers, and the configuration parameters are used to configure at least one interface element on the display layer;
[0049] A sending module, configured to send a script request to a resource publishing platform based on the script identifier, where the resource publishing platform publishes the display script of the parallax card;
[0050] A receiving module, configured to receive the display script returned by the resource publishing platform based on the script request;
[0051] A display module, configured to display the parallax card based on the display script.
[0052] In some embodiments, the acquisition module is configured to:
[0053] In response to the display request, send an identifier request to a server, where the server stores the script identifier of the parallax card, and the server is configured to send a status request to a parallax card configuration platform based on the identifier request, and the status request is used to acquire status information for indicating the publishing status of the display script, and the parallax card configuration platform is the platform for generating the display script;
[0054] Receive the script identifier returned by the server, where the server is configured to return the script identifier when the status information returned by the parallax card configuration platform indicates that the display script has been published to the resource publishing platform.
[0055] In some embodiments, the acquisition module is configured to:
[0056] In response to the display request, acquire a link address of the parallax card, where the link address includes a picture address of a preset picture and the script identifier of the display script, and the preset picture and the display script are used to display the parallax card.
[0057] In some embodiments, the display module is configured to:
[0058] Obtain the preset picture based on the picture address;
[0059] Display a mask layer at a target position on the card interface based on the preset picture, where the card interface is the interface to which the parallax card belongs, and the target position is the display position of the parallax card;
[0060] Obtain the interface elements on the multi-layer display layer of the parallax card based on the display script;
[0061] Assemble the parallax card on an assembly layer based on the display script and the obtained interface elements, where the assembly layer is the layer below the mask layer;
[0062] After the assembly is completed, hide the mask layer to display the assembled parallax card.
[0063] In some embodiments, the display module is configured to:
[0064] Obtain the preset picture based on the picture address;
[0065] Obtain the interface elements on the multi-layer display layer of the parallax card based on the display script;
[0066] Assemble the parallax card on the assembly layer of the card interface based on the display script and the obtained interface elements, and display the preset picture as an interface element on the assembly layer, where the card interface is the interface to which the parallax card belongs, and the assembly layer is located at the display position of the parallax card;
[0067] After the assembly is completed, hide the preset picture to display the assembled parallax card.
[0068] In some embodiments, the display script includes a resource loading sub-script, a layer construction sub-script, and an algorithm sub-script. The display module is configured to:
[0069] Parse the resource loading sub-script, the layer construction sub-script, and the algorithm sub-script respectively to obtain a resource loader, a layer constructor, and a signal source driver;
[0070] Through the resource loader, load the interface elements on the multi-layer display layer based on the element link in the display script, where the element link is used to indicate the element address of the interface element;
[0071] Through the layer constructor, construct the multi-layer display layer of the parallax card;
[0072] Through the signal source driver, in response to an interaction signal for the parallax card, an animation effect corresponding to the interaction signal is displayed.
[0073] In some embodiments, the display module is configured to:
[0074] Generate a display protocol based on the display script, where the display protocol is used to indicate the rules for displaying the parallax card;
[0075] Display the parallax card based on the display script and the display protocol.
[0076] On the other hand, a computer device is provided, which includes a processor and a memory. The memory is used to store at least one program segment, and the at least one program segment is loaded and executed by the processor to implement the method for displaying a parallax card in the embodiments of the present application.
[0077] On the other hand, a computer-readable storage medium is provided, in which at least one program segment is stored. The at least one program segment is loaded and executed by a processor to implement the method for displaying a parallax card in the embodiments of the present application.
[0078] On the other hand, a computer program product is provided. The computer program product includes at least one program segment, and the at least one program segment is stored in a computer-readable storage medium. A processor of a computer device reads the at least one program segment from the computer-readable storage medium, and the processor executes the at least one program segment, so that the computer device executes the method for displaying a parallax card according to any of the above implementation manners.
[0079] The embodiment of the present application provides a method for displaying a parallax card. In this method, a script template is pre-set, and the script template includes a general display script and a configuration item for the configuration parameters to be filled. When generating the display script of the parallax card, only the configuration parameters need to be obtained, and then the configuration parameters are filled into the script template to obtain the corresponding display script. This method does not require developers to write the display script step by step, significantly reducing the difficulty of generating the display script and improving the generation efficiency of the display script. In this way, when updating the parallax card, only the corresponding configuration parameters need to be modified, without rewriting the script step by step, thereby reducing the difficulty and cost of updating the parallax card and improving the update efficiency of the parallax card. Further, since the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, the real-time dynamic and quick update of the parallax card can be realized, thereby improving the display efficiency of the updated parallax card; and since the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, it can also promote the update of the parallax card, and the update of the parallax card is also a process of continuously improving the display effect of the parallax card, thereby further improving the display effect of the parallax card. BRIEF DESCRIPTION OF THE DRAWINGS
[0080] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings required for the description of the embodiments. Obviously, the following drawings are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.
[0081] Figure 1 is a schematic diagram of an implementation environment provided by an embodiment of the present application;
[0082] Figure 2 is a flowchart of a method for displaying a parallax card provided by an embodiment of the present application;
[0083] Figure 3 is a flowchart of another method for displaying a parallax card provided by an embodiment of the present application;
[0084] Figure 4 is a schematic diagram of a general configuration interface provided by an embodiment of the present application;
[0085] Figure 5 is a schematic diagram of a parallax card configuration interface provided by an embodiment of the present application;
[0086] Figure 6 is a schematic diagram of a display layer configuration interface provided by an embodiment of the present application;
[0087] Figure 7 is a schematic diagram of an element configuration interface provided by an embodiment of the present application;
[0088] Figure 8 It is a flowchart for generating a display script provided by an embodiment of the present application;
[0089] Figure 9 It is a flowchart for publishing a display script provided by an embodiment of the present application;
[0090] Figure 10 It is a flowchart for another method of displaying a parallax card provided by an embodiment of the present application;
[0091] Figure 11 It is a flowchart for another method of displaying a parallax card provided by an embodiment of the present application;
[0092] Figure 12 It is a schematic diagram of a link address provided by an embodiment of the present application;
[0093] Figure 13 It is a schematic diagram of the structure of a parallax card provided by an embodiment of the present application;
[0094] Figure 14 It is a schematic diagram of loading a parallax card in another view provided by an embodiment of the present application;
[0095] Figure 15 It is a schematic diagram of parsing a display script provided by an embodiment of the present application;
[0096] Figure 16 It is a schematic diagram of interaction provided by an embodiment of the present application;
[0097] Figure 17 It is a flowchart of interaction provided by an embodiment of the present application;
[0098] Figure 18 It is a schematic diagram of a parallax card provided by an embodiment of the present application;
[0099] Figure 19 It is a block diagram of a display device for a parallax card provided by an embodiment of the present application;
[0100] Figure 20 It is a block diagram of another display device for a parallax card provided by an embodiment of the present application;
[0101] Figure 21 It is a block diagram of a terminal provided by an embodiment of the present application;
[0102] Figure 22 It is a block diagram of a server provided by an embodiment of the present application. Detailed implementation manners
[0103] To make the objectives, technical solutions, and advantages of the present application clearer, the following will further describe the embodiments of the present application in detail with reference to the accompanying drawings.
[0104] In this application, terms such as "first" and "second" are used to distinguish between identical or similar items with basically the same functions. It should be understood that there is no logical or chronological dependency between "first", "second", and "nth", nor are the quantity and execution order limited.
[0105] In this application, the term "at least one" means one or more, and the meaning of "multiple" means two or more.
[0106] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data for analysis, stored data, displayed data, etc.), and signals involved in this application are all authorized by the user or fully authorized by all parties, and the collection, use, and processing of relevant data need to comply with the relevant laws, regulations, and standards of relevant countries and regions. For example, the configuration parameters involved in this application are obtained under full authorization.
[0107] The following is an introduction to the implementation environment involved in this application:
[0108] The method for displaying a parallax card provided by an embodiment of this application can be executed by a computer device. The computer device can be provided as a parallax card configuration platform or a terminal. The parallax card configuration platform includes at least one of a terminal and a server. The following is a schematic diagram of the implementation environment of the method for displaying a parallax card provided by an embodiment of this application.
[0109] See Figure 1 , Figure 1 which is a schematic diagram of the implementation environment of a method for displaying a parallax card provided by an embodiment of this application. The implementation environment includes a parallax card configuration platform 101, a resource publishing platform 102, a terminal 103, and a server 104. The parallax card configuration platform 101, the resource publishing platform 102, the terminal 103, and the server 104 can be directly or indirectly connected through wired or wireless communication methods, which are not limited in this application. In some embodiments, the parallax card configuration platform 101 is used to generate a display script for the parallax card and publish the display script to the resource publishing platform 102. The terminal 103 is used to obtain the script identifier of the display script from the server 104 and obtain the display script of the parallax card from the resource publishing platform 102 based on the script identifier to display the parallax card.
[0110] In some embodiments, the terminal 103 may be a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart voice interaction device, a smart home appliance, a vehicle-mounted terminal, an aircraft, a VR (Virtual Reality) device, an AR (Augmented Reality) device, etc., but is not limited thereto. In some embodiments, the server 104 may be an independent server or a server cluster or a distributed system composed of multiple servers, and may also be a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. In some embodiments, the server 104 mainly undertakes computing work, and the terminal 103 undertakes secondary computing work; or, the server 104 undertakes secondary computing services, and the terminal 103 undertakes primary computing work; or, a distributed computing architecture is adopted between the server 104 and the terminal 103 for collaborative computing.
[0111] See Figure 2 , Figure 2 FIG. is a flowchart of a method for displaying a parallax card provided by an embodiment of the present application. The execution subject of this method is a parallax card configuration platform, and this method includes the following steps.
[0112] 201. The parallax card configuration platform obtains the configuration parameters and script templates of each multi-layer display layer of the parallax card. The configuration parameters are used to configure at least one interface element on the display layer, and the script template includes a general display script of the parallax card and a configuration item for filling the configuration parameters to be filled.
[0113] In the embodiment of the present application, the parallax card includes multiple display layers, and each display layer includes at least one interface (UI, User Interface) element. Each display layer may include at least one interface element different from the interface elements on other display layers. The interface elements are used to form the display layer, and the interface elements include but are not limited to elements such as pictures, animated pictures, PAG pictures, and text.
[0114] In the embodiment of the present application, the configuration parameters of each display layer include but are not limited to the element type, display position, size, etc. of the interface element. The general display script is used to implement the general functions of the parallax card, and the general display script is also the script other than the configuration item.
[0115] 202. The parallax card configuration platform respectively fills the script templates of each multi-layer display layer based on the configuration parameters of each multi-layer display layer to obtain the display script of the parallax card.
[0116] In the embodiments of the present application, for each display layer, based on the configuration parameters of the display layer, the configuration items in the script template of the display layer are filled to obtain the display sub-script of the display layer. The display sub-scripts of multiple display layers form the display script of the parallax card, that is, the display script includes the display sub-scripts of each of the multiple display layers.
[0117] In the embodiments of the present application, during the first generation process of the parallax card, the configuration items are all blank configuration items or filled with default configuration parameters. During the update process of the parallax card, the configuration items are filled with the configuration parameters configured last time, and the parallax card configuration platform changes the existing configuration parameters of the configuration items based on the obtained configuration parameters.
[0118] In the embodiments of the present application, during the first generation process of the parallax card, since interface elements need to be configured for multiple display layers, correspondingly, the script templates of each of the multiple display layers can be the same. During the update process of the parallax card, since the configuration items of the multiple display layers have been filled with the configuration parameters of the last time, correspondingly, the script templates of each of the multiple display layers can be different.
[0119] In the embodiments of the present application, the script language of the display script can be set and changed as needed. For example, the script language can be JavaScript, Ruby, JSY (JavaScripty), etc. JSY is a weakly typed, statically scoped script language that also supports function definition, supports data structure definition, but does not support object orientation, that is, a simplified version of the JavaScript script language.
[0120] 203. The parallax card configuration platform publishes the display script to the resource publishing platform, and the published display script is used for the terminal to display the parallax card.
[0121] In the embodiments of the present application, after the display script is published to the resource publishing platform, it is stored in the resource publishing platform. The terminal is used to obtain the display script from the resource publishing platform and then display the parallax card based on the display script.
[0122] It should be noted that the first generation process of the parallax card is the same as the update process. The difference is that in the first generation process, the configuration items of the parallax card are blank configuration items or filled with default configuration parameters, and in the update process, the configuration items of the parallax card are configured with the configuration parameters configured last time. Correspondingly, the display script of the parallax card can be published to the resource publishing platform after the first generation and can also be published to the resource publishing platform after the update.
[0123] In an embodiment of the present application, the resource release platform is a general terminal configuration platform, which provides services such as configuration and switch release, resource release, and full-link release from gray scale to official release channels / app market for both Android and iOS operating systems. For example, the resource release platform can be the Shiply platform.
[0124] In an embodiment of the present application, after the terminal displays the parallax card, it can respond to the interaction signal of the parallax card to displace, rotate, scale, etc. the interface elements on each display layer. Among them, the interface elements on different display layers can respond to different interaction signals, thereby forming a visual sense of hierarchy, that is, generating a parallax effect.
[0125] The embodiment of the present application provides a method for displaying a parallax card. The method pre-sets a script template, and the script template includes a general display script and a configuration item for the configuration parameters to be filled. When generating the display script of the parallax card, only the configuration parameters need to be obtained, and then the configuration parameters are filled into the script template to obtain the corresponding display script. This method does not require developers to write the display script step by step, significantly reducing the difficulty of generating the display script and improving the efficiency of generating the display script. In this way, when updating the parallax card, only the corresponding configuration parameters need to be modified, without rewriting the script step by step, thereby reducing the difficulty and cost of updating the parallax card and improving the efficiency of updating the parallax card. Further, since the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, the parallax card can be updated dynamically and quickly in real time, thereby improving the display efficiency of the updated parallax card; and since the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, it can also promote the update of the parallax card, and the update of the parallax card is also a process of continuously improving the display effect of the parallax card, thereby further improving the display effect of the parallax card.
[0126] The above Figure 2 is the basic process of the method for displaying a parallax card. The following is a further introduction to the method for displaying a parallax card based on Figure 3 the embodiment of Figure 3 , Figure 3 is a flowchart of a method for displaying a parallax card provided by an embodiment of the present application. The execution subject of this method is a parallax card configuration platform, and this method includes the following steps.
[0127] 301. The parallax card configuration platform displays the parallax card configuration interface of the parallax card, and a display layer list including multiple display layers is displayed on the parallax card configuration interface.
[0128] In an embodiment of the present application, before displaying the parallax card configuration interface, the parallax card configuration platform displays a general configuration interface. The general configuration interface displays a list of parallax cards. The list of parallax cards includes multiple parallax cards. In response to a selection operation on any one of the parallax cards in the list of parallax cards, the terminal displays the parallax card configuration interface of that parallax card, and the parallax card is any one of the multiple parallax cards.
[0129] Among them, a card addition control is also displayed on the parallax card configuration interface. In response to a trigger operation on the card addition control, a card addition interface is displayed. In response to a configuration operation on the card addition interface, configuration parameters of multiple display layers of the added parallax card are obtained. Among them, the card addition interface is similar to the parallax card configuration interface, except that each item in the card addition interface is basically a blank item, and the parallax card configuration interface is the same as the card addition interface when the parallax card is first configured. During the update process of the parallax card, the parallax card configuration interface will echo some previously configured data.
[0130] In some embodiments, for any parallax card, the parallax card configuration platform also generates a card identifier for the parallax card, and generates a script identifier based on the card identifier. The script identifier is used to identify the display script of the parallax card. Alternatively, the card identifier of any parallax card can be specified manually, and no specific limitation is made here.
[0131] In some embodiments, the parallax card configuration platform displays an online control, an offline control, and status information on the parallax card configuration interface of the parallax card. The online control is used to publish the display script to the resource publishing platform, the offline control is used to revoke the display script from the resource publishing platform, and the status information is used to indicate the publishing status of the display script of the parallax card.
[0132] In other embodiments, the parallax card configuration platform displays an online control, an offline control, status information, etc. on the general configuration interface to achieve overall management of multiple parallax cards. The online control, the offline control, and the status information are displayed on the list of parallax cards. The list of parallax cards also includes the card identifier, script identifier, name, delete control, and edit control of each parallax card. The delete control of each parallax card is used to delete the parallax card. The edit control of each parallax card is used to enter the parallax card configuration interface of that parallax card. In an embodiment of the present application, the selection operation on any parallax card is also the trigger operation on the edit control of that parallax card.
[0133] For example, referring to Figure 4 , Figure 4 is a schematic diagram of a general configuration interface provided by an embodiment of the present application. Among them, a list of parallax cards 401 and a card addition control 402 are displayed on the general configuration interface, and various information of the parallax cards is displayed in the list of parallax cards 401.
[0134] In some embodiments, during the initial generation process of the parallax card, the display layer list includes a preset number of blank display layers, where a blank display layer refers to a display layer awaiting parameter configuration. Alternatively, in the initial state, the display layer list only includes a table header, and a layer addition control is displayed on the parallax card configuration interface. In response to a trigger operation on the layer addition control, a record is added under the table header, that is, a display layer is added. Optionally, in response to a trigger operation on the layer addition control, a display layer is added. Or, in response to a trigger operation on the layer addition control, the number of layers can be configured, and in response to a confirmation operation on the configured number of layers, a display layer list of that number of layers is created, which can improve efficiency when there are multiple display layers.
[0135] In this embodiment, a layer addition control is also displayed on the parallax card configuration interface. Accordingly, in response to a trigger operation on the layer addition control, a display layer addition interface is displayed, and in response to a configuration operation on the display layer addition interface, the configuration parameters of the added display layer are obtained. In this embodiment, through the layer addition control, a display layer can be added quickly, improving the interaction efficiency and convenience. Among them, in response to a trigger operation on the layer addition control, the display layer addition interface means that in response to a trigger operation on the layer addition control, a display layer is added to the display layer list, and in response to a trigger operation on the added display layer, the display layer addition interface is displayed. Or, in response to a trigger operation on the layer addition control, the display layer addition interface is directly displayed, and after the configuration of the added display layer is completed and the parallax card configuration interface is returned, a display layer is directly added to the display layer list.
[0136] Optionally, the name and description information of the parallax card can also be configured through the parallax card configuration interface. For example, referring to Figure 5 , Figure 5 is a schematic diagram of a parallax card configuration interface provided by an embodiment of the present application. Among them, a display layer list 501, a layer addition control 502, a name configuration component 503, and a description information configuration component 504 are displayed on the parallax card configuration interface.
[0137] In some embodiments, the configuration parameters of the target display layer further include the hierarchical parameter of the target display layer, and the hierarchical levels of multiple display layers and hierarchical configuration controls are also displayed on the display layer list, where the hierarchical configuration controls are used to configure the hierarchical levels. The target display layer is any one of the multiple display layers of the parallax card.
[0138] Optionally, the hierarchical configuration controls include an up move control and a down move control. The up move control is used to move the current hierarchical level of the display layer up by one level, and the down move control is used to move the current hierarchical level of the display layer down by one level. For example, continuing to refer to Figure 5 ,the hierarchical levels of multiple display layers and hierarchical configuration controls 505 are also displayed on the display layer list.
[0139] In some embodiments, a save control is also displayed on the parallax card configuration interface, which is used to confirm and save the configuration parameters configured on the parallax card configuration interface. That is, in response to a trigger operation on the save control, the parallax card configuration platform obtains the corresponding configuration parameters.
[0140] 302. In response to a selection operation on a target display layer in the display layer list, the parallax card configuration platform displays a display layer configuration interface for the target display layer. The display layer configuration interface is used to configure the configuration parameters of the target display layer, and the target display layer is any one of the multiple display layers.
[0141] In some embodiments, an element list is displayed on the display layer configuration interface, and the element list includes at least one interface element included in the target display layer.
[0142] In some embodiments, a plurality of candidate signal parameters and a plurality of candidate effect parameters are also displayed on the display layer configuration interface. The plurality of candidate signal parameters and the plurality of candidate effect parameters are respectively used to configure signal parameters and effect parameters. The signal parameters are used to indicate the interaction signals corresponding to the target display layer, and the effect parameters are used to indicate the animation effects corresponding to the interaction signals.
[0143] Among them, during the process of displaying the parallax card, the target display layer displays the animation effect corresponding to the interaction signal in response to the interaction signal. Optionally, each candidate signal parameter corresponds to a plurality of candidate effect parameters, and thus the animation effect corresponding to each signal parameter can be set. Alternatively, each candidate signal parameter corresponds to one candidate effect parameter. In response to a selection operation on any candidate signal parameter, the candidate effect parameter corresponding to the selected candidate signal parameter is also selected.
[0144] In some embodiments, at least one level of each interface element and a level configuration control are also displayed on the element list. The level configuration control is used to configure the level of the interface element. The level configuration control includes an up control and a down control. The up control is used to move the current level of the interface element up one level, and the down control is used to move the current level of the interface element down one level.
[0145] Optionally, the name and description information of the display layer can also be configured through the display layer configuration interface. For example, see Figure 6 , Figure 6 is a schematic diagram of a display layer configuration interface provided by an embodiment of the present application. Among them, an element list 601, a layer addition control 602, a name configuration control 603, a description information configuration control 604, candidate signal parameters 605, and candidate effect parameters 606 are displayed on the display layer configuration interface.
[0146] In the embodiments of the present application, the display layer configuration interface is similar to the layer addition interface. The difference is that the items in the layer addition interface are basically blank items. The display layer configuration interface is the same as the layer addition interface when the parallax card is configured for the first time. During the update process of the parallax card, the display layer configuration interface will echo some of the previously configured data.
[0147] In some embodiments, a save control is also displayed on the display layer configuration interface, which is used to confirm and save the configuration parameters configured on the display layer configuration interface. That is, in response to the triggering operation on the save control, the parallax card configuration platform obtains the corresponding configuration parameters.
[0148] 303. The parallax card configuration platform obtains the configuration parameters of the target display layer based on the configuration operations on the display layer configuration interface.
[0149] In the embodiments of the present application, the configuration parameters of the target display layer include the element parameters of at least one interface element respectively. Correspondingly, the process by which the above-mentioned parallax card configuration platform obtains the configuration parameters of the target display layer based on the configuration operations on the display layer configuration interface includes the following steps. The parallax card configuration platform responds to the selection operation on the target interface element in the element list, and displays the element configuration interface of the target interface element. The element configuration interface displays multiple candidate configuration parameters of the target interface element, and the target interface element is any one of the at least one interface element; in response to the selection operation on at least one candidate configuration parameter among the multiple candidate configuration parameters, the element parameters of the target interface element are obtained.
[0150] In the embodiments of the present application, the element parameters of the interface element include but are not limited to the element type, display position, size, source, etc. of the interface element. Further, multiple parameter configuration boxes are also displayed on the element configuration interface. In response to the input operation in the parameter configuration box, the corresponding element parameters are obtained.
[0151] Optionally, the name and description information of the interface element can also be configured through the element configuration interface. For example, refer to Figure 7 , Figure 7 which is a schematic diagram of an element configuration interface provided by the embodiments of the present application. Among them, multiple candidate configuration parameters, multiple parameter configuration boxes, a name configuration component, and a description information configuration component are displayed on the element configuration interface.
[0152] Optionally, a save control is also displayed on the element configuration interface, which is used to confirm and save the configuration parameters configured on the element configuration interface. That is, in response to the triggering operation on the save control, the parallax card configuration platform obtains the corresponding configuration parameters.
[0153] In this embodiment, in response to a selection operation on any interface element, an element configuration interface capable of displaying the interface element can be presented. Based on a click operation or parameter input operation on the element configuration interface, parameter configuration of the element can be achieved, improving the convenience of parameter configuration, thereby enhancing the convenience of obtaining configuration parameters and improving the interaction efficiency.
[0154] In some embodiments, it further includes at least one of the following implementation manners.
[0155] In the first implementation manner, the configuration parameters of the target display layer further include signal parameters and effect parameters of the target display layer. Multiple candidate signal parameters and multiple candidate effect parameters are also displayed on the display layer configuration interface. In response to a selection operation on at least one of the multiple candidate signal parameters and a selection operation on at least one of the multiple candidate effect parameters, the signal parameters and effect parameters of the target display layer are obtained. In this implementation manner, by configuring the interaction signal and animation effect through clicking, not only the convenience of parameter configuration is improved, but also the interaction signal and animation effect can be flexibly configured, enhancing the diversity, and thus improving the interface display effect of the parallax card.
[0156] In the second implementation manner, the configuration parameters of the target display layer further include the hierarchical parameters of at least one interface element on the target display layer. The hierarchy and hierarchical configuration controls of at least one interface element are also displayed on the element list. In response to a triggering operation on the hierarchical configuration control of the target interface element, the hierarchical parameters of the target interface element are obtained. In this implementation manner, by configuring the hierarchy through the hierarchical configuration control, not only the convenience of parameter configuration is improved, but also the hierarchy of the interface element can be flexibly adjusted, enhancing the diversity, and thus improving the interface display effect of the parallax card.
[0157] In the third implementation manner, an element addition control is also displayed on the display layer configuration interface. In response to a triggering operation on the element addition control, an element addition interface is displayed. In response to a configuration operation on the element addition interface, the element parameters of the added interface element are obtained. In this implementation manner, through the element addition control, interface elements can be added quickly, improving the interaction efficiency and convenience.
[0158] In the embodiment of the present application, the element addition interface is similar to the element configuration interface, except that the items in the element addition interface are basically blank. The element configuration interface is the same as the element addition interface when the parallax card is first configured. During the update process of the parallax card, the element configuration interface will display the previously configured partial data.
[0159] In some embodiments, it further includes at least one of the following implementation manners.
[0160] In the first implementation, the configuration parameters of the target display layer further include the layer level parameters of the target display layer. On the display layer list, the layer levels and layer level configuration controls of each of the multiple display layers are also displayed. In response to a trigger operation on the layer level configuration control of the target display layer, the layer level parameters of the target display layer are obtained. In this implementation, configuring the layer level through the layer level configuration control not only improves the convenience of the configuration parameters, but also enables the layer level of the display layer to be flexibly adjusted, improving the diversity, and thus can improve the interface display effect of the parallax card.
[0161] In the second implementation, a layer addition control is also displayed on the parallax card configuration interface. In response to a trigger operation on the layer addition control, a display layer addition interface is displayed. In response to a configuration operation on the layer addition interface, the configuration parameters of the added display layer are obtained. In this implementation, through the layer addition control, a display layer can be added quickly, improving the interaction efficiency and convenience.
[0162] In the embodiment of the present application, the process of obtaining the configuration parameters of each of the multiple display layers of the parallax card is implemented through steps 301-303. In this embodiment, the configuration parameters are obtained through a click operation on the front-end interface, realizing the convenience of obtaining the configuration parameters, and thus improving the efficiency of obtaining the configuration parameters. It should be noted that steps 301-303 are only an optional implementation method for implementing this process, and this process can also be implemented through other optional implementation methods, which will not be elaborated here.
[0163] 304. The parallax card configuration platform obtains the script templates of each of the multiple display layers of the parallax card. The script template includes the general display script of the parallax card and the configuration items for filling in the configuration parameters to be filled.
[0164] In the embodiment of the present application, during the initial generation process of the parallax card, since interface elements need to be configured for each of the multiple display layers, correspondingly, the script templates of each of the multiple display layers can be the same. During the update process of the parallax card, since the configuration items of each of the multiple display layers have been filled with the configuration parameters of the previous time, correspondingly, the script templates of each of the multiple display layers can be different.
[0165] It should be noted that the serial numbers of steps 301-303 and step 304 are only for convenience of description and do not limit the execution order of the two. Steps 301-303 can be executed before step 304, can also be executed after step 304, and steps 301-303 and step 304 can also be executed simultaneously, thereby improving the acquisition efficiency.
[0166] 305. The parallax card configuration platform fills the script templates of each of the multiple display layers respectively based on the configuration parameters of each of the multiple display layers to obtain the display script of the parallax card.
[0167] In some embodiments, the filling script template is implemented by an element construction code template, a layer construction code template, an animation effect template, and a signal source code template. The element construction code template is used to generate a display subscript corresponding to configuration parameters such as element parameters. The layer construction code template is used to generate a display subscript corresponding to configuration parameters such as layer parameters. The animation effect template is used to generate a display subscript corresponding to configuration parameters such as effect parameters. The signal source code template is used to generate a display subscript corresponding to configuration parameters such as signal parameters.
[0168] Among them, the element construction code template is used to construct a single interface element, which consists of a set of method calls. Different combinations of method calls are generated according to different obtained configuration parameters. Each configuration parameter corresponds to a method call, and this method call is also the method code used to fill the configuration parameter into the script template. For example, if the element type in the configuration parameter is text, the method code for creating an interface element is found in the element construction code template, and the element type in the script template is changed to the text type. If the width and height of the text element are configured, the method code for setting the width and height of the element is found in the element construction code template, and the width and height of the interface element are set to the obtained width and height values. If the font size of the text element is set, the method code for setting the text size of the element is found in the element construction code template to set the text size of the interface element to the obtained font size value. The same applies to other configuration parameters. In this way, all the configured element parameters are traversed once and matched with the element construction code template to fill each element parameter into the script template.
[0169] Among them, the layer construction code template is used to construct a display layer. Further, the layer construction code template is used to construct a view container for each display layer, and then assemble all the display subscripts belonging to the display layer inside it.
[0170] Among them, the animation effect code template is used to control the animation effect. Each animation effect corresponds to a code snippet, and this code snippet is also the parameter script. Correspondingly, after obtaining the effect parameters, the corresponding parameter script is filled into the script template corresponding to the display layer where it is located. Further, the parameter script corresponding to each animation effect includes the processing algorithm of the animation effect for the interaction signal. For example, the parameter script of the displacement animation effect contains a drag processing algorithm for implementing a damping effect.
[0171] Among them, the signal source code template is used to query the types of interaction signals supported by the parallax card under the current terminal, implement the registration and unregistration of interaction signals, and if the parallax card configuration platform configures an interaction signal, the registration code of the interaction signal is filled into the script template. When any display layer does not need to monitor the corresponding interaction signal, such as when the display layer needs to be destroyed, the unregistration script is called to achieve this.
[0172] In some embodiments, the process of the parallax card configuration platform filling the script templates of each of the multi-layer display layers based on their respective configuration parameters to obtain the display script of the parallax card includes the following steps: The parallax card configuration platform obtains the parameter scripts respectively corresponding to the configuration parameters of each of the multi-layer display layers; Based on the parameter scripts respectively corresponding to the configuration parameters of each of the multi-layer display layers, the script templates of each of the multi-layer display layers are filled respectively to obtain the display script.
[0173] In this embodiment, parameter scripts are set in advance for various configuration parameters, so that for any configuration parameter, the script template can be directly filled based on the corresponding parameter script, further improving the convenience of generating the display script, and thus improving the generation efficiency of the display script.
[0174] It should be noted that since the configuration parameters of the parallax card are obtained through multiple configuration interfaces, and there is a save control on each configuration interface to confirm the configured parameters, in some embodiments, the parallax card configuration platform can enter each configuration interface, obtain the script part corresponding to this configuration interface in the script template, and then in response to the confirmation operation of the parameters configured on this configuration interface, obtain the configuration parameters and fill the configuration parameters into the corresponding script part. Or, enter each configuration interface, obtain the script part corresponding to this configuration interface, in response to the confirmation operation of the parameters configured on this configuration interface, obtain the configuration parameters and fill the configuration parameters into the corresponding script part. In other embodiments, it is also possible to fill the script template uniformly after obtaining all the configuration parameters, which is not specifically limited herein.
[0175] For example, refer to Figure 8 , Figure 8 is a generation process of a display script shown according to an exemplary embodiment. Among them, the addition and editing of the display layer are performed through the parallax layer management module, and then the layer code segments are generated through the above-mentioned multiple code templates. The layer code segments are also the display sub-scripts of the display layer. The addition and editing of the interface elements are performed through the element management module, and then the element code segments are generated through the above-mentioned multiple code templates. The element code segments are also the display sub-scripts of the interface elements. And the element code segments are also assembled into the layer code segments, and the structure of the layer code segments is sorted out to store different types of data such as data and logic in separate partitions, thereby facilitating management, and finally obtaining the display script of the parallax card. Among them, taking the script language of the display script as JSY as an example for illustration, the obtained display script is also the JSY code segment in the figure. And the display script can also be exported. After manually editing the display script, it can also be uploaded to the parallax card configuration platform. Finally, the display script is saved and published.
[0176] 306. The parallax card configuration platform compiles the display script in response to a confirmation operation on the display script, and updates the status information of the parallax card to a first status. The status information is used to indicate the release status of the display script of the parallax card, and the first status is used to indicate that the display script has not been completely released.
[0177] In the embodiments of the present application, compiling the display script means compiling the display script into binary code.
[0178] In some embodiments, the parallax card configuration platform compiles the display script through an automatic release pipeline. In response to a confirmation operation on the obtained configuration parameters, that is, when the parallax card configuration platform saves the configuration parameters, the automatic release pipeline is triggered, and the status information is updated to the first status. Among them, the parallax card configuration platform passes the card identifier, script identifier, and corresponding script file of the parallax card to the automatic release pipeline, and the script file includes the display script.
[0179] 307. The parallax card configuration platform sends the compiled display script to the resource release platform, audits the compiled display script through the resource release platform, and updates the status information to a second status. The second status is used to indicate that the display script has not been completely audited.
[0180] In the embodiments of the present application, after compilation, the automatic release pipeline uploads the compiled display script to the resource release platform. The script identifier of the corresponding display script is the script identifier uploaded by the parallax card configuration platform. After the upload is completed, the parallax card configuration platform is called back, and the status information is updated to the second status. At the same time, the resource release platform triggers an audit notice to notify relevant personnel for approval, or the resource release platform automatically audits the compiled display script, which is not specifically limited here.
[0181] 308. The parallax card configuration platform updates the status information to a third status in response to the completion of the audit. The third status is used to indicate that the display script has been released to the resource release platform, and the released display script is used for the terminal to display the parallax card.
[0182] In the embodiments of the present application, in response to the completion of the audit, the resource release platform releases the display script. At the same time, the resource release platform notifies the parallax card configuration platform to update the status information to the third status.
[0183] For example, refer to Figure 9 , Figure 9 is a flowchart for releasing a display script provided by an embodiment of the present application. Among them, in different processing stages of the display script, the status information on the parallax card configuration platform is different.
[0184] In the embodiment of the present application, the process of publishing the display script to the resource publishing platform is realized through the above steps 306-308. In this embodiment, during the publishing process of the display script, different status information is displayed for different processing stages, realizing asynchronous processing, and thus improving the efficiency. It should be noted that steps 306-308 are only an optional implementation method for realizing this process, and this process can also be realized through other optional implementation methods, which will not be elaborated here.
[0185] In some embodiments, the process of publishing the display script to the resource publishing platform includes the following steps. The parallax card configuration platform exports the display script in response to an export operation of the display script; obtains a modification script corresponding to the exported display script, where the modification script is obtained by modifying the display script; and publishes the modification script to the resource publishing platform.
[0186] In this embodiment, since the parallax card configuration platform supports secondary modification of the display script, even if the candidate configuration parameters provided by each configuration interface of the parallax card configuration platform cannot meet the business requirements, the business requirements can still be met by modifying the display script, thereby improving the flexibility and convenience.
[0187] In the embodiment of the present application, the display script is the core of the parallax card dynamicization ability. To simplify the difficulty of writing the script of the parallax card, a parallax card configuration platform is set up. The parallax card configuration platform supports point selection configuration of the display script and also supports secondary upload after exporting the script. The conventional parallax effect can meet the configuration requirements through point selection, and special requirements can be manually accessed and realized through further coding, improving the flexibility while reducing the difficulty. For example, continue to refer to Figure 5 ., an upload control 506 and an export control 507 for the display script are displayed on the parallax card configuration interface. Taking the script language of the display script as JSY as an example, the guiding information "Upload JSY" is displayed on the upload control 506, and the guiding information "Export JSY" is displayed on the export control 507.
[0188] In some embodiments, the status information of the parallax card is also used to verify whether the parallax card can be displayed. Among them, the parallax card configuration platform receives a status request from the terminal; returns status information to the terminal based on the status request, and the terminal is used to obtain the display script from the resource publishing platform when the status information indicates that the display script has been published to the resource publishing platform.
[0189] In this embodiment, before obtaining the display script, it is first determined whether the display script has been published based on the status information, avoiding the process of requesting the display script from the resource publishing platform when the display script has not been published. In this way, through the pre-verification method, the efficiency can be effectively improved and resource waste can be reduced.
[0190] Based on the Figure 2 and Figure ۳ embodiments above, the process of displaying a parallax card is introduced with the parallax card configuration platform as the execution entity. Below, based on the Figure 10 embodiment, the process of displaying a parallax card is introduced with the terminal as the execution entity. Refer to Figure 10 , Figure 10 which is a flowchart of a method for displaying a parallax card provided by an embodiment of the present application. The method includes the following steps.
[0191] 1001. In response to a display request for a parallax card, the terminal obtains a script identifier of the display script of the parallax card. The parallax card includes multiple display layers, and the display script is obtained by filling the script templates of the multiple display layers with their respective configuration parameters. The configuration parameters are used to configure at least one interface element on the display layer.
[0192] In the embodiments of the present application, the display request is used to request to display a parallax card on the terminal. Optionally, the parallax card is displayed on the card interface, and in response to an entry operation on the card interface, the display request is triggered.
[0193] In the embodiments of the present application, the script identifier is used to identify the display script of the parallax card. The display script is generated by the parallax card configuration platform.
[0194] 1002. The terminal sends a script request to the resource publishing platform based on the script identifier. The resource publishing platform publishes the display script of the parallax card.
[0195] In the embodiments of the present application, the script request carries the script identifier. The resource publishing platform may publish multiple display scripts of the parallax card. Correspondingly, the resource publishing platform finds the corresponding display script based on the script identifier.
[0196] 1003. The terminal receives the display script returned by the resource publishing platform based on the script request.
[0197] In the embodiments of the present application, the resource publishing platform finds the corresponding display script based on the script identifier in the script request, and then returns the display script to the terminal.
[0198] 1004. The terminal displays the parallax card based on the display script.
[0199] In the embodiments of the present application, the terminal displays the parallax card based on the display script. Further, based on the display script, in response to an interaction signal for any display layer of the parallax card, an animation effect corresponding to the interaction signal is displayed.
[0200] The embodiment of the present application provides a method for displaying a parallax card. When generating the display script of the parallax card in this method, only the configuration parameters need to be filled into the script template to obtain the corresponding display script, without the need for developers to write the display script step by step, significantly reducing the difficulty of generating the display script and improving the generation efficiency of the display script. In this way, when updating the parallax card, only the corresponding configuration parameters need to be modified, without the need to rewrite the script step by step, thereby reducing the update difficulty and update cost of the parallax card and improving the update efficiency of the parallax card. Further, due to the reduction of the update difficulty and update cost of the parallax card and the improvement of the update efficiency, the real-time dynamic and fast update of the parallax card can be realized, thereby improving the display efficiency of the updated parallax card; and because the update difficulty and update cost of the parallax card are reduced and the update efficiency is improved, it can also promote the update of the parallax card, and the update of the parallax card is also a process of continuously improving the display effect of the parallax card, thereby further improving the display effect of the parallax card.
[0201] The above Figure 4 embodiment is the basic process of the method for displaying a parallax card. The following further introduces the method for displaying a parallax card based on Figure 11 which is illustrated by taking the interaction between multiple devices as an example, and the display script used in this method is the display script generated by any of the above embodiments. Refer to Figure 11 , Figure 11 which is a flowchart of a method for displaying a parallax card provided by an embodiment of the present application. The method includes the following steps.
[0202] 1101. In response to a display request for a parallax card, the terminal sends an identification request to the server, and the server stores the script identification of the parallax card.
[0203] In the embodiment of the present application, the identification request is used to request the script identification of the display script of the parallax card. The server stores the script identifications of multiple parallax cards. Further, the server stores the card identification and the script identification of the parallax card correspondingly, and the identification request carries the card identification, thereby facilitating the server to query the corresponding script identification.
[0204] In the embodiment of the present application, the server is also the business background of the application for displaying the parallax card, which is used to provide background services for the terminal to display the parallax card. The server can obtain the script identification from the parallax card configuration platform.
[0205] 1102. The server receives the identification request and sends a status request to the parallax card configuration platform based on the identification request. The status request is used to obtain the status information indicating the release status of the display script.
[0206] In the embodiment of the present application, the parallax card configuration platform displays and stores the status information of multiple parallax cards. Optionally, the status request carries the card identifier of the parallax card, or carries the script identifier, or both are carried, so as to facilitate the parallax card configuration platform to query the status information.
[0207] 1103. The server receives the status information returned by the parallax card configuration platform. When the status information indicates that the display script has been published to the resource publishing platform, the server returns the script identifier to the terminal.
[0208] In the embodiment of the present application, if the status information indicates that the display script has not been published to the resource publishing platform, the server does not return the script identifier to the terminal; further, the server returns a request failure to the terminal.
[0209] 1104. The terminal receives the script identifier returned by the server.
[0210] In the embodiment of the present application, the script identifier is used to identify the display script of the parallax card. Accordingly, the terminal obtains the display script based on the script identifier.
[0211] In the embodiment of the present application, through the above steps 1101-1104, the process of obtaining the script identifier of the display script of the parallax card in response to the display request of the parallax card is realized. In this embodiment, before obtaining the display script, it is first determined whether the display script has been published based on the status information, avoiding the process of requesting the display script from the resource publishing platform when the display script has not been published yet. In this way, through the prior verification method, the efficiency can be effectively improved and resource waste can be reduced. It should be noted that steps 1101-1104 are only an optional implementation method for realizing this process, and this process can also be realized through other optional implementation methods, which will not be elaborated here.
[0212] In some embodiments, the terminal obtains the script identifier of the display script of the parallax card in response to the display request of the parallax card, including the following steps: The terminal obtains the link address of the parallax card in response to the display request. The link address includes the picture address of the preset picture and the script identifier of the display script. The preset picture and the display script are used to display the parallax card.
[0213] In the embodiment of the present application, the preset picture is the picture displayed at the position of the interface element obtained before displaying the parallax card and the display position of the parallax card before the parallax card is assembled. That is, the preset picture is used to achieve a buffering effect during the process of loading the parallax card, thereby improving the interface display effect.
[0214] Among them, the picture address can be a URL (Uniform Resource Locator) address. The terminal obtains the link address from the server. Since the link address includes the picture address and the script identifier, multiple pieces of information can be obtained through one distribution operation, reducing costs and saving resources.
[0215] Optionally, the script identifier is sent through a query. The query is located in the second half of the link address, and the query carries the script identifier. For example, see Figure 12 , Figure 12 which is a schematic diagram of a link address provided by an embodiment of the present application.
[0216] 1105. The terminal sends a script request to the resource publishing platform based on the script identifier. The resource publishing platform publishes the display script of the parallax card.
[0217] In the embodiment of the present application, the script request carries the script identifier, and the script request is used to request to obtain the display script identified by the script identifier. The resource publishing platform marks the display script based on the script identifier.
[0218] 1106. The resource publishing platform determines the display script based on the script request and returns the display script to the terminal.
[0219] In the embodiment of the present application, the resource publishing platform publishes the display scripts of multiple parallax cards. Correspondingly, the resource publishing platform determines the corresponding display script based on the script identifier carried in the script request and returns the display script to the terminal.
[0220] 1107. The terminal receives the display script returned by the resource publishing platform based on the script request.
[0221] In the embodiment of the present application, the example of the terminal obtaining the display script is described. In other embodiments, when the status information indicates that the display script has been published to the resource publishing platform, the server directly obtains the display script from the resource publishing platform based on the script identifier and then sends it to the terminal. Or, the script request sent by the server to the resource publishing platform carries the identifier of the terminal, and then the resource publishing platform directly sends the display script to the terminal, further improving efficiency.
[0222] In other embodiments, the script identifier is stored on the terminal. The terminal directly sends a status request to the parallax card configuration platform. When the obtained status information indicates that the display script has been published to the resource publishing platform, the terminal directly obtains the display script from the resource publishing platform based on the script identifier.
[0223] 1108. The terminal displays the parallax card based on the display script.
[0224] In some embodiments, the script identifier is carried in the link address. Correspondingly, the process by which the above terminal displays the parallax card based on the display script includes the following steps: The terminal obtains a preset picture based on the picture address; displays a mask layer at a target position on the card interface, where the card interface is the interface to which the parallax card belongs, and the target position is the display position of the parallax card; obtains the interface elements on the multiple display layers of the parallax card based on the display script; assembles the parallax card on an assembly layer based on the display script and the obtained interface elements, where the assembly layer is the layer below the mask layer; after assembly is completed, hides the mask layer to display the assembled parallax card.
[0225] In the embodiments of the present application, the display of the parallax card is divided into two cases. One case is for the native parallax card, that is, the display position of the parallax card is originally used to display the parallax card. The other case is for other views, that is, the display position of the parallax card is not originally used to display the parallax card, and the other views can be pictures, Lottie animation pictures, etc.
[0226] Optionally, the terminal calls the mask layer to obtain the preset picture and display the picture, calls the assembly layer to obtain the interface elements on the parallax card and assemble them, and after assembly is completed, notifies the mask layer to be hidden.
[0227] This embodiment is for the above first case. In this embodiment, the preset picture is first loaded and displayed on the mask layer, and then the parallax card is assembled on the layer below the mask layer, realizing the buffering of the process of displaying the parallax card and improving the interface display effect.
[0228] For example, refer to Figure 13 , Figure 13 is a schematic structural diagram of a parallax card provided by an embodiment of the present application. Among them, the mask layer is displayed above the assembly layer.
[0229] In some other embodiments, the process by which the above terminal displays the parallax card based on the display script includes the following steps: The terminal obtains a preset picture based on the picture address; obtains the interface elements on the multiple display layers of the parallax card based on the display script; assembles the parallax card on the assembly layer of the card interface based on the display script and the obtained interface elements, and displays the preset picture as an interface element on the assembly layer, where the card interface is the interface to which the parallax card belongs, and the assembly layer is located at the display position of the parallax card; after assembly is completed, hides the preset picture to display the assembled parallax card.
[0230] This embodiment is directed to the second case above. In this embodiment, a preset picture is first loaded, and before the assembly is completed, the preset picture is displayed as an interface element on the assembly layer, realizing the process buffer for displaying the parallax card and avoiding the abruptness caused by directly replacing the preset picture, thereby improving the interface display effect. Moreover, this method can also replace the originally displayed picture with a parallax card, improving the flexibility of the parallax card display.
[0231] Optionally, the terminal calls the container switching method of the parallax card to switch the parallax card to the parent container of the preset picture. After the switching is completed, the terminal downloads the interface element indicated by the element link in the display script, and then assembles the display layers of each layer of the parallax card. After the assembly is completed, the terminal notifies the preset picture to be hidden. The display script stores the element link of the interface element. Correspondingly, the terminal obtains the interface element based on the address indicated by the element link.
[0232] In some other embodiments, the preset picture can also be displayed as the top display layer of a parallax card above the parallax card to provide a further occlusion effect for the assembly process of the parallax card.
[0233] For example, referring to Figure 14 , Figure 14 is a schematic diagram of loading a parallax card with other views provided by an embodiment of the present application. Among them, before loading the parallax card, the preset picture is displayed, and after loading the parallax card, the preset picture is displayed as an interface element on the parallax card.
[0234] In some embodiments, the display script includes a resource loading sub-script, a layer building sub-script, and an algorithm sub-script. The process of the terminal displaying the parallax card based on the display script includes the following steps: The terminal parses the resource loading sub-script, the layer building sub-script, and the algorithm sub-script respectively to obtain a resource loader, a layer builder, and a signal source driver; through the resource loader, based on the element link in the display script, the terminal loads the interface elements on the multi-layer display layer, and the element link is used to indicate the element address of the interface element; through the layer builder, the terminal builds the multi-layer display layer of the parallax card; through the signal source driver, in response to the interaction signal of the parallax card, the terminal displays the animation effect corresponding to the interaction signal.
[0235] In the embodiments of the present application, the display script includes multiple sub-scripts, and the multiple sub-scripts are respectively used to implement different functions in the process of displaying the parallax card. The main function of the layer building sub-script is to build the display layer and the interface elements thereon. The main function of the resource loading sub-script is to load resources, that is, to load interface elements, such as loading static pictures, PAG pictures, etc. The main function of the algorithm sub-script is to perform algorithm processing on the callback data of the external interaction signal.
[0236] In this embodiment, the terminal parses the display script according to the functional area through a parser to generate corresponding schedulers, and then different functions are implemented through different schedulers. In this way, through the method of partition cooperation, different events can be processed specifically, and thus the display efficiency of the display script can be improved.
[0237] Among them, the terminal's parsing of the display script is also the parsing of the language rules of the display script, and the parsing result can be recognized by the operating system on the terminal, that is, the operating system can display the parallax card on the terminal through the parsing result. For example, see Figure 15 , Figure 15 is a schematic diagram of the parsing of a display script provided by an embodiment of the present application. Among them, the script language is taken as JSY for illustration, and the fragment is also a sub-script fragment.
[0238] In some embodiments, the process of the above terminal displaying the parallax card based on the display script includes the following steps: The terminal generates a display protocol based on the display script, and the display protocol is used to indicate the rules for displaying the parallax card; based on the display script and the display protocol, the parallax card is displayed.
[0239] Optionally, the display protocol includes a K-V (key-value) protocol, a data source protocol, and a function protocol. The K-V protocol is used to implement the transfer of attribute values, and the attribute value is also the value of the configuration parameter. For example, the K-V protocol indicates the view scaling ratio. The data source protocol is used to describe the form and data changes of the interaction signal source. For example, the data source protocol indicates the gravity information value of the gyroscope. The function protocol is used to complete the conversion of function logic, so that the display script can handle the native logic of the control terminal.
[0240] Correspondingly, the above generation of the display protocol based on the display script is also to generate the corresponding relationships of each content and the parameter values of each content in the display script, and the corresponding relationships of each content are the composition of the display protocol. Correspondingly, the above display of the parallax card based on the display script and the display protocol is also that the above-mentioned multiple schedulers interact with the native logic through the display protocol to display the parallax card.
[0241] For example, see Figure 16 , Figure 16It is an interaction schematic diagram provided by an embodiment of the present application. Among them, each scheduler interacts with the native logic of the terminal through each display protocol in the protocol layer, so that the terminal displays a parallax card. The native logic includes the processing logics corresponding to multiple modules such as view management, data storage, event perception, and native signals. Among them, the view management module is used to display the parallax card, and the data storage module is used to store data related to the parallax card. The event perception module is used to perceive external interaction signals. The native signal module is used to perceive the gyroscope signal on the terminal. For example, if the display position of a certain interface element in the display script of the parallax card is updated, the layer builder updates the display position to the K-V protocol. The view management module reads the display position in the K-V protocol to update and display the corresponding interface element. And the data storage module is used to store the display position, so as to directly display the corresponding interface element based on the display position next time. The event perception module is used to respond to external interaction signals to perceive the interaction events of the parallax card. For example, if it is perceived through the native signal module that the gravity information value of the gyroscope is updated, the updated gravity information value is encapsulated through the data source protocol and the function protocol, that is, the gravity information value is converted into a data format that the signal source driver can recognize. After the signal source driver reads the gravity information value, it determines the animation effect information corresponding to the gravity information value. Then, the animation effect information is encapsulated through the data source protocol and the function protocol, that is, the animation effect information is converted into a data format that the parallax management module can recognize. After the parallax management module reads the animation effect information, it performs the animation effect display of the parallax card.
[0242] For example, refer to Figure 17 , Figure 17 It is an interaction flowchart provided by an embodiment of the present application. Among them, after the operator generates the display script of the parallax card through the parallax card configuration platform, the display script is uploaded to the resource publishing platform for publishing, and the resource publishing platform also notifies the parallax card configuration platform of the publishing status of the display script. The terminal generates request data in response to the display request, sends an identification request to the server, the server sends a status request to the parallax card configuration platform, and the server obtains the response from the parallax card configuration platform and then feeds back the response to the terminal. Then the terminal loads the preset picture based on the feedback link address, switches the container in the case of a non-native parallax card, and does not need to switch the container in the case of a native parallax card. Then the terminal obtains the display script from the resource publishing platform, parses the display script, and obtains multiple schedulers. Through the scheduler, the display protocol of the protocol layer is called to implement the construction and display of the parallax card. And the terminal also performs event processing, that is, responds to various interaction signals to implement the response of the animation effect.
[0243] For example, refer to Figure 18 , Figure 18It is a schematic diagram of a parallax card provided by an embodiment of the present application. Among them, the parser creates a layer builder, a resource loader, and a signal source driver through each sub-script in the display script. The layer builder constructs a total of four display layers. The first display layer consists of a picture element and displays live streaming. The second display layer consists of a picture element and displays a character image. The third display layer consists of an animation element and displays animations of rain and lightning. The fourth display layer consists of a picture element and displays a vortex background. During the layer construction process, some basic attributes are obtained through the K-V protocol, such as obtaining the position of this picture element in the first display layer on the display layer. The resource loader loads the picture resources and animation resources of the interface elements on each display layer according to the resource links configured in the display script, and the download process depends on the function protocol and the K-V protocol to be converted into native implementation. The signal source driver registers gyroscope drive signals for the second and third display layers, processes the data of the interaction signals through the signal data source protocol, and then controls the second and third display layers to execute displacement animations through the function protocol to form a parallax effect.
[0244] In the embodiment of the present application, the parallax card is controlled by a display script, enabling the parallax card to be dynamically updated, no longer relying on terminal releases, significantly reducing the R & D cost and online cycle of the parallax card, and improving operation efficiency. The parallax card provides a configuration platform management function and supports status updates, allowing designers to directly participate in the R & D of the parallax card, reducing communication costs, and facilitating the restoration of design effects. The method provided by the embodiment of the present application significantly reduces the R & D and access thresholds of the parallax card, and the application scenarios of the present application can be further expanded, including but not limited to IP (Intellectual Property) distribution scenarios and content distribution scenarios, etc.
[0245] In the embodiment of the present application, with the help of the dynamic execution of the display script and the resource publishing ability of the resource publishing platform, the dynamic update of the hierarchical management (adding, deleting, moving up, moving down), element management (adding, deleting, updating), interaction signals (sensors, swiping, buttons), and parallax effect (displacement, rotation, scaling) calculation of the multi-layer UI layout parallax card is realized, no longer relying on the hard coding and version iteration of the terminal, and with one set of code running on multiple terminals, ensuring the consistency of the effects, and significantly reducing the labor cost and time cost. This method not only enables the dynamic update of the element creation, hierarchical control, signal driving, and dynamic effect playing capabilities of the parallax card, but also controls the parallax card based on the display script. The display script has advantages such as high performance and cross-platform capabilities, and further enables the cross-terminal ability of running one set of code on multiple platforms.
[0246] An embodiment of the present application provides a method for displaying a parallax card. In this method, a script template is set in advance. The script template includes a general display script and configuration items for configuration parameters to be filled. When generating the display script of the parallax card, only the configuration parameters need to be obtained, and then the configuration parameters are filled into the script template to obtain the corresponding display script. This method does not require developers to write the display script step by step, significantly reducing the difficulty of generating the display script and improving the efficiency of generating the display script. In this way, when updating the parallax card, only the corresponding configuration parameters need to be modified, without rewriting the script step by step, thereby reducing the difficulty and cost of updating the parallax card and improving the efficiency of updating the parallax card. Further, since the difficulty and cost of updating the parallax card are reduced and the updating efficiency is improved, the parallax card can be updated quickly and dynamically in real time, thereby improving the display efficiency of the updated parallax card. And since the difficulty and cost of updating the parallax card are reduced and the updating efficiency is improved, it can also promote the update of the parallax card, and the update of the parallax card is a process of continuously improving the display effect of the parallax card, thereby further improving the display effect of the parallax card.
[0247] Figure 19 is a block diagram of a display device for a parallax card according to an embodiment of the present application. Refer to Figure 19 , the device includes:
[0248] An acquisition module 1901, configured to acquire the configuration parameters and script templates of each multi-layer display layer of the parallax card. The configuration parameters are used to configure at least one interface element on the display layer, and the script template includes the general display script of the parallax card and configuration items for configuration parameters to be filled;
[0249] A filling module 1902, configured to respectively fill the script templates of each multi-layer display layer based on the configuration parameters of each multi-layer display layer to obtain the display script of the parallax card;
[0250] A publishing module 1903, configured to publish the display script to a resource publishing platform, and the published display script is used for a terminal to display the parallax card.
[0251] In some embodiments, the acquisition module 1901 is configured to:
[0252] Display a parallax card configuration interface for the parallax card. A display layer list including multi-layer display layers is displayed on the parallax card configuration interface;
[0253] In response to a selection operation on a target display layer in the display layer list, display a display layer configuration interface for the target display layer. The display layer configuration interface is used to configure the configuration parameters of the target display layer, and the target display layer is any one of the multi-layer display layers;
[0254] Based on the configuration operations on the display layer configuration interface, obtain the configuration parameters of the target display layer.
[0255] In some embodiments, an element list is displayed on the display layer configuration interface. The element list includes at least one interface element included in the target display layer, and the configuration parameters of the target display layer include the element parameters of each of the at least one interface element. The obtaining module 1901 is configured to:
[0256] In response to a selection operation on a target interface element in the element list, display an element configuration interface of the target interface element. The element configuration interface displays multiple candidate configuration parameters of the target interface element, and the target interface element is any one of the at least one interface element;
[0257] In response to a selection operation on at least one candidate configuration parameter among the multiple candidate configuration parameters, obtain the element parameters of the target interface element.
[0258] In some embodiments, the obtaining module 1901 is further configured to perform at least one of the following:
[0259] The configuration parameters of the target display layer further include signal parameters and effect parameters of the target display layer. The signal parameters are used to indicate the interaction signals corresponding to the target display layer, and the effect parameters are used to indicate the animation effects corresponding to the interaction signals. Multiple candidate signal parameters and multiple candidate effect parameters are also displayed on the display layer configuration interface. In response to a selection operation on at least one candidate signal parameter among the multiple candidate signal parameters and a selection operation on at least one candidate effect parameter among the multiple candidate effect parameters, obtain the signal parameters and effect parameters of the target display layer;
[0260] The configuration parameters of the target display layer further include the layer parameters of each of the at least one interface element on the target display layer. The layer and layer configuration controls of each of the at least one interface element are also displayed on the element list. In response to a triggering operation on the layer configuration control of the target interface element, obtain the layer parameters of the target interface element;
[0261] An element addition control is also displayed on the display layer configuration interface. In response to a triggering operation on the element addition control, display an element addition interface. In response to the configuration operations on the element addition interface, obtain the element parameters of the added interface element.
[0262] In some embodiments, the obtaining module 1901 is further configured to perform at least one of the following:
[0263] The configuration parameters of the target display layer further include the layer parameters of the target display layer. The layer and layer configuration controls of multiple display layers are also displayed on the display layer list. In response to a triggering operation on the layer configuration control of the target display layer, obtain the layer parameters of the target display layer; [[ID=z8]]
[0264] A layer addition control is also displayed on the parallax card configuration interface. In response to a trigger operation on the layer addition control, a layer addition interface is displayed. In response to a configuration operation on the layer addition interface, configuration parameters of the added display layer are obtained.
[0265] In some embodiments, the publishing module 1903 is configured to:
[0266] In response to an export operation on the display script, export the display script;
[0267] Obtain a modification script corresponding to the exported display script, where the modification script is obtained by modifying the display script;
[0268] Publish the modification script to the resource publishing platform.
[0269] In some embodiments, the filling module 1902 is configured to:
[0270] Obtain parameter scripts respectively corresponding to the configuration parameters of multiple display layers;
[0271] Based on the parameter scripts respectively corresponding to the configuration parameters of multiple display layers, respectively fill the script templates of multiple display layers to obtain a display script.
[0272] In some embodiments, the apparatus further includes:
[0273] A display module, configured to display an online control, an offline control, and status information on the parallax card configuration interface of the parallax card. The online control is used to publish the display script to the resource publishing platform. The offline control is used to revoke the display script from the resource publishing platform. The status information is used to indicate the publishing status of the display script of the parallax card;
[0274] A receiving module, configured to receive a status request from a terminal;
[0275] A returning module, configured to return status information to the terminal based on the status request. The terminal is used to obtain the display script from the resource publishing platform when the status information indicates that the display script has been published to the resource publishing platform.
[0276] In some embodiments, the publishing module 1903 is configured to:
[0277] In response to a confirmation operation on the display script, compile the display script, and update the status information of the parallax card to a first status. The status information is used to indicate the publishing status of the display script of the parallax card, and the first status is used to indicate that the display script has not been published completely;
[0278] Send the compiled display script to the resource publishing platform, review the compiled display script through the resource publishing platform, and update the status information to a second status. The second status is used to indicate that the display script has not been reviewed completely;
[0279] In response to the completion of the review, update the status information to the third status, where the third status is used to indicate that the display script has been published to the resource publishing platform.
[0280] The embodiment of the present application provides a display device for a parallax card. The device is pre-set with a script template, and the script template includes a general display script and a configuration item for filling in configuration parameters. When generating the display script of the parallax card, only the configuration parameters need to be obtained, and then the configuration parameters are filled into the script template to obtain the corresponding display script. The device does not require developers to write the display script step by step, significantly reducing the difficulty of generating the display script and improving the efficiency of generating the display script. In this way, when updating the parallax card, only the corresponding configuration parameters need to be modified, without having to write the script step by step again, thereby reducing the difficulty and cost of updating the parallax card and improving the efficiency of updating the parallax card. Further, since the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, the parallax card can be updated quickly and dynamically in real time, thereby improving the display efficiency of the updated parallax card; and since the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, it can also promote the update of the parallax card, and the update of the parallax card is a process of continuously improving the display effect of the parallax card, thereby further improving the display effect of the parallax card.
[0281] Figure 20 It is a block diagram of a display device for a parallax card provided according to an embodiment of the present application. Refer to Figure 20 , the device includes:
[0282] An obtaining module 2001, configured to obtain a script identifier of a display script of a parallax card in response to a display request for the parallax card. The parallax card includes multiple display layers, and the display script is obtained by filling the script templates of the multiple display layers with their respective configuration parameters. The configuration parameters are used to configure at least one interface element on the display layer;
[0283] A sending module 2002, configured to send a script request to a resource publishing platform based on the script identifier. The resource publishing platform publishes the display script of the parallax card;
[0284] A receiving module 2003, configured to receive the display script returned by the resource publishing platform based on the script request;
[0285] A display module 2004, configured to display the parallax card based on the display script.
[0286] In some embodiments, the obtaining module 2001 is configured to:
[0287] In response to a display request, send an identification request to the server. The server stores the script identification of the parallax card. The server is used to send a status request to the parallax card configuration platform based on the identification request. The status request is used to obtain status information for indicating the release status of the display script. The parallax card configuration platform is the platform for generating the display script;
[0288] Receive the script identification returned by the server. The server is used to return the script identification when the status information returned by the parallax card configuration platform indicates that the display script has been published to the resource publishing platform.
[0289] In some embodiments, the obtaining module 2001 is used for:
[0290] In response to a display request, obtain the link address of the parallax card. The link address includes the picture address of the preset picture and the script identification of the display script. The preset picture and the display script are used to display the parallax card.
[0291] In some embodiments, the display module 2004 is used for:
[0292] Obtain the preset picture based on the picture address;
[0293] Based on the preset picture, display a mask layer at the target position on the card interface. The card interface is the interface to which the parallax card belongs, and the target position is the display position of the parallax card;
[0294] Based on the display script, obtain the interface elements on the multi-layer display layer of the parallax card;
[0295] Based on the display script and the obtained interface elements, assemble the parallax card on the assembly layer. The assembly layer is the layer below the mask layer;
[0296] After the assembly is completed, hide the mask layer to display the assembled parallax card.
[0297] In some embodiments, the display module 2004 is used for:
[0298] Obtain the preset picture based on the picture address;
[0299] Based on the display script, obtain the interface elements on the multi-layer display layer of the parallax card;
[0300] Based on the display script and the obtained interface elements, assemble the parallax card on the assembly layer of the card interface, and display the preset picture as an interface element on the assembly layer. The card interface is the interface to which the parallax card belongs, and the assembly layer is located at the display position of the parallax card;
[0301] After the assembly is completed, hide the preset picture to display the assembled parallax card.
[0302] In some embodiments, the display script includes a resource loading sub-script, a layer construction sub-script, and an algorithm sub-script. The display module 2004 is configured to:
[0303] Parse the resource loading sub-script, the layer construction sub-script, and the algorithm sub-script respectively to obtain a resource loader, a layer builder, and a signal source driver;
[0304] Through the resource loader, based on the element links in the display script, load the interface elements on multiple display layers, where the element links are used to indicate the element addresses of the interface elements;
[0305] Through the layer builder, construct multiple display layers of the parallax card;
[0306] Through the signal source driver, in response to the interaction signal for the parallax card, display the animation effect corresponding to the interaction signal.
[0307] In some embodiments, the display module 2004 is configured to:
[0308] Generate a display protocol based on the display script, where the display protocol is used to indicate the rules for displaying the parallax card;
[0309] Based on the display script and the display protocol, display the parallax card.
[0310] In the embodiments of the present application, a display device for a parallax card is provided. When generating the display script of the parallax card in this device, only the configuration parameters need to be filled into the script template to obtain the corresponding display script, without the need for developers to write the display script step by step, significantly reducing the difficulty of generating the display script and improving the generation efficiency of the display script. In this way, when updating the parallax card, only the corresponding configuration parameters need to be modified, without the need to rewrite the script step by step, thereby reducing the difficulty and cost of updating the parallax card and improving the update efficiency of the parallax card. Further, due to the reduction of the difficulty and cost of updating the parallax card and the improvement of the update efficiency, the real-time dynamic and fast update of the parallax card can be realized, thereby improving the display efficiency of the updated parallax card; and because the difficulty and cost of updating the parallax card are reduced and the update efficiency is improved, it can also promote the update of the parallax card, and the update of the parallax card is a process of continuously improving the display effect of the parallax card, thereby further improving the display effect of the parallax card.
[0311] In the embodiments of the present application, the computer device can be a terminal or a server. When the computer device is a terminal, the terminal is used as the execution subject to implement the technical solution provided in the embodiments of the present application; when the computer device is a server, the server is used as the execution subject to implement the technical solution provided in the embodiments of the present application; or, the technical solution provided in the present application is implemented through the interaction between the terminal and the server. The embodiments of the present application do not limit this.
[0312] Figure 21 The structural block diagram of the terminal 2100 provided by an exemplary embodiment of the present application is shown.
[0313] Generally, the terminal 2100 includes: a processor 2101 and a memory 2102.
[0314] The processor 2101 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. The processor 2101 may be implemented in at least one of the following hardware forms: DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). The processor 2101 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the wake state, also known as the CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 2101 may be integrated with a GPU (Graphics Processing Unit), and the GPU is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 2101 may further include an AI (Artificial Intelligence) processor, and the AI processor is used to process the computational operations related to machine learning.
[0315] The memory 2102 may include one or more computer-readable storage media, and the computer-readable storage media may be non-transitory. The memory 2102 may further include a high-speed random access memory and a non-volatile memory, such as one or more disk storage devices and flash storage devices. In some embodiments, the non-transitory computer-readable storage media in the memory 2102 is used to store at least one program code, and the at least one program code is used to be executed by the processor 2101 to implement the method for displaying a parallax card provided by the method embodiments of the present application.
[0316] In some embodiments, the terminal 2100 may further optionally include: a peripheral device interface 2103 and at least one peripheral device. The processor 2101, the memory 2102, and the peripheral device interface 2103 may be connected through a bus or signal lines. Each peripheral device may be connected to the peripheral device interface 2103 through a bus, signal lines, or a circuit board. Specifically, the peripheral device includes at least one of a radio frequency circuit 2104, a display screen 2105, a camera assembly 2106, an audio circuit 2107, and a power supply 2108.
[0317] The peripheral device interface 2103 can be used to connect at least one peripheral device related to I / O (Input / Output) to the processor 2101 and the memory 2102. In some embodiments, the processor 2101, the memory 2102, and the peripheral device interface 2103 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 2101, the memory 2102, and the peripheral device interface 2103 can be implemented on a separate chip or circuit board, and this embodiment does not limit this.
[0318] The radio frequency circuit 2104 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The radio frequency circuit 2104 communicates with a communication network and other communication devices through electromagnetic signals. The radio frequency circuit 2104 converts an electrical signal into an electromagnetic signal for transmission, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 2104 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so on. The radio frequency circuit 2104 can communicate with other terminals through at least one wireless communication protocol. The wireless communication protocol includes but is not limited to: the World Wide Web, a metropolitan area network, an intranet, various generations of mobile communication networks (2G, 3G, 4G, and 5G), a wireless local area network, and / or a WiFi (Wireless Fidelity) network. In some embodiments, the radio frequency circuit 2104 may further include a circuit related to NFC (Near Field Communication), and this application does not limit this.
[0319] The display screen 2105 is used to display a User Interface (UI). The UI may include graphics, text, icons, videos, and any combination thereof. When the display screen 2105 is a touch display screen, the display screen 2105 also has the ability to collect touch signals on or above the surface of the display screen 2105. The touch signals can be input as control signals to the processor 2101 for processing. At this time, the display screen 2105 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 2105, which is provided on the front panel of the terminal 2100; in other embodiments, there may be at least two display screens 2105, which are respectively provided on different surfaces of the terminal 2100 or are in a foldable design; in other embodiments, the display screen 2105 may be a flexible display screen, which is provided on the curved surface or the folding surface of the terminal 2100. Even, the display screen 2105 can also be set to an irregular non-rectangular shape, that is, a special-shaped screen. The display screen 2105 can be prepared using materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).
[0320] The camera module 2106 is used to capture images or videos. Optionally, the camera module 2106 includes a front camera and a rear camera. Generally, the front camera is provided on the front panel of the terminal, and the rear camera is provided on the back of the terminal. In some embodiments, there are at least two rear cameras, which are any one of a main camera, a depth camera, a wide-angle camera, and a telephoto camera, to implement functions such as background blurring by fusing the main camera and the depth camera, panoramic shooting by fusing the main camera and the wide-angle camera, and VR (Virtual Reality) shooting function or other fusion shooting functions. In some embodiments, the camera module 2106 may also include a flash. The flash can be a single-color temperature flash or a two-color temperature flash. A two-color temperature flash refers to a combination of a warm light flash and a cold light flash, which can be used for light compensation under different color temperatures.
[0321] The audio circuit 2107 may include a microphone and a speaker. The microphone is used to collect sound waves of the user and the environment, and convert the sound waves into electrical signals for input to the processor 2101 for processing, or input to the radio frequency circuit 2104 to achieve voice communication. For the purpose of stereo collection or noise reduction, there may be multiple microphones, which are respectively arranged at different parts of the terminal 2100. The microphone may also be an array microphone or an omnidirectional collection microphone. The speaker is used to convert the electrical signals from the processor 2101 or the radio frequency circuit 2104 into sound waves. The speaker may be a traditional thin film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can not only convert electrical signals into sound waves audible to humans, but also convert electrical signals into sound waves inaudible to humans for uses such as ranging. In some embodiments, the audio circuit 2107 may further include a headphone jack.
[0322] The power supply 2108 is used to supply power to each component in the terminal 2100. The power supply 2108 may be alternating current, direct current, a disposable battery, or a rechargeable battery. When the power supply 2108 includes a rechargeable battery, the rechargeable battery may be a wired rechargeable battery or a wireless rechargeable battery. A wired rechargeable battery is a battery charged through a wired line, and a wireless rechargeable battery is a battery charged through a wireless coil. The rechargeable battery may also be used to support fast charging technology.
[0323] In some embodiments, the terminal 2100 further includes one or more sensors 2109. The one or more sensors 2109 include but are not limited to: an acceleration sensor 2110, a gyroscope sensor 2111, a pressure sensor 2112, an optical sensor 2113, and a proximity sensor 2114.
[0324] The acceleration sensor 2110 can detect the magnitudes of accelerations on the three coordinate axes of the coordinate system established with the terminal 2100. For example, the acceleration sensor 2110 can be used to detect the components of the gravitational acceleration on the three coordinate axes. The processor 2101 can control the display screen 2105 to display the user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 2110. The acceleration sensor 2110 can also be used for collecting game or user's motion data.
[0325] The gyroscope sensor 2111 can detect the body direction and rotation angle of the terminal 2100. The gyroscope sensor 2111 can cooperate with the acceleration sensor 2110 to collect the 3D actions of the user on the terminal 2100. According to the data collected by the gyroscope sensor 2111, the processor 2101 can achieve the following functions: motion sensing (such as changing the interface according to the user's tilting operation), image stabilization during shooting, game control, and inertial navigation.
[0326] The pressure sensor 2112 can be disposed on the side frame of the terminal 2100 and / or the lower layer of the display screen 2105. When the pressure sensor 2112 is disposed on the side frame of the terminal 2100, a holding signal of the user on the terminal 2100 can be detected, and the processor 2101 can perform left / right hand recognition or quick operation according to the holding signal collected by the pressure sensor 2112. When the pressure sensor 2112 is disposed on the lower layer of the display screen 2105, the processor 2101 can control operable controls on the UI interface according to the pressure operation of the user on the display screen 2105. The operable controls include at least one of a button control, a scroll bar control, an icon control, and a menu control.
[0327] The optical sensor 2113 is used to collect the ambient light intensity. In one embodiment, the processor 2101 can control the display brightness of the display screen 2105 according to the ambient light intensity collected by the optical sensor 2113. Specifically, when the ambient light intensity is high, the display brightness of the display screen 2105 is increased; when the ambient light intensity is low, the display brightness of the display screen 2105 is decreased. In another embodiment, the processor 2101 can also dynamically adjust the shooting parameters of the camera module 2106 according to the ambient light intensity collected by the optical sensor 2113.
[0328] The proximity sensor 2114, also known as a distance sensor, is usually disposed on the front panel of the terminal 2100. The proximity sensor 2114 is used to collect the distance between the user and the front of the terminal 2100. In one embodiment, when the proximity sensor 2114 detects that the distance between the user and the front of the terminal 2100 is gradually decreasing, the processor 2101 controls the display screen 2105 to switch from the lit state to the off state; when the proximity sensor 2114 detects that the distance between the user and the front of the terminal 2100 is gradually increasing, the processor 2101 controls the display screen 2105 to switch from the off state to the lit state.
[0329] Those skilled in the art can understand that Figure 21 the structure shown does not constitute a limitation on the terminal 2100, and may include more or fewer components than shown, or combine certain components, or adopt a different component layout.
[0330] Figure 22 Note: There seems to be a non - standard character "۳" in the original text which might be a mistake. I've translated it as "Figure ۳" as it is, but it's likely supposed to be "Figure 3".It is a schematic structural diagram of a server provided by an embodiment of the present application. The server 2200 may vary greatly due to different configurations or performances, and may include one or more processors (Central Processing Units, CPUs) 2201 and one or more memories 2202. Among them, the memory 2202 is used to store executable program codes, and the processor 2201 is configured to execute the above-mentioned executable program codes to implement the display method of the parallax card provided by each of the above method embodiments. Of course, the server may also have components such as wired or wireless network interfaces, keyboards, and input / output interfaces for input / output. The server may also include other components for implementing device functions, which will not be elaborated here.
[0331] An embodiment of the present application also provides a computer-readable storage medium. At least one segment of program is stored in the computer-readable storage medium and is loaded and executed by a processor to implement the display method of the parallax card in any of the above implementation manners.
[0332] An embodiment of the present application also provides a computer program product. The computer program product includes at least one segment of program. The at least one segment of program is stored in a computer-readable storage medium. The processor of the computer device reads the at least one segment of program from the computer-readable storage medium, and the processor executes the at least one segment of program, so that the computer device executes the display method of the parallax card in any of the above implementation manners.
[0333] In some embodiments, the computer program product involved in the embodiments of the present application may be deployed to be executed on a computer device, or on multiple computer devices located at one place. Or, it may be executed on multiple computer devices distributed at multiple places and interconnected through a communication network. The multiple computer devices distributed at multiple places and interconnected through a communication network may form a blockchain system.
[0334] All of the above optional technical solutions may be combined arbitrarily to form optional embodiments of the present application, which will not be elaborated one by one here. The above are only optional embodiments of the present application and are not intended to limit the present application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims
1. A display method for a parallax card, characterized in that, The method includes: Obtaining the configuration parameters and script templates of each of the multiple display layers of the parallax card, where the configuration parameters are used to configure at least one interface element on the display layer, and the script template includes the general display script of the parallax card and configuration items for filling in the configuration parameters; Based on the configuration parameters of each of the multiple display layers, filling in the script templates of each of the multiple display layers respectively to obtain the display script of the parallax card; Publishing the display script to a resource publishing platform, and the published display script is used for the terminal to display the parallax card.
2. The method according to claim 1, wherein The obtaining of the configuration parameters of each of the multiple display layers of the parallax card includes: Displaying a parallax card configuration interface of the parallax card, and a display layer list including the multiple display layers is displayed on the parallax card configuration interface; In response to a selection operation on a target display layer in the display layer list, displaying a display layer configuration interface of the target display layer, where the display layer configuration interface is used to configure the configuration parameters of the target display layer, and the target display layer is any one of the multiple display layers; Based on the configuration operation on the display layer configuration interface, obtaining the configuration parameters of the target display layer.
3. The method according to claim 2, wherein An element list is displayed on the display layer configuration interface, the element list includes at least one interface element included in the target display layer, and the configuration parameters of the target display layer include the element parameters of each of the at least one interface element; The obtaining of the configuration parameters of the target display layer based on the configuration operation on the display layer configuration interface includes: In response to a selection operation on a target interface element in the element list, displaying an element configuration interface of the target interface element, and multiple candidate configuration parameters of the target interface element are displayed on the element configuration interface, and the target interface element is any one of the at least one interface element; In response to a selection operation on at least one candidate configuration parameter among the multiple candidate configuration parameters, obtaining the element parameters of the target interface element.
4. The method according to claim 3, characterized in that, The method further includes at least one of the following: The configuration parameters of the target display layer further include the signal parameter and effect parameter of the target display layer, the signal parameter is used to indicate the interaction signal corresponding to the target display layer, the effect parameter is used to indicate the animation effect corresponding to the interaction signal, multiple candidate signal parameters and multiple candidate effect parameters are also displayed on the display layer configuration interface, and in response to a selection operation on at least one candidate signal parameter among the multiple candidate signal parameters and a selection operation on at least one candidate effect parameter among the multiple candidate effect parameters, obtaining the signal parameter and effect parameter of the target display layer; The configuration parameters of the target display layer further include the layer parameters of each of the at least one interface element on the target display layer, the layer and layer configuration control of each of the at least one interface element are also displayed on the element list, and in response to a triggering operation on the layer configuration control of the target interface element, obtaining the layer parameter of the target interface element; An element addition control is also displayed on the display layer configuration interface. In response to a trigger operation on the element addition control, an element addition interface is displayed. In response to a configuration operation on the element addition interface, element parameters of the added interface element are obtained.
5. The method according to claim 2, wherein The method further includes at least one of the following: The configuration parameters of the target display layer further include the layer level parameter of the target display layer. The layer levels and layer configuration controls of the multiple display layers are also displayed on the display layer list. In response to a trigger operation on the layer configuration control of the target display layer, the layer level parameter of the target display layer is obtained. A layer addition control is also displayed on the parallax card configuration interface. In response to a trigger operation on the layer addition control, a layer addition interface is displayed. In response to a configuration operation on the layer addition interface, configuration parameters of the added display layer are obtained.
6. The method according to claim 1, wherein The step of publishing the display script to the resource publishing platform includes: In response to an export operation on the display script, the display script is exported. A modified script corresponding to the exported display script is obtained, and the modified script is obtained by modifying the display script. The modified script is published to the resource publishing platform.
7. The method according to claim 1, characterized in that, The step of respectively populating the script templates of the multiple display layers based on the configuration parameters of the multiple display layers to obtain the display script of the parallax card includes: Parameter scripts corresponding to the configuration parameters of the multiple display layers are obtained respectively. Based on the parameter scripts corresponding to the configuration parameters of the multiple display layers respectively, the script templates of the multiple display layers are respectively populated to obtain the display script.
8. The method according to claim 1, characterized in that, The method further includes: An online control, an offline control, and status information are displayed on the parallax card configuration interface of the parallax card. The online control is used to publish the display script to the resource publishing platform. The offline control is used to revoke the display script from the resource publishing platform. The status information is used to indicate the publishing status of the display script of the parallax card. A status request from the terminal is received. Based on the status request, the status information is returned to the terminal. The terminal is used to obtain the display script from the resource publishing platform when the status information indicates that the display script has been published to the resource publishing platform.
9. The method according to claim 1, wherein The step of publishing the display script to the resource publishing platform includes: In response to a confirmation operation on the display script, the display script is compiled, and the status information of the parallax card is updated to a first status. The status information is used to indicate the publishing status of the display script of the parallax card, and the first status is used to indicate that the display script has not been completely published. The compiled display script is sent to the resource publishing platform. The compiled display script is audited by the resource publishing platform, and the status information is updated to a second status. The second status is used to indicate that the display script has not been completely audited. In response to the completion of the audit, the status information is updated to a third status. The third status is used to indicate that the display script has been published to the resource publishing platform.
10. A display method for a parallax card, characterized in that, The method includes: In response to a display request for a parallax card, obtain a script identifier of a display script of the parallax card, where the parallax card includes multiple display layers, and the display script is obtained by filling respective script templates with respective configuration parameters of the multiple display layers, and the configuration parameters are used to configure at least one interface element on the display layer; Send a script request to a resource publishing platform based on the script identifier, where the display script of the parallax card is published on the resource publishing platform; Receive the display script returned by the resource publishing platform based on the script request; Display the parallax card based on the display script.
11. The method according to claim 10, characterized in that, The obtaining a script identifier of a display script of the parallax card in response to a display request for the parallax card includes: In response to the display request, send an identifier request to a server that stores the script identifier of the parallax card, and the server is configured to send a status request to a parallax card configuration platform based on the identifier request, where the status request is used to obtain status information indicating a publishing status of the display script, and the parallax card configuration platform is a platform for generating the display script; Receive the script identifier returned by the server, where the server is configured to return the script identifier when the status information returned by the parallax card configuration platform indicates that the display script has been published to the resource publishing platform.
12. The method according to claim 10, characterized in that, The obtaining a script identifier of a display script of the parallax card in response to a display request for the parallax card includes: In response to the display request, obtain a link address of the parallax card, where the link address includes an image address of a preset image and the script identifier of the display script, and the preset image and the display script are used to display the parallax card.
13. The method according to claim 12, characterized in that, The displaying the parallax card based on the display script includes: Obtain the preset image based on the image address; Display a mask layer at a target position on a card interface based on the preset image, where the card interface is an interface to which the parallax card belongs, and the target position is a display position of the parallax card; Obtain interface elements on multiple display layers of the parallax card based on the display script; Assemble the parallax card on an assembly layer based on the display script and the obtained interface elements, where the assembly layer is a layer below the mask layer; After the assembly is completed, hide the mask layer to display the assembled parallax card.
14. The method according to claim 12, wherein The displaying the parallax card based on the display script includes: Obtain the preset image based on the image address; Obtain interface elements on multiple display layers of the parallax card based on the display script; Assemble the parallax card on an assembly layer of the card interface based on the display script and the obtained interface elements, and display the preset image as an interface element on the assembly layer, where the card interface is an interface to which the parallax card belongs, and the assembly layer is located at the display position of the parallax card; After the assembly is completed, hide the preset image to display the assembled parallax card.
15. The method according to claim 10, wherein The display script includes a resource loading sub-script, a layer construction sub-script, and an algorithm sub-script. Displaying the parallax card based on the display script includes: Parsing the resource loading sub-script, the layer construction sub-script, and the algorithm sub-script respectively to obtain a resource loader, a layer builder, and a signal source driver; Through the resource loader, based on the element links in the display script, loading the interface elements on the multi-layer display layer, where the element links are used to indicate the element addresses of the interface elements; Through the layer builder, constructing the multi-layer display layer of the parallax card; Through the signal source driver, in response to the interaction signal for the parallax card, displaying the animation effect corresponding to the interaction signal.
16. A display device for a parallax card, characterized in that, The device includes: An acquisition module, configured to acquire the configuration parameters and script templates of each of the multi-layer display layers of the parallax card, where the configuration parameters are used to configure at least one interface element on the display layer, and the script template includes the general display script of the parallax card and configuration items for filling in the configuration parameters; A filling module, configured to respectively fill the script templates of each of the multi-layer display layers based on the configuration parameters of each of the multi-layer display layers to obtain the display script of the parallax card; A publishing module, configured to publish the display script to a resource publishing platform, and the published display script is used for a terminal to display the parallax card.
17. A display device for a parallax card, characterized in that, The device includes: An acquisition module, configured to, in response to a display request for a parallax card, acquire the script identifier of the display script of the parallax card. The parallax card includes a multi-layer display layer, and the display script is obtained by filling the script templates of each of the multi-layer display layers with their respective configuration parameters. The configuration parameters are used to configure at least one interface element on the display layer; A sending module, configured to send a script request to a resource publishing platform based on the script identifier. The resource publishing platform publishes the display script of the parallax card; A receiving module, configured to receive the display script returned by the resource publishing platform based on the script request; A display module, configured to display the parallax card based on the display script.
18. A computer device, characterized in that, The computer device includes a processor and a memory. The memory is used to store at least one program segment, and the at least one program segment is loaded and executed by the processor to perform the display method of the parallax card according to any one of claims 1-9 or the display method of the parallax card according to any one of claims 10-15.
19. A computer-readable storage medium, characterized in that, The computer-readable storage medium is used to store at least one program segment, and the at least one program segment is used to perform the display method of the parallax card according to any one of claims 1-9 or the display method of the parallax card according to any one of claims 10-15.
20. A computer program product, characterized in that, The computer program product includes at least one program segment. The at least one program segment is stored in a computer-readable storage medium. The processor of the computer device reads the at least one program segment from the computer-readable storage medium, and the processor executes the at least one program segment, so that the computer device performs the display method of the parallax card according to any one of claims 1-9 or the display method of the parallax card according to any one of claims 10-15.
Citation Information
Cited By
Display method of multi-layer display screen and related equipment
CN121143941A