CN111949358A

CN111949358A - Dynamic display method, device, readable medium and electronic equipment

Info

Publication number: CN111949358A
Application number: CN202010833846.9A
Authority: CN
Inventors: 薛章斌; 刘飞; 葛农; 夏铭宇
Original assignee: Beijing ByteDance Network Technology Co Ltd
Current assignee: Beijing ByteDance Network Technology Co Ltd
Priority date: 2020-08-18
Filing date: 2020-08-18
Publication date: 2020-11-17

Abstract

The disclosure relates to a method, a device, a readable medium and an electronic device for dynamic display, wherein the method comprises the following steps: obtaining a target resource package from a resource server, the target resource package comprising: the method comprises the steps of creating a floating page and a page carrier bound with the floating page through target materials to be displayed on an initial application page and execution logic corresponding to the target materials, loading a target resource package in the floating page through the page carrier, drawing the target materials on the page carrier based on the execution logic so as to display the target materials in the floating page, and displaying the floating page and the corresponding page carrier above the initial application page. According to the method and the device, the target resource package is obtained from the resource server, the suspension page bound with the page carrier is created, the suspension page is independent of the initial application page, the target materials in the target resource package are dynamically displayed, the display of the suspension page can be flexibly controlled on the premise that the initial application page is not influenced, and therefore the resource display performance and the resource development efficiency are improved.

Description

Dynamic display method, device, readable medium and electronic equipment

Technical Field

The present disclosure relates to the field of electronic information technologies, and in particular, to a dynamic display method, apparatus, readable medium, and electronic device.

Background

With the continuous development of electronic information technology, various application programs appear in the application market to meet the diversified demands of users. In the operation process of the application program, a lot of promotion contents may be provided so as to improve the participation degree of the user. The display of promotional content generally includes two ways: one is to embed a code for displaying the promotion content in the application program, and the other is to display the promotion content in the form of a web page. Embedding codes in the application programs requires new development of the application programs, which brings a large workload, and if a plurality of application programs adopt the same promotion content, the application programs need to be developed respectively aiming at different application programs, so that the development efficiency is low. The mode of displaying through the webpage can influence the normal operation of the currently running application program when the webpage is opened, and the display performance is poor.

Disclosure of Invention

This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

In a first aspect, the present disclosure provides a method of dynamic display, the method comprising:

obtaining a target resource package from a resource server, wherein the target resource package comprises: target materials to be displayed on an initial application page and execution logic corresponding to the target materials;

creating a floating page and a page carrier bound with the floating page;

loading the target resource packet in the floating page through the page carrier;

rendering the target material on the page carrier based on the execution logic to display the target material within the flyover page;

and displaying the floating page and the corresponding page carrier above the initial application page.

In a second aspect, the present disclosure provides an apparatus for dynamic display, the apparatus comprising:

an obtaining module, configured to obtain a target resource package from a resource server, where the target resource package includes: target materials to be displayed on an initial application page and execution logic corresponding to the target materials;

the creating module is used for creating a floating page and a page carrier bound with the floating page;

the loading module is used for loading the target resource packet in the floating page through the page carrier;

the drawing module is used for drawing the target material on the page carrier based on the execution logic so as to display the target material in the floating page;

and the display module is used for displaying the floating page and the corresponding page carrier above the initial application page.

In a third aspect, the present disclosure provides a computer readable medium having stored thereon a computer program which, when executed by a processing apparatus, performs the steps of the method of the first aspect of the present disclosure.

In a fourth aspect, the present disclosure provides an electronic device comprising:

a storage device having a computer program stored thereon;

processing means for executing the computer program in the storage means to implement the steps of the method of the first aspect of the present disclosure.

According to the technical scheme, the method comprises the steps of firstly obtaining a target resource package comprising target materials to be displayed on an initial application page and execution logic corresponding to the target materials from a resource server, then creating a suspension page and a page carrier bound with the suspension page, then loading the target resource package in the suspension page through the page carrier, drawing the target materials on the page carrier based on the execution logic, displaying the target materials in the suspension page, and finally displaying the suspension page and the corresponding page carrier above the initial application page. According to the method and the device, the target resource package is obtained from the resource server, the suspension page bound with the page carrier is created, the suspension page is independent of the initial application page, the target materials in the target resource package are dynamically displayed, the display of the suspension page can be flexibly controlled on the premise that the initial application page is not influenced, and therefore the resource display performance and the resource development efficiency are improved.

Additional features and advantages of the disclosure will be set forth in the detailed description which follows.

Drawings

The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale. In the drawings:

FIG. 1 is a schematic diagram illustrating a deployment of a terminal device and a server in accordance with an example embodiment;

FIG. 2 is a flow diagram illustrating a method of dynamic display in accordance with an exemplary embodiment;

FIG. 3 is a schematic illustration of an initial application page and a flyout page displayed on a display interface;

FIG. 4 is a flow diagram illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 5 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 6 is a flow diagram illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 7 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 8 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 9 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 10 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 11 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment;

FIG. 12 is a block diagram illustrating an apparatus for dynamic display in accordance with an exemplary embodiment;

FIG. 13 is a block diagram illustrating another apparatus for dynamic display in accordance with an exemplary embodiment;

FIG. 14 is a block diagram illustrating another apparatus for dynamic display in accordance with an exemplary embodiment;

FIG. 15 is a block diagram illustrating another apparatus for dynamic display in accordance with an exemplary embodiment;

FIG. 16 is a block diagram illustrating another apparatus for dynamic display in accordance with an exemplary embodiment;

FIG. 17 is a block diagram illustrating another apparatus for dynamic display in accordance with an exemplary embodiment;

FIG. 18 is a block diagram illustrating another apparatus for dynamic display in accordance with an exemplary embodiment;

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

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.

It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.

The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.

It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.

It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.

The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.

Before introducing the method, the apparatus, the readable medium, and the electronic device for dynamic display provided by the present disclosure, an application scenario related to various embodiments of the present disclosure is first introduced. The application scenario may include a terminal device and a server, and data transmission may be performed between the terminal device and the server. The servers may include a resource server for serving the flyover pages and an application server for serving the initial application, which are mentioned later, and data transmission may be performed between the resource server and the application server, as shown in fig. 1. The terminal device may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle-mounted terminal (e.g., a car navigation terminal), etc., and a fixed terminal such as a digital TV, a desktop computer, etc., among others. The server may include, but is not limited to: the resource server and the application server may belong to the same server or different servers. In the embodiments provided in the present disclosure, the execution main body may be any of the terminal devices described above.

FIG. 2 is a flow chart illustrating a method of dynamic display, as shown in FIG. 2, in accordance with an exemplary embodiment, the method comprising the steps of:

step 101, obtaining a target resource package from a resource server, wherein the target resource package comprises: and target materials to be displayed on the initial application page and execution logic corresponding to the target materials.

For example, an initial application page is currently displayed on a display interface of the terminal device, where the initial application page may be understood as a page corresponding to an initial application currently running on the terminal device, that is, content displayed on the initial application page is controlled by the initial application. When the initial application page starts to be displayed on the display interface, that is, when the initial application is started on the terminal device, a request may be sent to the resource server to obtain a target resource package corresponding to the initial application page from the resource server, where the target resource package may be one or multiple. It can be understood that a large number of resource packages are stored in the resource server, and the target resource package is a resource package suitable for the initial application page, which includes target materials to be displayed on the initial application page and execution logic corresponding to the target materials. The target resource package may be a file of bundle. The target material may include, for example: at least one of the picture, the video and the text, for example, the target material may be a promotion picture suitable for the initial application page, may also be an additional video suitable for the initial application page, and may also be a publicity text suitable for the initial application page, and the display content is not specifically limited in the present disclosure. The execution logic may be executable code for controlling the display of the target material, and may be, for example, a JavaScript (JS) script.

Step 102, creating a floating page and a page carrier bound with the floating page.

For example, after the target resource package is obtained, a flyable page and a page carrier bound to the flyable page may be created. The floating page can be floated above the initial application page, is not mutually influenced with the process of the initial application, and cannot interfere with the process of the initial application, namely, the content displayed in the initial application page.

The flyover page can be understood as a new application, but the new application does not need to be installed on the terminal device, and the execution logic in the target resource package can be executed without the help of a web page (for example, WebView), and the page carrier can be understood as a carrier for carrying the display content in the flyover page. And drawing the target material in the target resource package through the page carrier, thereby displaying the target material in the floating page. For example, flythrough pages and page carriers may be created based on React Native, which can use Native UI (English: User Interface, Chinese: User Interface) components on a variety of operating systems to create a mobile application. And then binding the page carrier with the floating page, which can also be understood as a floating page holding page carrier.

And 103, loading the target resource package in the floating page through the page carrier.

And 104, drawing the target material on the page carrier based on the execution logic so as to display the target material in the floating page.

And 105, displaying the floating page and the corresponding page carrier above the initial application page.

For example, after the page carrier is bound to the floating page, the target resource package obtained before may be loaded in the floating page by the page carrier, and the loading process may be understood as that the page carrier reads the target material and the execution logic in the target resource package into the memory. In this way, the page carrier may then render the target material in accordance with the execution logic, thereby displaying the target material within the flyout page. Finally, the flyover page and corresponding page carrier may be presented above the initial application page. The method for displaying the floating page and the corresponding page carrier can be understood as establishing a new layer above a current layer of a display interface, and displaying the floating page and the corresponding page carrier on the new layer, wherein the current layer is a layer where the initial application page is located, that is, the new layer covers above the layer where the initial application page is located. The floating page indicates an area capable of showing content in the new image layer, and the page carrier is used for presenting the drawn target material in the area indicated by the floating page. It should be noted that the floating page may be displayed at any position on the new image layer, for example, at the lower right corner of the new image layer, and further, the user may also adjust the size of the floating page, and may also drag the floating page, so that the floating page is displayed at different positions on the new image layer. Therefore, the floating page can be independent of the initial application page and dynamically display the target material on the premise of not influencing the initial application page. It should be noted that, when multiple target resource packages are obtained in step 101, multiple floating pages and corresponding page carriers may be created, and the corresponding target resource package may be loaded through the page carrier corresponding to each floating page, so that the page carrier corresponding to the floating page may draw target materials therein according to execution logic included in the corresponding target resource package, so as to display the target materials in the corresponding target resource package in the floating page.

The initial application may be any type of application, such as a game application, a shopping application, a travel application, a video application, a social application, a navigation application, etc., and the disclosure is not limited thereto. Taking the initial application as an example of a game application, the content of the target resource package may be a presentation of a personal space, which includes a video shot by a user, as shown in fig. 3: basic information and head portraits of users of the game can be displayed in the floating page, videos shot by the users (namely videos 1, 2 and 3 in the picture 3) can be displayed, and buttons for managing the videos, such as 'shooting the videos', 'deleting the videos', and the like can be displayed. The initial application may also be a travel application and the content of the target resource package may be a marketing campaign, such as: from the place A to the place B, the double-flying 6-day tour, 5799 yuan, the picture of the place A and the picture of the place B can be displayed in the floating page, the characters of 'from the place A to the place B, the double-flying 6-day tour, 5799 yuan' are displayed at the junction position of the two pictures, and a button of 'immediate group participation' can also be displayed.

Compared with the prior art, the method has the advantages that new codes are embedded in the applications to display the contents, the development efficiency is low, the contents are difficult to multiplex in multiple applications, furthermore, the displayed contents need to be updated each time, the applications need to be updated by users, the operation is complex, and the user experience is reduced. The floating page in the method is independent of the initial application page, so that the floating page can be decoupled from the initial application page, the floating page can be independently developed and updated, the floating page can be reused on various application pages without being matched with the initial application page, and the development efficiency and the application range are effectively improved. Compared with the prior art, the content is displayed through the webpage, so that the process of the initial application is suspended, the content cannot be normally displayed on the page of the initial application, the display performance is poor, the content is displayed through the webpage, the safety degree is low, and the initial application cannot be audited through various distribution channels. The floating page can dynamically display the target materials in the target resource package independently of the initial application page, the display of the floating page can be flexibly controlled on the premise of ensuring the normal display of the initial application page, the display performance is improved, the help of a webpage is not needed, the safety degree is high, and the application range is wide.

In summary, the present disclosure first obtains a target resource package including a target material to be displayed on an initial application page and an execution logic corresponding to the target material from a resource server, then creates a floating page and a page carrier bound to the floating page, loads the target resource package in the floating page through the page carrier, and draws the target material on the page carrier based on the execution logic, so that the target material is displayed in the floating page, and finally displays the floating page and the corresponding page carrier above the initial application page. According to the method and the device, the target resource package is obtained from the resource server, the suspension page bound with the page carrier is created, the suspension page is independent of the initial application page, the target materials in the target resource package are dynamically displayed, the display of the suspension page can be flexibly controlled on the premise that the initial application page is not influenced, and therefore the resource display performance and the resource development efficiency are improved.

FIG. 4 is a flow diagram illustrating another method for dynamic display in accordance with an exemplary embodiment, and as shown in FIG. 4, the implementation of step 102 may include:

step 1021, dynamically generating a page container, and dynamically generating a page carrier according to the target resource packet.

Step 1022, binding the page carrier with the page container.

In step 1023, the page container is treated as a floating page.

For example, a page container may be dynamically generated while a page carrier is dynamically generated from a target resource package. The page container is used for bearing a page carrier, and the page carrier is used for realizing the display of the target material. For the iOS system, a set of SDKs (english: Software Development Kit, chinese: Software Development Kit) is encapsulated for the read Native in the iOS system, and can be used for loading, displaying, hot-updating, and the like of a target resource package. After the target resource package is obtained, a single-instance UIWindow can be created to serve as a floating page, the UIWindow can be monitored through gestures, and a user can drag the UIWindow so that the UIWindow can be displayed at different positions of a display interface. Then, a UIViewController can be created for UIWindow according to the target resource package as a page carrier. Wherein, RCTRootView provided by reach Native is packaged in UIViewController.

For the Android system, a set of SDK is packaged for reach Native in the Android system, and the SDK can be used for loading, displaying, hot updating and other operations on a target resource package. When the initial application page is displayed on the display interface, namely when the initial application is started on the terminal device, the ViewGroup can be dynamically generated as the suspension page, meanwhile, the ReactrootView provided by the React Native is dynamically generated according to the target resource packet as the page carrier, and then the ReactrootView and the View are bound. The native capabilities of the Android system can be customized for the Viewgroup to customize some of the native capabilities of the Android system for ReactRootView without changing the ReactRootView. For example, gesture listening capabilities may be customized for the ViewGroup, and the user may drag the ViewGroup to cause the ViewGroup to be displayed at a different location on the display interface.

In another implementation, step 102 may be implemented as

And responding to an indication instruction triggered by the initial application, creating a floating page and a page carrier bound with the floating page, wherein the indication instruction is triggered when the state of a first specified object in the initial application meets a preset condition, and the initial application is the application corresponding to the initial application page.

For example, after the target resource package is obtained, the flyover page and the corresponding page carrier may be created immediately, that is, when the initial application page starts to be displayed on the display interface. Or the creation can be performed after the instruction triggered by the initial application page is acquired. The indication instruction is an instruction sent by the initial application when the state of the first specified object in the initial application meets a preset condition. It can be understood that a plurality of objects (where an object may be displayed on the initial application page or may not be displayed on the initial application page) are included in the initial application to indicate various states of the initial application, and when the state of the first specified object satisfies a preset condition, the initial application triggers an indication instruction. Taking an initial application as a game application, an initial application page as a game page, and a first designated object as an a object as an example, the a object is used for indicating the number of game copies completed by a user, and the preset condition is greater than 3, then when the number of game copies completed by the user exceeds 3, an indication instruction is triggered, so as to create a floating page and a corresponding page carrier above the initial application page. For another example, the first specified object is an object b, the object b is used for indicating the current page viewed by the user, and the preset condition is that the current page viewed by the user is a game lobby, so that when the user browses the game lobby, an indication instruction is triggered to create a floating page and a corresponding page carrier above the initial application page. Therefore, the time for creating the floating page and the corresponding page carrier can be controlled according to the states of different objects in the initial application, and the flexibility of the floating page is further improved.

FIG. 5 is a flow chart illustrating another method for dynamic display, according to an example embodiment, which may further include, after step 102, as shown in FIG. 5:

and 106, monitoring the life cycle of the initial application page, and updating the life cycle of the floating page according to the life cycle of the initial application page, wherein the life cycle of the floating page is the same as that of the initial application page.

For example, after generating the flyover page, the lifecycle of the initial application page, i.e., the lifecycle of the host of the flyover page, may be monitored. And when the life cycle of the floating page changes, synchronously updating the life cycle of the floating page (and simultaneously updating the life cycle of a page carrier carried in the floating page). Taking the Android system as an example, after the view group is generated, when it is monitored that the life cycle of the initial application page changes, the life cycle of a ReactInstanceManager provided by the React Native may be updated to be consistent with the life cycle of the initial application page, where the ReactInstanceManager is used for managing the life cycle of the ReactRootView. Therefore, the life cycle of ReactRootView is synchronized with the life cycle of the initial application page, and the life cycle of the ViewGroup and the life cycle of the initial application page are synchronized. Therefore, the floating page and the initial application page can run simultaneously without interference, and the life cycle of the initial application page is not interrupted.

