Information display method and device and storage medium

Abstract

The invention discloses an information display method and device and a storage medium, and the method comprises the steps: dividing a screen display period of to-be-displayed information into a plurality of period periods based on a time-sharing display mechanism; in each period, mapping the information to be displayed into a visual icon after obtaining the information to be displayed, and generating an initial coordinate of the visual icon on a screen; deploying a periodic floating animation for the qualified icons meeting the non-overlapping condition, and displaying the qualified icons based on the initial coordinates; generating a new coordinate for the unqualified icon which does not meet the non-overlapping condition until the new coordinate meets the non-overlapping condition, deploying a periodic floating animation for the unqualified icon, and displaying the unqualified icon based on the new coordinate; the preset number of visual icons are displayed on the screen at the same time in each period. According to the method, the visual order is maintained while dynamic updating of the data is ensured, so that the information acquisition efficiency and the user interaction experience are remarkably improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and particularly to an information display method, device, and storage medium. Background Art

[0002] In traditional information display systems, list-style arrangements or fixed grid layouts are common presentation methods. Such methods usually arrange user-generated content in a linear order or static structure within the screen interface. Especially when dealing with large-scale dynamic data, their limitations gradually become apparent. For example, in scenarios with high-concurrency user interactions (such as the real-time comment area of a social platform, a wishing pool application, etc.), a large amount of information fills the interface in a continuous superposition manner, resulting in a sharp increase in information density and the screen space being occupied by a large number of repetitive or redundant elements. At the same time, due to the lack of a dynamic space allocation mechanism, icons or visual elements are prone to overlap during random distribution, further exacerbating the interface chaos. The above problems not only reduce the information acquisition efficiency but also have a negative impact on the user experience, and it is urgent to explore a more optimized technical path. Summary of the Invention

[0003] The main purpose of this application is to provide an information display method, device, and storage medium, aiming to solve the technical problems of massive information redundancy and icon overlap caused by traditional information display methods, which affect the visual experience.

[0004] To achieve the above purpose, this application provides an information display method, which includes the following steps:

[0005] Based on a time-sharing display mechanism, divide the screen display cycle of the information to be displayed into multiple cycle periods;

[0006] In each cycle period, after obtaining the information to be displayed, map the information to be displayed into a visual icon, and generate an initial coordinate for the visual icon on the screen;

[0007] Judge whether the visual icon to be displayed meets the non-overlap condition;

[0008] Deploy a periodic floating animation for the qualified icons that meet the non-overlap condition, and display the qualified icons based on the initial coordinates;

[0009] Generate new coordinates for the unqualified icons that do not meet the non-overlap condition, and until the new coordinates meet the non-overlap condition, deploy a periodic floating animation for the unqualified icons, and display the unqualified icons based on the new coordinates;

[0010] Until a preset number of the visual icons are simultaneously displayed on the screen in each cycle period.

[0011] In one embodiment, the step of, within each cycle period, mapping the information to be displayed to a visual icon after obtaining the information to be displayed and generating an initial coordinate of the visual icon on the screen includes:

[0012] Within each cycle period, generate the initial coordinates of the visual icons on the screen one by one.

[0013] In one embodiment, the step of, within each cycle period, mapping the information to be displayed to a visual icon after obtaining the information to be displayed and generating an initial coordinate of the visual icon on the screen further includes:

[0014] Within each cycle period, generate the preset number of candidate coordinates simultaneously;

[0015] At this time, the step of generating new coordinates for the unqualified icons that do not meet the non-overlapping condition includes: selecting a reference coordinate from the candidate coordinates, correcting the remaining candidate coordinates one by one using the reference coordinate, and using the reference coordinate and the corrected coordinates as the new coordinates of the visual icon in this cycle period.

[0016] In one embodiment, the step of determining whether the visual icon to be displayed meets the non-overlapping condition further includes:

[0017] Based on the initial coordinates, calculate the distance between the visual icon to be displayed and the existing icons. If the distance is greater than the safety distance, it is determined that the visual icon meets the non-overlapping condition; otherwise, it does not meet the non-overlapping condition;

[0018] The safety distance is set based on the preset size of the visual icon and the preset boundary distance of the visual icon.

[0019] In one embodiment, after the step of until the preset number of the visual icons are simultaneously displayed on the screen within each cycle period includes:

[0020] Respond to the click operation of the client on the visual icon to display the information details, and dynamically adjust the distribution density of the visual icons on the screen through a gesture operation.

[0021] In one embodiment, the gesture operation includes two-finger pinch zooming. When zooming, synchronously update the threshold of the non-overlapping condition to adapt to the adjusted screen area.

[0022] In one embodiment, an incremental loading mechanism is adopted. On the information display interface, when the user slides to the end of the current data, trigger the next request, and cache the loaded data to avoid repeated requests.

[0023] In one embodiment, the floating range of the visualization icon is limited by setting the displacement amplitude of the visualization icon, and the starting phase angle of the floating animation of each visualization icon is randomly generated.

[0024] In addition, to achieve the above object, the present application further provides an information display device, which includes:

[0025] A division module, based on a time-sharing display mechanism, divides the screen display period of the information to be displayed into multiple periodic time periods;

[0026] A generation module, which is used to obtain the information to be displayed in each periodic time period, map the information to be displayed into a visualization icon, and generate an initial coordinate of the visualization icon on the screen;

[0027] A judgment module, which is used to judge whether the visualization icon to be displayed meets the non-overlapping condition;

