Dynamic element display method, display device, equipment, storage medium and program product

Abstract

The invention provides a dynamic element display method and device, equipment, a storage medium and a program product, and can be applied to the technical field of data processing. The method comprises the steps that in response to an element display instruction, program parameters of a target program and loading parameters of each to-be-loaded dynamic element are obtained, the program parameters represent display area information of the target program, and the loading parameters comprise position information of the to-be-loaded dynamic elements and to-be-loaded information; the position information and the display area information are analyzed, an analysis result is obtained, and the analysis result represents the display range of the position information in the display area information; and based on a preset display position rule, determining a display position of the to-be-loaded information in the display area information according to the analysis result, so that the terminal equipment displays the to-be-loaded information according to the display position.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the technical field of data processing, and more particularly, to a dynamic element display method and device, electronic device, computer readable storage medium and computer program product. BACKGROUND

[0002] In the process of updating software from a lower version to a higher version, in order to make the software more advanced, perfect and user-friendly, bugs in the old version can be fixed, new functions can be added or performance can be improved to provide better user experience and security.

[0003] Updating software can meet user needs and prevent software from being hacked. Updating usually involves modifying software and releasing the latest version, while upgrading refers to completely replacing the original software, usually referring to a higher level version. Proper software updating and upgrading operations are essential to improve the performance, security and functionality of software.

[0004] In the process of implementing the present disclosure, it is found that each dynamic element in the update and upgrade needs to add corresponding guide information to guide the user, but the related art usually needs to develop a set of guide code for each dynamic element and its guide information, thereby increasing the research and development cost and occupying a large program resource. SUMMARY

[0005] Therefore, the present disclosure provides a dynamic element display method and device, electronic device, computer readable storage medium and computer program product.

[0006] One aspect of the present disclosure provides a dynamic element display method, comprising:

[0007] In response to an element display instruction, program parameters of a target program and loading parameters of each dynamic element to be loaded are obtained, wherein the program parameters represent display area information of the target program, and the loading parameters include position information of the dynamic element to be loaded and loading information;

[0008] The position information and the display area information are analyzed to obtain an analysis result, wherein the analysis result represents the display range of the position information in the display area information;

[0009] Based on a preset display position rule, the display position of the loading information in the display area information is determined according to the analysis result, so that the terminal device displays the loading information according to the display position.

[0010] According to the embodiments of the present disclosure, the position information includes size parameters and element positioning information of the dynamic element to be loaded.

[0011] The analysis of the aforementioned location information and display area information yields the following results:

[0012] Based on the above element positioning information, determine the loading position of the above dynamic element to be loaded in the above display area information;

[0013] Based on the loading position and the size parameters, the display range is determined, and the analysis results are generated based on the display range and the display area information.

[0014] According to embodiments of this disclosure, the above-mentioned size parameters include element height information, and the above-mentioned display area information includes program upper boundary position information and program lower boundary position information;

[0015] Specifically, the display range is determined based on the loading position and the size parameters, and the analysis results are generated based on the display range and the display area information, including:

[0016] Based on the above element positioning information and the above element height information, a height range is generated, wherein the above display range includes the above height range;

[0017] Determine the first distance between the aforementioned height range and the aforementioned upper boundary position information of the program;

[0018] Based on the above program upper boundary position information and program lower boundary position information, generate program boundary height information;

[0019] Based on the distance difference between the first distance and the program boundary height information, a height analysis result is generated, wherein the analysis result includes the height analysis result.

[0020] According to embodiments of this disclosure, a height analysis result is generated based on the distance difference between the first distance and the program boundary height information, including:

[0021] When the program boundary height information mentioned above is greater than a first preset multiple, a first analysis sub-result is generated;

[0022] When the program boundary height information where the first distance is less than the first preset multiple is generated, a second analysis sub-result is generated, wherein the height analysis result includes either the first analysis sub-result or the second analysis sub-result.

[0023] According to embodiments of this disclosure, the above-mentioned size parameters also include element width information, and the above-mentioned display area information also includes program left boundary position information and program right boundary position information;

[0024] The process of determining the display area based on the loading position and size parameters, and generating the analysis results based on the display area, also includes:

[0025] Based on the above element positioning information and the above element width information, a width range is generated, wherein the above display range also includes the above width range;

[0026] Determine the second distance between the aforementioned width range and the aforementioned left boundary position information of the program;

[0027] Based on the above program left boundary position information and program right boundary position information, generate program boundary width information;

[0028] Based on the distance difference between the second distance and the program boundary width information, a width analysis result is generated, wherein the analysis result also includes the width analysis result.

[0029] According to embodiments of this disclosure, a width analysis result is generated based on the distance difference between the second distance and the program boundary width information, including:

[0030] If the program boundary width information mentioned above is greater than a second preset multiple, a third analysis sub-result is generated;

[0031] If the program boundary width information is less than the second preset multiple, a fourth analysis sub-result is generated, wherein the width analysis result includes the third analysis sub-result or the fourth analysis sub-result.

[0032] According to embodiments of this disclosure, based on preset display position rules and the analysis results described above, the display position of the information to be loaded in the display area is determined, including:

[0033] If the above analysis results indicate that the location information of the dynamic element to be loaded is located in the first area of ​​the display area information, then the second area corresponding to the first area is determined from the preset display rule table, and the second area is determined as the display position.

[0034] According to an embodiment of this disclosure, the information to be loaded includes a guide diagram, and the location information is the entry location of the guide diagram.

[0035] According to embodiments of this disclosure, after determining the aforementioned display position, the method further includes:

[0036] The display page is rendered to obtain a rendered display page, so that the terminal device can display the rendered display page, wherein the display page includes a page that loads the target program containing the information to be loaded.

[0037] Another aspect of this disclosure provides a display device for dynamic elements, including:

[0038] The acquisition module is used to acquire the program parameters of the target program and the loading parameters of each dynamic element to be loaded in response to the element display instruction. The program parameters represent the display area information of the target program, and the loading parameters include the position information and loading information of the dynamic element to be loaded.

[0039] The analysis module is used to analyze the above location information and the above display area information to obtain analysis results, wherein the analysis results represent the display range of the above location information in the above display area information;

[0040] The determination module is used to determine the display position of the information to be loaded in the display area based on the preset display position rules and the above analysis results, so that the terminal device can display the information to be loaded according to the above display position.

[0041] Another aspect of this disclosure provides an electronic device comprising:

[0042] One or more processors;

[0043] Memory, used to store one or more programs.

[0044] Specifically, when one or more programs are executed by one or more processors, the one or more processors implement the above method.

[0045] Another aspect of this disclosure provides a computer-readable storage medium storing computer-executable instructions that, when executed, are used to implement the methods described above.

[0046] Another aspect of this disclosure provides a computer program product including computer-executable instructions that, when executed, are used to implement the methods described above.

[0047] According to embodiments of this disclosure, for each dynamic element to be loaded, positional analysis is performed on the position information of the dynamic element to be loaded and the display area information of the target program to obtain an analysis result regarding the display range of the dynamic element to be loaded within the display area information. Based on the analysis result, the display position of the information to be loaded for the dynamic element to be loaded within the display area information is determined according to a preset display position rule, thereby enabling the terminal device to display the information to be loaded at that display position. Since this disclosure only requires analyzing the position information of the dynamic element to be loaded to determine the corresponding display range of the information to be loaded, there is no need to develop corresponding display code for the information to be loaded for each dynamic element to be loaded, thereby reducing the development cost of the target program and the program's resource consumption. Attached Figure Description

[0048] The above and other objects, features and advantages of this disclosure will become clearer from the following description of embodiments with reference to the accompanying drawings, in which:

[0049] Figure 1 The illustration schematically shows an exemplary system architecture for a display method of dynamic elements that can be applied according to embodiments of the present disclosure;

[0050] Figure 2 A flowchart illustrating a method for displaying dynamic elements according to an embodiment of the present disclosure is shown schematically;

[0051] Figure 3 This schematic diagram illustrates the location of a dynamic element to be loaded according to an embodiment of the present disclosure;

[0052] Figure 4 The illustration is a schematic diagram showing a guide diagram according to an embodiment of the present disclosure;

[0053] Figure 5 A block diagram schematically illustrates a display apparatus for dynamic elements according to embodiments of the present disclosure; and

[0054] Figure 6 A block diagram of an electronic device suitable for implementing the methods described above, according to embodiments of the present disclosure, is illustrated schematically. Detailed Implementation

[0055] The embodiments of the present disclosure will now be described with reference to the accompanying drawings. However, it should be understood that these descriptions are exemplary only and are not intended to limit the scope of the disclosure. In the following detailed description, numerous specific details are set forth to provide a thorough understanding of the embodiments of the present disclosure for ease of explanation. However, it will be apparent that one or more embodiments may be practiced without these specific details. Furthermore, descriptions of well-known structures and techniques are omitted in the following description to avoid unnecessarily obscuring the concepts of the present disclosure.

[0056] The terminology used herein is for the purpose of describing particular embodiments only and is not intended to limit this disclosure. The terms “comprising,” “including,” etc., as used herein indicate the presence of features, steps, operations, and / or components, but do not exclude the presence or addition of one or more other features, steps, operations, or components.

[0057] All terms used herein (including technical and scientific terms) have the meanings commonly understood by those skilled in the art, unless otherwise defined. It should be noted that the terms used herein are to be interpreted in a manner consistent with the context of this specification, and not in an idealized or overly rigid way.

[0058] When using expressions such as "at least one of A, B, and C", they should generally be interpreted in accordance with the meaning that is commonly understood by a person skilled in the art (e.g., "a system having at least one of A, B, and C" should include, but is not limited to, a system having A alone, a system having B alone, a system having C alone, a system having A and B, a system having A and C, a system having B and C, and / or a system having A, B, and C, etc.).

[0059] In related technologies, typical onboarding processes involve placing elements within a specific location on a page and providing guidance accordingly. The position of the element is fixed, and the guidance message is relatively fixed as well. For example, when a user logs into an application for the first time, a new user onboarding process is needed, with guidance messages displayed for buttons like "Register" and "Login." The button positions are fixed, and the guidance messages are relatively fixed as well, with developers using fixed styles to implement the guidance messages. Alternatively, a user's profile page might consist of multiple dynamic child elements. Each time a new feature is added, guidance messages are needed. The positions of these new feature elements change with updates, introducing uncertainty. Developers need to adjust the guidance messages based on the new element's position, continuously updating the code to reflect the latest location.

[0060] However, after the element's position changes, secondary development and updates are required based on the element's position, which shows that the current guidance method has the following drawbacks.

[0061] (1) Lack of flexibility: page modules and element positions are variable, but the code does not currently support dynamic changes;

[0062] (2) Lack of reusability: If there are a lot of pages with guidance instructions in the project, they cannot be quickly reused. For example, if 6 pages need guidance instructions, 6 sets of code need to be developed, which results in high R&D costs.

[0063] (3) Lack of continuity: After a new feature is launched, the guidance function of the entry point is no longer needed due to the iteration of requirements. The code value of the guidance is lost. When a new feature is launched again, it needs to be redeveloped, which wastes R&D resources.

[0064] In view of the above, embodiments of this disclosure provide a method, device, equipment, storage medium, and program product for displaying dynamic elements. The method includes, in response to an element display instruction, obtaining program parameters of a target program and loading parameters of each dynamic element to be loaded, wherein the program parameters characterize the display area information of the target program, and the loading parameters include the position information of the dynamic element to be loaded and information to be loaded; analyzing the position information and the display area information to obtain an analysis result, wherein the analysis result characterizes the display range of the position information in the display area information; and determining the display position of the information to be loaded in the display area information based on a preset display position rule and the analysis result, so that the terminal device displays the information to be loaded according to the display position.

[0065] In the embodiments disclosed herein, the collection, updating, analysis, processing, use, transmission, provision, disclosure, and storage of data (e.g., including but not limited to user personal information) comply with relevant laws and regulations, are used for legitimate purposes, and do not violate public order and good morals. In particular, necessary measures have been taken to prevent unauthorized access to user personal information data and to safeguard user personal information security and network security.

[0066] Figure 1 An exemplary system architecture 100 for displaying dynamic elements according to embodiments of this disclosure is illustrated schematically. It should be noted that... Figure 1 The examples shown are merely examples of system architectures that can be applied to the embodiments of this disclosure, in order to help those skilled in the art understand the technical content of this disclosure, but do not mean that the embodiments of this disclosure cannot be used in other devices, systems, environments or scenarios.

[0067] like Figure 1 As shown, the system architecture 100 according to this embodiment may include a first terminal device 101, a second terminal device 102, a third terminal device 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the first terminal device 101, the second terminal device 102, the third terminal device 103, and the server 105. The network 104 may include various connection types, such as wired and / or wireless communication links, etc.

[0068] Users can use the first terminal device 101, the second terminal device 102, and the third terminal device 103 to interact with the server 105 via the network 104 to receive or send messages, etc. Various communication client applications can be installed on the first terminal device 101, the second terminal device 102, and the third terminal device 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, and / or social media platform software, etc. (for example only).

[0069] The first terminal device 101, the second terminal device 102, and the third terminal device 103 can be various electronic devices with displays and support web browsing, including but not limited to smartphones, tablets, laptops, and desktop computers.

[0070] Server 105 can be a server that provides various services, such as a backend management server that supports websites browsed by users using the first terminal device 101, the second terminal device 102, and the third terminal device 103 (this is just an example). The backend management server can analyze and process data such as received user requests, and feed back the processing results (such as web pages, information, or data obtained or generated according to user requests) to the terminal devices.

[0071] It should be noted that the dynamic element display method provided in this embodiment can generally be executed by server 105. Correspondingly, the dynamic element display device provided in this embodiment can generally be located in server 105. The dynamic element display method provided in this embodiment can also be executed by a server or server cluster that is different from server 105 and capable of communicating with the first terminal device 101, the second terminal device 102, the third terminal device 103, and / or server 105. Correspondingly, the dynamic element display device provided in this embodiment can also be located in a server or server cluster that is different from server 105 and capable of communicating with the first terminal device 101, the second terminal device 102, the third terminal device 103, and / or server 105. Alternatively, the dynamic element display method provided in this embodiment can also be executed by the first terminal device 101, the second terminal device 102, or the third terminal device 103, or by other terminal devices different from the first terminal device 101, the second terminal device 102, or the third terminal device 103. Accordingly, the dynamic element display device provided in this embodiment can also be set in the first terminal device 101, the second terminal device 102 or the third terminal device 103, or in other terminal devices different from the first terminal device 101, the second terminal device 102 or the third terminal device 103.

[0072] It should be understood that Figure 1 The number of terminal devices, networks, and servers shown is merely illustrative. Depending on implementation needs, any number of terminal devices, networks, and servers can be included.

[0073] Figure 2 A flowchart illustrating a method for displaying dynamic elements according to an embodiment of the present disclosure is shown schematically.

[0074] like Figure 2 As shown, the method for displaying this dynamic element includes operations S201 to S203.

[0075] In operation S201, in response to the element display instruction, the program parameters of the target program and the loading parameters of each dynamic element to be loaded are obtained. The program parameters represent the display area information of the target program, and the loading parameters include the position information and loading information of the dynamic elements to be loaded.

[0076] In operation S202, the location information and display area information are analyzed to obtain the analysis results, wherein the analysis results characterize the display range of the location information in the display area information;

[0077] In operation S203, based on the preset display position rules, the display position of the information to be loaded in the display area is determined according to the analysis results, so that the terminal device can display the information to be loaded according to the display position.

[0078] According to embodiments of this disclosure, the target program may include a browser, software, etc., and the element display instructions may be automatically generated by the electronic device when the target program is opened. The dynamic element to be loaded may refer to a control in the software, and its loading information may be a guide image or other guiding information to help the user understand the function of the control. The display area information may refer to the display area used by the software after the target program is opened.

[0079] According to embodiments of this disclosure, for each dynamic element to be loaded, the display range of the position information of the dynamic element to be loaded in the display area information of the target program is first determined, thereby generating an analysis result. Then, based on the display range shown by the analysis result, the display position of the information to be loaded corresponding to the dynamic element to be loaded is determined, so that the terminal device can display the information to be loaded to the user at the determined display position.

[0080] In one specific embodiment, after the R&D department updates software A, and the user updates the software on their mobile phone via the Internet, when software A is opened, software A automatically generates element display instructions. At this time, the dynamic elements to be loaded in this update are obtained, such as the "My" control added by software A. At the same time, the program parameters of software A are obtained, such as the size information of the display interface after software A is opened on the mobile phone, that is, the display area information.