FIG. 6 is a flow chart illustrating another method for dynamic display, according to an example embodiment, which may further include the following steps, before step 103, as shown in FIG. 6:

and step 107, initializing the page carrier according to the target resource package.

And 108, preloading the target resource package through the page carrier.

In one implementation, to further optimize the display performance of the floating page, the page carrier may be initialized according to the target resource package before the floating page is bound to the page carrier, and then the page carrier preloads the target resource package. It can be understood that, in order to avoid a delay in display due to too long time for loading the target resource package when the floating page is displayed, the page carrier may be initialized after the page carrier is generated by a method of changing time in space, and the target resource package is preloaded by the page carrier, and the target resource package is cached in advance. Therefore, the speed of loading the target resource packet by the page carrier in the step 103 can be increased, and the time delay caused by loading can be reduced, so that the display performance of the floating page can be improved.

FIG. 7 is a flow diagram illustrating another method for dynamic display, according to an example embodiment, where the target material includes at least one set of materials, as shown in FIG. 7, and after step 101, the method may further include:

step 109, obtaining a material mapping table from the resource server, where the material mapping table includes a corresponding relationship between each group of material sets and an object in the initial application.

And step 110, sending the material mapping table to the initial application so that the initial application is triggered in response to the specified object, and determining a specified material set corresponding to the specified object according to the material mapping table, wherein the initial application is an application corresponding to an initial application page.

Accordingly, the implementation manner of step 104 may be:

the specified set of material is rendered on the page carrier based on the execution logic to display the specified set of material within the flyover page.

For example, in a target resource package obtained by the terminal from the resource server, the target materials may be divided into one or more groups of material sets, and one group of material sets corresponds to one display page. It is to be understood that one or more display pages may be included in the target resource package. Correspondingly, the material mapping table can be obtained from the resource server. The material mapping table includes a corresponding relationship between each set of materials and an object in the initial application (where the object may be displayed on the initial application page or may not be displayed on the initial application page). It is understood that the resource server generates a corresponding OpenURL (chinese: open link) for each set of material, and an OpenURL can uniquely identify a set of material. The material mapping table may include the correspondence of different openurls to different objects in the initial application. For example, the material mapping table includes 2 records: the first link (corresponding to the first material set) corresponds to object aa and the second link (corresponding to the second material set) corresponds to object bb. After the terminal acquires the material mapping table, the terminal can send the material mapping table to the initial application, so that the initial application binds different objects and corresponding OpenURLs after receiving the material mapping table. For example, object aa is bound to a first link and object bb is bound to a second link. Thus, when the initial application is triggered by the object aa, the first link may be determined and sent to the flyover page. The flyover page parses the first link, also determines a first set of material, and renders the first set of material on the page carrier based on the execution logic to display the first set of material within the flyover page. Therefore, different pages can be displayed in the floating page according to different objects triggered in the initial application, and the flexibility of the floating page is further improved.

Fig. 8 is a flow chart illustrating another method for dynamic display according to an exemplary embodiment, which may further include, before step 101, as shown in fig. 8:

and step 111, determining a target resource package according to the state information of the initial application page, wherein the state information comprises the user information and/or the application information of the initial application page.

For example, the terminal device may first obtain the state information of the initial application page, determine the target resource package applicable to the initial application page, and then obtain the target resource package from the resource server. The state information may include user information of the initial application page, such as: account information, rating information, member information, etc., and may also include application information, such as: the name of the initial application, the version number of the initial application and the login duration of the initial application.

It can be understood that a large number of resource packages are stored in the resource server, each resource package may be provided with corresponding configuration parameters, and the configuration parameters may include an application to which the resource package is applicable, may also include the time for the resource package to take effect, and may also include the right to which the resource package is applicable. A resource packet information list may be maintained in the resource server, and is used to store the identifier of each resource packet and the configuration parameters of the resource packet, as shown in table 1:

TABLE 1

Applications to which it is applicable	Identification of resource packages	Effective start time	Effective end time
				Application A	A.bundle	2020-06-10	2020-06-30
B application	A.bundle	2020-06-15	2020-06-30
				C application	B.bundle	2020-05-20	2020-06-20
Application A	B.bundle	2020-05-21	2020-06-25

The terminal device may first obtain the resource package information list from the resource server, then compare the state information with the configuration parameter of each resource package in the resource package information list, thereby determining the identifier of the target resource package with which the configuration parameter matches the state information, and then obtain the target resource package from the resource server according to the identifier of the target resource package. For example, the state information of the initial application page includes: application a, the current time is 6/19/2020, then it can be determined in table 1 that there are two target resource packages, and the identifier of the corresponding target resource package is: bundle and b.

Therefore, the resource server can uniformly manage a plurality of target resource packages suitable for different applications, developers can directly upload newly developed resource packages or updated resource packages to the resource server, and can delete the resource packages from the resource server, so that the resource packages are added, deleted and updated, adaptation with the applications is not needed, the applications are not needed to be updated by users, multiplexing can be performed on various application pages, and the development efficiency and the application range are improved.

Fig. 9 is a flow chart illustrating another method for dynamic display according to an exemplary embodiment, as shown in fig. 9, before step 101, the method may further include:

step 112, sending the state information of the initial application page to the resource server, so that the resource server determines a target resource package corresponding to the state information, where the state information includes user information and/or application information of the initial application page.

In another implementation manner, the terminal device may first obtain the state information of the initial application page, and then send the state information to the resource server, where the resource server determines the target resource package applicable to the initial application page. The state information may include user information of the initial application page, such as: account information, rating information, member information, etc., and may also include application information, such as: the name of the initial application, the version number of the initial application and the login duration of the initial application. Similarly, the resource server may maintain a resource packet information list for storing the identifier of each resource packet and the configuration parameter of the resource packet, and after receiving the state information, the resource server compares the state information with the configuration parameter of each resource packet in the resource packet information list, so as to determine the identifier of the target resource packet whose configuration parameter matches the state information, and then sends the target resource packet to the terminal device according to the identifier of the target resource packet.