[0028] A first deployment module, which is used to deploy a periodic floating animation for the qualified icons that meet the non-overlapping condition, and display the qualified icons based on the initial coordinates;

[0029] A second deployment module, which generates new coordinates for the unqualified icons that do not meet the non-overlapping condition, and until the new coordinates meet the non-overlapping condition, deploys a periodic floating animation for the unqualified icons, and displays the unqualified icons based on the new coordinates;

[0030] A display module, which is used to display a preset number of the visualization icons on the screen in each periodic time period until.

[0031] In addition, to achieve the above object, the present application further provides a terminal device, which includes a memory, a processor, and an information display program stored on the memory and executable on the processor. When the information display program is executed by the processor, the steps of the information display method described above are implemented.

[0032] In addition, to achieve the above object, the present application further provides a computer-readable storage medium, on which an information display program is stored. When the information display program is executed by a processor, the steps of the information display method described above are implemented.

[0033] One or more technical solutions proposed by the present application have at least the following technical effects:

[0034] This application maps the information to be displayed into visual icons, randomly generates the initial screen coordinates for each visual icon, and combines the time-sharing display mechanism with the dynamic coordinate adjustment strategy, improving the visual chaos problem caused by the accumulation of massive data and icon overlap in the traditional information display method. Specifically, the time-sharing display mechanism divides the screen display cycle into multiple cycle time periods, and only allows a preset number of icons to be displayed within each cycle time period. By restricting the number of icons displayed simultaneously, the interface information density is directly reduced, avoiding the screen space overload caused by the one-time loading of redundant data. At the same time, by real-time detecting whether the icon coordinates meet the non-overlap condition, the icon overlap phenomenon can be effectively avoided: for qualified icons, their initial coordinates are directly used for display and an additional periodic floating animation is attached to ensure the synchronous realization of the dynamic effect and layout rationality; for unqualified icons, new coordinates are generated until the non-overlap condition is met, and the uniformity of the icon distribution is ensured through dynamic iterative adjustment. In this process, the random generation of the initial coordinates and the time-sharing loading mechanism work together, not only dispersing the temporal and spatial pressure of data presentation, but also reducing the user's visual fatigue through the step-by-step filling strategy. In addition, the introduction of the periodic floating animation further optimizes the visual experience.

[0035] In summary, this application realizes the clear hierarchical display of interface information through time period control of the display quantity, dynamic coordinate adjustment, and animation constraint, maintaining the visual order while ensuring the dynamic update of data, thus significantly improving the information acquisition efficiency and user interaction experience. Brief Description of the Drawings

[0036] Figure 1 It is a schematic flowchart of the first embodiment of the information display method of this application;

[0037] Figure 2 It is a schematic flowchart of the fourth embodiment of the information display method of this application;

[0038] Figure 3 It is a schematic module structure diagram of the information display device of the embodiment of this application;

[0039] Figure 4 It is a schematic device structure diagram of the hardware operating environment involved in the information display method of the embodiment of this application.

[0040] The realization, functional features, and advantages of the purpose of this application will be further described with reference to the embodiments and the accompanying drawings. Detailed Embodiments

[0041] It should be understood that the specific embodiments described herein are only used to explain this application and are not used to limit this application.

[0042] The main technical solution of this application is as follows: Based on the time-sharing display mechanism, the screen display cycle of the information to be displayed is divided into multiple cycle periods; within each cycle period, after obtaining the information to be displayed, the information to be displayed is mapped into visual icons, and initial coordinates of the visual icons on the screen are generated; periodic floating animations are deployed for the qualified icons that meet the non-overlapping condition, and the qualified icons are displayed based on the initial coordinates; new coordinates are generated for the unqualified icons that do not meet the non-overlapping condition, and until the new coordinates meet the non-overlapping condition, periodic floating animations are deployed for the unqualified icons, and the unqualified icons are displayed based on the new coordinates; until a preset number of visual icons are simultaneously displayed on the screen within each cycle period.

[0043] This application actually takes into account that in traditional information display systems, the real-time loading and rendering process of a large amount of dynamic data often faces the following technical contradictions: First, the one-time loading of all data by the client is likely to cause redundant accumulation of interface elements, resulting in low utilization rate of the screen space and dispersion of the user's visual focus; Second, due to the lack of a dynamic coordinate correction mechanism for randomly distributed icons, position overlap or edge overflow is likely to occur, further exacerbating the interface chaos; Third, when the data is continuously updated, the static layout is difficult to adapt to the seamless integration of new content, and users need to frequently manually adjust the view to track information changes, resulting in reduced interaction efficiency.

[0044] Based on this, the embodiments of this application propose a solution: This application adopts an incremental loading mechanism. In the information display interface, when the user slides to the end of the current data, the next request is triggered, and the loaded data is cached to avoid repeated requests. When the user sends a request to the server, in response to the client request, the information to be displayed is loaded in batches, and the information to be displayed is sorted according to a preset priority order, where the priority includes at least one of the release time, user level, or geographical location. Based on the time-sharing display mechanism, the screen display cycle of the information to be displayed is divided into multiple cycle periods; within each cycle period, after obtaining the information to be displayed, the information to be displayed is mapped into visual icons, and initial coordinates of the visual icons on the screen are generated; it is determined whether the visual icons to be displayed meet the non-overlapping condition, periodic floating animations are deployed for the qualified icons that meet the non-overlapping condition, and the qualified icons are displayed based on the initial coordinates; new coordinates are generated for the unqualified icons that do not meet the non-overlapping condition, and until the new coordinates meet the non-overlapping condition, periodic floating animations are deployed for the unqualified icons, and the unqualified icons are displayed based on the new coordinates; until a preset number of the visual icons are simultaneously displayed on the screen within each cycle period.