[0081] According to embodiments of this disclosure, based on the position information of the control, such as a specific coordinate position at the lower right corner of the display interface, the position information of the control and the display area information are analyzed to determine the specific display range of the control on the display interface, such as the position of the boundary of the control on the display interface.

[0082] According to embodiments of this disclosure, after determining the display area of ​​the control on the display interface, if a preset display position rule specifies that the control is located in a specific position in the lower right corner, the upper left corner of the display interface can be determined as the display position of the guide image of the control. At this time, the mobile phone displays the guide image at that display position. The content of the guide image can be adaptively modified according to the type of control. For example, the guide image can display "You can click 'My' to view personal information, such as favorite TV programs, etc."

[0083] According to embodiments of this disclosure, for each dynamic element to be loaded, positional analysis is performed on the position information of the dynamic element to be loaded and the display area information of the target program to obtain an analysis result regarding the display range of the dynamic element to be loaded within the display area information. Based on the analysis result, the display position of the information to be loaded for the dynamic element to be loaded within the display area information is determined according to a preset display position rule, thereby enabling the terminal device to display the information to be loaded at that display position. Since this disclosure only requires analyzing the position information of the dynamic element to be loaded to determine the corresponding display range of the information to be loaded, there is no need to develop corresponding display code for the information to be loaded for each dynamic element to be loaded, thereby reducing the development cost of the target program and the program's resource consumption.

[0084] According to embodiments of this disclosure, the location information includes the size parameters of the dynamic element to be loaded and the element positioning information.

[0085] According to embodiments of this disclosure, location information and display area information are analyzed to obtain analysis results, including:

[0086] The loading position of the dynamic element to be loaded in the display area information is determined based on the element positioning information.

[0087] Based on the loading location and size parameters, the display range is determined, and analysis results are generated based on the display range and display area information.

[0088] According to embodiments of this disclosure, element positioning information may refer to the coordinate value corresponding to the center position of the dynamic element to be loaded, and size parameters may refer to the length and width values ​​of the dynamic element to be loaded.

[0089] According to embodiments of this disclosure, when generating analysis results, the specific loading position of the dynamic element to be loaded is first determined based on the element positioning information. Then, based on this loading position and the corresponding size parameters, the specific display range of the dynamic element to be loaded can be determined. The analysis results are then generated based on this display range and display area information (e.g., the size parameters of the display interface).

[0090] According to embodiments of this disclosure, the size parameters include element height information, and the display area information includes program upper boundary position information and program lower boundary position information;

[0091] The process involves determining the display area based on the loading location and size parameters, and then generating analysis results based on the display area and display region information, including:

[0092] Based on the element's positioning information and height information, a height range is generated, where the display range includes the height range;

[0093] Determine the first distance between the height range and the upper boundary position information of the program;

[0094] Generate program boundary height information based on the program's upper and lower boundary position information;

[0095] Based on the distance difference between the first distance and the program boundary height information, a height analysis result is generated, which includes the height analysis result.

[0096] According to an embodiment of this disclosure, when generating analysis results, the specific center position of the element is first determined based on the element positioning information of the dynamic element to be loaded, and then the height range of the dynamic element to be loaded can be determined by combining the element height information.

[0097] According to embodiments of this disclosure, a first distance is calculated between the height range and the program upper boundary position information in the display area information, that is, the distance between the dynamic element to be loaded and the program upper boundary position information. At the same time, the program boundary height information between the program upper boundary position information and the program lower boundary position information is calculated, that is, the window height of the display area information.

[0098] According to embodiments of this disclosure, the distance difference between the first distance and the program boundary height information can be used to determine that the dynamic element to be loaded is located in the upper (or lower) half of the display area information, thereby generating the corresponding height analysis result.

[0099] According to embodiments of this disclosure, a height analysis result is generated based on the distance difference between a first distance and program boundary height information, including:

[0100] If the program boundary height information is greater than a first preset multiple, a first analysis sub-result is generated;

[0101] If the program boundary height information is less than a first preset multiple, a second analysis sub-result is generated, wherein the height analysis result includes either the first analysis sub-result or the second analysis sub-result.

[0102] According to the embodiments of this disclosure, the first preset multiple can be any value, such as 1 / 2, 1 / 3, etc. This disclosure uses 1 / 2 as the first preset multiple for illustrative purposes.

[0103] In one specific embodiment, when the distance difference between the first distance and the program boundary height information is less than 1 / 2 of the program boundary height information, it can be determined that the dynamic element to be loaded is located in the lower half of the display area information, i.e., the first analysis sub-result. If it is greater than 1 / 2 of the program boundary height information, it can be determined that the dynamic element to be loaded is located in the upper half of the display area information, i.e., the second analysis sub-result.

[0104] According to embodiments of this disclosure, the size parameters further include element width information, and the display area information further includes program left boundary position information and program right boundary position information;

[0105] This includes determining the display area based on the loading location and size parameters, and generating analysis results based on the display area, and also includes:

[0106] Based on the element's positioning information and width information, a width range is generated, where the display range also includes the width range;

[0107] Determine the second distance between the width range and the position information of the left boundary of the program;

[0108] Based on the left and right boundary position information of the program, generate the program boundary width information;

[0109] Based on the distance difference between the second distance and the program boundary width information, a width analysis result is generated, which also includes the width analysis result.

[0110] According to embodiments of this disclosure, after determining the height analysis result of the dynamic element to be loaded, the left and right positions of the dynamic element to be loaded can also be analyzed. For the specific analysis process, please refer to the following exemplary description.

[0111] According to embodiments of this disclosure, after determining the specific center position of the element based on the element positioning information of the dynamic element to be loaded, the width range of the dynamic element to be loaded can be determined by combining the element width information.

[0112] According to embodiments of this disclosure, a second distance is calculated between the width range of the dynamic element to be loaded and the left boundary position information of the program, that is, the distance between the dynamic element to be loaded and the left boundary position information of the program. At the same time, the program boundary width information between the left boundary position information and the right boundary position information of the program is calculated, that is, the window width of the display area information.

[0113] According to embodiments of this disclosure, the distance difference between the second distance and the program boundary width information can be used to determine that the dynamic element to be loaded is located in the left (or right) half of the display area information, thereby generating the corresponding width analysis result.

[0114] According to embodiments of this disclosure, a width analysis result is generated based on the distance difference between the second distance and the program boundary width information, including:

[0115] If the second distance is greater than a second preset multiple of the program boundary width information, a third analysis sub-result is generated;

[0116] If the second distance is less than a second preset multiple of the program boundary width information, a fourth analysis sub-result is generated, wherein the width analysis result includes either the third analysis sub-result or the fourth analysis sub-result.

[0117] According to embodiments of this disclosure, the second preset multiple can be any value, such as 1 / 2, 1 / 3, etc. This disclosure uses 1 / 2 as the second preset multiple for illustrative purposes.

[0118] In one specific embodiment, when the distance difference between the second distance and the program boundary width information is less than 1 / 2 of the program boundary width information, it can be determined that the dynamic element to be loaded is located in the right half of the display area information, i.e., the third analysis sub-result. If it is greater than 1 / 2 of the program boundary width information, it can be determined that the dynamic element to be loaded is located in the left half of the display area information, i.e., the fourth analysis sub-result.

[0119] According to embodiments of this disclosure, the specific display range of a dynamic element to be loaded is determined by the width and height information of the program boundary. Even if the dynamic element to be loaded undergoes any change, the display range of the dynamic element to be loaded can be quickly determined in the above manner, which helps to reduce development costs and has high flexibility and reusability.

[0120] Figure 3 A schematic diagram illustrating the location of a dynamic element to be loaded according to an embodiment of the present disclosure is shown.

[0121] According to embodiments of this disclosure, the display position of the information to be loaded in the display area is determined based on preset display position rules and analysis results, including:

[0122] If the analysis results indicate that the location information of the dynamic element to be loaded is located in the first area of ​​the display area information, the second area corresponding to the first area is determined from the preset display rule table, and the second area is determined as the display position.

[0123] According to embodiments of this disclosure, the display area information can be divided into regions. For example, the display area information can be divided into four parts: upper left, lower left, upper right, and lower right in a cross shape. The first region can be any one of these parts.

[0124] According to embodiments of this disclosure, a preset display rule table can specify different parts of the second region for different first regions. For example, when the first region is the upper left part, the second region can be the lower right part.

[0125] In one specific embodiment, after determining the loading position of the dynamic element to be loaded based on its element positioning information and size parameters, the height of the dynamic element is first analyzed to determine whether the analysis result is a first or second sub-analysis result, i.e., whether the dynamic element is located in the upper or lower half of the display area information. Then, the width of the dynamic element is analyzed to determine whether the analysis result is a third or fourth sub-analysis result, i.e., whether the dynamic element is located in the left or right half of the display area information. During the execution of the target program, the loading information of multiple dynamic elements can be displayed, and the positions of different dynamic elements can be as follows: Figure 3 The four positions shown are top left, bottom left, top right, and bottom right. (See also...) Figure 3 Elements A, B, C, and D are in the given set.

[0126] Figure 4 The illustration shows a schematic diagram of a guide diagram according to an embodiment of the present disclosure.

[0127] According to embodiments of this disclosure, the information to be loaded includes a guide map, and the location information is the entry position of the guide map.

[0128] In one specific embodiment, when the target program is opened and enters the corresponding display interface (i.e., display area information), the location of the entry point for adding guidance is obtained according to the configuration, that is, the location information of the dynamic element to be loaded and the guidance image corresponding to the dynamic element to be loaded are obtained. Based on the element positioning information and size parameters of the dynamic element to be loaded, combined with the size of the display interface, the display range of the dynamic element to be loaded in the display interface is determined to generate corresponding analysis results. Based on preset display position rules, the display position of the guidance image in the display interface is determined according to the analysis results, so that the terminal device displays the guidance image according to the display position.

[0129] According to embodiments of this disclosure, if the analysis results show that the dynamic element to be loaded is located in the upper left part of the display interface, then the display position of the guide image can be determined to be the lower right part. Figure 4 As shown in (a).

[0130] According to embodiments of this disclosure, if the analysis results show that the dynamic element to be loaded is located in the lower left part of the display interface, then the display position of the guide image can be determined to be the upper right part. Figure 4 As shown in (b).

[0131] According to embodiments of this disclosure, if the analysis results show that the dynamic element to be loaded is located in the upper right part of the display interface, then the display position of the guide image can be determined to be the lower left part. Figure 4 As shown in (c).

[0132] According to embodiments of this disclosure, if the analysis results show that the dynamic element to be loaded is located in the lower right part of the display interface, then the display position of the guide image can be determined to be the upper left part. Figure 4 As shown in (d).

[0133] According to embodiments of this disclosure, after determining the display location, the method further includes:

[0134] The display page is rendered to obtain a rendered display page, which is then displayed on the terminal device. The display page includes a page containing the target program with information to be loaded.

[0135] According to embodiments of this disclosure, after determining the display location, the information to be loaded is preloaded onto the display interface (i.e., the page of the target program) to generate a display page. The display page can then be rendered, and the rendered display page can be displayed through a terminal device.

[0136] According to embodiments of this disclosure, rendering the display page can improve the image quality of the display page, thereby enhancing the user experience.

[0137] Figure 5 A block diagram illustrating a display device for dynamic elements according to an embodiment of the present disclosure is shown schematically.

[0138] like Figure 5 As shown, the dynamic element display device 500 includes an acquisition module 510, an analysis module 520, and a determination module 530.

[0139] The acquisition module 510 is used to acquire the program parameters of the target program and the loading parameters of each dynamic element to be loaded in response to the element display instruction. The program parameters represent the display area information of the target program, and the loading parameters include the position information and loading information of the dynamic element to be loaded.

[0140] The analysis module 520 is used to analyze the location information and the display area information to obtain the analysis results, wherein the analysis results represent the display range of the location information in the display area information;

[0141] The determination module 530 is used to determine the display position of the information to be loaded in the display area based on the preset display position rules and the analysis results, so that the terminal device can display the information to be loaded according to the display position.

[0142] According to embodiments of this disclosure, for each dynamic element to be loaded, positional analysis is performed on the position information of the dynamic element to be loaded and the display area information of the target program to obtain an analysis result regarding the display range of the dynamic element to be loaded within the display area information. Based on the analysis result, the display position of the information to be loaded for the dynamic element to be loaded within the display area information is determined according to a preset display position rule, thereby enabling the terminal device to display the information to be loaded at that display position. Since this disclosure only requires analyzing the position information of the dynamic element to be loaded to determine the corresponding display range of the information to be loaded, there is no need to develop corresponding display code for the information to be loaded for each dynamic element to be loaded, thereby reducing the development cost of the target program and the program's resource consumption.

[0143] According to embodiments of this disclosure, the location information includes the size parameters of the dynamic element to be loaded and the element positioning information.

[0144] According to embodiments of this disclosure, the analysis module 520 includes:

[0145] The first determination submodule is used to determine the loading position of the dynamic element to be loaded in the display area information based on the element positioning information;

[0146] The second determination submodule is used to determine the display range based on the loading position and size parameters, so as to generate analysis results based on the display range and display area information.

[0147] According to embodiments of this disclosure, the size parameters include element height information, and the display area information includes program upper boundary position information and program lower boundary position information.

[0148] According to embodiments of this disclosure, the second determining submodule includes:

[0149] The first generation unit is used to generate a height range based on the element positioning information and the element height information, wherein the display range includes the height range;

[0150] The first determining unit is used to determine the first distance between the height range and the program's upper boundary position information;

[0151] The second generation unit is used to generate program boundary height information based on the program upper boundary position information and the program lower boundary position information;

[0152] The third generation unit is used to generate a height analysis result based on the distance difference between the first distance and the program boundary height information, wherein the analysis result includes the height analysis result.

[0153] According to embodiments of this disclosure, the third generation unit includes:

[0154] The first generation subunit is used to generate the first analysis sub-result when the first distance is greater than the first preset multiple of the program boundary height information.

[0155] The second generation subunit is used to generate a second analysis sub-result when the first distance is less than a first preset multiple of the program boundary height information, wherein the height analysis result includes either the first analysis sub-result or the second analysis sub-result.

[0156] According to embodiments of this disclosure, the size parameters also include element width information, and the display area information also includes program left boundary position information and program right boundary position information.

[0157] According to embodiments of this disclosure, the second determining submodule further includes:

[0158] The fourth generation unit is used to generate a width range based on the element positioning information and the element width information. The display range also includes the width range.

[0159] The second determining unit is used to determine the second distance between the width range and the left boundary position information of the program;

[0160] The fifth generation unit is used to generate program boundary width information based on the program left boundary position information and the program right boundary position information;

[0161] The sixth generation unit is used to generate a width analysis result based on the distance difference between the second distance and the program boundary width information. The analysis result also includes the width analysis result.

[0162] According to embodiments of this disclosure, the sixth generation unit includes:

[0163] The third generation subunit is used to generate the third analysis sub-result when the second distance is greater than the second preset multiple of the program boundary width information.

[0164] The fourth generation subunit is used to generate a fourth analysis sub-result when the second distance is less than a second preset multiple of the program boundary width information, wherein the width analysis result includes the third analysis sub-result or the fourth analysis sub-result.

[0165] According to embodiments of this disclosure, the determining module 530 includes:

[0166] The third determination submodule is used to determine the second region corresponding to the first region from the preset display rule table when the analysis results show that the position information of the dynamic element to be loaded is located in the first region of the display area information, and to determine the second region as the display position.

[0167] According to embodiments of this disclosure, the information to be loaded includes a guide map, and the location information is the entry position of the guide map.

[0168] According to embodiments of this disclosure, the display device 500 further includes:

[0169] The rendering module is used to render the display page to obtain the rendered display page, so that the terminal device can display the rendered display page. The display page includes the page of the target program that loads the information to be loaded.

[0170] Any one or more of the modules, submodules, units, and subunits according to embodiments of the present disclosure, or at least part of the functions of any one or more of them, can be implemented in one module. Any one or more of the modules, submodules, units, and subunits according to embodiments of the present disclosure can be implemented by dividing them into multiple modules. Any one or more of the modules, submodules, units, and subunits according to embodiments of the present disclosure can be at least partially implemented as hardware circuitry, such as Field Programmable Gate Arrays (FPGAs), Programmable Logic Arrays (PLAs), Systems-on-Chip, Systems-on-Substrate, Systems-on-Package, Application-Specific Integrated Circuits (ASICs), or implemented in hardware or firmware by any other reasonable means of integrating or packaging circuitry, or implemented in software, hardware, or firmware, or in any suitable combination of any of these three implementation methods. Alternatively, one or more of the modules, submodules, units, and subunits according to embodiments of the present disclosure can be at least partially implemented as computer program modules, which, when run, can perform corresponding functions.

[0171] For example, any plurality of the acquisition module 510, analysis module 520, and determination module 530 can be combined into one module / unit / subunit, or any one of these modules / units / subunits can be split into multiple modules / units / subunits. Alternatively, at least part of the functionality of one or more of these modules / units / subunits can be combined with at least part of the functionality of other modules / units / subunits and implemented in one module / unit / subunit. According to embodiments of this disclosure, at least one of the acquisition module 510, analysis module 520, and determination module 530 can be at least partially implemented as hardware circuitry, such as a field-programmable gate array (FPGA), a programmable logic array (PLA), a system-on-a-chip, a system-on-a-substrate, a system-on-package, an application-specific integrated circuit (ASIC), or any other reasonable means of integrating or packaging the circuitry, or implemented in software, hardware, or firmware, or in any suitable combination of any of these three implementation methods. Alternatively, at least one of the acquisition module 510, analysis module 520, and determination module 530 may be implemented at least partially as a computer program module, which can perform corresponding functions when the computer program module is run.

[0172] It should be noted that the dynamic element display device part in the embodiments of this disclosure corresponds to the dynamic element display method part in the embodiments of this disclosure. The description of the dynamic element display device part is more detailed than that of the dynamic element display method part, and will not be repeated here.

[0173] Figure 6 A block diagram of an electronic device suitable for implementing the methods described above, according to embodiments of the present disclosure, is illustrated schematically. Figure 6 The electronic device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments disclosed herein.

[0174] like Figure 6 As shown, an electronic device 600 according to an embodiment of the present disclosure includes a processor 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage portion 608 into a random access memory (RAM) 603. The processor 601 may include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or an associated chipset and / or a special-purpose microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 601 may also include onboard memory for caching purposes. The processor 601 may include a single processing unit or multiple processing units for performing different actions of the method flow according to an embodiment of the present disclosure.

[0175] RAM 603 stores various programs and data required for the operation of electronic device 600. Processor 601, ROM 602, and RAM 603 are interconnected via bus 604. Processor 601 performs various operations of the method flow according to embodiments of the present disclosure by executing programs in ROM 602 and / or RAM 603. It should be noted that programs may also be stored in one or more memories other than ROM 602 and RAM 603. Processor 601 may also perform various operations of the method flow according to embodiments of the present disclosure by executing programs stored in one or more memories.

[0176] According to embodiments of this disclosure, the electronic device 600 may further include an input / output (I / O) interface 605, which is also connected to a bus 604. The electronic device 600 may also include one or more of the following components connected to the input / output (I / O) interface 605: an input section 606 including a keyboard, mouse, etc.; an output section 607 including a cathode ray tube (CRT), liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 608 including a hard disk, etc.; and a communication section 609 including a network interface card such as a LAN card, modem, etc. The communication section 609 performs communication processing via a network such as the Internet. A drive 610 is also connected to the input / output (I / O) interface 605 as needed. A removable medium 611, such as a disk, optical disk, magneto-optical disk, semiconductor memory, etc., is installed on the drive 610 as needed so that computer programs read from it can be installed into the storage section 608 as needed.

[0177] According to embodiments of this disclosure, the method flow according to embodiments of this disclosure can be implemented as a computer software program. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a computer-readable storage medium, the computer program containing program code for performing the methods shown in the flowchart. In such embodiments, the computer program can be downloaded and installed from a network via communication section 609, and / or installed from removable medium 611. When the computer program is executed by processor 601, it performs the functions defined in the system of embodiments of this disclosure. According to embodiments of this disclosure, the systems, devices, apparatuses, modules, units, etc., described above can be implemented by computer program modules.

[0178] This disclosure also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments; or it may exist independently and not assembled into the device / apparatus / system. The computer-readable storage medium carries one or more programs that, when executed, implement the method according to the embodiments of this disclosure.

[0179] According to embodiments of this disclosure, the computer-readable storage medium can be a non-volatile computer-readable storage medium. Examples include, but are not limited to: portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof. In this disclosure, the computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.

[0180] For example, according to embodiments of this disclosure, a computer-readable storage medium may include the ROM 602 and / or RAM 603 described above and / or one or more memories other than ROM 602 and RAM 603.

[0181] Embodiments of this disclosure also include a computer program product comprising a computer program containing program code for performing the methods provided in the embodiments of this disclosure. When the computer program product is run on an electronic device, the program code is used to enable the electronic device to implement the methods provided in the embodiments of this disclosure.

[0182] When the computer program is executed by the processor 601, it performs the functions defined in the system / apparatus of this disclosure embodiments. According to embodiments of this disclosure, the systems, apparatuses, modules, units, etc., described above can be implemented by computer program modules.

[0183] In one embodiment, the computer program may rely on a tangible storage medium such as an optical storage device or a magnetic storage device. In another embodiment, the computer program may also be transmitted and distributed in the form of signals over a network medium, and downloaded and installed via the communication section 609, and / or installed from the removable medium 611. The program code contained in the computer program can be transmitted using any suitable network medium, including but not limited to: wireless, wired, etc., or any suitable combination thereof.

[0184] According to embodiments of this disclosure, program code for executing the computer programs provided in embodiments of this disclosure can be written in any combination of one or more programming languages. Specifically, these computational programs can be implemented using high-level procedural and / or object-oriented programming languages, and / or assembly / machine languages. Programming languages ​​include, but are not limited to, languages ​​such as Java, C++, Python, "C", or similar programming languages. The program code can execute entirely on the user's computing device, partially on the user's device, partially on a remote computing device, or entirely on a remote computing device or server. In cases involving remote computing devices, the remote computing device can be connected to the user's computing device via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computing device (e.g., via the Internet using an Internet service provider).

[0185] The flowcharts and block diagrams in the accompanying drawings 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 a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in a block diagram or flowchart, and combinations of blocks in a block diagram or flowchart, may be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions. Those skilled in the art will understand that the features described in the various embodiments of the present disclosure can be combined and / or combined in various ways, even if such combinations are not explicitly described in the present disclosure. In particular, the features described in the various embodiments of this disclosure may be combined and / or combined in various ways without departing from the spirit and teachings of this disclosure. All such combinations and / or combinations fall within the scope of this disclosure.

[0186] The embodiments of this disclosure have been described above. However, these embodiments are for illustrative purposes only and are not intended to limit the scope of this disclosure. Although various embodiments have been described above, this does not mean that the measures in the various embodiments cannot be used advantageously in combination. Various substitutions and modifications can be made by those skilled in the art without departing from the scope of this disclosure, and all such substitutions and modifications should fall within the scope of this disclosure.

Claims

1. A method for displaying a dynamic element, comprising: obtaining program parameters of a target program and loading parameters of each dynamic element to be loaded in response to an element display instruction, wherein the program parameters represent display area information of the target program, and the loading parameters include position information of the dynamic element to be loaded and to-be-loaded information; analyzing the position information and the display area information to obtain an analysis result, wherein the analysis result represents a display range of the position information in the display area information; determining a display position of the to-be-loaded information in the display area information based on a preset display position rule and the analysis result, so that a terminal device displays the to-be-loaded information according to the display position.

2. The method according to claim 1, wherein, The position information includes size parameters and element positioning information of the dynamic element to be loaded. The analysis of the position information and the display area information to obtain the analysis result includes: determining a loading position of the dynamic element to be loaded in the display area information based on the element positioning information; determining the display range based on the loading position and the size parameters, so as to generate the analysis result based on the display range and the display area information.

3. The method according to claim 2, wherein, The size parameters include element height information, and the display area information includes program upper boundary position information and program lower boundary position information. The determination of the display range based on the loading position and the size parameters to generate the analysis result based on the display range and the display area information includes: generating a height range based on the element positioning information and the element height information, wherein the display range includes the height range; determining a first distance between the height range and the program upper boundary position information; generating program boundary height information based on the program upper boundary position information and the program lower boundary position information; generating a height analysis result based on a distance difference between the first distance and the program boundary height information, wherein the analysis result includes the height analysis result.

4. The method according to claim 3, wherein, The generation of the height analysis result based on the distance difference between the first distance and the program boundary height information includes: generating a first analysis sub-result in a case where the first distance is greater than a first preset multiple of the program boundary height information; generating a second analysis sub-result in a case where the first distance is less than the first preset multiple of the program boundary height information, wherein the height analysis result includes the first analysis sub-result or the second analysis sub-result.

5. The method according to claim 3, wherein, The size parameters further include element width information, and the display area information further includes program left boundary position information and program right boundary position information. The determination of the display range based on the loading position and the size parameters to generate the analysis result based on the display range further includes: generating a width range based on the element positioning information and the element width information, wherein the display range further includes the width range; determining a second distance between the width range and the program left boundary position information; generating program boundary width information based on the program left boundary position information and the program right boundary position information; generating a width analysis result based on a distance difference between the second distance and the program boundary width information, wherein the analysis result further includes the width analysis result.

6. The method according to claim 5, wherein, The generation of the width analysis result based on the distance difference between the second distance and the program boundary width information includes: In a case where the second distance is greater than the second preset multiple of the program boundary width information, a third analysis sub-result is generated; In a case where the second distance is less than the second preset multiple of the program boundary width information, a fourth analysis sub-result is generated, and the width analysis result includes the third analysis sub-result or the fourth analysis sub-result.

7. The method according to claim 1, wherein, Based on a preset display position rule, a display position of the to-be-loaded information in the display area information is determined according to the analysis result, including: In a case where the analysis result indicates that the position information of the to-be-loaded dynamic element is located in the first region of the display area information, a second region corresponding to the first region is determined from the preset display rule table, and the second region is determined as the display position.

8. The method according to claim 7, wherein, The to-be-loaded information includes a guide map, and the position information is an entry position of the guide map.

9. The method according to claim 1, wherein, After the display position is determined, further including: The rendering processing is performed on the display page to obtain a rendered display page, so that the terminal device displays the rendered display page, and the display page includes a page of the target program loaded with the to-be-loaded information.

10. An apparatus for displaying a dynamic element, comprising: an acquisition module configured to acquire program parameters of a target program and loading parameters of each to-be-loaded dynamic element in response to an element display instruction, wherein the program parameters represent display area information of the target program, and the loading parameters include position information of the to-be-loaded dynamic element and to-be-loaded information; an analysis module configured to analyze the position information and the display area information to obtain an analysis result, wherein the analysis result represents a display range of the position information in the display area information; a determination module configured to determine a display position of the to-be-loaded information in the display area information based on a preset display position rule and according to the analysis result, so that a terminal device displays the to-be-loaded information according to the display position.

11. An electronic device, comprising: one or more processors; a memory configured to store one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the method of any one of claims 1 to 9.

12. A computer-readable storage medium having stored thereon executable instructions that, when executed by a processor, cause the processor to implement the method of any one of claims 1 to 9.

13. A computer program product comprising a computer program that, when executed by a processor, implements the method according to any one of claims 1 to 9.

Images