CN113282258A - Information display method and device - Google Patents

Information display method and device Download PDF

Info

Publication number
CN113282258A
CN113282258A CN202110597351.5A CN202110597351A CN113282258A CN 113282258 A CN113282258 A CN 113282258A CN 202110597351 A CN202110597351 A CN 202110597351A CN 113282258 A CN113282258 A CN 113282258A
Authority
CN
China
Prior art keywords
layer
content
sliding
background
foreground
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.)
Granted
Application number
CN202110597351.5A
Other languages
Chinese (zh)
Other versions
CN113282258B (en
Inventor
董超宏
张博慧
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Yuexuebang Network Technology Co ltd
Original Assignee
Wuhan Yuexuebang Network Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Wuhan Yuexuebang Network Technology Co ltd filed Critical Wuhan Yuexuebang Network Technology Co ltd
Priority to CN202110597351.5A priority Critical patent/CN113282258B/en
Publication of CN113282258A publication Critical patent/CN113282258A/en
Application granted granted Critical
Publication of CN113282258B publication Critical patent/CN113282258B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application provides an information display method and device, and relates to the technical field of online learning, wherein the information display method comprises the following steps: after a triggering instruction aiming at a content application program is received, 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 the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance; and finally, according to the sliding direction, the sliding distance and the linkage sliding distance, the content information in the display interface is slid to the target content information, the content information can be displayed through linkage sliding of the foreground and the background, the information display effect is enriched, and the improvement of user experience is facilitated.

Description

Information display method and device
Technical Field
The application relates to the technical field of online learning, in particular to an information display method and device.
Background
At present, with the rapid development of online learning, more and more users browse and learn content information through online learning clients. However, in practice, it is found that when content information is displayed, a display mode of the related art is always rigid, for example, all the pages are displayed, or a plurality of groups of pages are respectively displayed, so that the display effect is relatively single, and the user experience is poor.
Disclosure of Invention
An object of the embodiments of the present application is to provide an information display method and apparatus, which can display content information through linked sliding of a foreground and a background, enrich an information display effect, and further facilitate improvement of user experience.
A first aspect of an embodiment of the present application provides an information display method, including:
after a triggering instruction for a content application program is received, 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 the content layer;
determining the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance;
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 a trigger instruction for the content application program is received, 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 the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance; and finally, according to the sliding direction, the sliding distance and the linkage sliding distance, the content information in the display interface is slid to the target content information, the content information can be displayed through linkage sliding of the foreground and the background, the information display effect is enriched, and the improvement of user experience is facilitated.
Further, the foreground image layer at least comprises one foreground splicing picture.
Further, the background image layer at least comprises a background splicing picture.
Further, the displaying the content information in the content application program through the display interface includes:
determining a direct display image layer area corresponding to the display interface in the content information;
determining a pre-loading image layer area in the content information according to a preset pre-loading rule and the direct display image layer area;
outputting the layer corresponding to the direct display image layer region in the content information, and preloading the layer corresponding to the pre-loading image layer region in the content information.
In the implementation process, the direct display image layer area of the display screen is loaded and output, and the pre-loaded image layer areas in the front and the back of the screen are pre-loaded, so that data needing to be loaded are reduced, loading time is shortened, and loading efficiency is improved.
Further, the determining the linkage sliding distance of the foreground layer and the background layer according to the sliding distance includes:
calculating the length of the content layer;
calculating the length of the background layer;
calculating foreground and background sliding rates according to the length of the content layer and the length of the background layer;
and calculating the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance and the foreground and background sliding speed.
In the above embodiment, the foreground-background sliding rate is calculated according to the length of the content layer and the length of the background layer, and the foreground layer are slid according to the foreground-background sliding rate while the content layer is controlled to slide, so as to achieve the dynamic effect of foreground-background linkage.
A second aspect of the embodiments 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 a display interface after receiving a trigger instruction aiming at 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, after receiving a sliding instruction for the content information, a sliding direction of the content information and a sliding distance of the content layer;
the second determining unit is used for determining the linkage sliding distance 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 the 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, a display unit displays content information in the content application program through a display interface; the method comprises the steps that after a sliding instruction aiming at content information is received, a first determining unit determines the sliding direction of the content information and the sliding distance of a content layer; the second determining unit determines the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance; and finally, the sliding display unit slides 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, and the content information can be displayed through linkage sliding of the foreground and the background, so that the information display effect is enriched, and the improvement of user experience is facilitated.
Further, the display unit includes:
the determining subunit is configured to determine, after receiving a trigger instruction for a content application, a direct display image layer area corresponding to the display interface in the content information; determining a pre-loading image layer area in the content information according to a preset pre-loading rule and the direct display image layer area;
and the output subunit is configured to output a layer corresponding to the directly displayed layer region in the content information, and pre-load a layer corresponding to the pre-loaded layer region in the content information.
In the implementation process, the direct display image layer area of the display screen is loaded and output, and the pre-loaded image layer areas in the front and the back of the screen are pre-loaded, so that data needing 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; calculating foreground and background sliding rates according to the length of the content layer and the length of the background layer;
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 foreground and background sliding speed.
In the implementation process, the foreground and background sliding speed is calculated according to the length of the content layer and the length of the background layer, and the foreground layer are slid according to the foreground and background sliding speed 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 embodiments of the present application provides an electronic device, including a memory and a processor, where the memory is used to store a computer program, and the processor runs the computer program to enable the electronic device to execute the information presentation method according to any one of the first aspect of the embodiments of the present application.
A fourth aspect of the embodiments of the present application provides a computer-readable storage medium, which stores computer program instructions, and when the computer program instructions are read and executed by a processor, the computer program instructions execute 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 required to be used 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 therefore should not be considered as limiting the scope, and that those skilled in the art can also obtain other related drawings based on the drawings without inventive efforts.
Fig. 1 is a schematic flowchart of an information displaying method according to an embodiment of the present disclosure;
fig. 2 is a schematic flowchart of another information displaying method according to an embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of an information display apparatus according to an embodiment of the present disclosure;
FIG. 4 is a schematic structural diagram of another information display device according to an embodiment of the present disclosure;
fig. 5 is a schematic diagram illustrating an output presentation of content information according to an embodiment of the present disclosure;
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 drawings in the embodiments of the present application.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present application, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.
Referring to fig. 1, fig. 1 is a schematic flow chart of an information display method according to an embodiment of the present application. The method is applied to an information display scene, in particular to a content information display scene based on a client. The information display method comprises the following steps:
s101, after a trigger instruction for a content application program is received, 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.
In this embodiment, an execution main body of the method may be a client, and specifically, the client may be run on an electronic device such as a computer, a smart phone, a tablet computer, an electronic learning device, and a wearable device, which is not limited in this embodiment.
In the embodiment of the present Application, the client may specifically be a learning Application (APP) or the like in an actual Application user, and the embodiment of the present Application is not limited thereto.
As an optional implementation manner, when the user opens the APP, step S101 may be triggered to obtain content information in the content application program, where the content information is pre-stored.
As another optional implementation, when the user uses the APP for the first time, corresponding content data may be acquired according to user information, learning condition information, learning content purchase information, and the like 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 user uses the client for the first time or not, the foreground image layer and the background image layer are preset.
As an optional implementation manner, a default layer library is stored in advance, and a foreground layer and a background layer which are matched with each other can be obtained according to personal preference information, holiday information and the like of a user, so that customized selection is realized, and further, the user experience is favorably improved.
In the embodiment of the present application, the foreground image layer, the background image layer, and the content image layer may be a large picture, or may be formed by splicing multiple pictures, which is not limited in this embodiment of the present application.
Referring to fig. 5 and fig. 6 together, fig. 5 is a schematic diagram illustrating output of content information according to an embodiment of the present disclosure, and fig. 6 is a schematic diagram illustrating a background layer and a foreground layer according to an embodiment of the present disclosure. As shown in fig. 5, when the subject of execution of the present application is a learning-class APP, it is assumed that a plurality of pieces of learning content information need to be displayed. The learning content information is displayed in the form of a content map (i.e., content layer), and the output content information UI (User Interface) is as shown in fig. 5. The content map comprises three map layers, wherein the uppermost one of the three map layers is a foreground map layer P2 with transparency in a full screen mode, the foreground map layer P2 comprises a small tree A, a stone block B, a large tree C, small flowers and small grass and the like in the map 6, the foreground map layer P2 is mainly used for decorating visual effects, and in actual design, other contents conforming to visual aesthetics and mood, such as small animals, balloons, rivers and the like, can be added into the foreground map layer P2; the middle layer is a content layer P1, the content data display in the content layer shown in fig. 5 may be in units of weeks (of course, the number of lessons per week may also be in units of every day, every month, every learning stage, etc.), the number of lessons per week is not fixed, the content layer may extend to the right indefinitely, and the length of extension mainly depends on the amount of information on the content layer; the bottom layer is a full screen background layer P3, and background layer P3 may include the full screen color background of fig. 6, mountains D with undulating mountains, clouds floating on the mountains, remote grassland, and so forth.
After step S101, the following steps are also included:
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 the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance.
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 present application, when the content information is displayed in a sliding manner, the sliding rates of the background layer, the foreground layer, and the content layer may be the same or different, and the embodiment of the present application is not limited.
In the embodiment of the application, the size of the display screen of the electronic device running the client is limited, and when more information needs to be displayed, the display screen cannot be simultaneously and completely displayed, 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 by the linked sliding of the front scene and the back scene, so that the information display effect is enriched, and the user experience is further improved.
Referring to fig. 2, fig. 2 is a schematic flow chart of another information displaying method according to an embodiment of the present application. As shown in fig. 2, the information presentation method includes:
s201, after a triggering instruction for the content application program is received, determining a direct display image layer area corresponding to a display interface in the content information.
In the embodiment of the application, the content information includes a content layer, a foreground layer and a background layer. Specifically, the foreground image layer at least comprises one foreground spliced picture, and the background image layer at least comprises one background spliced picture.
S202, according to a preset preloading rule and a direct display image layer area, determining a preloading image layer area in the content information.
In the embodiment of the present application, the preset loading rule includes that a front area and a rear area of the display layer area are directly displayed in a pre-loading manner, and the size of the front area and the size of the rear area may be the size of the area of the display screen, or may be preset, which is not limited in the embodiment of the present application.
S203, the image layer corresponding to the image layer region is directly displayed in the output content information, and the image layer corresponding to the pre-loaded image layer region in the content information is pre-loaded.
In the embodiment of the present application, by implementing the steps S201 to S203, after receiving a trigger instruction for a content application, content information in the content application can be displayed through a display interface.
In the embodiment of the application, when content information is displayed, due to sliding display, the content information is output, if the content information is completely loaded, the loading data is more, the loading time is too long, and the efficiency is low, therefore, the steps S204 to S206 are needed to load and output a direct display image layer area of a display screen, and pre-load the pre-loaded image layer area in front of and behind the screen, so that the data required to be loaded is reduced, the loading time is reduced, and the loading efficiency is favorably improved.
As an optional implementation manner, the background layer, the foreground layer, and the content layer are formed by splicing a plurality of pictures, that is, the background layer includes a plurality of background spliced pictures, the foreground layer includes a plurality of foreground tiled pictures, and the content layer includes a plurality of content display tiled pictures, at this time, when the layer corresponding to the direct display layer area is output in the content information, the first background tiled picture, the first foreground tiled picture, and the first content display tiled picture corresponding to the direct display layer area are determined first, and the first background tiled picture, the first foreground tiled picture, and the first content display tiled picture are directly loaded and output. When determining to pre-load the image layer corresponding to the pre-loaded image layer region in the content information, first determining a second background splicing picture, a second foreground flat splicing picture and a second content display splicing picture corresponding to the pre-loaded image layer region, and pre-loading the second background splicing picture, the second foreground flat splicing picture and the second content display splicing picture.
In the embodiment, the loading is carried out by adopting a plurality of picture splicing layers, and the performance is better than that of directly loading one large picture; secondly, it is more flexible to load a plurality of spliced pictures than to directly load a whole picture.
In some possible embodiments, the front and back background layers may be formed by splicing the same small pictures, for example, the foreground layer includes N small pictures including a small tree and three small flowers; the background image layer is formed by splicing M small pictures containing three white clouds and five hills, so that loading is more convenient.
Certainly, in order to make the pictures on the foreground layer and the background layer more natural and smooth, a large picture can be further divided into a plurality of arranged small pictures to form the foreground layer and the background layer in the form of splicing the pictures, so that not only can quick loading be realized, but also the fluency and the natural feeling of the front layer and the rear layer during sliding can be ensured, and further description is omitted.
By the implementation mode, fragmented loading of the foreground and the background can be realized.
In the above embodiment, an implementation scheme that is better in performance than directly loading a whole picture when loading a plurality of spliced pictures is ensured: and loading a plurality of spliced pictures can be loaded as required and preloaded as required. The loading as required is that only the layer corresponding to the direct display image layer area is loaded, and the loading is not carried out in the screen; the pre-loading is performed as required, namely, only the image layer corresponding to the pre-loading image layer region is pre-loaded, for example, only one spliced image in front and at the back of the screen is pre-loaded for the consideration of fluency, instead of loading all the spliced images into the memory, so that the memory occupation is reduced. And the loading of a plurality of spliced pictures is beneficial to improving the fluency of the available cache.
As another optional implementation, a linked list may be preset, and the spliced pictures in the cache may be dynamically added and deleted according to the "least recently used" principle.
In the above embodiment, the reason why loading multiple stitched pictures is more flexible than directly loading one picture is as follows: in actual use, the foreground and background pictures can be downloaded from the network, and if only one of the spliced pictures needs to be replaced, only the corresponding spliced picture to be replaced can be downloaded.
In an embodiment of the application, the content layer includes content display data corresponding to at least one learning period, where each content display data is sequentially arranged on the content layer.
After step S203, the following steps are also included:
and S204, after receiving the sliding instruction aiming at the content information, determining the sliding direction of the content information and the sliding distance of the content layer.
In the embodiment of the present application, the sliding direction may 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 may be generally left-right sliding; if the display mode of the learning content is from bottom to top, the sliding direction may be generally up and down sliding, which is not described herein.
S205, calculating the length of the content layer.
As an optional implementation manner, calculating the content layer length of the content layer may include the following steps:
determining the cycle number of a learning cycle according to the content map layer;
acquiring the display length of each content display data;
determining the arrangement distance between every two adjacent content display data on the content layer, the distance of the starting end of the first content display data and the distance of the ending end of the last content display data;
and calculating the length of the content layer according to the period number, the display length, the arrangement interval, the distance of the starting end and the distance of the ending end.
In the above embodiment, the content layer is dynamically generated according to content data delivered by the back end, and if the content data delivered by the back end is large, the length of the corresponding generated content layer is long; if the content data issued by the back end is less, 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:
the length of the content layer is equal to the display length, the period number, the arrangement interval (the period number is-1), the distance of the starting end and the distance of the ending end;
when the content information is displayed in a sliding manner from right to left, the distance from the starting end to the leftmost side of the display screen is the content display data (leftmost side) of the first learning period, and the distance from the ending end to the rightmost side of the display screen is the content display data (rightmost side) of the last learning period.
In the above embodiment, the learning period may be determined according to a natural week (i.e., seven days a week), each learning period corresponds to corresponding content presentation data, the content presentation data is displayed, the interface display length in the display screen is the presentation length, and when the learning period is multiple, the content presentation data corresponding to the learning period is sequentially displayed according to a preset learning sequence during display.
In the above embodiment, summarizing all the content display data may obtain content data delivered by the back end.
After step S205, the following steps are also included:
and S206, calculating the background layer length of the background layer.
In this embodiment of the application, when the background layer includes a plurality of background mosaic pictures and the rule size (i.e., height and width) of each background mosaic picture is the same, the calculation formula of the length of the background layer is as follows:
and the length of the background layer is the total number of the background spliced pictures and the width of the single background spliced picture.
In this embodiment of the application, it is assumed that the lengths of the background layer and the foreground layer are the same, and taking fig. 6 as an example, the background layer and the foreground layer are formed by splicing a plurality of spliced pictures with widths of 667px and heights of 750 px. Therefore, the length of the background layer is equal to the total width of the background picture and the total width of the single background mosaic picture is equal to 667px 7 and 5336 px.
And S207, calculating the foreground and background sliding speed according to the length of the content layer and the length of the background layer.
In the embodiment of the application, the background layer and the foreground layer are preset, and the layer 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 and background sliding rate may change as the length of the content layer changes, i.e. the foreground and background sliding rate changes as long as the length of the content layer changes, which is a linear increasing or decreasing process.
In the embodiment of the present application, when the length of the foreground layer is the same as the length of the background layer, a calculation formula for calculating the foreground and background sliding rates is as follows:
and the foreground and background sliding rate is equal to the length of the content layer/the length of the background layer.
After step S207, the following steps are also included:
and S208, calculating the linkage sliding distance of the foreground layer and the background layer according to the sliding distance and the sliding speed of the foreground and the background.
In the embodiment of the application, the sliding rates of the foreground image layer and the foreground image layer are the same.
In the embodiment of the present application, the linkage sliding distance is equal to the sliding distance and the sliding speed of the foreground and the background.
In the embodiment of the application, the content information can slide leftward or rightward, a sliding instruction input for the content information can be monitored at any time, then a sliding distance (unit: px) that the content information slides leftward or rightward is determined according to the sliding instruction, when the sliding direction is rightward, and the sliding distance is 10px, when the sliding rates of the foreground layer and the foreground layer are the same, the foreground layer and the foreground layer can be controlled to slide rightward at the same sliding rate of the foreground layer and the foreground layer, specifically, the foreground layer and the foreground layer can slide at the same sliding distance of the foreground layer and the foreground layer, where the sliding distance of the foreground layer and the foreground layer is 10px, and the linked effect of the content layer, the foreground layer and the foreground layer is further achieved.
In the embodiment of the present application, by implementing the steps S205 to S208, the linked 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 may input a sliding instruction by sliding the touch display screen or the like, at this time, the content information may move according to the sliding instruction, specifically, when the user inputs the sliding instruction, the sliding direction, the sliding distance, and the sliding rate of the sliding instruction may be determined, the content layer may be controlled to slide the instruction sliding distance in the sliding direction according to the sliding rate, meanwhile, when the sliding instruction is received, the foreground and background sliding rates may be calculated according to the length of the content layer and the length of the background layer, and when the content layer is controlled to slide, the foreground layer and the foreground layer are slid according to the foreground and background sliding rates, so as to achieve a dynamic effect of foreground and background linkage.
In the above embodiment, the foreground and background sliding rate is actually calculated according to the length of the content layer and the length of the background layer, so that for content layers with different lengths, the foreground and background sliding rate can be dynamically changed, so that the foreground and background implementation scheme has good performance and is more flexible.
After step S208, the following steps are also included:
and 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 by the linked sliding of the front scene and the back scene, so that the information display effect is enriched, and the user experience is further improved.
Please refer to fig. 3, fig. 3 is a schematic structural diagram of an information display device according to an embodiment of the present application. The same can be found in the foregoing, and the details are not repeated here. As shown in fig. 3, the information presentation apparatus includes:
the display unit 310 is configured to display content information in the content application program through a 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 between the foreground layer and the background layer according to the sliding distance;
and 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, fig. 4 is a schematic structural diagram of another information display device according to an embodiment of the present disclosure. The information presentation apparatus shown in fig. 4 is optimized from the information presentation apparatus shown in fig. 3. As shown in fig. 4, the display unit 310 includes:
the determining subunit 311 is configured to determine, after receiving a trigger instruction for the content application, a direct display image layer area corresponding to the display interface in the content information; determining a pre-loading image layer area in the content information according to a preset pre-loading rule and the direct display image layer area;
the output subunit 312 is configured to output a layer corresponding to the layer area directly displayed in the content information, and pre-load the layer corresponding to the pre-loaded layer area 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; calculating foreground and background sliding speed according to the length of the content layer and the length of the background layer;
and the sliding subunit 342 is configured to calculate a linkage sliding distance of the foreground layer and the background layer according to the sliding distance and the foreground and background sliding rates.
In an embodiment of the application, the content layer includes content display data corresponding to at least one learning period, where each content display data is sequentially arranged on the content layer.
Therefore, the information display device described in the embodiment of fig. 4 can display the content information through the linked sliding of the front scene and the back scene, enrich the information display effect, and further be beneficial to improving the user experience.
The embodiment of the application provides an electronic device, 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 device to execute any information presentation method in the embodiment of the application.
The embodiment of the present application provides a computer-readable storage medium, which stores computer program instructions, and when the computer program instructions are read and executed by a processor, the computer-readable storage medium executes any information presentation method in the embodiment of the present application.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method can be implemented in other ways. The apparatus embodiments described above are merely illustrative, and for example, the flowchart and block diagrams in the figures 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 an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent 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 such understanding, the technical solution of the present application or portions thereof that substantially contribute to the prior art may be embodied in the form of a software product stored in a storage medium and including instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute 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), a magnetic disk or an optical disk, and 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 changes may be made by those skilled in the art. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application shall be included in the protection scope of the present application. It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
The above description is only for the specific embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily conceive of the changes or substitutions within the technical scope of the present application, and shall be covered by 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, herein, relational terms such as first and second, and the like may be 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. Also, 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 an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.