[0045] Specifically, the following are the detailed steps of the first embodiment of the information display method of this application:

[0046] Refer to Figure 1, Figure 1 It is a flowchart of the first embodiment of the information display method of this application. In this embodiment, the information display method includes steps S10 to S60:

[0047] Step S10, based on the time-sharing display mechanism, divide the screen display period of the information to be displayed into multiple period time slots;

[0048] Specifically, set the total duration of the screen display period as a dynamically adjustable parameter, divide the total period into continuous time segments through an intelligent scheduling algorithm, adopt a priority weighting strategy during division, give priority to ensuring that time-sensitive information is displayed in a longer time segment, and at the same time increase the time segment overlap buffer area, and use transparency gradient and Bezier curve path to achieve smooth transition of old and new icons. The time segment boundary is recorded as a timestamp and stored in the buffer area to ensure the accuracy of subsequent scheduling timing. Only a preset number of icons are allowed to be displayed within each time segment, and the old icons are removed through a dynamic replacement mechanism to avoid information overload and maintain the interface cleanliness.

[0049] Step S20, within each period time slot, after obtaining the information to be displayed, map the information to be displayed into a visual icon and generate an initial coordinate of the visual icon on the screen;

[0050] Specifically, within each period time slot, the system obtains a preset number of information to be displayed from the server and sorts the information to be displayed according to the preset priority rules.

[0051] After obtaining the information to be displayed, map each piece of information to be displayed into a corresponding visual icon. Specifically, each piece of information to be displayed dynamically matches the corresponding icon style according to its data type or attribute characteristics: for example, the information to be displayed with a user level of VIP is mapped to a star icon with a halo, and ordinary users use a basic lantern icon; if the information to be displayed contains the keyword "birthday", it will automatically match a cake icon, and if it involves the "travel" theme, it will be switched to an airplane icon. If it does not match a specific type, a general icon is used by default. To achieve dynamic adaptation, the system builds an internal icon resource library and realizes automatic matching through a preset mapping rule table. In addition, the icon can also be replaced based on customer requirements.

[0052] In a feasible implementation manner, the step of generating the initial coordinate of the visual icon on the screen in step S20 may include step S21:

[0053] Step S21, within each period time slot, generate the initial coordinate of the visual icon on the screen one by one.

[0054] Specifically, within each period time slot, extract the information to be displayed item by item from the sorted list of information to be displayed, map it to the corresponding visual icon according to the preset rules, and then generate the initial coordinate of the visual icon one by one.

[0055] In a feasible implementation, to handle abnormal scenarios, such as when the screen size is too small or the icon size is too large, resulting in the inability to display a preset number of visual icons within the effective area, a fault tolerance mechanism can be introduced during the coordinate generation stage, as follows:

[0056] During system initialization, based on the effective display area of the current device and the display size of the icons to be generated, dynamically calculate the maximum number of icons that can be accommodated on the current screen. The display size of the icons can include the actual width and height of the icons and a preset safety distance buffer value. Specifically, by dividing the width of the effective area by the horizontal space required for a single icon, the maximum number of columns that can be accommodated horizontally is obtained; similarly, by dividing the height of the effective area by the vertical space requirement, the maximum number of rows that can be accommodated vertically is obtained. The product of the two is the theoretical maximum number that can be accommodated on the current screen. If the calculated maximum number is less than the preset display number threshold, the actual display number for the current cycle period is automatically adjusted to this maximum value.

[0057] When generating the initial coordinates of the visual icons for each cycle period, first optimize the generation logic of the first coordinate according to the adjusted actual display number: the generation range of the first coordinate switches from the original random distribution mode to an even distribution mode based on the remaining space. For example, when the maximum number that can be accommodated is 4, the system divides the effective area into 4 equal-area sub-regions and randomly generates the first coordinate near the center point of each sub-region to ensure that there is room for subsequent coordinate generation. If the safety distance cannot be satisfied due to the large icon size, gradually reduce the buffer value of the safety distance and recheck the maximum number that can be accommodated until a feasible solution is found.

[0058] For extreme scenarios such as a too-small screen size and non-adjustable icon size, when it is still impossible to generate coordinates that meet the conditions after multiple attempts, trigger a degradation strategy: automatically reduce the icon display size to the preset minimum value, or switch to a compact layout mode, and recalculate the maximum number that can be accommodated. All dynamically adjusted parameters are recorded for optimizing the coordinate generation in subsequent cycle periods, so as to maximize the information display density on the premise of ensuring that the icons do not overlap. This fault tolerance mechanism runs through each iterative step of coordinate generation to ensure that the system can stably output a compliant set of initial coordinates under different devices and scenarios.

[0059] Step S30, determine whether the visual icons to be displayed meet the non-overlap condition;

[0060] Furthermore, using the initial coordinates of the visual icons generated above, detect whether there is a non-overlap condition between the visual icons and the existing icons within the current cycle period.

[0061] Step S40: Deploy a periodic floating animation for the qualified icons that meet the non - overlapping condition, and display the qualified icons based on the initial coordinates;

[0062] Step S50: Generate new coordinates for the unqualified icons that do not meet the non - overlapping condition. After the new coordinates meet the non - overlapping condition, deploy a periodic floating animation for the unqualified icons, and display the unqualified icons based on the new coordinates;

