CN117289832A - Content display method, apparatus, device, computer-readable storage medium, and product - Google Patents
Content display method, apparatus, device, computer-readable storage medium, and product Download PDFInfo
- Publication number
- CN117289832A CN117289832A CN202311416380.2A CN202311416380A CN117289832A CN 117289832 A CN117289832 A CN 117289832A CN 202311416380 A CN202311416380 A CN 202311416380A CN 117289832 A CN117289832 A CN 117289832A
- Authority
- CN
- China
- Prior art keywords
- content
- content display
- page
- display page
- exposure element
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 57
- 238000011068 loading method Methods 0.000 claims abstract description 89
- 230000001960 triggered effect Effects 0.000 claims abstract description 26
- 238000012545 processing Methods 0.000 claims description 10
- 230000004044 response Effects 0.000 claims description 10
- 230000009471 action Effects 0.000 claims description 9
- 238000010276 construction Methods 0.000 claims description 5
- 238000009877 rendering Methods 0.000 claims description 3
- 238000005096 rolling process Methods 0.000 description 15
- 238000010586 diagram Methods 0.000 description 12
- 238000004590 computer program Methods 0.000 description 11
- 230000008569 process Effects 0.000 description 11
- 230000006870 function Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 101100153581 Bacillus anthracis topX gene Proteins 0.000 description 2
- 101150041570 TOP1 gene Proteins 0.000 description 2
- 101150104012 TOP2 gene Proteins 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000013475 authorization Methods 0.000 description 1
- 230000006378 damage Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000011160 research Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Embodiments of the present disclosure provide a content display method, apparatus, device, computer-readable storage medium, and product, the method including: responding to reverse loading operation triggered by a user in a content display page, constructing a virtual layer in a non-scrollable state based on the current exposure element in the content display page, and acquiring loading content; displaying the virtual layer at an upper layer in the content display page; displaying the loading content and the exposure element in the content display page, and adjusting the display positions of the loading content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page; destroying the virtual layer and displaying the adjusted content display page. The method and the device can effectively avoid shaking of the exposure content in the content display page during reverse loading, and influence on browsing experience of a user.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computer vision, in particular to a content display method, a content display device, a content display equipment, a computer readable storage medium and a computer readable storage medium product.
Background
When the user browses the content in the content display page, the browsed content can be reviewed through a reverse loading operation.
When the reverse loading operation is performed, after the reverse data loading is completed, the top of the content display page is completely displayed, so that the whole of the original exposure element in the content display page slides downwards. The content display page is caused to shake, and browsing experience of a user is affected.
Disclosure of Invention
The embodiment of the disclosure provides a content display method, a device, equipment, a computer readable storage medium and a product, which are used for solving the technical problem of page jitter caused by the existing reverse data loading method.
In a first aspect, an embodiment of the present disclosure provides a content display method, including:
responding to reverse loading operation triggered by a user in a content display page, constructing a virtual layer in a non-scrollable state based on the current exposure element in the content display page, and acquiring loading content;
Displaying the virtual layer at an upper layer in the content display page;
displaying the loading content and the exposure element in the content display page, and adjusting the display positions of the loading content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page;
destroying the virtual layer and displaying the adjusted content display page.
In a second aspect, embodiments of the present disclosure provide a content display apparatus, including:
the construction module is used for responding to the reverse loading operation triggered by a user in the content display page, constructing a virtual layer in a non-scrollable state based on the current exposure element in the content display page and acquiring loading content;
the display module is used for displaying the virtual layer at the upper layer in the content display page;
the adjusting module is used for displaying the loading content and the exposure element in the content display page, and adjusting the display positions of the loading content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page;
The processing module is used for destroying the virtual layer and displaying the adjusted content display page.
In a third aspect, an embodiment of the present disclosure provides an electronic device, including: a processor and a memory;
the memory stores computer-executable instructions;
the processor executes computer-executable instructions stored in the memory, causing the at least one processor to perform the content display method as described above in the first aspect and possible designs of the first aspect.
In a fourth aspect, embodiments of the present disclosure provide a computer readable storage medium having stored therein computer executable instructions which, when executed by a processor, implement the content display method according to the first aspect and the possible designs of the first aspect.
In a fifth aspect, embodiments of the present disclosure provide a computer program product comprising a computer program which, when executed by a processor, implements the content display method according to the first aspect and possible designs of the first aspect.
According to the content display method, the device, the equipment, the computer readable storage medium and the product, the virtual layer in the non-scrollable state is constructed based on all the current exposure elements in the content display page by responding to the reverse loading operation triggered by the user, so that the virtual layer can be displayed on the upper layer of the content display page, the display position of the exposure content is adjusted on the lower layer of the virtual layer, and the display position of each exposure element in the adjusted content display page is ensured to be the same as the display position of each exposure element in the original content display page. After the adjustment operation of the content display page is completed, the virtual layer can be destroyed, the adjusted content display page is displayed, and the phenomenon that the exposure content in the content display page shakes during reverse loading and the browsing experience of a user is affected can be effectively avoided.
Drawings
In order to more clearly illustrate the embodiments of the present disclosure or the solutions in the prior art, a brief description will be given below of the drawings that are needed in the embodiments or the description of the prior art, it being obvious that the drawings in the following description are some embodiments of the present disclosure, and that other drawings may be obtained from these drawings without inventive effort to a person of ordinary skill in the art.
Fig. 1 is a schematic flow chart of a content display method according to an embodiment of the disclosure;
fig. 2 is an interface schematic diagram for performing display position adjustment in a content display page according to an embodiment of the present disclosure;
fig. 3 is a flowchart of a content display method according to another embodiment of the disclosure;
FIG. 4 is a schematic diagram of a display interface provided in an embodiment of the disclosure;
fig. 5 is a flowchart of a content display method according to another embodiment of the disclosure;
fig. 6 is a schematic structural diagram of a content display apparatus according to an embodiment of the present disclosure;
fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the disclosure.
Detailed Description
For the purposes of making the objects, technical solutions and advantages of the embodiments of the present disclosure more apparent, the technical solutions of the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present disclosure, and it is apparent that the described embodiments are some embodiments of the present disclosure, but not all embodiments. All other embodiments, which can be made by one of ordinary skill in the art without inventive effort, based on the embodiments in this disclosure are intended to be within the scope of this disclosure.
It will be appreciated that prior to using the technical solutions disclosed in the embodiments of the present disclosure, the user should be informed and authorized of the type, usage range, usage scenario, etc. of the personal information related to the present disclosure in an appropriate manner according to the relevant legal regulations.
For example, in response to receiving an active request from a user, a prompt is sent to the user to explicitly prompt the user that the operation it is requesting to perform will require personal information to be obtained and used with the user. Thus, the user can autonomously select whether to provide personal information to software or hardware such as an electronic device, an application program, a server or a storage medium for executing the operation of the technical scheme of the present disclosure according to the prompt information.
As an alternative but non-limiting implementation, in response to receiving an active request from a user, the manner in which the prompt information is sent to the user may be, for example, a popup, in which the prompt information may be presented in a text manner. In addition, a selection control for the user to select to provide personal information to the electronic device in a 'consent' or 'disagreement' manner can be carried in the popup window.
It will be appreciated that the above-described notification and user authorization process is merely illustrative and not limiting of the implementations of the present disclosure, and that other ways of satisfying relevant legal regulations may be applied to the implementations of the present disclosure.
Noun interpretation:
forward data loading: the user pulls up the scroll list and the data is inserted and displayed at the tail of the list.
Reverse data loading: the user pulls down the scrolled list and the data is inserted into the presentation at the head of the list.
In order to solve the technical problem of page jitter caused by the existing reverse data loading method, the disclosure provides a content display method, a device, equipment, a computer readable storage medium and a product.
It should be noted that the content display method, apparatus, device, computer readable storage medium and product provided in the present disclosure may be applied in any application scenario where content is reversely loaded, so as to avoid jitter of a page during reverse loading.
In the current page reverse loading method, when reverse data is loaded, the reverse data is inserted into the top of a content display page, so that the first exposure element in the content display page is extruded. In order to restore the content display page to the original display state, it is necessary to control all the content in the content display page to move upward so that the first exposure element is restored to the original position. However, when the method is adopted to load the content, page shake often occurs, and browsing experience of a user is affected.
In solving the above technical problems, the inventor finds through research that, in order to avoid page jitter in the reverse data loading process, when a reverse loading operation triggered by a user is acquired, a virtual layer can be generated based on all the exposed contents in the current content display page. The virtual layer is displayed at the upper layer of the content display page. Thus, the page can be scrolled and reset at the lower layer of the virtual layer. The user can browse the virtual layer at the front end and does not feel the rolling reset of the page, so that the page shake can be effectively avoided, and the user experience is improved.
Fig. 1 is a flow chart of a content display method according to an embodiment of the disclosure, as shown in fig. 1, the method includes:
and step 101, responding to a reverse loading operation triggered by a user in a content display page, constructing a virtual layer in a non-scrollable state based on the current exposure element in the content display page, and acquiring loading content.
The execution body of the embodiment is a content display device. The content display device can be coupled in the terminal equipment, so that a virtual layer can be constructed based on reverse loading operation triggered by a user, rolling reset operation of exposure content is carried out on the lower layer of the virtual layer, and page jitter is avoided on the basis of realizing reverse loading.
Alternatively, the content presentation device may also be coupled to a server, which is capable of being communicatively connected to the terminal device. Therefore, the reverse loading operation triggered by the user on the terminal equipment can be obtained, the virtual layer is constructed according to the reverse loading operation, the terminal equipment is controlled to perform the rolling reset operation of the exposure content on the lower layer of the virtual layer, and page jitter is avoided on the basis of realizing reverse loading.
In this embodiment, the user may perform a content browsing operation within the content presentation page. The content display page may be a display page in a media content playing application, which may play media content published by other users. Alternatively, the content presentation page may be a presentation page in an image processing map application, and the user may browse the historically processed image content in the content presentation page.
In the process of browsing the content, a user can trigger forward loading operation to browse more content, and in the process of forward loading, the loaded content can be displayed on the lower side of the exposed content in the content display page. Alternatively, the user may trigger a reverse load operation to effect re-browsing of the browsed content. During the reverse loading process, the loaded content may be displayed on the top side of the exposed content in the content presentation page. In the forward loading process, since the loading content is displayed on the lower side of the exposure content, the forward loading operation does not affect the display position of the exposure content within the page. In the reverse loading process, the loading content needs to be displayed on the upper side of the exposure content, so that the exposed content is completely moved downwards, a page shaking phenomenon occurs, and the browsing experience of a user is affected.
Therefore, in order to be able to avoid page jitter at the time of the reverse loading operation, a virtual layer may be constructed based on the exposure content within the content presentation page at the time of the user triggering the reverse operation.
Accordingly, a user may trigger a reverse load operation within a content presentation page, in response to which a virtual layer may be built based on all of the exposed elements currently within the content presentation page. Wherein the virtual layer may be in a non-scrollable state. Thus, when the virtual layer is displayed, the user cannot adjust the display position of the exposure content in the virtual layer. The exposure element may be all display content in a user visible area in the content display page, and may be any content such as media content, image content, triggerable control, icon, and the like.
Alternatively, to achieve reverse content loading, loaded content may also be acquired in response to the reverse loading operation.
Step 102, displaying the virtual layer at an upper layer in the content display page.
In this embodiment, the upper layer in the content presentation page presents the virtual layer. After the virtual layer is built based on the exposed content within the content presentation page, the virtual layer may be presented at an upper layer within the content presentation page.
After the virtual layer is presented, the user can browse the virtual layer on the terminal device because the virtual layer is located at the upper layer of the content presentation page. The scroll reset operation of the exposure content in the lower layer of the virtual layer, namely the content display page, cannot be perceived by a user, so that the shake of the page in the process of browsing the content by the user can be avoided.
And 103, displaying the loading content and the exposure element in the content display page, and adjusting the display positions of the loading content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page.
In this embodiment, after the loading content is acquired in response to the reverse loading operation triggered by the user, the loading content and all the exposure elements may be displayed in the lower layer of the virtual layer, that is, the content display page. The loading content can be displayed at the top end of the content display content, and all exposure content can be displayed at the lower side of the loading content. Therefore, after the loaded content is displayed, the display position of the exposed content may be changed, and page jitter may occur. Accordingly, a scroll reset operation can be performed on the exposure content in the content presentation page.
Optionally, since the upper layer of the content display page displays the virtual layer constructed based on all the exposure content, the display positions of the loading content and all the exposure elements in the content display page can be adjusted, so that the display positions of the exposure elements in the adjusted content display page are the same as the display positions of the exposure elements in the original content display page. And the process of scrolling reset is invisible to the user, and the browsing experience of the user is not affected.
In addition, since the virtual layer constructed based on the entire exposure content is in a non-scrollable state, the display positions of the loaded content and the entire exposure elements are adjusted in the content display page, and the display positions of the exposure elements in the adjusted content display page are also the same as the display positions of the exposure elements in the virtual layer. Further, stability of the display position of the exposure content is guaranteed, and page shake is avoided, so that browsing experience of a user is influenced.
And 104, displaying the adjusted content display page.
In this embodiment, after the lower layer of the virtual layer completes the scroll reset of the exposure content and the loading content, the display positions of the exposure elements in the adjusted content display page are also the same as the display positions of the exposure elements in the virtual layer. Therefore, after the rolling reset operation on the exposure element is completed, the adjusted content display page can be displayed, so that the user can continue the content browsing operation in the adjusted content display page.
Optionally, the display operation on the adjusted content display page may be implemented by destroying the virtual layer. Or, the display operation of the adjusted content display page can be realized by adjusting the hierarchy of the virtual layer. For example, the hierarchy of the virtual layer may be modified to be displayed at the lower layer of the adjusted content presentation page, so that the adjusted content presentation page can be displayed at the upper layer.
As an implementation manner, the virtual layer may be destroyed after the rolling reset operation on the exposure element is completed, so that the adjusted content display page can be displayed, so that the user can continue to perform the content browsing operation in the adjusted content display page. Or, after the rolling reset operation on the exposure element is completed, the virtual layer can be destroyed by adjusting the hierarchy of the virtual layer and displaying the adjusted content display page on the upper layer. The present disclosure does not limit the order between the destruction operation of the virtual layer and the display of the adjusted content presentation page.
Further, based on any of the above embodiments, step 102 includes:
And rendering the virtual layer on the upper layer of the content display page by controlling the transparency corresponding to the virtual layer and the preset coordinate axis of the virtual layer in the three-dimensional space.
In this embodiment, after the virtual layer is constructed, in order to make the scroll reset operation of the exposure content invisible to the user, the virtual layer may be presented at the upper layer of the content presentation page.
Optionally, the adjustment of the display level of the virtual layer may be achieved by controlling the transparency corresponding to the virtual layer and the preset coordinate axis of the virtual layer in the three-dimensional space. The preset coordinate axis of the virtual layer in the three-dimensional space may be a Z axis of the virtual layer in the three-dimensional space.
After the hierarchy of the virtual layer is controlled based on the transparency and the Z-axis of the three-dimensional space, the virtual layer can be rendered on top of the content presentation page based on the hierarchy.
Fig. 2 is a schematic diagram of an interface for performing display position adjustment in a content display page according to an embodiment of the present disclosure, as shown in fig. 2, a plurality of exposure contents 22 may be displayed in the content display page 21, and a plurality of reverse loading data 23 may be displayed in the content display page 21 in response to a reverse loading operation triggered by a user. In order to avoid the occurrence of page shake, after the virtual layer is displayed on the upper layer of the content display page 21, the display positions of all the exposure contents 22 may be adjusted in the content display page 21, so that the original display positions are restored, and the adjusted content display page 21 is obtained.
According to the content display method, the virtual layer in the non-scrollable state is built based on all the current exposure elements in the content display page through the reverse loading operation triggered by the user, so that the virtual layer can be displayed on the upper layer of the content display page, and the display positions of all the exposure elements in the adjusted content display page are adjusted on the lower layer of the virtual layer, so that the display positions of all the exposure elements in the original content display page are identical to the display positions of all the exposure elements in the original content display page. After the adjustment operation of the content display page is completed, the virtual layer can be destroyed, the adjusted content display page is displayed, and the phenomenon that the exposure content in the content display page shakes during reverse loading and the browsing experience of a user is affected can be effectively avoided.
Optionally, on the basis of any one of the embodiments above, step 101 includes:
and acquiring triggering operation of the user in the content display page in real time.
And if the trigger position and/or the trigger gesture of the trigger action are detected to be matched with the preset trigger action, determining that the user triggers reverse loading operation.
In this embodiment, in order to accurately determine the reverse loading operation triggered by the user, the triggering operation of the user in the content display page may be acquired in real time. And determining a triggering position and/or a triggering gesture corresponding to the triggering operation. And if the trigger position and/or the trigger gesture corresponding to the trigger operation are detected to be matched with the preset trigger action, determining that the user triggers the reverse loading operation.
For example, the preset trigger action may be a sliding operation triggered by the edge of the top region of the content presentation page, or the preset trigger operation may be a clicking operation triggered by the top region of the content presentation page. If the user is detected to trigger the sliding operation at the edge of the top area of the content display page, the user can be judged to trigger the reverse loading operation currently.
According to the content display method, the trigger operation of the user in the content display page is acquired in real time, so that the reverse loading operation triggered by the user can be rapidly identified, and further, the virtual layer can be constructed based on the reverse loading operation, and the phenomenon of page shaking is avoided.
Fig. 3 is a flow chart of a content display method according to another embodiment of the disclosure, where, based on any of the foregoing embodiments, as shown in fig. 3, step 101 includes:
step 301, responding to a reverse loading operation triggered by a user in a content display page, and recording an exposure element currently displayed in the content display page and a first distance between a first exposure element and the top end of the content display page.
Step 302, constructing a virtual layer in a non-scrollable state based on the exposure element and the first distance.
In this embodiment, in order to enable the built virtual layer to be consistent with the display effect of the content display page before the reverse loading operation, in response to the reverse loading operation triggered by the user in the content display page, all the exposure elements currently displayed in the content display page and the first distance between the first exposure element and the top of the content display page are recorded. The exposure element may be all display content in a user visible area in the content display page, and may be any content such as media content, image content, triggerable control, icon, and the like.
Optionally, display parameters such as display positions, display sizes and the like corresponding to the exposure elements can also be recorded, so that the construction of the virtual layer can be accurately performed based on the display parameters.
After determining the total exposure element and the first distance between the first exposure element and the top of the content presentation page, respectively, a virtual layer in a non-scrollable state may be constructed based on the total exposure element and the first distance.
Fig. 4 is a schematic diagram of a display interface provided by the embodiment of the present disclosure, as shown in fig. 4, in a content display page 41, there are a page visible range 42 and a page invisible range 43, and a display content with a display position within the page visible range 42 is an exposure element 44. To implement the construction of the virtual layer, it is first necessary to record all the exposure elements 44 currently displayed in the content presentation page 41 and the first distance 45 between the first exposure element 44 and the top of the content presentation page 41.
According to the content display method provided by the embodiment, the virtual layer is constructed based on all the exposure contents in the content display page and the distance between the first exposure content and the top of the page by responding to the reverse loading operation triggered by the user in the content display page, so that the virtual layer is consistent with the content displayed in the content display page before the reverse content is loaded. And then the virtual layer can be displayed on the upper layer of the content display page, and the content display page is subjected to rolling reset, so that a user does not feel the rolling reset operation, page shake is avoided, and user experience is improved.
Further, based on any of the above embodiments, step 302 includes:
and constructing a virtual page with the same display size as the content display page, and displaying the exposure elements in the virtual page.
And adjusting the display position of the exposure element displayed in the virtual page based on the first distance to obtain the virtual layer in the non-scrollable state.
In this embodiment, after all the exposure elements are determined, a virtual page having the same display size as the content presentation page may be constructed, in which all the exposure elements are presented.
Further, in order to make the display positions of all the exposure elements coincide with the display positions of the exposure elements in the content presentation page that is not reverse-loaded, the display positions of all the exposure elements displayed in the virtual page may be adjusted based on the first distance, and a virtual layer in a non-scrollable state may be obtained.
For example, after reverse loading, the display position of the first exposure element is top1, and the display position of the first exposure element in the content display page that is not reverse loaded is top2, so that the display position of the first exposure element may be adjusted from top1 to top2 to avoid page adjustment.
According to the content display method provided by the embodiment, after all exposure elements are displayed in the virtual page, the display positions of all exposure elements are adjusted based on the distance information, so that the consistency of the virtual layer and the content displayed in the content display page before reverse content loading can be ensured, and page shaking can be avoided.
Further, based on any of the above embodiments, step 103 includes:
and displaying the loaded content at the top end of the content display page, and displaying the exposure element at the lower side of the loaded content.
In this embodiment, after the loading content is acquired in response to the reverse loading operation triggered by the user, the loading content and the exposure element may be displayed in the lower layer of the virtual layer, that is, the content display page. The loading content can be displayed at the top end of the content display content, and the exposure content can be displayed at the lower side of the loading content. Therefore, after the loaded content is displayed, the display position of the exposed content may be changed, and page jitter may occur. Accordingly, a scroll reset operation can be performed on the exposure content in the content presentation page.
Fig. 5 is a flow chart of a content display method according to another embodiment of the disclosure, where step 103 includes:
step 501, determining a first distance between a first exposure element in the content display page and the top end of the content display page.
Step 502, determining a second distance between a first exposure element in a content display page after displaying the loaded content and the top end of the content display page.
Step 503, adjusting the display position of the exposure element according to the first distance and the second distance.
In this embodiment, in order to implement a rolling reset operation on the exposure content, first, a first distance between a first exposure element in the content display page and a top end of the content display page when the reverse loading operation is not performed may be determined. After the loaded content is displayed, the exposure element in the content display page is moved down as a whole, so that a second distance between the first exposure element in the content display page after the loaded content is displayed and the top end of the content display page can be determined.
Further, after the first distance and the second distance are determined respectively, the display position of the exposure element may be adjusted according to the first distance and the second distance, so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page.
According to the content display method provided by the embodiment, the first distance between the first exposure element in the content display page and the top end of the content display page and the second distance between the first exposure element in the content display page after the loaded content is displayed are determined, so that the content display page can be precisely subjected to rolling reset operation based on the first distance and the second distance, and the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page. And by performing the rolling reset operation on the bottom layer of the virtual layer, the user can not feel the rolling of the page, and the user experience is improved.
Further, on the basis of any of the above embodiments, step 501 includes:
and calculating a distance difference value between the first distance and the second distance.
And controlling the exposure element to move the distance difference value towards a preset direction to obtain the adjusted content display page.
In this embodiment, after the first distance and the second distance are determined, respectively, a distance difference between the first distance and the second distance is calculated. After the distance difference is calculated, the exposure element can be controlled to move towards the preset direction for the distance difference, and the adjusted content display page is obtained.
Alternatively, the preset direction may be an upward direction, since the exposure element within the content presentation page is moved downward as a whole after the loaded content is displayed. The exposure element can be controlled to move upwards by the distance difference value, and rolling reset operation is realized.
According to the content display method, the distance difference value between the first distance and the second distance is calculated, and the rolling reset operation is performed based on the distance difference value, so that the accuracy of rolling reset can be improved, and page shaking phenomenon is avoided.
Fig. 6 is a schematic structural diagram of a content display apparatus according to an embodiment of the present disclosure, as shown in fig. 6, the apparatus includes: a construction module 61, a presentation module 62, an adjustment module 63 and a processing module 64. The building module 61 is configured to, in response to a reverse loading operation triggered by a user in a content presentation page, build a virtual layer in a non-scrollable state based on a current exposure element in the content presentation page, and obtain loading content. And the display module 62 is used for displaying the virtual layer at the upper layer in the content display page. And the adjusting module 63 is configured to display the loaded content and the exposure element in the content display page, and adjust display positions of the loaded content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page. The processing module 64 is configured to destroy the virtual layer and display the adjusted content display page.
Further, on the basis of any one of the above embodiments, the building module is configured to: and acquiring triggering operation of the user in the content display page in real time. And if the trigger position and/or the trigger gesture of the trigger action are detected to be matched with the preset trigger action, determining that the user triggers reverse loading operation.
Further, on the basis of any one of the above embodiments, the building module is configured to: and responding to a reverse loading operation triggered by a user in the content display page, and recording the exposure element currently displayed in the content display page and the first distance between the first exposure element and the top end of the content display page. A virtual layer of the non-scrollable state is constructed based on the exposure element and the first distance.
Further, on the basis of any one of the above embodiments, the building module is configured to: and constructing a virtual page with the same display size as the content display page, and displaying the exposure elements in the virtual page. And adjusting the display position of the exposure element displayed in the virtual page based on the first distance to obtain the virtual layer in the non-scrollable state.
Further, on the basis of any one of the above embodiments, the display module is configured to: and rendering the virtual layer on the upper layer of the content display page by controlling the transparency corresponding to the virtual layer and the preset coordinate axis of the virtual layer in the three-dimensional space.
Further, on the basis of any one of the above embodiments, the adjusting module is configured to: and displaying the loaded content at the top end of the content display page, and displaying the exposure element at the lower side of the loaded content.
Further, on the basis of any one of the above embodiments, the adjusting module is configured to: and determining a first distance between the first exposure element in the content display page and the top end of the content display page. And determining a second distance between the first exposure element in the content display page after the loaded content is displayed and the top end of the content display page. And adjusting the display position of the exposure element according to the first distance and the second distance.
Further, on the basis of any one of the above embodiments, the adjusting module is configured to: and calculating a distance difference value between the first distance and the second distance. And controlling the exposure element to move the distance difference value towards a preset direction to obtain the adjusted content display page.
The device provided in this embodiment may be used to execute the technical solution of the foregoing method embodiment, and its implementation principle and technical effects are similar, and this embodiment will not be described herein again.
To achieve the above embodiments, the embodiments of the present disclosure further provide a computer program product, including a computer program, which when executed by a processor implements the content display method according to any one of the above embodiments.
In order to implement the above embodiments, the embodiments of the present disclosure further provide a computer-readable storage medium having stored therein computer-executable instructions that, when executed by a processor, implement the content display method according to any of the above embodiments.
In order to achieve the above embodiments, the embodiments of the present disclosure further provide an electronic device, including: a processor and a memory;
the memory stores computer-executable instructions;
the processor executes the computer-executable instructions stored in the memory, causing the processor to perform the content display method according to any one of the embodiments described above.
Fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the disclosure, and as shown in fig. 7, the electronic device 700 may be a terminal device or a server. The terminal device may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a personal digital assistant (Personal Digital Assistant, PDA for short), a tablet (Portable Android Device, PAD for short), a portable multimedia player (Portable Media Player, PMP for short), an in-vehicle terminal (e.g., an in-vehicle navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in fig. 7 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.
As shown in fig. 7, the electronic apparatus 700 may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 701 that may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 702 or a program loaded from a storage device 708 into a random access Memory (Random Access Memory, RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other through a bus 704. An input/output (I/O) interface 705 is also connected to bus 704.
In general, the following devices may be connected to the I/O interface 705: input devices 706 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, and the like; an output device 707 including, for example, a liquid crystal display (Liquid Crystal Display, LCD for short), a speaker, a vibrator, and the like; storage 708 including, for example, magnetic tape, hard disk, etc.; and a communication device 709. The communication means 709 may allow the electronic device 700 to communicate wirelessly or by wire with other devices to exchange data. While fig. 7 shows an electronic device 700 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.
In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flowcharts. In such an embodiment, the computer program may be downloaded and installed from a network via communication device 709, or installed from storage 708, or installed from ROM 702. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing device 701.
It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, however, the computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.
The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.
The computer-readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to perform the methods shown in the above-described embodiments.
Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a local area network (Local Area Network, LAN for short) or a wide area network (Wide Area Network, WAN for short), or it may be connected to an external computer (e.g., connected via the internet using an internet service provider).
The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The name of the unit does not in any way constitute a limitation of the unit itself, for example the first acquisition unit may also be described as "unit acquiring at least two internet protocol addresses".
The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by persons skilled in the art that the scope of the disclosure referred to in this disclosure is not limited to the specific combinations of features described above, but also covers other embodiments which may be formed by any combination of features described above or equivalents thereof without departing from the spirit of the disclosure. Such as those described above, are mutually substituted with the technical features having similar functions disclosed in the present disclosure (but not limited thereto).
Moreover, although operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are example forms of implementing the claims.
Claims (11)
1. A content display method, characterized by comprising:
responding to reverse loading operation triggered by a user in a content display page, constructing a virtual layer in a non-scrollable state based on the current exposure element in the content display page, and acquiring loading content;
displaying the virtual layer at an upper layer in the content display page;
displaying the loading content and the exposure element in the content display page, and adjusting the display positions of the loading content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page;
and displaying the adjusted content display page.
2. The method of claim 1, wherein the responding to the reverse load operation triggered by the user within the content presentation page comprises:
Acquiring triggering operation of the user in a content display page in real time;
and if the trigger position and/or the trigger gesture of the trigger action are detected to be matched with the preset trigger action, determining that the user triggers reverse loading operation.
3. The method of claim 1, wherein the constructing a virtual layer of non-scrollable state based on a currently exposed element within a content presentation page in response to a reverse load operation triggered by a user within the content presentation page comprises:
responding to a reverse loading operation triggered by a user in a content display page, and recording an exposure element currently displayed in the content display page and a first distance between a first exposure element and the top end of the content display page;
a virtual layer of the non-scrollable state is constructed based on the exposure element and the first distance.
4. A method according to claim 3, wherein said constructing a virtual layer of non-scrollable state based on said exposure element and said first distance comprises:
constructing a virtual page with the same display size as the content display page, and displaying the exposure elements in the virtual page;
And adjusting the display position of the exposure element displayed in the virtual page based on the first distance to obtain the virtual layer in the non-scrollable state.
5. The method of claim 1, wherein the upper layer within the content presentation page presents the virtual layer comprising:
and rendering the virtual layer on the upper layer of the content display page by controlling the transparency corresponding to the virtual layer and the preset coordinate axis of the virtual layer in the three-dimensional space.
6. The method of claim 1, wherein the exposing the loaded content and exposure elements within the content exposure page comprises:
and displaying the loaded content at the top end of the content display page, and displaying the exposure element at the lower side of the loaded content.
7. The method of claim 6, wherein adjusting the display position of the loaded content and exposure element comprises:
determining a first distance between a first exposure element in the content display page and the top end of the content display page;
determining a second distance between a first exposure element in a content display page after displaying loaded content and the top end of the content display page;
And adjusting the display position of the exposure element according to the first distance and the second distance.
8. The method of claim 7, wherein adjusting the display position of the exposure element according to the first distance and the second distance comprises:
calculating a distance difference between the first distance and the second distance;
and controlling the exposure element to move the distance difference value towards a preset direction to obtain the adjusted content display page.
9. A content display apparatus, characterized by comprising:
the construction module is used for responding to the reverse loading operation triggered by a user in the content display page, constructing a virtual layer in a non-scrollable state based on the current exposure element in the content display page and acquiring loading content;
the display module is used for displaying the virtual layer at the upper layer in the content display page;
the adjusting module is used for displaying the loading content and the exposure element in the content display page, and adjusting the display positions of the loading content and the exposure element so that the display position of the exposure element in the adjusted content display page is the same as the display position of the exposure element in the original content display page;
The processing module is used for destroying the virtual layer and displaying the adjusted content display page.
10. An electronic device, comprising: a processor and a memory;
the memory stores computer-executable instructions;
the processor executes computer-executable instructions stored in the memory, causing the processor to perform the content display method according to any one of claims 1 to 8.
11. A computer-readable storage medium having stored therein computer-executable instructions which, when executed by a processor, implement the content display method of any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311416380.2A CN117289832A (en) | 2023-10-27 | 2023-10-27 | Content display method, apparatus, device, computer-readable storage medium, and product |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311416380.2A CN117289832A (en) | 2023-10-27 | 2023-10-27 | Content display method, apparatus, device, computer-readable storage medium, and product |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117289832A true CN117289832A (en) | 2023-12-26 |
Family
ID=89251888
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311416380.2A Pending CN117289832A (en) | 2023-10-27 | 2023-10-27 | Content display method, apparatus, device, computer-readable storage medium, and product |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117289832A (en) |
-
2023
- 2023-10-27 CN CN202311416380.2A patent/CN117289832A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109101157B (en) | Sidebar icon setting method and device, terminal and storage medium | |
| US11693531B2 (en) | Page display position jump method and apparatus, terminal device, and storage medium | |
| US9569004B2 (en) | Swipe toolbar to switch tabs | |
| CN109614194B (en) | List interface display method, device, equipment and storage medium | |
| CN114610428B (en) | Information stream display method, device, apparatus, storage medium, and program | |
| CN111291244B (en) | House source information display method, device, terminal and storage medium | |
| US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
| CN109799945B (en) | Method and device for scrolling and displaying long list of small programs, electronic equipment and storage medium | |
| WO2022183887A1 (en) | Video editing method and apparatus, video playback method and apparatus, device and medium | |
| CN110968815B (en) | Page refreshing method, device, terminal and storage medium | |
| WO2018121546A1 (en) | Method and device for displaying screen content of driving recording device | |
| CN111209503B (en) | Processing method and device for popup window in webpage, electronic equipment and storage medium | |
| CN109635263A (en) | The fixed methods of exhibiting of col width based on WEB ultra-wide table, device and electronic equipment | |
| CN109976857B (en) | Display control method and device of terminal interface, storage medium and electronic equipment | |
| CN115119040B (en) | Video processing method, device, electronic equipment and storage medium | |
| CN116048281A (en) | Interaction method, device, equipment and storage medium in virtual reality scene | |
| CN116149776A (en) | Media content acquisition method, device, equipment, readable storage medium and product | |
| CN116048371A (en) | Page component switching method, device, equipment, medium and product in application program | |
| CN113676677B (en) | Dynamic picture synthesis method and device, electronic equipment and readable storage medium | |
| CN113747226B (en) | Video display method and device, electronic equipment and storage medium | |
| CN117289832A (en) | Content display method, apparatus, device, computer-readable storage medium, and product | |
| CN110221892B (en) | Method, device, medium and electronic equipment for scrolling window information | |
| CN114911395B (en) | Page interaction method, device, equipment and storage medium | |
| CN115348478B (en) | Equipment interactive display method and device, electronic equipment and readable storage medium | |
| CN116736997A (en) | Display control method, device, electronic equipment and program product |
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 |