FIG. 10 is a flow chart illustrating another method for dynamic display, according to an example embodiment, which may further include the following steps after step 105, as shown in FIG. 10:

and 113, acquiring an interaction instruction triggered by performing specified operation in a target area, wherein the target area is an area displayed by the floating page.

And step 114, updating the target material displayed in the floating page through the page carrier according to the interactive instruction and the execution logic.

For example, after the floating page and the corresponding page carrier are displayed, the user may perform a specified operation in the target area displayed by the floating page to trigger the interaction instruction. The designation operation may be, for example, a single-click operation, a double-click operation, a long-press operation, a drag operation, or an enlargement gesture operation, and may also be an operation of shaking the terminal device, turning the terminal device, or the like. After the interaction instruction is acquired, the target material in the floating page can be updated according to the interaction instruction and the execution logic. For example, in order to increase interactivity of the display content in the floating page, when the user shakes the terminal device, the target material can be controlled to display a special effect of shaking. It is also possible that when the user clicks on a button in the hover page, the color of the button is changed from green, representing that it has not been clicked, to gray, representing that it has been clicked.

Compared with a mode of displaying content through a webpage, the webpage generally cannot use native data of the terminal device, for example, data collected by a gyroscope and a barometer arranged on the terminal device, so that various interactions with a user cannot be realized. In the method, the original data of the terminal equipment can be directly used through the floating page independent of the initial application page to finish various interactions with the user, so that the flexibility of the floating page is further improved, and the application scene of the floating page is expanded.

FIG. 11 is a flow chart illustrating another method of dynamic display in accordance with an exemplary embodiment, as shown in FIG. 11, step 114 may include:

step 1141, updating the state of the second designated object on the page carrier according to the interaction instruction and the execution logic. Alternatively, the first and second electrodes may be,

step 1142, updating the state of the second designated object according to the interaction instruction and the execution logic, and updating the state of a third designated object in the initial application according to the updated state of the second designated object, wherein the third designated object is an object corresponding to the second designated object in the initial application. Alternatively, the first and second electrodes may be,

step 1143, updating the state of the second designated object according to the interaction instruction and the execution logic, and sending the updated state of the second designated object to the resource server, so that the resource server sends the updated state of the second designated object to the application server, and the application server is configured to update the state of the fourth designated object according to the updated state of the second designated object, and send the updated state of the fourth designated object to the initial application, so that the initial application records the updated state of the fourth designated object.

The initial application is an application corresponding to the initial application page, the application server provides service for the initial application, and the fourth specified object is an object corresponding to the second specified object in the initial application.

Specifically, the updating of the target material displayed in the floating page according to the interactive instruction and the execution logic may include three implementation scenarios. In the first scenario, the influence range of the interactive instruction is limited to the floating page, that is, the interactive instruction only modifies the state of the second specified object in the floating page, and the state of the second specified object does not influence the initial application. Then only the state of the second designated object within the flyover page may be updated based on the interactive instructions and execution logic. For example, if the interactive instruction is triggered when the user turns over the terminal device, and the execution logic specifies that the display size of the target material (i.e., the second specified object) is to be changed when the terminal device is turned over, the display size of the target material may be updated from the horizontal screen size to the vertical screen size (or from the vertical screen size to the horizontal screen size) according to the interactive instruction and the execution logic.

In a second scenario, the influence range of the interaction instruction may influence the initial application in addition to the floating page, that is, the interaction instruction needs to modify the state of a second designated object in the floating page and also needs to modify the state of a third designated object in the initial application, where the third designated object is an object corresponding to the second designated object in the initial application, and the third designated object may be displayed on the initial application page or may not be displayed on the initial application page. The state of the second designated object may be updated according to the interaction instruction and the execution logic, and the state of a third designated object in the initial application may be updated according to the updated state of the second designated object, thereby achieving simple interaction between the initial application and the floating page. For example, when the user clicks a "trial skin" button in the flyover page, and the execution logic specifies that the button is triggered, the color of the button (i.e., the second designated object) is changed, and the initial application is notified to update the user's current skin (i.e., the third designated object) to the trial skin. Since only the trial skin is used, only for showing, the user does not need to replace the trial skin to a server corresponding to the initial application (i.e., an application server mentioned later). The color of the "trial skin on one" button may be changed from green, representing that it is not clicked, to gray, representing that it has been clicked, and the initial application may be notified, such that the initial application controls the user's current skin in the initial application page to be updated to the trial skin, in accordance with the interactive instructions and execution logic.

And in a third scenario, the influence range of the interaction instruction influences the initial application besides the floating page, that is, the interaction instruction needs to modify the state of a second specified object in the floating page and also needs to modify the state of a fourth specified object in the initial application, where the fourth specified object is an object corresponding to the second specified object in the initial application, and the fourth specified object may be displayed on the initial application page or may not be displayed on the initial application page. Further, the state of the fourth specified object within the initial application needs to be kept synchronized with the application server serving the initial application. The state of the second designated object may be updated according to the interaction instruction and the execution logic, and the updated state of the second designated object may be sent to the resource server. And after receiving the updated state of the second specified object, the resource server sends the updated state of the second specified object to the application server, so that the application server updates the state of the fourth specified object according to the updated state of the second specified object. Finally, the application server sends the updated state of the fourth designated object to the initial application, so that the initial application records the updated state of the fourth designated object, namely, updates the state of the fourth designated object in the initial application. In this way, the state of the fourth designated object in the initial application can be kept consistent with the state of the fourth designated object stored on the application server, so that the interaction between the initial application and the floating page is realized.

For example, the interactive command is triggered by the user clicking a "get equipment" button in the flyover page, and when the button is triggered, the execution logic specifies that the button is triggered, the state of the button (i.e., the second specified object) is changed, and the user's equipment list (i.e., the fourth specified object) is added with Y equipment. Then, according to the interaction instruction and the execution logic, the state of the "getting equipment" button is updated from the "not clicked state" to the "clicked state", and the "clicked state" is sent to the resource server, the resource server forwards the "clicked state" to the application server, and the application server adds Y equipment to the equipment list of the user according to the "clicked state". And finally, the application server sends the equipment list added with the Y equipment to the initial application, so that the Y equipment is added to the equipment list in the initial application, and the initial application can control the Y equipment displayed in the equipment list in the initial application page.

The dynamic display method provided by the present disclosure can be applied to various operating systems, and the following description is given by way of example for implementation manners of an iOS system and an Android system.

Aiming at the condition that the iOS system runs on the terminal equipment, after the terminal equipment acquires a target resource package from a resource server, a single instance UIWindow can be created to be used as a suspension page, and then a UIViewController can be created for the UIWindow according to the target resource package to be used as a page carrier. Wherein, the UIViewController encapsulates RCTRootView. Further, the UIViewController may load the target resource package in the UIWindow through the RCTBridge provided by the read Native, so that the RCTRootView may execute the execution logic in the target resource package, draw the target material in the target resource package, display the target material in the UIWindow, and finally display the UIWindow and the UIViewController above the initial application page.

Aiming at the condition that the Android system runs on the terminal equipment, after the terminal equipment acquires a target resource package from a resource server, the Viewgroup can be dynamically generated to serve as a suspension page, the ReactRootView is dynamically generated according to the target resource package to serve as a page carrier, and the ReactRootView and the Viewgroup are bound. For example, when the target resource package needs to be displayed (for example, when an initial application page starts to be displayed on a display interface, or after an instruction is obtained), the view group may be used as a floating page, the target resource package is loaded through the ReactRootView, and the target material is drawn through the ReactRootView execution logic, so that the target material is displayed in the floating page. Since the ReactRootView conforms to the property of FrameLayout (frame layout), each added page is covered on the upper layer of the previous page, so that the ReactRootView can be dynamically embedded into the initial application page in a mode of dynamically injecting layout into the initial application page. The ReactRootView can be understood as that the initial application page is taken as a host, and the operation without interference with the host can be realized on the premise of not invading the host.

Fig. 12 is a block diagram illustrating an apparatus for dynamic display according to an exemplary embodiment, and as shown in fig. 12, the apparatus 200 includes:

an obtaining module 201, configured to obtain a target resource package from a resource server, where the target resource package includes: and target materials to be displayed on the initial application page and execution logic corresponding to the target materials.

A creating module 202 for creating a floating page and a page carrier bound with the floating page.

And the loading module 203 is used for loading the target resource package in the floating page through the page carrier.

And the drawing module 204 is used for drawing the target material on the page carrier based on the execution logic so as to display the target material in the floating page.

And the presentation module 205 is configured to present the floating page and the corresponding page carrier above the initial application page.

In one implementation, the target material may include: at least one of pictures, videos and texts.

Fig. 13 is a block diagram illustrating another apparatus for dynamic display according to an example embodiment, and as shown in fig. 13, the creating module 202 may include:

the generating sub-module 2021 is configured to dynamically generate a page container, and dynamically generate a page carrier according to the target resource package.

The binding sub-module 2022 is configured to bind the page carrier with the page container.

Determination submodule 2023 is configured to use the page container as floating pages.

In another implementation, the creation module 202 may be configured to:

Fig. 14 is a block diagram illustrating another apparatus for dynamic display according to an exemplary embodiment, and as shown in fig. 14, the apparatus 200 further includes:

and the monitoring module 206 is configured to monitor a life cycle of the initial application page after the floating page and the page carrier bound to the floating page are created, and update the life cycle of the floating page according to the life cycle of the initial application page, where the life cycle of the floating page is the same as the life cycle of the initial application page.

Fig. 15 is a block diagram illustrating another apparatus for dynamic display according to an example embodiment, and as shown in fig. 15, the apparatus 200 further includes:

the initialization module 207 is configured to initialize the page carrier according to the target resource package before loading the target resource package in the floating page by the page carrier.

And the preloading module 208 is used for preloading the target resource package through the page carrier.

Fig. 16 is a block diagram illustrating another apparatus for dynamic display according to an example embodiment, where the target material may include at least one set of material, as shown in fig. 16.

The obtaining module 201 is further configured to obtain a material mapping table from the resource server after obtaining the target resource package from the resource server, where the material mapping table includes a corresponding relationship between each group of material sets and an object in the initial application.

The apparatus 200 may further comprise:

the sending module 209 is configured to send the material mapping table to the initial application, so that the initial application is triggered in response to the specified object, and determines, according to the material mapping table, a specified material set corresponding to the specified object, where the initial application is an application corresponding to an initial application page.

The rendering module 204 may be configured to:

Fig. 17 is a block diagram illustrating another apparatus for dynamic display according to an example embodiment, and as shown in fig. 17, the apparatus 200 further includes:

the determining module 210 is configured to determine the target resource package according to the state information of the initial application page before the target resource package is obtained from the resource server, where the state information includes user information and/or application information of the initial application page.

In another implementation, the determining module 210 may be configured to send the state information of the initial application page to the resource server before the target resource package is obtained from the resource server, so that the resource server determines the target resource package corresponding to the state information, where the state information includes user information of the initial application page and/or application information.

Fig. 18 is a block diagram illustrating another apparatus for dynamic display according to an exemplary embodiment, and as shown in fig. 18, the obtaining module 201 is further configured to obtain an interactive instruction triggered by performing a specified operation in a target area, where the target area is an area displayed by a floating page.

The apparatus 200 further comprises:

and the updating module 211 is configured to update the target material displayed in the floating page through the page carrier according to the interaction instruction and the execution logic.

In one implementation, the update module 211 may be configured to:

updating a state of a second designated object on the page carrier according to the interactive instructions and the execution logic. Alternatively, the first and second electrodes may be,

and updating the state of a third designated object in the initial application according to the updated state of the second designated object, wherein the third designated object is an object corresponding to the second designated object in the initial application. Alternatively, the first and second electrodes may be,

and updating the state of the second designated object according to the interaction instruction and the execution logic, and sending the updated state of the second designated object to the resource server so that the resource server sends the updated state of the second designated object to the application server, wherein the application server is used for updating the state of the fourth designated object according to the updated state of the second designated object, and sending the updated state of the fourth designated object to the initial application so that the initial application records the updated state of the fourth designated object.

The initial application is the application corresponding to the initial application page, the application server provides service for the initial application, and the fourth specified object is the object corresponding to the second specified object in the initial application.

With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

Referring now to fig. 19, a schematic diagram of an electronic device (e.g., the terminal device or the server of fig. 1) 300 suitable for implementing embodiments of the present disclosure is shown. The terminal device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in fig. 19 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

As shown in fig. 19, the electronic device 300 may include a processing means (e.g., a central processing unit, a graphic processor, etc.) 301 that may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)302 or a program loaded from a storage means 308 into a Random Access Memory (RAM) 303. In the RAM 303, various programs and data necessary for the operation of the electronic apparatus 300 are also stored. The processing device 301, the ROM 302, and the RAM 303 are connected to each other via a bus 304. An input/output (I/O) interface 305 is also connected to bus 304.

Generally, the following devices may be connected to the I/O interface 305: input devices 306 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 307 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage devices 308 including, for example, magnetic tape, hard disk, etc.; and a communication device 309. The communication means 309 may allow the electronic device 300 to communicate wirelessly or by wire with other devices to exchange data. While fig. 19 illustrates an electronic device 300 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.

In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication means 309, or installed from the storage means 308, or installed from the ROM 302. The computer program, when executed by the processing device 301, performs the above-described functions defined in the methods of the embodiments of the present disclosure.

It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.

In some embodiments, the terminal devices, servers may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.

The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.

The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: obtaining a target resource package from a resource server, wherein the target resource package comprises: target materials to be displayed on an initial application page and execution logic corresponding to the target materials; creating a floating page and a page carrier bound with the floating page; loading the target resource packet in the floating page through the page carrier; rendering the target material on the page carrier based on the execution logic to display the target material within the flyover page; and displaying the floating page and the corresponding page carrier above the initial application page.

Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The modules described in the embodiments of the present disclosure may be implemented by software or hardware. The name of a module does not in some cases form a limitation on the module itself, and for example, an acquiring module may also be described as a "module acquiring a target resource package".

The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

Example 1 provides, in accordance with one or more embodiments of the present disclosure, a method of dynamic display, comprising: obtaining a target resource package from a resource server, wherein the target resource package comprises: target materials to be displayed on an initial application page and execution logic corresponding to the target materials; creating a floating page and a page carrier bound with the floating page; loading the target resource packet in the floating page through the page carrier; rendering the target material on the page carrier based on the execution logic to display the target material within the flyover page; and displaying the floating page and the corresponding page carrier above the initial application page.

Example 2 provides the method of example 1, the creating of the flyover page, and the page carrier bound to the flyover page, comprising: dynamically generating a page container, and dynamically generating the page carrier according to the target resource packet; binding the page carrier with the page container; and taking the page container as the floating page.

Example 3 provides the method of example 1, the creating of the flyover page, and the page carrier bound to the flyover page, comprising: and responding to an indication instruction triggered by an initial application, creating the floating page and the page carrier bound with the floating page, wherein the indication instruction is triggered when the state of a first specified object in the initial application meets a preset condition, and the initial application is the application corresponding to the initial application page.

Example 4 provides the method of example 1, after the creating of the flyover page, and the page carrier bound to the flyover page, the method further comprising: monitoring the life cycle of the initial application page, and updating the life cycle of the floating page according to the life cycle of the initial application page, wherein the life cycle of the floating page is the same as that of the initial application page.

Example 5 provides the method of example 1, further comprising, prior to the loading, by the page carrier, the target resource package within the flyover page: initializing the page carrier according to the target resource packet; and preloading the target resource package through the page carrier.

Example 6 provides the method of example 1, the target material comprising at least one set of materials, the method further comprising, after the obtaining the target resource package from the resource server: acquiring a material mapping table from the resource server, wherein the material mapping table comprises the corresponding relation between each group of material sets and an object in the initial application; sending the material mapping table to the initial application so that the initial application responds to a specified object to be triggered, and determining a specified material set corresponding to the specified object according to the material mapping table, wherein the initial application is an application corresponding to the initial application page; the rendering the target material on the page carrier based on the execution logic to display the target material within the flyover page includes: rendering the specified set of material on the page carrier based on the execution logic to display the specified set of material within the flyover page.

Example 7 provides the method of example 1, in accordance with one or more embodiments of the present disclosure, prior to the obtaining the target resource package from the resource server, the method further comprising: and determining the target resource packet according to the state information of the initial application page, wherein the state information comprises the user information and/or the application information of the initial application page.

Example 8 provides the method of example 1, in accordance with one or more embodiments of the present disclosure, prior to the obtaining the target resource package from the resource server, the method further comprising: and sending the state information of the initial application page to the resource server so that the resource server determines the target resource packet corresponding to the state information, wherein the state information comprises user information and/or application information of the initial application page.

Example 9 provides the method of examples 1-8, further comprising, after the surfacing the flyover page and corresponding page carrier over the initial application page: acquiring an interaction instruction triggered by performing specified operation in a target area, wherein the target area is an area displayed by the floating page; and updating the target material displayed in the floating page through the page carrier according to the interaction instruction and the execution logic.

Example 10 provides the method of example 9, wherein the updating, by the page carrier according to the interaction instructions and the execution logic, the target material displayed within the flyover page includes: updating the state of a second specified object on the page carrier according to the interaction instruction and the execution logic; or updating the state of the second specified object according to the interaction instruction and the execution logic, and updating the state of a third specified object in the initial application according to the updated state of the second specified object, wherein the third specified object is an object corresponding to the second specified object in the initial application; or according to the interaction instruction and the execution logic, updating the state of the second specified object, and sending the updated state of the second specified object to the resource server, so that the resource server sends the updated state of the second specified object to an application server, where the application server is configured to update the state of a fourth specified object according to the updated state of the second specified object, and send the updated state of the fourth specified object to the initial application, so that the initial application records the updated state of the fourth specified object; the initial application is an application corresponding to the initial application page, the application server provides service for the initial application, and the fourth specified object is an object corresponding to the second specified object in the initial application.

Example 11 provides the methods of examples 1-8, the target material comprising: at least one of pictures, videos and texts.

Example 12 provides, in accordance with one or more embodiments of the present disclosure, an apparatus for dynamic display, comprising: an obtaining module, configured to obtain a target resource package from a resource server, where the target resource package includes: target materials to be displayed on an initial application page and execution logic corresponding to the target materials; the creating module is used for creating a floating page and a page carrier bound with the floating page; the loading module is used for loading the target resource packet in the floating page through the page carrier; the drawing module is used for drawing the target material on the page carrier based on the execution logic so as to display the target material in the floating page; and the display module is used for displaying the floating page and the corresponding page carrier above the initial application page.

Example 13 provides a computer readable medium having stored thereon a computer program that, when executed by a processing apparatus, implements the steps of the methods of examples 1-11, in accordance with one or more embodiments of the present disclosure.

Example 14 provides, in accordance with one or more embodiments of the present disclosure, an electronic device, comprising: a storage device having a computer program stored thereon; processing means for executing the computer program in the storage means to implement the steps of the methods of examples 1 to 11.

The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.

Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims. With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

Claims

1. A method of dynamic display, the method comprising:

creating a floating page and a page carrier bound with the floating page;

2. The method of claim 1, wherein creating a flyover page and a page carrier bound to the flyover page comprises:

dynamically generating a page container, and dynamically generating the page carrier according to the target resource packet;

binding the page carrier with the page container;

and taking the page container as the floating page.

3. The method of claim 1, wherein creating a flyover page and a page carrier bound to the flyover page comprises:

and responding to an indication instruction triggered by an initial application, creating the floating page and the page carrier bound with the floating page, wherein the indication instruction is triggered when the state of a first specified object in the initial application meets a preset condition, and the initial application is the application corresponding to the initial application page.

4. The method of claim 1, wherein after the creating of the flyover page and the page carrier bound to the flyover page, the method further comprises:

monitoring the life cycle of the initial application page, and updating the life cycle of the floating page according to the life cycle of the initial application page, wherein the life cycle of the floating page is the same as that of the initial application page.

5. The method of claim 1, wherein prior to said loading said target resource package within said floating page by said page carrier, said method further comprises:

initializing the page carrier according to the target resource packet;

and preloading the target resource package through the page carrier.

6. The method of claim 1, wherein the target material comprises at least one set of materials, and wherein after said obtaining the target resource package from the resource server, the method further comprises:

acquiring a material mapping table from the resource server, wherein the material mapping table comprises the corresponding relation between each group of material sets and an object in the initial application;

sending the material mapping table to the initial application so that the initial application responds to a specified object to be triggered, and determining a specified material set corresponding to the specified object according to the material mapping table, wherein the initial application is an application corresponding to the initial application page;

the rendering the target material on the page carrier based on the execution logic to display the target material within the flyover page includes:

rendering the specified set of material on the page carrier based on the execution logic to display the specified set of material within the flyover page.

7. The method of claim 1, wherein prior to said obtaining the target resource package from the resource server, the method further comprises:

and determining the target resource packet according to the state information of the initial application page, wherein the state information comprises the user information and/or the application information of the initial application page.

8. The method of claim 1, wherein prior to said obtaining the target resource package from the resource server, the method further comprises:

and sending the state information of the initial application page to the resource server so that the resource server determines the target resource packet corresponding to the state information, wherein the state information comprises user information and/or application information of the initial application page.

9. The method of any of claims 1-8, wherein after said presenting the flyover page and the corresponding page carrier over the initial application page, the method further comprises:

acquiring an interaction instruction triggered by performing specified operation in a target area, wherein the target area is an area displayed by the floating page;

and updating the target material displayed in the floating page through the page carrier according to the interaction instruction and the execution logic.

10. The method of claim 9, wherein the updating, by the page carrier, the target material displayed within the flyout page according to the interactive instructions and the execution logic comprises:

updating the state of a second specified object on the page carrier according to the interaction instruction and the execution logic; alternatively, the first and second electrodes may be,

updating the state of the second designated object according to the interaction instruction and the execution logic, and updating the state of a third designated object in the initial application according to the updated state of the second designated object, wherein the third designated object is an object corresponding to the second designated object in the initial application; alternatively, the first and second electrodes may be,

according to the interaction instruction and the execution logic, updating the state of the second designated object, and sending the updated state of the second designated object to the resource server, so that the resource server sends the updated state of the second designated object to an application server, wherein the application server is used for updating the state of a fourth designated object according to the updated state of the second designated object, and sending the updated state of the fourth designated object to the initial application, so that the initial application records the updated state of the fourth designated object;

11. The method of any one of claims 1-8, wherein the target material comprises: at least one of pictures, videos and texts.

12. An apparatus for dynamic display, the apparatus comprising:

13. A computer-readable medium, on which a computer program is stored, characterized in that the program, when being executed by processing means, carries out the steps of the method of any one of claims 1-11.

14. An electronic device, comprising:

a storage device having a computer program stored thereon;

processing means for executing the computer program in the storage means to carry out the steps of the method according to any one of claims 1 to 11.