[0063] Specifically, first read the coordinate information of all the icons that already exist on the current screen. For the visual icons to be displayed, use their initial coordinates and the coordinate information of all the already - displayed icons to determine whether the visual icons to be displayed overlap with the already - displayed icons, or whether they meet the non - overlapping condition.

[0064] For the qualified icons, deploy a periodic floating animation for them. The implementation of the animation can be based on the platform - native framework (such as ValueAnimator in Android or CABasicAnimation in iOS). The configuration parameters can include the floating amplitude, the cycle duration, and the transparency fade - in and fade - out. After the animation is started, the floating range of the icon needs to be set to be less than the safety distance to ensure that the icons do not overlap during the floating process. At the same time, add the qualified icons to the screen rendering queue and draw them in real - time through the graphics engine to ensure the smoothness of the animation and the stability of the frame rate.

[0065] For the unqualified icons, trigger the coordinate correction process: Generate new coordinates based on the pseudo - random algorithm and re - perform the non - overlapping detection. The generation range of the new coordinates is limited to the valid area of the screen, and it is necessary to re - judge whether each newly generated coordinate meets the non - overlapping condition.

[0066] For example, if the initial coordinates of icon D are (600, 1300) and it is detected that it overlaps with icon E, randomly generate new coordinates (700, 1400), and recalculate the distance between it and icon E. If the condition is still not met, repeat this process, setting a maximum number of attempts. If all attempts fail, the icon can be marked as "delayed display" and moved to the processing queue for the next cycle period. For the new coordinates that successfully pass the detection, deploy a periodic floating animation for the corresponding visual icon and add the above - mentioned visual icon to the display list for the current cycle.

[0067] In a feasible implementation manner, the step of determining whether the visual icon to be displayed meets the non - overlapping condition may include steps S41 - S42:

[0068] Step S41: Calculate the distance between the visual icon to be displayed and the existing icons based on the initial coordinates. If the distance is greater than the safety distance, it is determined that the visual icon meets the non - overlapping condition; otherwise, it does not meet the non - overlapping condition.

[0069] Step S42: The safety distance is set based on the preset size of the visual icon and the preset boundary distance of the visual icon.

[0070] In a feasible implementation, it is restricted that the visual icons are all located within a rectangle. The safety distance D can be set as:

[0071]

[0072] where (H, W) is the size of the visual icon to be displayed, (H i , W i ) is the size of the existing icon, h is the additional boundary distance for the visual icon in the vertical direction, and w is the additional boundary distance in the horizontal direction.

[0073] Specifically, calculate the distance between the icon to be displayed and all existing icons in sequence, and detect whether the distance is greater than the currently set safety distance. If the distance detection for any existing icon fails, it is determined that the currently displayed icon is unqualified, and the coordinate correction process needs to be triggered. This mechanism ensures that the relative positions of the newly added icons and all existing icons meet the non - overlapping requirements, avoiding dense accumulation in local areas.

[0074] It should be noted that the function of setting the above - mentioned boundary distance is to reserve a moving boundary for the floating animation of the icon, ensuring that in the subsequent periodic floating process of the icon, the extreme position of its movement trajectory will not exceed the safety distance range, thereby avoiding overlapping with the display areas of other icons.

[0075] In this way, even if the icon reaches the displacement limit in the floating animation, its display area will still not overlap with other icons, thus maintaining the stability of the interface layout.

[0076] Step S60: Until a preset number of the visual icons are simultaneously displayed on the screen within each cycle period.

[0077] At the end of each cycle period, count the total number of all visual icons displayed on the current screen. If the total number exceeds the preset display quantity, according to the first - in - first - out (FIFO) principle, remove the earliest generated icon. The removal logic is implemented by recording the generation timestamp of each icon: the system traverses the current icon queue, sorts it by timestamp, and preferentially deletes the icon with the earliest time until the remaining quantity is equal to the preset value. After the removal operation is completed, synchronously release the coordinate resources occupied by the deleted icon and update the current set of valid coordinates.

[0078] For the newly added icons in this cycle, it is necessary to ensure that their initial coordinates do not overlap with the positions of the existing icons to be retained. Specifically, when generating the initial coordinates of the newly added icons, perform non-overlap condition detection as in steps S30 to S50: Based on the coordinates of all the retained icons on the current screen, traverse and calculate the distance between the candidate coordinates of the newly added icons and each retained coordinate. If any of the distances is less than the preset threshold, it is determined as an overlap, and the candidate coordinates need to be regenerated. This detection process continues iteratively until the coordinates of all the newly added icons meet the non-overlap condition.

[0079] If it is impossible to find compliant coordinates for the newly added icons due to screen space limitations, trigger the dynamic adjustment mechanism: First, reduce the safety distance of the newly added icons, and then re-execute the coordinate generation and non-overlap detection process; if the conditions still cannot be met, reduce the number of newly added icons in this cycle, and add the un-displayed icons to the processing queue of the next cycle. All adjustment operations are recorded in the log for optimizing resource allocation in subsequent cycle periods. Finally, ensure that the number of icons displayed on the screen at the same time is controlled within the preset threshold, and the coordinates of all icons comply with the non-overlap layout rules, thereby maintaining the cleanliness of the interface and the smoothness of dynamic display.

[0080] In a feasible implementation manner, based on the first embodiment of the present application, before step S10, step S01 may be included:

[0081] Step S01, in response to a client request, batch-load the information to be displayed, and sort the information to be displayed according to a preset priority order, where the priority includes at least one of the release time, user level, or geographical location.

[0082] Specifically, when the user enters the information display interface, the client sends an HTTP request to the server, and the request parameters may include the current loaded batch identifier, the amount of data per batch, and the user's current location information. After receiving the request, the server queries the information to be displayed that meets the conditions from the database. To avoid performance degradation caused by loading too much data at one time, the server can adopt a paging query mechanism and only return a specified number of data entries each time. For example, if there are 1000 pieces of information to be displayed in the database, the first request returns the 1st to 50th pieces, the second request returns the 51st to 100th pieces, and so on. The purpose of adopting the batch loading mechanism is to reduce the memory usage rate on the software side, thereby optimizing the performance of the mobile phone.

[0083] During the query process, the server can sort the data according to preset priority rules: if the priority is "publication time", it will be sorted in descending order according to the corresponding field of the publication time to ensure that the latest submitted information is displayed first; if the priority is "user level", it will be associated with the user_level field in the user table (for example, the VIP user level is 3 and the ordinary user is 1), and sorted in descending order according to the level value. For multi-condition combined sorting, the system assigns weight coefficients to each condition and comprehensively sorts the data through weighted scores.

[0084] In a feasible implementation manner, based on the first embodiment of the present application, it may include step S02:

[0085] Step S02, adopting an incremental loading mechanism, on the information display interface, when the user slides to the end of the current data, a next request is triggered, and the loaded data is cached to avoid repeated requests.

[0086] Specifically, when the user enters the information display interface, the client first sends an initial data request to the server. After receiving the request, the server extracts the information to be displayed within the corresponding range from the database.

[0087] After the client receives the server response, it first parses the content of the information to be displayed and stores it in the local database. If the client detects that the currently requested data already exists in the local cache, it skips the storage step and directly uses the cached data to avoid redundant requests. For new data, the client can batch insert it into the database through transactions to ensure data integrity and operation efficiency. At the same time, the client maintains a recent loading timestamp for regularly clearing expired caches to save storage space.

[0088] When the user slides the interface to the end of the current data list, the client triggers the next loading request by listening for the scroll event. In a specific implementation, calculate the difference between the scroll position of the list and the total height, and determine whether the end has been reached based on the difference. If the end has been reached, the client automatically increments the page number parameter and checks whether there is data corresponding to this page number in the local cache. If it exists, it directly reads and renders from the cache; if it does not exist, it sends a new HTTP request to the server.

[0089] Furthermore, in the second embodiment of the present application, the step of generating the initial coordinates of the visualization icon on the screen in step S20 may further include step S22:

[0090] Step S22, generating the preset number of candidate coordinates within each cycle period;

[0091] At this time, the step of generating new coordinates for the unqualified icons that do not meet the non-overlap condition includes step S23:

[0092] Step S23: Select a reference coordinate from the candidate coordinates, use the reference coordinate to correct the remaining candidate coordinates one by one, and use the reference coordinate and the corrected coordinates as the initial coordinates of the visualization icon in this cycle period.

[0093] Specifically, in each cycle period, a coordinate set containing multiple candidate coordinates is generated. All candidate coordinates are randomly generated within the effective display area of the screen, and a 10% margin range at the screen edge is excluded in advance.

[0094] When it is detected that there are unqualified icons among the above candidate coordinates, select a reference coordinate from the candidate coordinates. The selection rule is: preferentially select the coordinate closest to the center of the screen. If there are multiple candidate coordinates at equal distances, further screen the coordinates whose horizontal and vertical coordinates are both close to the central area. The Euclidean distance between the candidate coordinate and the center point of the screen can be calculated, and the coordinate with the smallest distance is selected as the reference coordinate.

[0095] After determining the reference coordinate, dynamically correct the remaining candidate coordinates based on the reference coordinate pair and a preset distribution rule. The distribution rule defines a set of layout patterns around the reference coordinate, such as circular uniform distribution or symmetric radial arrangement.

[0096] The specific correction process is as follows:

[0097] During correction, with the reference coordinate as the center point, by calculating the azimuth and radial distance of the remaining candidate coordinates, reposition them to the theoretical distribution position. Each corrected coordinate must satisfy two core conditions: First, the distance from the reference coordinate and other corrected coordinates is not less than a preset distance threshold, which is jointly determined by the icon display size and the dynamic floating range; Second, the coordinate point must be within the effective display area of the screen, that is, the margin range of the preset ratio at the edge is excluded.

[0098] If there is a distance conflict or the candidate coordinate exceeds the boundary with other corrected coordinates after correction, the dynamic adjustment mechanism will be triggered: for the candidate coordinate with insufficient distance, move it outward along its theoretical distribution path until its distance meets the requirements of the preset distance threshold; for the candidate coordinate that exceeds the boundary, retract it along the path towards the reference coordinate direction until it re-enters the effective area. If the conditions still cannot be met after multiple adjustments, the current candidate coordinate set will be discarded, and a new set of candidate coordinates will be generated and the above reference selection and correction process will be repeated until all coordinates meet the layout requirements of no overlap and compliance.

[0099] Through the above correction mechanism, while ensuring the rationality of the initial position distribution of the icons, the probability of conflicts caused by random generation is significantly reduced. In the final generated coordinate set, the base coordinate is used as the layout core, and the remaining coordinates form an orderly and moderately dense spatial distribution around it, providing a stable position reference for subsequent floating animations, ensuring that the boundaries of the icon movement trajectory in the dynamic effect are always limited to a safe distance range, thereby avoiding visual overlap and maintaining a neat interface.

[0100] Further, in the third embodiment of the present application, based on the first embodiment of the present application, step S70 may be included:

[0101] Step S70: limiting the floating range of the visualization icon by setting the displacement amplitude of the visualization icon and randomly generating a starting phase angle of the floating animation of each visualization icon.

[0102] It should be noted that during the dynamic display of visualization icons, in order to avoid icon overlap due to animation movement, the system needs to strictly control the floating range of each icon and assign a random starting phase angle to it to disperse the movement trajectory.

[0103] Specifically, limiting the floating range of the visualization icon can be achieved by setting the displacement amplitude. The above displacement amplitude should be smaller than the boundary distance involved in the above steps S41 to S42. Assuming that the boundary distance is x pixels, it can be stipulated that the floating amplitude of the visualization icon along the Y axis and the floating amplitude along the X axis are both ±y pixels, where y is less than x; or, the floating amplitude of the visualization icon along the Y axis is ±y pixels, and the floating amplitude along the X axis is ±z pixels, where y is less than x, and z is less than x. This ensures that the movement range of the visualization icon during the floating process is limited to the adjacent area of ​​the initial coordinates.

[0104] Furthermore, in order to avoid the overlapping of trajectories caused by the synchronization of the floating paths of multiple icons, a unique starting phase angle can be assigned to each visualization icon. In the specific implementation, the client can call a pseudo-random number generator when initializing the icon to generate a random value between 0 and 2π as the phase angle. For example, the phase angle of icon A is 0.5π, icon B is 1.2π, and icon C is 2.7π. The difference in phase angles causes the floating trajectories of each icon to be staggered on the timeline, and even if the floating amplitude and period are the same, their instantaneous positions will not be completely consistent.

[0105] Through the above steps, while ensuring the vividness of the dynamic effect, the layout confusion caused by the movement of the animation can be effectively avoided, achieving a balance between visual experience and functional stability.

[0106] Further, based on Figure 2 , Figure 2It is a schematic flowchart of the fourth embodiment of the information display method of this application. In the fourth embodiment of this application, after step S60, steps S81 to S82 may be included:

[0107] Step S81, in response to a click operation on the visualization icon by the client, display information details and dynamically adjust the distribution density of the visualization icons on the screen through a gesture operation.

[0108] Step S82, the gesture operation includes two-finger pinch zooming. When zooming, synchronously update the threshold corresponding to the non-overlap condition to adapt to the adjusted screen area.

[0109] Specifically, the system realizes interactive information display and dynamic layout adjustment by listening to the user's click and gesture operations. When the user clicks on a certain visualization icon, the client first captures the coordinates of the clicked icon through a touch event listener and determines the target icon based on a coordinate matching algorithm. Specifically, the system traverses the bounding boxes of all icons on the current screen. If the coordinates of the clicked icon are within the bounding box of a certain icon, it is determined as a click event of that icon. Subsequently, the client requests the information detail data corresponding to the icon from the server and pops up a semi-transparent floating layer in the center of the screen to display the details. The floating layer also supports sliding to close and clicking on the external area to exit, and the animation effect can adopt fade-in and fade-out to ensure smooth transition.

[0110] Furthermore, the gesture operation includes two-finger pinch zooming. For the two-finger pinch zooming operation, the zoom ratio and the coordinates of the gesture center point are parsed through a gesture recognition module. For example, when the user pinches and zooms the screen with two fingers, the coordinates of the gesture center point are (Cx, Cy), and the zoom ratio is 0.8. At this time, the system dynamically adjusts the sizes and distribution densities of all icons on the screen: the icon sizes are scaled proportionally. For example, if the original size is 80×80 pixels, after shrinking, it is 64×64 pixels.

[0111] Furthermore, the coordinate recalculation during the zooming process can adopt incremental update: only the icons affected by the zooming (such as the area near the gesture center point) are adjusted in real time, and the remaining icons are processed during the idle period after the gesture ends. Finally, through the dynamic adaptation of interaction and layout, the user can flexibly control the information density and maintain the clarity and functionality of the interface during the zooming process.

[0112] In addition, this application also proposes an information display device, and the information display device includes:

[0113] A division module 10, based on a time-sharing display mechanism, divides the screen display cycle of the information to be displayed into multiple cycle periods;

[0114] A generating module 20, configured to obtain the information to be displayed in each cycle period, map the information to be displayed into a visual icon, and generate an initial coordinate of the visual icon on the screen;

[0115] A judging module 30, configured to judge whether the visual icon to be displayed meets the non-overlapping condition;

[0116] A first deployment module 40, configured to deploy a periodic floating animation for the qualified icons that meet the non-overlapping condition, and display the qualified icons based on the initial coordinates;

[0117] A second deployment module 50, configured to generate new coordinates for the unqualified icons that do not meet the non-overlapping condition, and until the new coordinates meet the non-overlapping condition, deploy a periodic floating animation for the unqualified icons, and display the unqualified icons based on the new coordinates;

[0118] A display module 60, configured to until a preset number of the visual icons are simultaneously displayed on the screen in each cycle period.

[0119] The information display device provided in this application adopts the information display method in the above embodiment, aiming to solve the technical problems of massive information redundancy and accumulation, easy icon overlap, and affecting visual experience caused by the traditional information display method. Compared with the prior art, the beneficial effects of the information display device provided in this application are the same as those of the information display method provided in the above embodiment, and other technical features in the information display device are the same as those disclosed in the method of the above embodiment, which will not be elaborated here.

[0120] This application provides an information display device, which includes: at least one processor; and a memory communicatively connected to the at least one processor; wherein, the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the information display method in the first embodiment above.

[0121] The information display device in the embodiment of this application may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Portable Application Descriptions), PMPs (Portable Media Players), vehicle terminals (such as vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 4 The shown information display device is only an example, and should not bring any limitation to the functions and usage scopes of the embodiments of this application.

[0122] As Figure 4 shown, the information display device may include a processing device 1001 (such as a central processing unit, a graphics processing unit, etc.), which may perform various appropriate actions and processes according to a program stored in the read-only memory 1002 or a program loaded from the storage device 1003 into the random access memory 1004. In the random access memory 1004, various programs and data required for the operation of the information display device are also stored. The processing device 1001, the read-only memory 1002, and the random access memory 1004 are connected to each other through a bus 1005. The input / output interface 1006 is also connected to the bus. Generally, the following systems may be connected to the input / output interface 1006: an input device 1007 including, for example, a touch screen, a touchpad, a keyboard, a mouse, an image sensor, a microphone, an accelerometer, a gyroscope, etc.; an output device 1008 including, for example, a liquid crystal display (LCD: Liquid Crystal Display), a speaker, a vibrator, etc.; a storage device 1003 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1009. The communication device 1009 may allow the information display device to communicate with other devices wirelessly or wiredly to exchange data. Although the figure shows an information display device having various systems, it should be understood that it is not required to implement or have all the shown systems. Instead, more or fewer systems may be implemented or had.

[0123] Specifically, according to the embodiments disclosed in the present application, the process described above with reference to the flowchart may be implemented as a computer software program. For example, the embodiments disclosed in the present application include a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program includes program codes for performing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from the network through the communication device, or installed from the storage device 1003, or installed from the ROM 1002. When the computer program is executed by the processing device 1001, the above functions defined in the method of the embodiments disclosed in the present application are performed.

[0124] The information display device provided in the present application adopts the information display method in the above embodiments, aiming to solve the technical problems of massive information redundancy and accumulation caused by traditional information display methods, and easy overlap of icons, which affects the visual experience. Compared with the prior art, the beneficial effects of the information display device provided in the present application are the same as those of the information display method provided in the above embodiments, and other technical features in the information display device are the same as those disclosed in the method of the previous embodiment, and will not be elaborated here.

[0125] It should be understood that each part disclosed in this application can be implemented by hardware, software, firmware, or a combination thereof. In the description of the above embodiments, specific features, structures, materials, or characteristics can be combined in a suitable manner in any one or more embodiments or examples.

[0126] As described above, the above is only the specific implementation manner of this application, but the protection scope of this application is not limited thereto. Any person skilled in the art within the technical scope disclosed in this application can easily think of changes or substitutions, which should all be covered within the protection scope of this application. Therefore, the protection scope of this application should be subject to the protection scope of the claims.

[0127] This application provides a computer-readable storage medium having computer-readable program instructions (i.e., computer programs) stored thereon, and the computer-readable program instructions are used to execute the information display method in the above embodiments.

[0128] The computer-readable storage medium provided by this application can be, for example, a USB flash drive, but is not limited to electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems or devices, or any combination of the above. More specific examples of computer-readable storage media can include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM) or flash memory, optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above. In this embodiment, the computer-readable storage medium can be any tangible medium that contains or stores a program, and this program can be used by or combined with an instruction execution system or device. The program code contained on the computer-readable storage medium can be transmitted by any appropriate medium, including but not limited to: wires, optical cables, RF (Radio Frequency), etc., or any suitable combination of the above.

[0129] The above computer-readable storage medium can be included in the information display device; it can also exist separately without being assembled into the information display device.

[0130] Computer program code for performing the operations of this application can be written in one or more programming languages or combinations thereof. The above-mentioned programming languages include object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, executed as an independent software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN: Local Area Network) or a wide area network (WAN: Wide Area Network), or it can be connected to an external computer (for example, by using an Internet service provider to connect through the Internet).

[0131] The flowcharts and block diagrams in the accompanying drawings illustrate the possible architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of this application. In this regard, each block in the flowchart or block diagram may represent a module, a program segment, or a part of code that contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than marked in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, can be implemented by a dedicated hardware-based system for performing the specified functions or operations, or can be implemented by a combination of dedicated hardware and computer instructions.

[0132] The modules described in the embodiments of this application can be implemented in software or in hardware. Among them, the name of the module does not constitute a limitation on the unit itself in some cases.

[0133] The readable storage medium provided by this application is a computer-readable storage medium. The computer-readable storage medium stores computer-readable program instructions (i.e., computer programs) for performing the above-mentioned information display method, aiming to solve the technical problems of massive information redundancy accumulation, easy icon overlap, and affecting visual experience caused by traditional information display methods. Compared with the prior art, the beneficial effects of the computer-readable storage medium provided by this application are the same as those of the information display method provided by the above embodiments, and will not be elaborated here.

[0134] The present application also provides a computer program product, including a computer program which, when executed by a processor, implements the steps of the information display method as described above.

[0135] The computer program product provided by the present application aims to solve the technical problems of massive information redundancy and accumulation caused by traditional information display methods, and easy icon overlap, which affect the visual experience. Compared with the prior art, the beneficial effects of the computer program product provided by the present application are the same as those of the information display method provided by the above embodiments, and will not be elaborated here.

[0136] Compared with the prior art, the information display method, device, equipment, medium and computer product proposed in the embodiments of the present application extract the business feature information of the target business, perform data standardization processing on the business feature information to obtain standard feature data, perform hash processing on the standard feature data to obtain unique feature data, perform numerical processing and splicing processing on the unique feature data to obtain the first business feature value, accumulate the first business feature values of the target business to obtain the target business feature value, and finally compare the target business feature value with the feature value set to obtain the information display result. Compared with the traditional method of generating a unique key value or a continuous serial number for each business to identify duplicate businesses, it is more efficient, flexible and reliable. Based on the solution of the present application, by transforming the business in a complex scenario through a series of simple transformations, it is finally transformed into a comparison of two numbers, making the comparison process very intuitive and efficient. The system only needs to simply compare whether these two numerical values are equal to quickly determine whether two businesses are exactly the same.

[0137] It should be noted that in this article, the term "including", "comprising" or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, article or system including a series of elements not only includes those elements, but also includes other elements not expressly listed, or also includes elements inherent to such process, method, article or system. Without further limitation, an element defined by the statement "including a..." does not exclude the existence of additional identical elements in the process, method, article or system including that element.

[0138] The serial numbers of the above embodiments of the present application are only for description and do not represent the advantages and disadvantages of the embodiments.

[0139] Through the description of the above embodiments, those skilled in the art can clearly understand that the above-described embodiment methods can be implemented by means of software plus a necessary general hardware platform. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art can be embodied in the form of a software product. This computer software product is stored in a storage medium as described above (such as ROM / RAM, magnetic disk, optical disk), and includes several instructions for causing a terminal device (which can be a mobile phone, computer, server, controlled terminal, or network device, etc.) to execute the methods of each embodiment of the present application.

[0140] The above are only the preferred embodiments of the present application, and do not limit the patent scope of the present application. Any equivalent structure or equivalent process transformation made by using the content of the specification and drawings of the present application, or directly or indirectly applied in other related technical fields, shall be equally included in the patent protection scope of the present application.

Claims

1. An information display method, characterized in that, The information display method includes: Based on a time-sharing display mechanism, dividing the screen display period of the information to be displayed into multiple periodic time segments; In each periodic time segment, after obtaining the information to be displayed, mapping the information to be displayed into a visual icon and generating an initial coordinate of the visual icon on the screen; Determining whether the visual icon to be displayed meets the non-overlapping condition; Deploying a periodic floating animation for the qualified icons that meet the non-overlapping condition and displaying the qualified icons based on the initial coordinates; Generating new coordinates for the unqualified icons that do not meet the non-overlapping condition until the new coordinates meet the non-overlapping condition, then deploying a periodic floating animation for the unqualified icons and displaying the unqualified icons based on the new coordinates; Until a preset number of the visual icons are simultaneously displayed on the screen in each periodic time segment.

2. The information display method according to claim 1, wherein The step of, in each periodic time segment, after obtaining the information to be displayed, mapping the information to be displayed into a visual icon and generating an initial coordinate of the visual icon on the screen includes: In each periodic time segment, generating an initial coordinate of the visual icon on the screen one by one.

3. The information display method according to claim 1, wherein The step of, in each periodic time segment, after obtaining the information to be displayed, mapping the information to be displayed into a visual icon and generating an initial coordinate of the visual icon on the screen further includes: In each periodic time segment, simultaneously generating the preset number of candidate coordinates; At this time, the step of generating new coordinates for the unqualified icons that do not meet the non-overlapping condition includes: selecting a reference coordinate from the candidate coordinates, using the reference coordinate to correct the remaining candidate coordinates one by one, and taking the reference coordinate and the corrected coordinates as the new coordinates of the visual icons in this periodic time segment.

4. The information display method according to claim 1, wherein The step of determining whether the visual icon to be displayed meets the non-overlapping condition further includes: Based on the initial coordinates, calculating the distance between the visual icon to be displayed and the existing icons. If the distance is greater than the safety distance, it is determined that the visual icon meets the non-overlapping condition; otherwise, it does not meet the non-overlapping condition; The safety distance is set based on the preset size of the visual icon and the preset boundary distance of the visual icon.

5. The information display method according to claim 1, wherein After the step of until a preset number of the visual icons are simultaneously displayed on the screen in each periodic time segment includes: Responding to a click operation of the client on the visual icon to display information details and dynamically adjusting the distribution density of the visual icons on the screen through a gesture operation.

6. The information display method according to claim 5, characterized in that, The gesture operation includes two-finger pinch zooming. When zooming, the threshold of the non-overlapping condition is synchronously updated to adapt to the adjusted screen area.

7. The information display method according to claim 1, wherein, Adopting an incremental loading mechanism, in the information display interface, when the user slides to the end of the current data, triggering the next request and caching the loaded data to avoid repeated requests.

8. The information display method according to claim 1, characterized in that Limiting the floating range of the visual icons by setting the displacement amplitude of the visual icons and randomly generating the starting phase angle of the floating animation for each visual icon.

9. An information display device, characterized in that, The device includes: a memory, a processor, and a computer program stored on the memory and executable on the processor, the computer program being configured to implement the steps of the information display method according to any one of claims 1 to 8.

10. A storage medium, characterized in that, The storage medium is a computer-readable storage medium, and a computer program is stored on the storage medium. When the computer program is executed by a processor, the steps of the information display method according to any one of claims 1 to 8 are implemented.

Images