Claims (10)

1. An information display method, comprising:
after a triggering instruction for a content application program is received, 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 the content layer;
determining the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance;
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.
2. The information display method according to claim 1, wherein the foreground image layer comprises at least one foreground stitched picture.
3. The information display method of claim 1, wherein the background image layer comprises at least one background mosaic.
4. The information presentation method according to claim 1, wherein the presenting content information in the content application through a display interface comprises:
determining a direct display image layer area corresponding to the display interface in the content information;
determining a pre-loading image layer area in the content information according to a preset pre-loading rule and the direct display image layer area;
outputting the layer corresponding to the direct display image layer region in the content information, and preloading the layer corresponding to the pre-loading image layer region in the content information.
5. The information display method according to claim 4, wherein the determining the linkage sliding distance of the foreground layer and the background layer according to the sliding distance comprises:
calculating the length of the content layer;
calculating the length of the background layer;
calculating foreground and background sliding rates according to the length of the content layer and the length of the background layer;
and calculating the linkage sliding distance of the foreground image layer and the background image layer according to the sliding distance and the foreground and background sliding speed.
6. An information presentation device, comprising:
the display unit is used for displaying the content information in the content application program through a display interface after receiving a trigger instruction aiming at 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, after receiving a sliding instruction for the content information, a sliding direction of the content information and a sliding distance of the content layer;
the second determining unit is used for determining the linkage sliding distance 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 the target content information according to the sliding direction, the sliding distance and the linkage sliding distance.
7. The information presentation device of claim 6, wherein the presentation unit comprises:
the determining subunit is configured to determine, after receiving a trigger instruction for a content application, a direct display image layer area corresponding to the display interface in the content information; determining a pre-loading image layer area in the content information according to a preset pre-loading rule and the direct display image layer area;
and the output subunit is configured to output a layer corresponding to the directly displayed layer region in the content information, and pre-load a layer corresponding to the pre-loaded layer region in the content information.
8. The information presentation device of claim 6, wherein the slide display unit comprises:
a calculating subunit, configured to calculate a content layer length of the content layer; calculating the length of the background layer; calculating foreground and background sliding rates according to the length of the content layer and the length of the background layer;
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 foreground and background sliding speed.
9. An electronic device, comprising a memory for storing a computer program and a processor for executing the computer program to cause the electronic device to perform the information presentation method of any one of claims 1 to 5.
10. A readable storage medium, wherein computer program instructions are stored, and when read and executed by a processor, perform the information presentation method of any one of claims 1 to 5.
CN202110597351.5A 2021-05-28 2021-05-28 Information display method and device Active CN113282258B (en)

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 true CN113282258A (en) 2021-08-20
CN113282258B 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)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113961854A (en) * 2021-09-14 2022-01-21 稿定（厦门）科技有限公司 Page coloring method and device and computer readable storage medium
CN117093110A (en) * 2023-10-20 2023-11-21 荣耀终端有限公司 Background image display method and electronic equipment

Citations (13)

* Cited by examiner, † Cited by third party
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
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
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

Patent Citations (13)

* Cited by examiner, † Cited by third party
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
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
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

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113961854A (en) * 2021-09-14 2022-01-21 稿定（厦门）科技有限公司 Page coloring method and device and computer readable storage medium
CN113961854B (en) * 2021-09-14 2022-10-14 稿定（厦门）科技有限公司 Page coloring method and device and computer readable storage medium
CN117093110A (en) * 2023-10-20 2023-11-21 荣耀终端有限公司 Background image display method and electronic equipment
CN117093110B (en) * 2023-10-20 2024-04-05 荣耀终端有限公司 Background image display method and electronic equipment

Also Published As

Publication number Publication date
CN113282258B (en) 2023-08-15

Similar Documents

Publication Publication Date Title
Karlicek et al. Handbook of advanced lighting technology
CN105184839B (en) Seamless representation of video and geometry
CN113282258B (en) Information display method and device
US9846682B1 (en) Cross-platform presentation of digital content
US9372835B2 (en) System and method for presentation creation
Clifton Android user interface design: Implementing material design for developers
WO2016200448A1 (en) Generating layout for content presentation structures
CN109828811B (en) Card object display method and device
US11727197B2 (en) System and method for serving interactive advertising content with responsive animations
JP2013504793A (en) Zooming graphical user interface
JP2023533457A (en) Method, Apparatus, and Device for Posting and Replying to Multimedia Content
US20150130816A1 (en) Computer-implemented methods and systems for creating multimedia animation presentations
CN111159547A (en) Information display method and device, electronic equipment and computer storage medium
CN106952114A (en) A kind of advertisement editing customized method, device and advertisement editing machine
US20180246871A1 (en) Multiplane animation 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
US20210056252A1 (en) Creation of rich content from textual content
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
US8640055B1 (en) Condensing hierarchies in user interfaces
Elshafie Ultimate dinosaurs: Giants of gondwana. Royal ontario museum traveling exhibit
US20180059880A1 (en) Methods and systems for interactive three-dimensional electronic book
CN113343027A (en) Interactive video editing and interactive video display method and device
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