CN113282258B - Information display method and device - Google Patents
Information display method and device Download PDFInfo
- Publication number
- CN113282258B CN113282258B CN202110597351.5A CN202110597351A CN113282258B CN 113282258 B CN113282258 B CN 113282258B CN 202110597351 A CN202110597351 A CN 202110597351A CN 113282258 B CN113282258 B CN 113282258B
- Authority
- CN
- China
- Prior art keywords
- layer
- content
- sliding
- display
- distance
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The embodiment of the application provides an information display method and device, which relate to the technical field of online learning, wherein the information display method comprises the following steps: after receiving a triggering instruction for a content application program, firstly displaying content information in the content application program through a display interface; the content information comprises a content layer, a foreground layer and a background layer; after a sliding instruction for the content information is received, determining the sliding direction of the content information and the sliding distance of a content layer; determining linkage sliding distances of the foreground image layer and the background image layer according to the sliding distances; and finally, according to the sliding direction, the sliding distance and the linkage sliding distance, sliding the content information in the display interface to the target content information, and displaying the content information through foreground and background linkage sliding, so that the information display effect is enriched, and further the user experience is improved.
Description
Technical Field
The application relates to the technical field of online learning, in particular to an information display method and device.
Background
Currently, with the rapid development of online learning, more and more users browse and learn content information through clients of online learning. However, in practice, it is found that when content information is displayed, the display manner of the related art is often relatively dead, for example, the display manner is completely displayed through one page, or the display manner is respectively displayed through several groups of pages, so that the display effect is relatively single, and the user experience is poor.
Disclosure of Invention
The embodiment of the application aims to provide an information display method and device, which can display content information through foreground and background linkage sliding, enrich information display effects and further facilitate improving user experience.
An embodiment of the present application provides an information display method, including:
after receiving a triggering instruction for a content application program, displaying content information in the content application program through a display interface; the content information comprises a content layer, a foreground layer and a background layer;
after a sliding instruction aiming at the content information is received, determining the sliding direction of the content information and the sliding distance of the content layer;
according to the sliding distance, determining linkage sliding distances of the foreground image layer and the background image layer;
and sliding the content information in the display interface to target content information according to the sliding direction, the sliding distance and the linkage sliding distance.
In the implementation process, after receiving a trigger instruction for a content application program, content information in the content application program is displayed through a display interface; the content information comprises a content layer, a foreground layer and a background layer; after a sliding instruction for the content information is received, determining the sliding direction of the content information and the sliding distance of a content layer; determining linkage sliding distances of the foreground image layer and the background image layer according to the sliding distances; and finally, according to the sliding direction, the sliding distance and the linkage sliding distance, sliding the content information in the display interface to the target content information, and displaying the content information through foreground and background linkage sliding, so that the information display effect is enriched, and further the user experience is improved.
Further, the foreground image layer at least comprises one foreground spliced image.
Further, the background layer at least comprises a background spliced picture.
Further, the displaying the content information in the content application program through the display interface includes:
determining a direct display layer area corresponding to the display interface in the content information;
determining a preloading layer area in the content information according to a preset preloading rule and the direct display layer area;
and outputting a layer corresponding to the direct display layer region in the content information, and preloading the layer corresponding to the preloading layer region in the content information.
In the implementation process, the direct display layer area of the display screen is loaded and output, and the pre-loading layer area in front and behind the screen is pre-loaded, so that data to be loaded are reduced, loading time is shortened, and loading efficiency is improved.
Further, the determining, according to the sliding distance, the linkage sliding distance of the foreground layer and the background layer includes:
calculating the content layer length of the content layer;
calculating the length of the background layer;
calculating the speed of Jing Huadong before and after according to the content layer length and the background layer length;
and calculating the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance and the speed of the front and the rear Jing Huadong.
In the above embodiment, the front and rear Jing Huadong rates are calculated according to the content layer length and the background layer length, and the foreground layer are slid according to the front and rear Jing Huadong rates while the content layer is controlled to slide, so as to realize the dynamic effect of the foreground-background linkage.
A second aspect of an embodiment of the present application provides an information display apparatus, including:
the display unit is used for displaying the content information in the content application program through the display interface after receiving the trigger instruction for the content application program; the content information comprises a content layer, a foreground layer and a background layer;
a first determining unit configured to determine a sliding direction of the content information and a sliding distance of the content layer after receiving a sliding instruction for the content information;
the second determining unit is used for determining linkage sliding distances of the foreground image layer and the background image layer according to the sliding distance;
and the sliding display unit is used for sliding the content information in the display interface to target content information according to the sliding direction, the sliding distance and the linkage sliding distance.
In the implementation process, after receiving a trigger instruction for a content application program, the display unit displays content information in the content application program through a display interface; the first determining unit determines the sliding direction of the content information and the sliding distance of the content layer after receiving the sliding instruction for the content information; the second determining unit determines linkage sliding distances of the foreground image layer and the background image layer according to the sliding distances; and finally, the sliding display unit slides the content information in the display interface to target content information according to the sliding direction, the sliding distance and the linkage sliding distance, and can display the content information through foreground and background linkage sliding, so that the information display effect is enriched, and further the user experience is improved.
Further, the display unit includes:
the determining subunit is used for determining a direct display layer area corresponding to the display interface in the content information after receiving a trigger instruction for the content application program; determining a preloading layer area in the content information according to a preset preloading rule and the direct display layer area;
and the output subunit is used for outputting the layer corresponding to the direct display layer region in the content information and preloading the layer corresponding to the preloading layer region in the content information.
In the implementation process, the direct display layer area of the display screen is loaded and output, and the pre-loading layer area in front and behind the screen is pre-loaded, so that data to be loaded are reduced, loading time is shortened, and loading efficiency is improved.
Further, the sliding display unit includes:
a calculating subunit, configured to calculate a content layer length of the content layer; calculating the length of the background layer; and calculating a front-back Jing Huadong rate according to the content layer length and the background layer length;
and the sliding subunit is used for calculating the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance and the speed of the front and the rear Jing Huadong.
In the implementation process, the front and back Jing Huadong rates are calculated according to the content layer length and the background layer length, and the foreground layer are slid according to the front and back Jing Huadong rates while the content layer is controlled to slide, so that the dynamic effect of foreground and background linkage is realized.
A third aspect of the embodiment of the present application provides an electronic device, including a memory and a processor, where the memory is configured to store a computer program, and the processor is configured to execute the computer program to cause the electronic device to execute the information presentation method according to any one of the first aspect of the embodiment of the present application.
A fourth aspect of the embodiments of the present application provides a computer readable storage medium storing computer program instructions which, when read and executed by a processor, perform the information presentation method according to any one of the first aspect of the embodiments of the present application.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the embodiments of the present application will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and should not be considered as limiting the scope, and other related drawings can be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a schematic flow chart of an information display method according to an embodiment of the present application;
fig. 2 is a flow chart of another information display method according to an embodiment of the present application;
fig. 3 is a schematic structural diagram of an information display device according to an embodiment of the present application;
fig. 4 is a schematic structural diagram of another information display device according to an embodiment of the present application;
fig. 5 is a schematic diagram of an output display of content information according to an embodiment of the present application;
fig. 6 is a schematic illustration showing a background layer and a foreground layer according to an embodiment of the present application.
Icon: p1-content layer, P2-foreground layer, P3-background layer, A-small tree, B-stone block, C-big tree, D-mountain.
Detailed Description
The technical solutions in the embodiments of the present application will be described below with reference to the accompanying drawings in the embodiments of the present application.
It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures. Meanwhile, in the description of the present application, the terms "first", "second", and the like are used only to distinguish the description, and are not to be construed as indicating or implying relative importance.
Referring to fig. 1, fig. 1 is a flowchart of an information display method according to an embodiment of the application. The method is applied to the information display scene, and particularly applied to the content information display scene based on the client. The information display method comprises the following steps:
s101, after a trigger instruction for a content application program is received, content information in the content application program is displayed through a display interface; the content information includes a content layer, a foreground layer, and a background layer.
In the embodiment of the present application, the execution body of the method may be a client, and in particular, the client may be operated on an electronic device such as a computer, a smart phone, a tablet computer, an electronic learning device, a wearable device, etc., which is not limited in this embodiment.
In the embodiment of the present application, in the case of an actual Application user, the client may be a learning Application (APP) or the like, which is not limited to this embodiment of the present application.
As an alternative embodiment, when the user opens the APP, step S101 may be triggered to acquire the content information in the content application program, where the content information is pre-stored.
As another alternative embodiment, when the user uses the APP for the first time, corresponding content data may be obtained according to user information, learning condition information, learning content purchase information, etc. input by the user, and then a corresponding content layer may be generated according to the content data.
In the embodiment of the application, whether the client is used for the first time or not by a user, the foreground image layer and the background image layer are preset.
As an optional implementation manner, a default layer library is pre-stored, and a matched foreground layer and background layer can be obtained according to personal preference information, holiday information and the like of a user, so that customized selection is realized, and further user experience is improved.
In the embodiment of the application, the foreground image layer, the background image layer and the content image layer can be one large image or can be formed by splicing a plurality of images, and the embodiment of the application is not limited.
Referring to fig. 5 and fig. 6 together, fig. 5 is a schematic diagram showing output of content information provided by an embodiment of the present application, and fig. 6 is a schematic diagram showing a background layer and a foreground layer provided by an embodiment of the present application. As shown in fig. 5, when the present application execution subject is a learning class APP, it is assumed that a plurality of learning content information needs to be displayed. The plurality of learning content information is presented in the form of a content map (i.e., content layer), and the output content information UI (User Interface) is shown in fig. 5. The content map comprises three layers, wherein the uppermost layer is a foreground layer P2 with full-screen transparency, the foreground layer P2 comprises a small tree A, a stone block B, a big tree C, a plurality of small flowers, small grasses and the like in fig. 6, the foreground layer P2 is mainly used for embellishing visual effects, and in the actual design, other contents which accord with visual aesthetic and mood, such as small animals, balloons, small rivers and the like, can be added into the foreground layer P2; the middle layer is a content layer P1, and the content data display in the content layer shown in FIG. 5 can be in units of weeks (of course, can also be in units of daily, monthly, each learning phase and the like), the number of lessons per week is not fixed, the content layer can extend to the right infinitely, and the extending length mainly depends on the information on the content layer; the bottom-most layer is a full-screen background layer P3, the background layer P3 may include the full-screen color background of fig. 6, the mountain D with the layer peaks and valleys, the clouds floating on the mountain, the distant grasslands, and so on.
After step S101, the method further includes the steps of:
s102, after receiving a sliding instruction for the content information, determining the sliding direction of the content information and the sliding distance of the content layer.
S103, determining linkage sliding distances of the foreground image layer and the background image layer according to the sliding distances.
And S104, sliding the content information in the display interface to the target content information according to the sliding direction, the sliding distance and the linkage sliding distance.
In the embodiment of the application, when the content information is displayed in a sliding way, the sliding speeds of the background layer, the foreground layer and the content layer can be the same or different, and the embodiment of the application is not limited.
In the embodiment of the application, the size of the display screen of the electronic equipment running the client is limited, and when more information needs to be displayed, the display screen cannot be completely displayed at the same time, so that the content information can be displayed in a sliding display mode.
Therefore, by implementing the information display method described in fig. 1, the content information can be displayed through foreground linkage sliding, so that the information display effect is enriched, and further the user experience is improved.
Referring to fig. 2, fig. 2 is a flowchart illustrating another information display method according to an embodiment of the application. As shown in fig. 2, the information display method includes:
s201, after receiving a trigger instruction for a content application program, determining a direct display layer area corresponding to a display interface in content information.
In the embodiment of the application, the content information comprises a content layer, a foreground layer and a background layer. Specifically, the foreground layer at least comprises one foreground spliced picture, and the background layer at least comprises one background spliced picture.
S202, according to a preset preloading rule and a direct display layer area, determining a preloading layer area in the content information.
In the embodiment of the application, the preset loading rule includes preloading a front region and a rear region of the direct display layer region, and the sizes of the front region and the rear region can be the region size of the display screen or preset, so that the embodiment of the application is not limited.
S203, directly displaying the layer corresponding to the layer region in the content information, and preloading the layer corresponding to the preloaded layer region in the content information.
In the embodiment of the present application, after receiving the trigger instruction for the content application, the content information in the content application can be displayed through the display interface by implementing the steps S201 to S203.
In the embodiment of the application, when the content information is displayed, because the content information is displayed in a sliding way, if the content information is output and is completely loaded, the loading time is too long and the efficiency is low because of more loading data, therefore, the direct display layer region of the display screen is required to be loaded and output through the steps S204 to S206, the pre-loading layer regions before and after the screen are pre-loaded, the data required to be loaded is further reduced, the loading time is reduced, and the loading efficiency is facilitated to be improved.
As an optional implementation manner, the background image layer, the foreground image layer and the content image layer are formed by splicing a plurality of images, namely, the background image layer comprises a plurality of background spliced images, the foreground image layer comprises a plurality of foreground flat spliced images, the content image layer comprises a plurality of content display spliced images, at this time, when the image layer corresponding to the image layer region is directly displayed in the output content information, a first background spliced image, a first foreground flat spliced image and a first content display spliced image corresponding to the direct display image region are determined first, and direct loading and outputting are carried out on the first background spliced image, the first foreground flat spliced image and the first content display spliced image. When the layer corresponding to the preloaded layer area in the content information is preloaded, a second background spliced picture, a second foreground spliced picture and a second content display spliced picture corresponding to the preloaded layer area are determined, and the second background spliced picture, the second foreground spliced picture and the second content display spliced picture are preloaded.
In the embodiment, the performance of loading by adopting a plurality of picture splicing layers is better than that of directly loading one large picture; secondly, loading a plurality of spliced pictures is more flexible than directly loading a whole picture.
In some possible embodiments, the front background layer and the rear background layer can be respectively formed by splicing the same small pictures, for example, the foreground layer comprises N small pictures with one small tree and three small flowers; the background layer is formed by splicing M small pictures containing three clouds and five hills, so that loading is more convenient.
Of course, in order to make the pictures above the foreground layer and the background layer more natural and smooth, a large picture can be cut into a plurality of small pictures arranged, and the foreground layer and the background layer are formed in the form of spliced pictures, so that not only can quick loading be realized, but also the smoothness and the natural feeling of the front layer and the rear layer during sliding can be ensured, and the description is omitted.
By the implementation mode, the foreground and background slice loading can be realized.
In the above embodiment, the implementation scheme that the performance of loading a plurality of spliced pictures is better than that of directly loading one whole picture is ensured: the loading of a plurality of spliced pictures can be carried out according to the requirement and preloaded according to the requirement. The on-demand loading is to load only the layer corresponding to the region of the direct display layer, and the loading is not performed in the screen; the pre-loading is performed as needed only by pre-loading the layers corresponding to the layer areas, for example, only one spliced picture outside the screen before and after the screen is pre-loaded for smoothness, instead of loading all spliced pictures into the memory, so that the memory occupation is reduced. Loading a plurality of spliced pictures is beneficial to improving smoothness of available caches.
As another alternative implementation manner, a linked list can be preset, and spliced pictures in the cache can be dynamically added and deleted according to the principle of least recently used.
In the above embodiment, the reason why loading a plurality of stitched pictures is more flexible than directly loading one picture is: in actual use, the foreground and background pictures can be downloaded from the network, and if only one spliced picture needs to be replaced, only the corresponding spliced picture to be replaced can be downloaded.
In the embodiment of the application, the content layer comprises content display data corresponding to at least one learning period, wherein each content display data is sequentially arranged on the content layer.
After step S203, the method further includes the steps of:
s204, after receiving the sliding instruction for the content information, determining the sliding direction of the content information and the sliding distance of the content layer.
In the embodiment of the application, the sliding direction can be generally consistent with the display direction of the learning content, and if the learning content is displayed from left to right, the sliding direction can be generally left and right; if the display mode of the learning content is from bottom to top, the sliding direction may be generally up-and-down sliding, which will not be described in detail.
S205, calculating the content layer length of the content layer.
As an alternative embodiment, calculating the content layer length of the content layer may include the steps of:
determining the cycle number of the learning cycle according to the content layer;
acquiring the display length of each content display data;
determining an arrangement interval between each adjacent content presentation data on the content layer, a starting end distance of the first content presentation data and an ending end distance of the last content presentation data;
and calculating the content layer length of the content layer according to the period number, the display length, the arrangement interval, the starting end distance and the ending end distance.
In the above embodiment, the content layer is dynamically generated according to the content data issued by the back end, and if the content data issued by the back end is more, the length of the corresponding generated content layer is longer; the content data issued by the back end is less, and the length of the corresponding generated content layer is short.
In the above embodiment, the length formula for calculating the content layer is as follows:
content layer length = display length number of periods + arrangement pitch (number of periods-1) +start end distance + end distance;
when the content information is displayed in a sliding manner from right to left, the distance between the start end and the end is the distance between the content display data (leftmost) in the first learning period and the leftmost of the display screen, and the distance between the end and the content display data (rightmost) in the last learning period is the distance between the content display data (leftmost) in the last learning period and the rightmost of the display screen.
In the above embodiment, the learning periods may be determined according to the natural period (i.e., seven days of a week), each learning period corresponds to corresponding content display data, the content display data is displayed, the interface display length in the display screen is the display length, and when the learning periods are multiple, the content display data corresponding to the learning periods are sequentially displayed according to a preset learning sequence during display.
In the above embodiment, all the content presentation data are collected to obtain the content data sent by the back end.
After step S205, the method further includes the steps of:
s206, calculating the background layer length of the background layer.
In the embodiment of the application, when the background layer comprises a plurality of background spliced pictures and the rule size (i.e. the height and the width) of each background spliced picture are the same, the calculation formula of the length of the background layer is as follows:
background layer length = total number of background stitched pictures. Width of a single background stitched picture.
In the embodiment of the present application, when the lengths of the background layer and the foreground layer are the same, as shown in fig. 6, the background layer and the foreground layer are formed by splicing a plurality of spliced pictures with the width of 667px and the height of 750 px. Therefore, background layer length=total background picture width=width of single background stitched picture=total number of background stitched pictures=667px×7=5336 px.
S207, calculating the speed of the front and back Jing Huadong according to the content layer length and the background layer length.
In the embodiment of the application, the background layer and the foreground layer are preset, the lengths of the background layer and the foreground layer can be the same, and after the background layer and the foreground layer are preset, the lengths of the background layer and the foreground layer are fixed and do not change along with the length of the content layer. The foreground sliding rate may change as the length of the content layer changes, i.e., as long as the length of the content layer changes, the foreground and background Jing Huadong rates change, which is a linear increasing or decreasing process.
In the embodiment of the application, when the length of the foreground layer is the same as that of the background layer, the calculation formula for calculating the foreground and background sliding rate is as follows:
front and back Jing Huadong rate = content layer length/background layer length.
After step S207, the following steps are further included:
s208, calculating the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance and the speed of the front and rear Jing Huadong.
In the embodiment of the application, the sliding speed of the foreground image layer is the same as that of the foreground image layer.
In the embodiment of the present application, the linkage sliding distance=sliding distance×forward and backward Jing Huadong speed.
In the embodiment of the application, the content information can slide leftwards or rightwards, a sliding instruction input for the content information can be monitored at any time, then the sliding distance (unit: px) of the content information sliding leftwards or rightwards is determined according to the sliding instruction, when the sliding direction is rightwards, and the sliding speed of the foreground image layer is 10px, when the sliding speeds of the foreground image layer and the foreground image layer are the same, the foreground image layer and the foreground image layer can be controlled to slide rightwards at a speed of Jing Huadong forwards and backwards, and specifically, the foreground image layer and the foreground image layer can be simultaneously in a speed of Jing Huadong forwards and backwards, wherein the speed of Jing Huadong forwards and backwards=10 px forwards and backwards Jing Huadong is calculated by the front and rear Jing Huadong distance=the sliding distance, and further, the foreground linkage effect of the content image layer, the foreground image layer and the foreground image layer is realized.
In the embodiment of the present application, the steps S205 to S208 are implemented, so that the linkage sliding distance between the foreground layer and the background layer can be determined according to the sliding distance.
As an optional implementation manner, a user can input a sliding instruction by sliding a touch display screen or the like, at this time, content information moves according to the sliding instruction, specifically, when the user inputs the sliding instruction, the sliding direction, the sliding distance and the sliding speed of the sliding instruction can be determined, the content layer can be controlled to slide the sliding distance according to the sliding speed to the sliding direction, meanwhile, when the sliding instruction is received, the front and rear Jing Huadong speed can be calculated according to the length of the content layer and the length of the background layer, and when the sliding of the content layer is controlled, the front and rear Jing Huadong speed is controlled to slide the foreground layer and the foreground layer, so that the dynamic effect of the foreground and background linkage is realized.
In the above embodiment, the foreground and background sliding rate is actually calculated according to the content layer length and the background layer length, so that the foreground and background Jing Huadong rate can be dynamically changed for the content layers with different lengths, so that the foreground and background implementation scheme has good performance and is more flexible.
After step S208, the method further includes the steps of:
s209, sliding the content information in the display interface to the target content information according to the sliding direction, the sliding distance and the linkage sliding distance.
Therefore, by implementing the information display method described in fig. 2, the content information can be displayed through foreground and background linkage sliding, so that the information display effect is enriched, and further the user experience is improved.
Referring to fig. 3, fig. 3 is a schematic structural diagram of an information display device according to an embodiment of the application. The same reference is made to the foregoing and will not be repeated here. As shown in fig. 3, the information presentation apparatus includes:
a display unit 310, configured to display content information in the content application program through the display interface after receiving a trigger instruction for the content application program; the content information comprises a content layer, a foreground layer and a background layer;
a first determining unit 320, configured to determine a sliding direction of the content information and a sliding distance of the content layer after receiving a sliding instruction for the content information;
a second determining unit 330, configured to determine a linkage sliding distance of the foreground layer and the background layer according to the sliding distance;
the sliding display unit 340 is configured to slide the content information in the display interface to the target content information according to the sliding direction, the sliding distance, and the linkage sliding distance.
Referring to fig. 4 together, fig. 4 is a schematic structural diagram of another information display device according to an embodiment of the application. The information display device shown in fig. 4 is obtained by optimizing the information display device shown in fig. 3. As shown in fig. 4, the display unit 310 includes:
a determining subunit 311, configured to determine a direct display layer area corresponding to the display interface in the content information after receiving a trigger instruction for the content application program; determining a preloading layer area in the content information according to a preset preloading rule and a direct display layer area;
the output subunit 312 is configured to output a layer corresponding to the directly displayed layer region in the content information, and preload a layer corresponding to the preloaded layer region in the content information.
As an alternative embodiment, the sliding display unit 340 includes:
a calculating subunit 341, configured to calculate a content layer length of the content layer; calculating the length of the background layer; and calculating the speed of Jing Huadong before and after according to the content layer length and the background layer length;
the sliding subunit 342 is configured to calculate the linkage sliding distance of the foreground layer and the background layer according to the sliding distance and the speed of the front and back Jing Huadong.
In the embodiment of the application, the content layer comprises content display data corresponding to at least one learning period, wherein each content display data is sequentially arranged on the content layer.
Therefore, the information display device described in fig. 4 can display content information through foreground linkage sliding, enrich information display effects, and further facilitate improvement of user experience.
The embodiment of the application provides electronic equipment, which comprises a memory and a processor, wherein the memory is used for storing a computer program, and the processor runs the computer program to enable the electronic equipment to execute any information display method in the embodiment of the application.
The embodiment of the application provides a computer readable storage medium which stores computer program instructions which, when read and run by a processor, perform any one of the information presentation methods of the embodiments of the application.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other manners. The apparatus embodiments described above are merely illustrative, for example, of the flowcharts and block diagrams in the figures that illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, functional modules in the embodiments of the present application may be integrated together to form a single part, or each module may exist alone, or two or more modules may be integrated to form a single part.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
The above description is only an example of the present application and is not intended to limit the scope of the present application, and various modifications and variations will be apparent to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the protection scope of the present application. It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.
The foregoing is merely illustrative of the present application, and the present application is not limited thereto, and any person skilled in the art will readily recognize that variations or substitutions are within the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
It is noted that relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
Claims (6)
1. An information display method, comprising:
after receiving a triggering instruction for a content application program, displaying content information in the content application program through a display interface; the content information comprises a content layer, a foreground layer and a background layer;
after a sliding instruction aiming at the content information is received, determining the sliding direction of the content information and the sliding distance of the content layer;
according to the sliding distance, determining linkage sliding distances of the foreground image layer and the background image layer;
according to the sliding direction, the sliding distance and the linkage sliding distance, sliding the content information in the display interface to target content information;
wherein, the displaying the content information in the content application program through the display interface includes:
determining a direct display layer area corresponding to the display interface in the content information;
determining a preloading layer area in the content information according to a preset preloading rule and the direct display layer area;
outputting a layer corresponding to the direct display layer region in the content information, and preloading the layer corresponding to the preloading layer region in the content information;
wherein, according to the sliding distance, determining the linkage sliding distance of the foreground layer and the background layer includes:
calculating the content layer length of the content layer;
calculating the length of the background layer;
calculating the speed of Jing Huadong before and after according to the content layer length and the background layer length;
calculating linkage sliding distances of the foreground image layer and the background image layer according to the sliding distance and the speed of the front and rear Jing Huadong; the linkage sliding distance calculation formula is as follows:
linkage sliding distance = sliding distance x forward and backward Jing Huadong velocity;
wherein the calculating the content layer length of the content layer includes:
determining the cycle number of the learning cycle according to the content layer;
acquiring the display length of each content display data;
determining an arrangement interval between each adjacent content presentation data on the content layer, a starting end distance of the first content presentation data and an ending end distance of the last content presentation data;
calculating the content layer length of the content layer according to the period number, the display length, the arrangement distance, the starting end distance and the ending end distance; the length formula for calculating the content layer is as follows:
content layer length = display length number of periods + arrangement pitch (number of periods-1) +start end distance + end distance;
when the content information is displayed in a sliding mode from right to left, the distance between the starting end and the ending end is the distance between the content display data of the first learning period and the leftmost part of the display screen, and the distance between the content display data of the last learning period and the rightmost part of the display screen.
2. The information presentation method of claim 1, wherein the foreground layer comprises at least one foreground stitched picture.
3. The information presentation method of claim 1, wherein the background layer comprises at least one background stitched picture.
4. An information display device, characterized in that the information display device comprises:
the display unit is used for displaying the content information in the content application program through the display interface after receiving the trigger instruction for the content application program; the content information comprises a content layer, a foreground layer and a background layer;
a first determining unit configured to determine a sliding direction of the content information and a sliding distance of the content layer after receiving a sliding instruction for the content information;
the second determining unit is used for determining linkage sliding distances of the foreground image layer and the background image layer according to the sliding distance;
the sliding display unit is used for sliding the content information in the display interface to target content information according to the sliding direction, the sliding distance and the linkage sliding distance;
the display unit includes:
the determining subunit is used for determining a direct display layer area corresponding to the display interface in the content information after receiving a trigger instruction for the content application program; determining a preloading layer area in the content information according to a preset preloading rule and the direct display layer area;
an output subunit, configured to output a layer corresponding to the direct display layer area in the content information, and preload a layer corresponding to the preloaded layer area in the content information;
wherein, the slip show unit includes:
a calculating subunit, configured to calculate a content layer length of the content layer; calculating the length of the background layer; and calculating a front-back Jing Huadong rate according to the content layer length and the background layer length;
the sliding subunit is used for calculating the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance and the speed of the front and rear Jing Huadong; the linkage sliding distance calculation formula is as follows:
linkage sliding distance = sliding distance x forward and backward Jing Huadong velocity;
the computing subunit is specifically configured to determine, according to the content layer, a cycle number of the learning cycle; acquiring the display length of each content display data; determining an arrangement interval between each adjacent content presentation data on the content layer, a starting end distance of the first content presentation data and an ending end distance of the last content presentation data; calculating the content layer length of the content layer according to the period number, the display length, the arrangement distance, the starting end distance and the ending end distance; the length formula for calculating the content layer is as follows:
content layer length = display length number of periods + arrangement pitch (number of periods-1) +start end distance + end distance;
when the content information is displayed in a sliding mode from right to left, the distance between the starting end and the ending end is the distance between the content display data of the first learning period and the leftmost part of the display screen, and the distance between the content display data of the last learning period and the rightmost part of the display screen.
5. An electronic device comprising a memory for storing a computer program and a processor that runs the computer program to cause the electronic device to perform the information presentation method of any one of claims 1 to 3.
6. A readable storage medium having stored therein computer program instructions which, when read and executed by a processor, perform the information presentation method of any one of claims 1 to 3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110597351.5A CN113282258B (en) | 2021-05-28 | 2021-05-28 | Information display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110597351.5A CN113282258B (en) | 2021-05-28 | 2021-05-28 | Information display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113282258A CN113282258A (en) | 2021-08-20 |
| CN113282258B true CN113282258B (en) | 2023-08-15 |
Family
ID=77282571
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110597351.5A Active CN113282258B (en) | 2021-05-28 | 2021-05-28 | Information display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113282258B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113961854B (en) * | 2021-09-14 | 2022-10-14 | 稿定（厦门）科技有限公司 | Page coloring method and device and computer readable storage medium |
| CN117093110B (en) * | 2023-10-20 | 2024-04-05 | 荣耀终端有限公司 | Background image display method and electronic equipment |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102819400A (en) * | 2012-08-14 | 2012-12-12 | 北京小米科技有限责任公司 | Desktop system, interface interaction method and interface interaction device of mobile terminal |
| CN103870156A (en) * | 2014-03-05 | 2014-06-18 | 美卓软件设计（北京）有限公司 | Method and device for processing object |
| CN105389372A (en) * | 2015-11-17 | 2016-03-09 | 杭州九言科技股份有限公司 | Page display method and apparatus |
| AU2015202359A1 (en) * | 2015-05-05 | 2016-11-24 | Canon Kabushiki Kaisha | Parallelising per-pixel compositing |
| CN106814886A (en) * | 2015-11-30 | 2017-06-09 | 阿里巴巴集团控股有限公司 | The methods of exhibiting and device of banner banner pictures |
| WO2017186008A1 (en) * | 2016-04-26 | 2017-11-02 | 斑马网络技术有限公司 | Service display method, device, apparatus and system |
| CN108121738A (en) * | 2016-11-30 | 2018-06-05 | 腾讯科技（北京）有限公司 | media content display method and device |
| CN108491140A (en) * | 2018-03-02 | 2018-09-04 | 浙江口碑网络技术有限公司 | The methods of exhibiting and device of interaction content |
| CN110928464A (en) * | 2019-11-27 | 2020-03-27 | 腾讯科技（深圳）有限公司 | User interface display method, device, equipment and medium |
| CN112612964A (en) * | 2020-12-31 | 2021-04-06 | 武汉悦学帮网络技术有限公司 | Picture display method and device, computer equipment and storage medium |
| WO2021073468A1 (en) * | 2019-10-14 | 2021-04-22 | 维沃移动通信有限公司 | Picture display method, electronic device, and computer-readable storage medium |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150113429A1 (en) * | 2013-10-21 | 2015-04-23 | NQ Mobile Inc. | Real-time dynamic content display layer and system |
| US20150178260A1 (en) * | 2013-12-20 | 2015-06-25 | Avaya, Inc. | Multi-layered presentation and mechanisms for collaborating with the same |
-
2021
- 2021-05-28 CN CN202110597351.5A patent/CN113282258B/en active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102819400A (en) * | 2012-08-14 | 2012-12-12 | 北京小米科技有限责任公司 | Desktop system, interface interaction method and interface interaction device of mobile terminal |
| CN103870156A (en) * | 2014-03-05 | 2014-06-18 | 美卓软件设计（北京）有限公司 | Method and device for processing object |
| AU2015202359A1 (en) * | 2015-05-05 | 2016-11-24 | Canon Kabushiki Kaisha | Parallelising per-pixel compositing |
| CN105389372A (en) * | 2015-11-17 | 2016-03-09 | 杭州九言科技股份有限公司 | Page display method and apparatus |
| CN106814886A (en) * | 2015-11-30 | 2017-06-09 | 阿里巴巴集团控股有限公司 | The methods of exhibiting and device of banner banner pictures |
| WO2017186008A1 (en) * | 2016-04-26 | 2017-11-02 | 斑马网络技术有限公司 | Service display method, device, apparatus and system |
| CN108121738A (en) * | 2016-11-30 | 2018-06-05 | 腾讯科技（北京）有限公司 | media content display method and device |
| CN108491140A (en) * | 2018-03-02 | 2018-09-04 | 浙江口碑网络技术有限公司 | The methods of exhibiting and device of interaction content |
| WO2021073468A1 (en) * | 2019-10-14 | 2021-04-22 | 维沃移动通信有限公司 | Picture display method, electronic device, and computer-readable storage medium |
| CN110928464A (en) * | 2019-11-27 | 2020-03-27 | 腾讯科技（深圳）有限公司 | User interface display method, device, equipment and medium |
| CN112612964A (en) * | 2020-12-31 | 2021-04-06 | 武汉悦学帮网络技术有限公司 | Picture display method and device, computer equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113282258A (en) | 2021-08-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113282258B (en) | Information display method and device | |
| JP5814927B2 (en) | Gallery application for content display | |
| US9715482B1 (en) | Representing consumption of digital content | |
| US9703446B2 (en) | Zooming user interface frames embedded image frame sequence | |
| US9128581B1 (en) | Providing supplemental information for a digital work in a user interface | |
| CN105184839B (en) | Seamless representation of video and geometry | |
| US20140095328A1 (en) | Interactive reveal ad unit | |
| US20170132829A1 (en) | Method For Displaying and Animating Sectioned Content That Retains Fidelity Across Desktop and Mobile Devices | |
| WO2016200448A1 (en) | Generating layout for content presentation structures | |
| US20100088624A1 (en) | Animation tool | |
| KR20170010444A (en) | Zooming graphical user interface | |
| CN105320509B (en) | Picture processing method and picture processing device | |
| US11803993B2 (en) | Multiplane animation system | |
| CN111327940A (en) | Video playing method, device and system | |
| CN113411664A (en) | Video processing method and device based on sub-application and computer equipment | |
| CN107943805B (en) | Animation rendering and publishing method and device | |
| US20120182286A1 (en) | Systems and methods for converting 2d data files into 3d data files | |
| KR20120026836A (en) | Method and apparatus for displaying data object, and computer readable storage medium | |
| US20070016864A1 (en) | System and method for enriching memories and enhancing emotions around specific personal events in the form of images, illustrations, audio, video and/or data | |
| Hürst et al. | HiStory: a hierarchical storyboard interface design for video browsing on mobile devices | |
| US8640055B1 (en) | Condensing hierarchies in user interfaces | |
| CN112927326A (en) | Image processing method and device, electronic equipment and computer readable storage medium | |
| CN114979743B (en) | Method, device, equipment and medium for displaying audiovisual works | |
| US20180059880A1 (en) | Methods and systems for interactive three-dimensional electronic book | |
| KR101943820B1 (en) | Method for displaying visual information for browsing and method for controling user interface |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |