WO2020220776A1 - 图片类评论数据的展示方法、装置、设备及介质 - Google Patents
图片类评论数据的展示方法、装置、设备及介质 Download PDFInfo
- Publication number
- WO2020220776A1 WO2020220776A1 PCT/CN2020/073745 CN2020073745W WO2020220776A1 WO 2020220776 A1 WO2020220776 A1 WO 2020220776A1 CN 2020073745 W CN2020073745 W CN 2020073745W WO 2020220776 A1 WO2020220776 A1 WO 2020220776A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- data
- comment
- picture
- target
- image
- 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.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Definitions
- the embodiments of the present disclosure relate to information display technology, for example, to a method, device, device, and medium for displaying image comment data.
- the user edits the comment text and adds emoticons in the comment editing area, and publishes the content in the comment editing area to realize the display of the comment data, and the user can browse the comments corresponding to the posted content data.
- the published content includes the subject content, and one or more layers of comment data that reply to the subject content.
- the embodiments of the present disclosure provide a method, device, equipment, and medium for displaying image comment data, so as to enrich the data types of the comment data, improve the evaluation dimension of the published content, and promote the exchange and dissemination of data.
- the embodiment of the present disclosure provides a method for displaying image comment data, including:
- At least one piece of comment data and lay out the comment display interface according to the at least one piece of comment data, wherein the at least one piece of comment data includes image data, and the image data includes: the location of the thumbnail of the at least one image information;
- the target picture category data of the current layout is first-level comment data
- at least one thumbnail corresponding to the positioning information in the target picture category data is acquired, and the target is generated according to the at least one thumbnail Picture comment display data of picture data, and lay out the picture comment display data in the comment display interface
- the picture prompt information is generated according to the positioning information in the target picture category data
- the picture comment of the target picture category data is generated according to the picture prompt information Display data, laying out the picture-type comment display data in the comment display interface, wherein the picture prompt information is used to prompt the pictures included in the target picture-type data
- the embodiment of the present disclosure also provides a display device for image comment data, including:
- the comment data obtaining module is configured to obtain at least one piece of comment data, and to lay out the comment display interface according to the at least one piece of comment data, wherein the at least one piece of comment data includes picture data, and the picture data includes: at least one Location information of thumbnails of pictures;
- the first-level comment data layout module is configured to obtain at least one thumbnail image corresponding to the positioning information in the target image data when the target image data of the current layout is the first-level comment data, and according to the At least one thumbnail generates picture comment display data of the target picture data, and lays out the picture comment display data in the comment display interface;
- the second-level comment data layout module is configured to generate picture prompt information according to the positioning information in the target picture type data when the target picture type data of the current layout is the second-level comment data, and generate all pictures according to the picture prompt information.
- the picture comment display data of the target picture data and lay out the picture comment display data in the comment display interface, where the picture prompt information is used to prompt the pictures included in the target picture data;
- the comment display interface display module is set to display the completed layout of the comment display interface.
- An embodiment of the present disclosure also provides an electronic device, which includes:
- One or more processors are One or more processors;
- Memory set to store one or more programs
- the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying image-type comment data according to any embodiment of the present disclosure.
- the embodiment of the present disclosure also provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the method for displaying comment data of the picture type as described in any embodiment of the present disclosure is realized.
- FIG. 1a is a flowchart of a method for displaying image comment data provided by Embodiment 1 of the present disclosure
- FIG. 1b is a schematic diagram of a comment display interface provided by Embodiment 1 of the present disclosure.
- FIG. 2a is a flowchart of a method for displaying image comment data provided in the second embodiment of the present disclosure
- FIG. 2b is a schematic diagram of a comment display interface provided by Embodiment 2 of the present disclosure.
- FIG. 3a is a flowchart of a method for displaying image comment data provided in Embodiment 3 of the present disclosure
- Fig. 3b is a schematic diagram of jumping from a comment display interface picture to a picture browser according to the third embodiment of the present disclosure
- FIG. 4a is a flowchart of a method for displaying image comment data provided by the fourth embodiment of the present disclosure
- FIG. 4b is a schematic diagram of jumping from a comment display interface picture to an additional display subpage provided by the fourth embodiment of the present disclosure
- FIG. 4c is a schematic diagram of a secondary comment detail page corresponding to a comment display interface provided in the fourth embodiment of the present disclosure.
- FIG. 5 is a schematic structural diagram of a display device for image comment data provided by Embodiment 5 of the present disclosure
- FIG. 6 is a schematic structural diagram of an electronic device provided by Embodiment 6 of the present disclosure.
- FIG. 1a is a flowchart of a method for displaying comment data of pictures provided in Embodiment 1 of the present disclosure.
- This embodiment can be applied to a situation where comment data of posted content is displayed in a social application. It can be executed by a display device of picture-type comment data.
- the device can be implemented in software and/or hardware.
- the device can be configured in an electronic device, which is a smart terminal, such as a mobile phone or a tablet computer. As shown in Figure 1a, the method includes the following steps:
- Step 110 Obtain at least one piece of comment data, and lay out the comment display interface according to the at least one piece of comment data.
- the at least one piece of comment data includes picture-type data
- the picture-type data includes: location information of the thumbnail of the at least one picture.
- the picture data is data including at least the positioning information of the thumbnail of the picture.
- the picture data may also include text and/or emoticons, and emoticons may include static emoticons and dynamic emoticons.
- the thumbnail of the picture is a small picture after the picture is compressed.
- the thumbnail of the picture contains a link to the corresponding original picture.
- the location information of the thumbnail is the address information corresponding to the storage of the thumbnail. Since each file on the Internet has unique location information, it is used to determine the location of each file and related processing means.
- the location information of the thumbnail of the at least one picture includes: a Uniform Resource Locator (URL) of the thumbnail of the at least one picture.
- URL Uniform Resource Locator
- At least one piece of comment data is acquired as the data to be laid out on the comment display interface.
- Obtaining comment data can be triggered by various operations of the user. For example, for the case where the comment data is fully expanded and displayed following the posted content, when the user triggers the operation of viewing all posted content, the smart terminal will obtain the comment data to be displayed. For another example, in view of the fixed display area of each posted content, when a piece of posted content has too much data and the current interface cannot be displayed completely, the user can touch the corresponding area to view the complete form of the posted content, and At the same time, the comment data for the posted content will also be displayed, therefore, the smart terminal will be triggered to obtain the comment data to be displayed. For another example, in view of the situation where the comment data for the published content can be viewed by touching the corresponding comment view identifier, when the user clicks on the comment view identifier, the smart terminal can be triggered to obtain the comment data to be displayed.
- a comment picture display component which includes a collection list, and each piece of the comment data obtained above is loaded into the collection list as a list item, and each list item is labeled with the picture data contained therein. Mark, the label corresponds to the index value of the list item.
- gestures are added to the picture display component to determine the index value of the list item clicked by the user according to the gesture sequence.
- the comment picture display component also provides multiple methods for interacting with the outside world to process each list item in the collection list. The provided methods can include: data injection methods, data cleaning methods, and data callback methods.
- Step 120 In the case that the target picture category data of the current layout is the first-level comment data, obtain at least one thumbnail image corresponding to the positioning information in the target picture category data, and generate according to the at least one thumbnail image The picture comment display data of the target picture data, and the picture comment display data are laid out in the comment display interface.
- the first-level comment data is comment data for published content.
- the target image data of the current layout is the data for directly commenting on the published content.
- the target picture category data is first-level comment data
- at least one thumbnail is determined from the positioning information in the target picture category data
- the target picture is generated according to the thumbnail and other data in the target picture category data
- the image comment display data of the class data, and the image comment display data including thumbnails are laid out in the comment display interface.
- the comment picture display component after determining that the target picture category data is the first-level comment data, a data injection method corresponding to the first-level comment data is obtained, and the data injection method is applied to the target picture data.
- the positioning information in the target picture data is first determined, the thumbnail is determined according to the positioning information, and the thumbnail is combined with other data in the target picture data according to preset layout rules. Generate picture comment display data of the target picture data, and lay out the picture comment display data in the comment display interface.
- At least one thumbnail image corresponding to the positioning information in the target image category data is acquired, and the target image category data is generated according to the at least one thumbnail image.
- Picture comment display data, and arranging the picture comment display data in the comment display interface includes: obtaining multiple thumbnails corresponding to the positioning information in the target picture data, and shrinking the multiple thumbnails The thumbnail corresponds to a plurality of picture filling bits filled in the picture layout template to generate picture comment display data of the target picture data, and the picture comment display data is laid out in the comment display interface.
- the picture layout template belongs to the comment picture display component, and is part of the data injection method corresponding to the first-level comment data.
- the picture layout template provides the layout rules for thumbnails, that is, the multiple thumbnails are arranged in a set order. Fill in the picture fill bit of the picture layout template.
- the picture layout template is Jiugongge, and the corresponding comment display interface is shown in Fig. 1b.
- this optional implementation manner provides a thumbnail layout scheme, which lays out the thumbnails according to the picture layout template, so that users can browse the thumbnails intuitively, and enhance the display of corresponding picture comments. The readability of the data.
- Step 130 In the case that the target image category data of the current layout is the second-level comment data, generate image prompt information according to the positioning information in the target image category data, and generate information about the target image category data according to the image prompt information.
- the picture comment display data, and the picture comment display data is laid out in the comment display interface.
- the secondary comment data is comment data for comment data of the posted content.
- the target image data of the current layout is data that indirectly comments on the published content.
- the secondary comment data may be any other layer comment data except the direct comment data for the posted content.
- the image comment display data of the target image data is generated according to the generated image prompt information and other data in the target image data, which will include the image prompt information
- the picture comment display data layout is displayed in the comment display interface.
- the picture prompt information is information for prompting that the target picture data includes pictures.
- the picture prompt information is displayed in the form of text or picture.
- the picture prompt information can be understood as a hyperlink.
- the differentiated layout mode of the first-level comment data and the second-level comment data in this embodiment is beneficial to improve the utilization rate and display speed of the comment display interface.
- a data injection method corresponding to the second-level comment data is acquired.
- the data injection method according to the target picture category data Generate the corresponding picture prompt information, combine the picture prompt information with other data in the target picture data, and generate the picture comment display data of the target picture data according to the preset typesetting rules, and add the picture comment Display the data layout in the comment display interface.
- Step 140 Display the completed comment display interface.
- the comment display interface is sent to the corresponding view interface in the system for display.
- the embodiment of the present disclosure uses picture data as comment data.
- the picture data is first-level comment data
- the thumbnail in the first-level comment data is used as the display data that can be laid out in the comment display interface.
- the picture prompt information generated from the thumbnails in the second comment data is used as the display data that can be laid out in the comment display interface, which expands the data type of the comment data and reasonably sets the display effect of the picture data.
- FIG. 2a is a flowchart of a method for displaying image comment data provided in the second embodiment of the disclosure.
- the picture category data further includes: text comment data; the target picture category is generated based on the at least one thumbnail
- the picture comment display data of the data may be: generating the picture comment display of the target picture data in a manner that the text comment data in the target picture data comes first and the at least one thumbnail is behind.
- Data; generating the image comment type display data of the target image type data according to the image prompt information which may be: according to the text comment data in the target image type data first, and the image prompt information behind, Generate picture comment display data of the target picture data.
- the method includes the following steps:
- Step 210 Obtain at least one piece of comment data, and lay out the comment display interface according to the at least one piece of comment data.
- the at least one piece of comment data includes picture-type data
- the picture-type data includes: location information of the thumbnail of the at least one picture.
- the picture data further includes: text comment data.
- acquiring at least one piece of comment data, and arranging a comment display interface according to the at least one piece of comment data includes: sending a user's comment viewing request to a server; The comment view requests at least one piece of comment data for feedback, and the comment display interface is laid out according to the at least one piece of comment data.
- the user's comment viewing request can be associated with multiple operations, and any operation that causes the display of comment data can trigger the comment viewing request.
- the operation that causes the comment data to be displayed corresponds to the display rule
- the display rule triggers a comment viewing request
- the information corresponding to the comment data to be displayed is added to the comment viewing request, so that the server will respond to the comment viewing request.
- the comment data is sent to the smart terminal.
- the display rule is set in the background of the application.
- a display rule can be: when the user clicks on the comment icon under the posted content, all the first-level comment data in the comment data are expanded and displayed, and the second-level comments below it The data only displays the three recently released, and the remaining secondary comment data is collapsed; another display rule can be: based on the above display rules, when the user clicks the prompt information corresponding to the collapsed secondary comment data, the comment display interface Display all the second-level comment data under the corresponding first-level comment data.
- this optional embodiment ensures the correspondence between user operations and comment display, that is, ensures the correctness of the displayed comment data.
- Step 220 In the case that the target picture category data of the current layout is the first-level comment data, obtain at least one thumbnail corresponding to the positioning information in the target picture category data, and follow the text in the target picture category data. With the comment data first and the at least one thumbnail image behind, generating picture comment display data of the target picture data, and laying out the picture comment display data in the comment display interface.
- the typesetting rule in the corresponding data injection method is: text comment data comes first, and at least one thumbnail is behind.
- the multiple thumbnails are correspondingly filled in multiple picture filling positions of the picture layout template, so that the multiple thumbnails are laid out according to the typesetting manner of the picture layout template.
- Step 230 In the case that the target picture category data of the current layout is the second-level comment data, generate picture prompt information according to the positioning information in the target picture category data, and according to the text comment data in the target picture category data. In the latter manner, the picture prompt information is used to generate picture comment display data of the target picture data, and the picture comment display data is laid out in the comment display interface.
- the typesetting rule in the corresponding data injection method is: text comment data comes first, and picture prompt information comes after.
- the image comment display of the target image data is generated in a manner that the text comment data in the target image data comes first, and the picture prompt information is last.
- Data including:
- the picture prompt information matching the number is first In the latter way, the picture comment type display data of the target picture type data is generated.
- a method for generating and displaying picture prompt information in the data injection method corresponding to the secondary comment data in the comment picture display component is provided: the quantity of the positioning information included in the target picture data is determined, according to The number of positioning information generates corresponding picture prompt information.
- the picture prompt information can be displayed in the form of "[picture] ⁇ number", and the displayed content is used as a hyperlink, which is associated with the first positioning information in the thumbnail positioning information.
- the corresponding comment display interface is shown in Figure 2b . This not only saves the display resources in the comment display interface, but also achieves the purpose of accurately pushing picture information to browsing users.
- Step 240 Display the completed layout of the comment display interface.
- the embodiments of the present disclosure set the typesetting rules for text comment data and picture-related information, and place the text comment data before the picture-related information, which enriches the data types of the comment data and improves the readability of the comment data.
- FIG. 3a is a flowchart of a method for displaying image comment data provided in the third embodiment of the disclosure.
- This embodiment can be combined with the optional solutions in one or more of the above embodiments.
- it after displaying the layout of the comment display interface, it can also be: according to the user’s comment on the comment display interface
- the method includes the following steps:
- Step 310 Obtain at least one piece of comment data, and lay out the comment display interface according to the at least one piece of comment data.
- the at least one piece of comment data includes picture-type data
- the picture-type data includes: location information of the thumbnail of the at least one picture.
- the picture data further includes: text comment data.
- Step 320 In the case that the target picture category data of the current layout is the first-level comment data, obtain at least one thumbnail image corresponding to the positioning information in the target picture category data, and follow the text in the target picture category data. With the comment data first and the at least one thumbnail image behind, generating picture comment display data of the target picture data, and laying out the picture comment display data in the comment display interface.
- Step 330 In the case that the target picture category data of the current layout is the second-level comment data, generate picture prompt information according to the positioning information in the target picture category data, and according to the text comment data in the target picture category data. In the latter manner, the picture prompt information is used to generate picture comment display data of the target picture data, and the picture comment display data is laid out in the comment display interface.
- Step 340 Display the completed layout of the comment display interface.
- Step 350 According to the user's selection operation of the first target thumbnail in the first image comment type display data in the first-level comment data of the comment display interface, download the first target thumbnail corresponding to the first target thumbnail. And load the first target original image in the image browser, and display the first target original image in a larger image.
- the user's selection operation of the first target thumbnail in the first-level comment type display data in the first-level comment data of the comment display interface can be understood as: When the comment data contains thumbnails, click any one of the thumbnails, and the currently clicked thumbnail is the first target thumbnail.
- the smart terminal is triggered to download the first target thumbnail corresponding to the first target thumbnail.
- An operation of the original target image, and the first original target image is loaded into the image browser, and the first original target image is displayed in a large image.
- the image browser may be provided by the system of the smart terminal or provided by the application program.
- the picture browser is a universal picture viewer provided by the application. The picture browser cannot browse pictures across comments, but can only view all pictures in the comment data currently being browsed. Only one picture is presented during the screen display.
- a comment interaction component is established, and the component takes a universal image viewer provided by the application as an encapsulation object and is designed as a singleton class. Gestures are attached to the comment interaction component, and multiple methods for interacting with the outside world are provided for viewing the original image, displaying transition animation and data cleaning.
- the methods provided can include: thumbnail injection method, original image download method and data Methods of cleaning up.
- the technical solutions of the embodiments of the present disclosure provide steps after displaying the completed layout of the comment display interface, which ensures that the user can correspondingly view the original image in the comment data when browsing the displayed first-level comment data, which improves The accuracy and completeness of comment data obtained by users.
- the method further includes: The sliding selection operation of the picture browser, and the arrangement order of the thumbnails other than the first target thumbnail and the first target thumbnail included in the first picture comment type display data, in the A slide selection thumbnail is determined among the thumbnails other than the first target thumbnail; the original image corresponding to the slide selection thumbnail is acquired, and the original image corresponding to the slide selection thumbnail is selected in the picture browser Display the big picture.
- the user when viewing the original image corresponding to a thumbnail through the image browser, the user can also use gesture sliding selection operations to view other thumbnails.
- the original image corresponding to the thumbnail when viewing the original image corresponding to a thumbnail through the image browser, the user can also use gesture sliding selection operations to view other thumbnails. The original image corresponding to the thumbnail.
- the user’s current gesture operation is determined through gestures added to the component, and after it is determined to be a sliding selection operation, according to the arrangement order of other thumbnails and the first target thumbnail, the thumbnails
- the injection method obtains the current slide selection thumbnail, and according to the original image link corresponding to the current slide selection thumbnail, obtains the corresponding original image through the original image download method, and displays the large image.
- the optional implementation manner realizes the function of sliding and browsing the pictures in the displayed first-level comment data.
- the method further includes: downloading the first image and the comment type display data included in the first image.
- the original image corresponding to the thumbnail other than the first target thumbnail, and the original image corresponding to the thumbnail other than the first target thumbnail is preloaded in the picture browser.
- other thumbnails can be determined through the first image comment type display data, and downloading the other thumbnails corresponding Original image, the original image corresponding to other thumbnails is preloaded in the image browser to reduce the waiting time of the user after sliding selection.
- the thumbnail injection method is used to obtain other thumbnails. Thumbnails, and according to the original image links corresponding to other thumbnails, the original images corresponding to other thumbnails are obtained through the original image download method, and preloaded in the image browser.
- the method further includes: closing the image previewer according to the user's closing operation of the image previewer The picture previewer, and clear the original picture that has been loaded and displayed in the picture previewer.
- the gestures in the comment interactive component and the data cleaning method are used.
- the image previewer is closed, and the loaded and displayed in the image previewer are cleared by the data cleaning method Original image.
- the loading pressure of the image previewer is reduced, and it is ensured that the user can quickly load the image when browsing other image comments, and the browsing efficiency is improved.
- the first target original image corresponding to the first target thumbnail is downloaded, and the first target original image is loaded into the image browser
- the A large-scale display of an original target image includes: acquiring the positioning information of the first original target image corresponding to the first target thumbnail, and downloading the first target image according to the positioning information of the first target original image The operation of the original target image; during the downloading process of the first original target image, play the transition animation including the first target thumbnail and the waiting analog animation in the image browser; in the first After the original target image is downloaded, the first original target image is loaded into the image browser, and the first original target image is displayed in a large image.
- the image including the thumbnail of the first target and the waiting animation (for example: time funnel animation or progress animation) is played in the picture browser.
- the transition animation can alleviate the anxiety of the user while waiting to view the original image.
- the transition animation of the waiting-like animation may include the corresponding original image download progress, so as to achieve the purpose of reminding the user.
- FIG. 4a is a flowchart of a method for displaying image comment data provided in the fourth embodiment of the disclosure.
- This embodiment can be combined with the optional solutions in one or more of the above embodiments.
- after the layout of the comment display interface is displayed it can also be: according to the user’s comments on the comment display interface A request for viewing the second picture comment type display data in the second-level comment data, obtain at least one thumbnail corresponding to the positioning information in the second picture comment type display data, and compare the second picture comment type display data At least one thumbnail corresponding to the positioning information of is displayed.
- the method includes the following steps:
- Step 410 Obtain at least one piece of comment data, and lay out the comment display interface according to the at least one piece of comment data.
- the at least one piece of comment data includes picture-type data, and the picture-type data includes: location information of a thumbnail of at least one picture.
- the picture data further includes: text comment data.
- Step 420 In the case where the target picture category data of the current layout is the first-level comment data, obtain at least one thumbnail corresponding to the positioning information in the target picture category data, and follow the text in the target picture category data. With the comment data first and the at least one thumbnail image behind, generating picture comment display data of the target picture data, and laying out the picture comment display data in the comment display interface.
- Step 430 In the case that the target picture category data of the current layout is the second-level comment data, generate picture prompt information according to the positioning information in the target picture category data, and according to the text comment data in the target picture category data. In the latter manner, the picture prompt information is used to generate picture comment display data of the target picture data, and the picture comment display data is laid out in the comment display interface.
- Step 440 Display the completed comment display interface.
- Step 450 Acquire at least one thumbnail image corresponding to the positioning information in the second picture comment type display data according to the user's request for viewing the second picture comment type display data in the second level comment data of the comment display interface , Displaying at least one thumbnail image corresponding to the positioning information in the second picture comment display data.
- the user’s request to view the second-level image comment display data in the second-level comment data of the comment display interface can be understood as: when the user browses the comment data that contains thumbnails in the second-level comment data, click The picture prompt information.
- the smart terminal since the picture prompt information corresponds to the positioning information of the thumbnail, when the user clicks the picture prompt information, the smart terminal is triggered to obtain the thumbnail corresponding to the positioning information in the second picture comment display data, and display the thumbnail .
- the technical solution of the embodiment of the present disclosure provides a step after displaying the completed layout of the comment display interface, which ensures that the user can correspondingly view the thumbnail in the comment data when browsing the displayed secondary comment data, which improves The accuracy and completeness of comment data obtained by users.
- At least one thumbnail image corresponding to the positioning information in the second picture comment type display data is acquired, and the positioning information in the second picture comment type display data Displaying the corresponding at least one thumbnail includes: acquiring at least one thumbnail corresponding to the positioning information in the second picture comment display data, and displaying the at least one thumbnail in the additional display subpage of the comment display interface At least one thumbnail corresponding to the positioning information in the second picture comment display data is displayed, or; at least one thumbnail corresponding to the positioning information in the second picture comment display data is acquired, and the At least one thumbnail corresponding to the positioning information in the second picture comment display data is displayed on the secondary comment details page corresponding to the comment display interface.
- the additional display subpage is generated by the jump addition, and is used to display the interface of the thumbnail corresponding to the current picture prompt information.
- the additional display subpage may contain information associated with the current picture prompt information.
- the second-level comment details page is based on the current comment display interface, and the expanded details page only displays the second-level comment data corresponding to the current picture prompt information. Therefore, this optional implementation provides a basis for displaying the thumbnails in the displayed secondary comment data.
- the positioning in the second picture comment display data after displaying at least one thumbnail corresponding to the information, it also includes:
- the second target thumbnail in the second picture comment type display data download the second target original image corresponding to the second target thumbnail, and load the second target original image In the image browser, the original image of the second target is displayed in a large image.
- the manner of displaying the original image corresponding to the thumbnail is similar to that in the optional implementation manner in the third embodiment, and will not be repeated here.
- the optional implementation manner improves the accuracy and completeness of the comment data obtained by the user.
- Fig. 5 is a schematic structural diagram of a display device for image comment data provided in the fifth embodiment of the present disclosure, which can be applied to a situation where comment data for posted content is displayed in a social application.
- the device can use software and/ Or realized by hardware, the device can generally be configured in an electronic device.
- the device may include: a comment data acquisition module 510, a first-level comment data layout module 520, a second-level comment data layout module 530, and a comment display interface display module 540.
- the comment data acquisition module 510 is configured to Acquire at least one piece of comment data, and lay out the comment display interface according to the at least one piece of comment data, wherein the at least one piece of comment data includes image data, and the image data includes: the location of the thumbnail of the at least one image Information;
- the first-level comment data layout module 520 is configured to obtain at least one thumbnail corresponding to the positioning information in the target image type data when the target image type data of the current layout is the first-level comment data, and Generate picture comment display data of the target picture data according to the at least one thumbnail, and lay out the picture comment display data in the comment display interface;
- the secondary comment data layout module 530 is set to In the case where the target image data of the current layout is the second-level comment data, the image prompt information is generated according to the positioning information in the target image data, and the image comment display of the target image data is generated according to the image prompt information Data, the picture comment display data is laid out in the comment display interface, wherein the picture prompt information is used to prompt the pictures included in
- the embodiment of the present disclosure uses picture data as comment data.
- the picture data is first-level comment data
- the thumbnail in the first-level comment data is used as the display data that can be laid out in the comment display interface.
- the picture prompt information generated from the thumbnails in the second comment data is used as the display data that can be laid out in the comment display interface, which expands the data type of the comment data and reasonably sets the display effect of the picture data.
- the first-level comment data layout module 520 may include:
- the first-level comment data layout unit is configured to obtain multiple thumbnails corresponding to the positioning information in the target picture category data, and fill the multiple thumbnails correspondingly in multiple picture filling positions of the picture layout template to generate The picture comment display data of the target picture data, and the picture comment display data are laid out in the comment display interface.
- the picture data further includes: text comment data;
- the first-level comment data layout module 520 may include: a first display data generating unit configured to follow the text in the target picture data The image comment display data of the target image data is generated in a manner that the comment data comes first and the at least one thumbnail image is behind;
- the secondary comment data layout module 530 may include: a second display data generating unit configured to In order to generate the picture comment display data of the target picture data in a manner that the text comment data in the target picture data comes first and the picture prompt information is last.
- the second display data generating unit is configured to: generate picture prompt information matching the number according to the number of positioning information included in the target picture category data; and according to the target picture
- the picture comment type display data of the target picture type data is generated in a manner that the text comment data in the category data comes first, and the picture prompt information matching the number is behind.
- the first-level comment data is comment data for the posted content
- the second-level comment data is comment data for the posted content
- the location information of the thumbnail of the includes: the uniform resource locator of the thumbnail of the at least one picture.
- a first large image display unit configured to display the first-level comment data of the comment display interface according to the user's first-level comment data on the comment display interface after the layout is completed.
- a selection operation of the first target thumbnail in the image comment type display data downloading the first target original image corresponding to the first target thumbnail, and loading the first target original image in the image browser, Display the original image of the first target in a large image.
- a sliding selection thumbnail determining unit configured to load the first target original image in the image browser and display the first target original image in a larger image , According to the user's sliding selection operation on the picture browser, and the arrangement of thumbnails other than the first target thumbnail included in the first picture comment type display data and the first target thumbnail Sequence, determine the slide selection thumbnail among the thumbnails other than the first target thumbnail; the slide selection original image display unit is set to obtain the original image corresponding to the slide selection thumbnail, and The original image corresponding to the sliding selection thumbnail is displayed in a large image in the browser.
- it may further include: another original image loading unit configured to download the first image comment type display data after downloading the first target original image corresponding to the first target thumbnail The original image corresponding to the thumbnail other than the first target thumbnail included in, and the original image corresponding to the thumbnail other than the first target thumbnail is preloaded in the image browser Operation.
- an original image clearing unit configured to load the first target original image in the image browser and display the first target original image in a large image, according to The user's closing operation on the picture previewer closes the picture previewer and clears the original image that has been loaded and displayed in the picture previewer.
- the first large image display unit is configured to: obtain the positioning information of the first target original image corresponding to the first target thumbnail, and according to the positioning of the first target original image Information, perform the operation of downloading the first target original image; during the downloading process of the first target original image, play in the image browser including the first target thumbnail and wait for the transfer of the analog animation Scene animation; after the download of the first target original image is completed, load the first target original image into the picture browser, and display the first target original image in a larger image
- it may further include: a thumbnail display unit, configured to display a second picture in the second-level comment data of the comment display interface according to the user’s comment after the layout of the comment display interface is displayed.
- a request for viewing comment display data obtaining at least one thumbnail corresponding to the positioning information in the second picture comment display data, and at least one thumbnail corresponding to the positioning information in the second picture comment display data Thumbnails for display.
- the thumbnail display unit is configured to: obtain at least one thumbnail corresponding to the positioning information in the second picture comment display data, and display the additional display on the comment display interface. Display at least one thumbnail corresponding to the positioning information in the second picture comment display data on the page; or obtain at least one thumbnail corresponding to the positioning information in the second picture comment display data , Displaying at least one thumbnail image corresponding to the positioning information in the second picture comment display data on the second-level comment details page corresponding to the comment display interface.
- a second large image display unit configured to obtain and display at least one thumbnail corresponding to the positioning information in the second image comment display data, according to the user For the selection operation of the second target thumbnail in the second picture comment type display data, download the second target original image corresponding to the second target thumbnail, and load the second target original image in the picture In the browser, the original image of the second target is displayed in a large image.
- the device for displaying picture comment data provided in the embodiment of the present disclosure belongs to the same concept as the method for displaying picture comment data provided by any embodiment of the present disclosure.
- the embodiments of the present disclosure have the same effects as the above-mentioned embodiments.
- the sixth embodiment of the present disclosure provides an electronic device.
- FIG. 6 shows a schematic structural diagram of an electronic device (such as a client or a server) 600 suitable for implementing the embodiments of the present disclosure.
- the electronic devices in the embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA), tablet computers (PAD), and portable multimedia players (Portable Media Player). , PMP), mobile terminals such as in-vehicle terminals (for example, in-vehicle navigation terminals), and fixed terminals such as digital televisions (Television, TV), desktop computers, etc.
- PMP Personal Digital Assistant
- PMP Personal Digital Assistant
- PMP mobile terminals
- in-vehicle terminals for example, in-vehicle navigation terminals
- fixed terminals such as digital televisions (Television, TV), desktop computers, etc.
- the electronic device shown in FIG. 6 is only an example, and should not bring any limitation to
- the electronic device 600 may include a processing device (such as a central processing unit, a graphics processor, etc.) 601, which may be based on a program stored in a read-only memory (Read-Only Memory, ROM) 602 or from a storage device 608 is loaded into the program in random access memory (Random Access Memory, RAM) 603 to perform various appropriate actions and processing.
- the RAM 603 also stores various programs and data required for the operation of the electronic device 600.
- the processing device 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604.
- An input/output (Input/Output, I/O) interface 605 is also connected to the bus 604.
- the following devices can be connected to the I/O interface 605: including input devices 606 such as touch screens, touch pads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; including, for example, liquid crystal displays (LCD) Output devices 607 such as speakers, vibrators, etc.; storage devices 608 such as magnetic tapes, hard disks, etc.; and communication devices 609.
- the communication device 609 may allow the electronic device 600 to perform wireless or wired communication with other devices to exchange data.
- FIG. 6 shows an electronic device 600 with multiple devices, it is not required to implement or have all the devices shown. It may alternatively be implemented or provided with more or fewer devices.
- the process described above with reference to the flowchart may be implemented as a computer software program.
- the embodiments of the present disclosure include a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart.
- the computer program may be downloaded and installed from the network through the communication device 609, or installed from the storage device 608, or installed from the ROM 602.
- the computer program is executed by the processing device 601, it executes the above-mentioned functions defined in the method for displaying comment data of picture type in the embodiment of the present disclosure.
- the seventh embodiment of the present disclosure also provides a computer-readable storage medium.
- the computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two.
- the computer-readable storage medium may be, for example, but not limited to, an electric, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above.
- Examples of computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, RAM, ROM, Erasable Programmable Read-Only Memory (EPROM) Or flash memory), optical fiber, CD-ROM (Compact Disc Read-Only Memory), optical storage device, magnetic storage device, or any suitable combination of the above.
- a computer-readable storage medium may be any tangible medium that contains or stores a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
- a computer-readable signal medium may include a data signal propagated in a baseband or as a part of a carrier wave, and a computer-readable program code is carried therein. This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
- the computer-readable signal medium may also be any computer-readable medium other than the computer-readable storage medium.
- the computer-readable signal medium may send, propagate, or transmit the program for use by or in combination with the instruction execution system, apparatus, or device .
- the program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to: wire, optical cable, radio frequency (RF), etc., or any suitable combination of the above.
- the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or it may exist alone without being assembled into the electronic device.
- the above-mentioned computer-readable medium carries one or more programs.
- the electronic device When the above-mentioned one or more programs are executed by the electronic device, the electronic device is caused to: obtain at least one piece of comment data, and compare the comment display interface with the at least one piece of comment data.
- the at least one piece of comment data includes picture type data
- the picture type data includes: positioning information of thumbnails of at least one picture; in the case where the target picture type data of the current layout is first-level comment data , Acquiring at least one thumbnail corresponding to the positioning information in the target image data, and generating image comment display data of the target image data according to the at least one thumbnail, and comparing the image comment Display the data layout in the comment display interface; in the case that the target picture data of the current layout is the second-level comment data, generate picture prompt information according to the positioning information in the target picture data, and generate picture prompt information according to the picture prompt information Generate the picture comment display data of the target picture data, and lay out the picture comment display data in the comment display interface, wherein the picture prompt information is used to prompt the target picture data included Picture; display the comment display interface after the layout is completed.
- the computer program code used to perform the operations of the present disclosure may be written in one or more programming languages or a combination thereof.
- the above-mentioned programming languages include object-oriented programming languages—such as Java, Smalltalk, C++, and also conventional Procedural programming language-such as "C" language or similar programming language.
- the program code can be executed entirely on the user's computer, partly on the user's computer, executed as an independent software package, partly on the user's computer and partly executed on a remote computer, or entirely executed on the remote computer or server.
- the remote computer can be connected to the user's computer through any kind of network-including Local Area Network (LAN) or Wide Area Network (WAN)-or it can be connected to an external computer (for example, use an Internet service provider to connect via the Internet).
- LAN Local Area Network
- WAN Wide Area Network
- each block in the flowchart or block diagram can represent a module, program segment, or part of code, and the module, program segment, or part of code contains one or more for realizing the specified logical function Executable instructions.
- the functions marked in the block may also occur in a different order from the order marked in the drawings. For example, two blocks shown in succession can actually be executed substantially in parallel, or they can sometimes be executed in the reverse order, depending on the functions involved.
- each block in the block diagram and/or flowchart, and the combination of the blocks in the block diagram and/or flowchart can be implemented by a dedicated hardware-based system that performs the specified functions or operations Or it can be realized by a combination of dedicated hardware and computer instructions.
- the modules involved in the embodiments described in the present disclosure can be implemented in software or hardware. Among them, the name of the module does not constitute a limitation on the module itself in one case.
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
一种图片类评论信息的展示方法、装置、设备及介质。其中,所述方法包括:获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局(110);在当前布局的目标图片类数据为一级评论数据的情况下,获取与目标图片类数据中的定位信息对应的缩略图,并根据至少一张缩略图生成目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于评论显示界面中(120);在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据图片提示信息生成目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于评论显示界面中(130);将布局完成的评论显示界面进行展示(140)。
Description
本申请要求在2019年04月28日提交中国专利局、申请号为201910348732.2的中国专利申请的优先权,该申请的全部内容通过引用结合在本申请中。
本公开实施例涉及信息展示技术,例如涉及一种图片类评论数据的展示方法、装置、设备及介质。
随着社交类应用程序的不断发展,对社交类应用程序中发布内容进行评论,并将评论数据展示,已经成为进行数据交换,促进数据传播和用户沟通的重要途径。
相关技术中的评论数据展示方式中,用户通过在评论编辑区域中编辑评论文字和添加表情,并将评论编辑区域中的内容发布,实现评论数据的展示,而且,用户可以浏览发布内容对应的评论数据。其中,发布内容包括主题内容,以及回复主题内容的一层或者多层评论数据。
相关技术存在如下缺陷:由于评论数据支持的数据类型有限,减少了用户对发布内容进行评论时的数据描述形式,阻碍了用户对发布内容进行合理表达的途径,不利于数据的交换以及传播。
发明内容
本公开实施例提供一种图片类评论数据的展示方法、装置、设备及介质,以丰富评论数据的数据类型,提高对发布内容的评价维度,促进数据的交换和传播。
本公开实施例提供了一种图片类评论数据的展示方法,包括:
获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,其中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息;
在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中;
在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,其中,所述图片提示信息用于提示所述目标图片类数据中包含的图片;
对布局完成的所述评论显示界面进行展示。
本公开实施例还提供了一种图片类评论数据的展示装置,包括:
评论数据获取模块,设置为获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,其中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息;
一级评论数据布局模块,设置为在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中;
二级评论数据布局模块,设置为在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,其中,所述图片提示信息用于提示所述目标图片类数据中包含的图片;
评论显示界面展示模块,设置为对布局完成的所述评论显示界面进行展示。
本公开实施例还提供了一种电子设备,该电子设备包括:
一个或多个处理器;
存储器,设置为存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本公开任意实施例所述的图片类评论数据的展示方法。
本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开任意实施例所述的图片类评论数据的展示方法。
图1a是本公开实施例一提供的一种图片类评论数据的展示方法的流程图;
图1b是本公开实施例一提供的一种评论显示界面的示意图;
图2a是本公开实施例二提供的一种图片类评论数据的展示方法的流程图;
图2b是本公开实施例二提供的一种评论显示界面的示意图;
图3a是本公开实施例三提供的一种图片类评论数据的展示方法的流程图;
图3b是本公开实施例三提供的一种由评论显示界面图片跳转至图片浏览器的示意图;
图4a是本公开实施例四提供的一种图片类评论数据的展示方法的流程图;
图4b是本公开实施例四提供的一种由评论显示界面图片跳转至追加展示子页面的示意图;
图4c是本公开实施例四提供的一种评论显示界面对应的二级评论详情页面的示意图;
图5是本公开实施例五提供的一种图片类评论数据的展示装置的结构示意图;
图6是本公开实施例六提供的一种电子设备的结构示意图。
下面结合附图和实施例对本公开说明。此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。为了便于描述,附图中仅示出了与本公开相关的部分而非全部结构。下述实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的多个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。
实施例一
图1a为本公开实施例一提供的一种图片类评论数据的展示方法的流程图,本实施例可适用于在社交类应用程序中,将针对发布内容的评论数据进行展示的情况,该方法可以由图片类评论数据的展示装置来执行,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,该电子设备为智能终端,例如手机、平板电脑等。如图1a所示,该方法包括如下步骤:
步骤110、获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局。
本实施例中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息。
图片类数据是至少包括图片的缩略图的定位信息的数据。一实施例中,图片类数据中还可以包括文字,和/或表情,表情可以包括静态表情和动态表情。
图片的缩略图是对图片压缩处理后的小图。一实施例中,图片的缩略图包含指向对应原图的链接。缩略图的定位信息是对应存储该缩略图的地址信息,由于互联网中的每个文件都有唯一的定位信息,用于确定每个文件的位置以及相关处理手段,在本实施例中,可选的,所述至少一张图片的缩略图的定位信息包括:所述至少一张图片的缩略图的统一资源定位符(Uniform Resource Locator,URL)。
在本实施例中,获取至少一条评论数据,作为待布局于评论显示界面的数据。获取评论数据可以由用户的多种操作触发,例如,针对评论数据跟随发布内容全部展开显示的情况,当用户触发查看所有发布内容的操作时,智能终端就会获取待展示的评论数据。又例如,针对每条发布内容的展示区域固定的情况,当一条发布内容的数据较多,当前界面不能完整展示的时,用户可以通过触碰对应区域,查看该条发布内容的完整形式,与此同时,针对该条发布内容的评论数据也会随之显示,因此,就会触发智能终端获取待展示的评论数据。还例如,针对通过触碰对应的评论查看标识,即可查看针对发布内容的评论数据的情况,当用户点击评论查看标识时,就可以触发智能终端获取待展示的评论数据。
一实施例中,建立评论图片显示组件,其中,包含一个集合列表,将上述获取的评论数据中的每一条作为一个列表项载入集合列表中,每一列表项以其中包含的图片数据作为标签标记,该标签与列表项的索引值对应。同时,图片显示组件中还附加了手势,用于根据手势顺序判断用户点击的列表项的索引值。评论图片显示组件还提供了与外界交互的多个方法,用于对集合列表中的每一列表项进行处理,提供的方法可以包括:数据注入方法、数据清理方法以及数据回调方法等。
步骤120、在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
可选的,所述一级评论数据为针对发布内容的评论数据。也就是说,当前布局的目标图片类数据为直接对发布内容进行评论的数据。
在本实施例中,当目标图片类数据为一级评论数据,从目标图片类数据中的定位信息中确定至少一张缩略图,根据缩略图以及目标图片类数据中的其他数据,生成目标图片类数据的图片类评论展示数据,将包含缩略图的图片类评 论展示数据布局于评论显示界面中。
本实施例中,在评论图片显示组件中,在确定目标图片类数据为一级评论数据后,获取与一级评论数据对应的数据注入方法,将该数据注入方法作用于目标图片数据中。一实施例中,在该数据注入方法中,首先确定目标图片类数据中的定位信息,根据定位信息确定缩略图,将缩略图按照预设的排版规则与目标图片类数据中的其他数据组合,生成目标图片类数据的图片类评论展示数据,并将该图片类评论展示数据布局于评论显示界面中。
在本实施例的一个可选的实施方式中,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,包括:获取与所述目标图片类数据中的定位信息对应的多张缩略图,将所述多张缩略图对应填充于图片布局模板的多个图片填充位,以生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
本实施例中,图片布局模板属于评论图片显示组件,是一级评论数据对应的数据注入方法中的一部分,图片布局模板提供了缩略图的排版规则,即按照设定顺序,将多张缩略图填充于图片布局模板的图片填充位中。一实施例中,图片布局模板为九宫格,对应的评论显示界面如图1b所示。
由此,本可选的实施方式中提供了一种缩略图布局的方案,将缩略图按照图片布局模板平铺布局,以使用户直观地对缩略图进行浏览,增强了对应的图片类评论展示数据的可读性。
步骤130、在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
可选的,所述二级评论数据为针对所述发布内容的评论数据的评论数据。也就是说,当前布局的目标图片类数据为间接对发布内容进行评论的数据。一实施例中,二级评论数据可以为除针对发布内容的直接评论数据外的其他任意层评论数据。
在本实施例中,当目标图片类数据为二级评论数据,根据生成的图片提示信息以及目标图片类数据中的其他数据,生成目标图片类数据的图片类评论展示数据,将包含图片提示信息的图片类评论展示数据布局于评论显示界面中。其中,图片提示信息是用于提示目标图片类数据中包含图片的信息。一实施例 中,图片提示信息以文字或者图片的形式显示,对应缩略图的定位信息,可以将图片提示信息理解为一个超链接。本实施例中对一级评论数据和二级评论数据的区分布局方式,有利于提高评论显示界面的利用率以及显示速度。
一实施例中,在评论图片显示组件中,在确定目标图片类数据为二级评论数据后,获取与二级评论数据对应的数据注入方法,在该数据注入方法中,根据目标图片类数据中的定位信息,生成对应的图片提示信息,将图片提示信息与目标图片类数据中的其他数据组合,按照预设的排版规则生成目标图片类数据的图片类评论展示数据,并将该图片类评论展示数据布局于评论显示界面中。
步骤140、对布局完成的所述评论显示界面进行展示。
在本实施例中,在评论显示界面布局完成后,将评论显示界面发送至系统中对应的视图类接口,进行展示。
本公开实施例通过将图片类数据作为评论数据,当图片类数据为一级评论数据时,将一级评论数据中的缩略图作为可布局于评论显示界面中的展示数据,当图片类数据为二级评论数据时,将由二评论数据中的缩略图生成的图片提示信息作为可布局于评论显示界面中的展示数据,拓展了评论数据的数据类型,还合理设置了图片类数据的展示效果。解决了相关技术中,由于评论数据支持的数据类型有限,减少了用户对发布内容进行评论时的数据描述形式,阻碍了用户对发布内容进行合理表达的途径,不利于信息的交换以及传播的问题,实现了丰富评论数据的数据类型,提高对发布内容的评价维度,促进数据的交换和传播的效果。
实施例二
图2a为本公开实施例二提供的一种图片类评论数据的展示方法的流程图。本实施例可以与上述一个或者多个实施例中可选方案结合,在本实施例中,所述图片类数据还包括:文本评论数据;根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,可以为:按照所述目标图片类数据中的文本评论数据在前,所述至少一张缩略图在后的方式,生成所述目标图片类数据的图片类评论展示数据;根据所述图片提示信息生成所述目标图片类数据的图片评论类展示数据,可以为:按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据。
相应的,如图2a所示,该方法包括如下步骤:
步骤210、获取至少一条评论数据,根据所述至少一条评论数据对评论显示 界面进行布局。
本实施例中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息。本实施例中,所述图片类数据还包括:文本评论数据。
在本实施例的一个可选的实施方式中,获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,包括:将用户的评论查看请求发送至服务器;接收所述服务器针对所述评论查看请求反馈的至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局。
本实施例中,用户的评论查看请求可以与多种操作关联,任何导致评论数据展示的操作,都可以触发评论查看请求。一实施例中,导致评论数据展示的操作与展示规则对应,展示规则触发评论查看请求,并将待展示的评论数据对应的信息添加到评论查看请求中,以便服务器根据评论查看请求,将对应的评论数据发送至智能终端。展示规则是在应用程序的后台设定的,例如,一种展示规则可以是:当用户点击发布内容下方的评论标识时,评论数据中的所有一级评论数据展开显示,其下的二级评论数据仅展示最近发布的三条,其余二级评论数据折叠;另一种展示规则可以是:在上述展示规则的基础上,当用户点击折叠的二级评论数据对应的提示信息时,评论展示界面上展示对应的一级评论数据下的所有二级评论数据。
由此,本可选的实施方式保证了用户操作与评论展示的对应关系,即保证了展示的评论数据的正确性。
步骤220、在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,按照所述目标图片类数据中的文本评论数据在前,所述至少一张缩略图在后的方式,生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
在本实施例中,如图1b所示,当目标图片类数据为一级评论数据时,对应的数据注入方法中的排版规则为:文本评论数据在前,至少一张缩略图在后。一实施例中,当存在多张缩略图时,将多张缩略图对应填充于图片布局模板的多个图片填充位,以使多张缩略图按照图片布局模板的排版方式布局。
步骤230、在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示 界面中。
在本实施例中,当目标图片类数据为二级评论数据时,对应的数据注入方法中的排版规则为:文本评论数据在前,图片提示信息在后。
在本实施例的一个可选的实施方式中,按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据,包括:
根据所述目标图片类数据中包括的定位信息的数量,生成与所述数量匹配的图片提示信息;按照所述目标图片类数据中的文本评论数据在前,与所述数量匹配的图片提示信息在后的方式,生成所述目标图片类数据的图片评论类展示数据。
在本可选的实施方式中,提供了评论图片显示组件中,二级评论数据对应的数据注入方法中生成和显示图片提示信息的方式:确定目标图片类数据中包括的定位信息的数量,根据定位信息的数量生成对应的图片提示信息。典型的,图片提示信息可以以“[图片]×数量”的形式显示,显示内容作为一个超链接,与缩略图的定位信息中的首个定位信息关联,对应的评论显示界面如图2b所示。由此,既节约了评论显示界面中的显示资源,又达到了向浏览用户准确推送图片信息的目的。
步骤240、对布局完成的所述评论显示界面进行展示。
本实施未解释之处,请参见前述实施例,在此不再赘述。
本公开实施例通过设置文本评论数据和图片相关信息的排版规则,将文本评论数据置于图片相关信息之前,在丰富评论数据的数据类型的同时,提高了评论数据的可读性。
实施例三
图3a为本公开实施例三提供的一种图片类评论数据的展示方法的流程图。本实施例可以与上述一个或者多个实施例中可选方案结合,在本实施例中,在对布局完成的所述评论显示界面进行展示之后,还可以为:根据用户对所述评论显示界面的一级评论数据中第一图片评论类展示数据中的第一目标缩略图的选择操作,下载与所述第一目标缩略图对应的第一目标原图,并将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示。
相应的,如图3a所示,该方法包括如下步骤:
步骤310、获取至少一条评论数据,根据所述至少一条评论数据对评论显示 界面进行布局。
本实施例中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息。所述图片类数据还包括:文本评论数据。
步骤320、在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,按照所述目标图片类数据中的文本评论数据在前,所述至少一张缩略图在后的方式,生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
步骤330、在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
步骤340、对布局完成的所述评论显示界面进行展示。
步骤350、根据用户对所述评论显示界面的一级评论数据中第一图片评论类展示数据中的第一目标缩略图的选择操作,下载与所述第一目标缩略图对应的第一目标原图,并将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示。
一实施例中,用户对所述评论显示界面的一级评论数据中第一图片评论类展示数据中的第一目标缩略图的选择操作,可以理解为:用户浏览展示的一级评论数据中的包含缩略图的评论数据时,点击其中的任一缩略图,其中,当前点击的缩略图即为第一目标缩略图。
在本实施例中,如图3b所示,由于图片的缩略图包含指向对应原图的链接,当用户对第一目标缩略图进行选择操作后,触发智能终端下载第一目标缩略图对应的第一目标原图的操作,并将第一目标原图加载于图片浏览器中,对第一目标原图进行大图展示。
本实施例中,图片浏览器可以是智能终端的系统提供的,也可以是应用程序提供的。在本实施例中,图片浏览器为应用程序提供的通用图片查看器,该图片浏览器不可以跨评论浏览图片,只能查看当前浏览的评论数据中的全部图片,且图片浏览器在每一屏显示过程中仅呈现一张图片。
一实施例中,建立评论交互组件,该组件以应用程序供的通用图片查看器作为封装对象,设计为单例类。评论交互组件中附加了手势,并提供了与外界 交互的多个方法,用于查看原图,显示转场动画以及数据清理,提供的方法可以包括:缩略图注入方法、原图下载方法和数据清理方法。
本公开实施例的技术方案提供了在对布局完成的所述评论显示界面进行展示之后的步骤,保证了用户在浏览展示的一级评论数据时,可以对应查看评论数据中的原图,提高了用户获得的评论数据的准确性和完整性。
在本实施例的一个可选的实施方式中,在将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示之后,还包括:根据用户对所述图片浏览器的滑动选择操作,以及所述第一图片评论类展示数据中包括的除所述第一目标缩略图外的缩略图与所述第一目标缩略图的排布顺序,在所述除所述第一目标缩略图外的缩略图中确定滑动选择缩略图;获取与所述滑动选择缩略图对应的原图,在所述图片浏览器中对所述滑动选择缩略图对应的原图进行大图展示。
在本可选的实施方式中,当一级评论数据中存在多张缩略图时,用户在通过图片浏览器查看一张缩略图对应的原图时,还可以通过手势滑动选择操作,查看其他缩略图对应的原图。
一实施例中,在评论交互组件,通过组件中附加的手势,确定用户当前的手势操作,在确定为滑动选择操作后,根据其他缩略图与第一目标缩略图的排布顺序,通过缩略图注入方法获取当前的滑动选择缩略图,并根据当前的滑动选择缩略图对应的原图链接,通过原图下载方法获取对应的原图,进行大图展示。由此,本可选的实施方式实现了对展示的一级评论数据中图片进行滑动浏览的功能。
在本实施例的一个可选的实施方式中,在下载与所述第一目标缩略图对应的第一目标原图之后,还包括:下载与所述第一图片评论类展示数据中包括的除所述第一目标缩略图外的缩略图对应的原图,并将与所述除所述第一目标缩略图外的缩略图对应的原图预加载于所述图片浏览器中。
一实施例中,为了提高用户的浏览效率,在下载与第一目标缩略图对应的第一目标原图之后,可以通过第一图片评论类展示数据确定其他缩略图,并下载其他缩略图对应的原图,将其他缩略图对应的原图预加载于图片浏览器,以减少用户在滑动选择后的等待时间。
一实施例中,在评论交互组件,在下载与第一目标缩略图对应的第一目标原图之后,根据其他缩略图与第一目标缩略图的排布顺序,通过缩略图注入方法获取其他缩略图,并根据其他缩略图对应的原图链接,通过原图下载方法获取其他缩略图对应的原图,预加载于图片浏览器。
在本实施例的一个可选的实施方式中,在将所述第一目标原图加载于图片浏览器中进行大图展示之后,还包括:根据用户对所述图片预览器的关闭操作,关闭所述图片预览器,并清空所述图片预览器中已加载显示的原图。
在本可选的实施方式中,利用评论交互组件中的手势以及数据清理方法,当确定用户对图片预览器的关闭操作,关闭图片预览器,通过数据清理方法清空图片预览器中已加载显示的原图。由此,减少了图片预览器的加载压力,保证了用户在浏览其他图片评论时可以快速加载图片,提高浏览效率。
在本实施例的一个可选的实施方式中,下载与所述第一目标缩略图对应的第一目标原图,并将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示,包括:获取与所述第一目标缩略图对应的第一目标原图的定位信息,并根据所述第一目标原图的定位信息,执行下载所述第一目标原图的操作;在所述第一目标原图的下载过程中,在所述图片浏览器中播放包括所述第一目标缩略图以及等待类动图的转场动画;在所述第一目标原图下载完成后,将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示。
在本可选的实施方式中,在第一目标原图的下载过程中,在图片浏览器中播放包括第一目标缩略图以及等待类动图(例如:时间漏斗动图或者进度动图)的转场动画,可以缓解用户在等待查看原图时的焦虑心情。一实施例中,等待类动图的转场动画可以包括对应的原图下载进度,达到对用户提醒的目的。
实施例四
图4a为本公开实施例四提供的一种图片类评论数据的展示方法的流程图。本实施例可以与上述一个或者多个实施例中可选方案结合,在本实施例中,对布局完成的所述评论显示界面进行展示之后,还可以为:根据用户对所述评论显示界面的二级评论数据中第二图片评论类展示数据的查看请求,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
相应的,如图4a所示,该方法包括如下步骤:
步骤410、获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局。
所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息。所述图片类数据还包括:文本评论数据。
步骤420、在当前布局的目标图片类数据为一级评论数据的情况下,获取与 所述目标图片类数据中的定位信息对应的至少一张缩略图,按照所述目标图片类数据中的文本评论数据在前,所述至少一张缩略图在后的方式,生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
步骤430、在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
步骤440、对布局完成的所述评论显示界面进行展示。
步骤450、根据用户对所述评论显示界面的二级评论数据中第二图片评论类展示数据的查看请求,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
一实施例中,用户对所述评论显示界面的二级评论数据中第二图片评论类展示数据的查看请求,可以理解为:用户浏览二级评论数据中的包含缩略图的评论数据时,点击其中的图片提示信息。
在本实施例中,由于图片提示信息对应缩略图的定位信息,当用户点击图片提示信息后,触发智能终端获取第二图片评论类展示数据中的定位信息对应的缩略图,并将缩略图展示。本公开实施例的技术方案提供了在对布局完成的所述评论显示界面进行展示之后的步骤,保证了用户在浏览展示的二级评论数据时,可以对应查看评论数据中的缩略图,提高了用户获得的评论数据的准确性和完整性。
在本实施例的一个可选的实施方式中,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示,包括:获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,在所述评论显示界面的追加展示子页面中对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示,或者;获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,在与所述评论显示界面对应的二级评论详情页面中对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
一实施例中,如图4b所示,追加展示子页面是跳转追加生成的,用于展示与当前图片提示信息对应的缩略图的界面,追加展示子页面中可以包含与当前 图片提示信息关联的文字评论数据。如图4c所示,二级评论详情页面是基于当前评论显示界面,展开的详情页面,仅对当前图片提示信息对应的二级评论数据进行详情展示。由此,本可选的实施方式为展示的二级评论数据中的缩略图提供了展示页面基础。
在本实施例的一个可选的实施方式中,在获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示之后,还包括:
根据用户对所述第二图片评论类展示数据中的第二目标缩略图的选择操作,下载与所述第二目标缩略图对应的第二目标原图,并将所述第二目标原图加载于图片浏览器中,对所述第二目标原图进行大图展示。
在本可选的实施方式中,显示缩略图对应的原图的方式与实施例三中可选的实施方式中的类似,此处再不赘述。由此,本可选的实施方式提高了用户获得的评论数据的准确性和完整性。
实施例五
图5为本公开实施例五提供的一种图片类评论数据的展示装置的结构示意图,可适用于在社交类应用程序中,将针对发布内容的评论数据展示的情况该装置可以采用软件和/或硬件的方式实现,该装置一般可以配置于电子设备中。如图5所示,该装置可以包括:评论数据获取模块510、一级评论数据布局模块520、二级评论数据布局模块530以及评论显示界面展示模块540,其中,评论数据获取模块510,设置为获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,其中,所述至少一评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息;一级评论数据布局模块520,设置为在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中;二级评论数据布局模块530,设置为在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,其中,所述图片提示信息用于提示所述目标图片类数据中包含的图片;评论显示界面展示模块540,设置为对布局完成的所述评论显示界面进行展示。
本公开实施例通过将图片类数据作为评论数据,当图片类数据为一级评论 数据时,将一级评论数据中的缩略图作为可布局于评论显示界面中的展示数据,当图片类数据为二级评论数据时,将由二评论数据中的缩略图生成的图片提示信息作为可布局于评论显示界面中的展示数据,拓展了评论数据的数据类型,还合理设置了图片类数据的展示效果。解决了相关技术中,由于评论数据支持的数据类型有限,减少了用户对发布内容进行评论时的数据描述形式,阻碍了用户对发布内容进行合理表达的途径,不利于信息的交换以及传播的问题,实现了丰富评论数据的数据类型,提高对发布内容的评价维度,促进数据的交换和传播的效果。
在上述实施例的基础上,一级评论数据布局模块520,可以包括:
一级评论数据布局单元,设置为获取与所述目标图片类数据中的定位信息对应的多张缩略图,将所述多张缩略图对应填充于图片布局模板的多个图片填充位,以生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
在上述实施例的基础上,所述图片类数据还包括:文本评论数据;一级评论数据布局模块520,可以包括:第一展示数据生成单元,设置为按照所述目标图片类数据中的文本评论数据在前,所述至少一张缩略图在后的方式,生成所述目标图片类数据的图片类评论展示数据;二级评论数据布局模块530,可以包括:第二展示数据生成单元,设置为按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据。
在上述实施例的基础上,第二展示数据生成单元,是设置为:根据所述目标图片类数据中包括的定位信息的数量,生成与所述数量匹配的图片提示信息;按照所述目标图片类数据中的文本评论数据在前,与所述数量匹配的图片提示信息在后的方式,生成所述目标图片类数据的图片评论类展示数据。
在上述实施例的基础上,所述一级评论数据为针对发布内容的评论数据,所述二级评论数据为针对所述发布内容的评论数据的评论数据;和/或所述至少一张图片的缩略图的定位信息包括:所述至少一张图片的缩略图的统一资源定位符。
在上述实施例的基础上,还可以包括:第一大图展示单元,设置为在对布局完成的所述评论显示界面进行展示之后,根据用户对所述评论显示界面的一级评论数据中第一图片评论类展示数据中的第一目标缩略图的选择操作,下载与所述第一目标缩略图对应的第一目标原图,并将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示。
在上述实施例的基础上,还可以包括:滑动选择缩略图确定单元,设置为在将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示之后,根据用户对所述图片浏览器的滑动选择操作,以及所述第一图片评论类展示数据中包括的除所述第一目标缩略图外的缩略图与所述第一目标缩略图的排布顺序,在所述除所述第一目标缩略图外的缩略图中确定滑动选择缩略图;滑动选择原图展示单元,设置为获取与所述滑动选择缩略图对应的原图,在所述图片浏览器中对所述滑动选择缩略图对应的原图进行大图展示。
在上述实施例的基础上,还可以包括:其他原图加载单元,设置为在下载与所述第一目标缩略图对应的第一目标原图之后,下载与所述第一图片评论类展示数据中包括的除所述第一目标缩略图外的缩略图对应的原图,并将与所述除所述第一目标缩略图外的缩略图对应的原图预加载于所述图片浏览器中的操作。
在上述实施例的基础上,还可以包括:原图清空单元,设置为在将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示之后,根据用户对所述图片预览器的关闭操作,关闭所述图片预览器,并清空所述图片预览器中已加载显示的原图。
在上述实施例的基础上,第一大图展示单元,是设置为:获取与所述第一目标缩略图对应的第一目标原图的定位信息,并根据所述第一目标原图的定位信息,执行下载所述第一目标原图的操作;在所述第一目标原图的下载过程中,在所述图片浏览器中播放包括所述第一目标缩略图以及等待类动图的转场动画;在所述第一目标原图下载完成后,将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示
在上述实施例的基础上,还可以包括:缩略图展示单元,设置为在对布局完成的所述评论显示界面进行展示之后,根据用户对所述评论显示界面的二级评论数据中第二图片评论类展示数据的查看请求,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
在上述实施例的基础上,缩略图展示单元,是设置为:获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,在所述评论显示界面的追加展示子页面中对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示;或者,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,在与所述评论显示界面对应的二级评论详情页面中对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
在上述实施例的基础上,还可以包括:第二大图展示单元,设置为在获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示之后,根据用户对所述第二图片评论类展示数据中的第二目标缩略图的选择操作,下载与所述第二目标缩略图对应的第二目标原图,并将所述第二目标原图加载于图片浏览器中,对所述第二目标原图进行大图展示。
本公开实施例提供的图片类评论数据的展示装置,与本公开任意实施例提供的图片类评论数据的展示方法属于同一构思,未在本公开实施例中详尽描述的技术细节可参见上述实施例,并且本公开实施例与上述实施例具有相同的效果。
实施例六
本公开实施例六提供了一种电子设备,下面参考图6,其示出了适于用来实现本公开实施例的电子设备(例如客户端或服务器端)600的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant,PDA)、平板电脑(PAD)、便携式多媒体播放器(Portable Media Player,PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视机(Television,TV)、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(Read-Only Memory,ROM)602中的程序或者从存储装置608加载到随机访问存储器(Random Access Memory,RAM)603中的程序而执行多种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的多种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(Input/Output,I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(Liquid Crystal Display,LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有多种装置的电子设备600,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的图片类评论数据的展示方法中限定的上述功能。
实施例七
本公开实施例七还提供了一种计算机可读存储介质,计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、RAM、ROM、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory,EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、射频(Radio Frequency,RF)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面的布局,其中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息;在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数 据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中;在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,其中,所述图片提示信息用于提示所述目标图片类数据中包含的图片;对布局完成的所述评论显示界面进行展示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(Local Area Network,LAN)或广域网(Wide Area Network,WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在一种情况下并不构成对该模块本身的限定。
Claims (17)
- 一种图片类评论数据的展示方法,包括:获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,其中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息;在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中;在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,其中,所述图片提示信息用于提示所述目标图片类数据中包含的图片;对布局完成的所述评论显示界面进行展示。
- 根据权利要求1所述的方法,其中,所述获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,包括:获取与所述目标图片类数据中的定位信息对应的多张缩略图,将所述多张缩略图对应填充于图片布局模板的多个图片填充位,以生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中。
- 根据权利要求1所述的方法,其中,所述图片类数据还包括:文本评论数据;所述根据所述至少一张缩略图生成所述目标图片类数据的图片类评论展示数据,包括:按照所述目标图片类数据中的文本评论数据在前,所述至少一张缩略图在后的方式,生成所述目标图片类数据的图片类评论展示数据;所述根据所述图片提示信息生成所述目标图片类数据的图片评论类展示数据,包括:按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据。
- 根据权利要求3所述的方法,其中,所述按照所述目标图片类数据中的文本评论数据在前,所述图片提示信息在后的方式,生成所述目标图片类数据的图片类评论展示数据,包括:根据所述目标图片类数据中包括的定位信息的数量,生成与所述数量匹配的图片提示信息;按照所述目标图片类数据中的文本评论数据在前,与所述数量匹配的图片提示信息在后的方式,生成所述目标图片类数据的图片评论类展示数据。
- 根据权利要求1所述的方法,满足以下至少之一:所述一级评论数据为针对发布内容的评论数据,所述二级评论数据为针对所述发布内容的评论数据的评论数据;所述至少一张图片的缩略图的定位信息包括:所述至少一张图片的缩略图的统一资源定位符。
- 根据权利要求1-5中任一项所述的方法,在所述对布局完成的所述评论显示界面进行展示之后,还包括:根据用户对所述评论显示界面的一级评论数据中第一图片评论类展示数据中的第一目标缩略图的选择操作,下载与所述第一目标缩略图对应的第一目标原图,并将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示。
- 根据权利要求6所述的方法,在所述将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示之后,还包括:根据用户对所述图片浏览器的滑动选择操作,以及所述第一图片评论类展示数据中包括的除所述第一目标缩略图外的缩略图与所述第一目标缩略图的排布顺序,在所述除所述第一目标缩略图外的缩略图中确定滑动选择缩略图;获取与所述滑动选择缩略图对应的原图,在所述图片浏览器中对所述滑动选择缩略图对应的原图进行大图展示。
- 根据权利要求6所述的方法,在所述下载与所述第一目标缩略图对应的第一目标原图之后,还包括:下载与所述第一图片评论类展示数据中包括的除所述第一目标缩略图外的缩略图对应的原图,并将与所述除所述第一目标缩略图外的缩略图对应的原图预加载于所述图片浏览器中。
- 根据权利要求6所述的方法,在所述将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示之后,还包括:根据用户对所述图片预览器的关闭操作,关闭所述图片预览器,并清空所述图片预览器中已加载显示的原图。
- 根据权利要求6所述的方法,其中,所述下载与所述第一目标缩略图对应的第一目标原图,并将所述第一目标原图加载于图片浏览器中,对所述第一目标原图进行大图展示,包括:获取与所述第一目标缩略图对应的第一目标原图的定位信息,并根据所述第一目标原图的定位信息,执行下载所述第一目标原图的操作;在所述第一目标原图的下载过程中,在所述图片浏览器中播放包括所述第一目标缩略图以及等待类动图的转场动画;在所述第一目标原图下载完成后,将所述第一目标原图加载于所述图片浏览器中,对所述第一目标原图进行大图展示。
- 根据权利要求1-5任一项所述的方法,在所述对布局完成的所述评论显示界面进行展示之后,还包括:根据用户对所述评论显示界面的二级评论数据中第二图片评论类展示数据的查看请求,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
- 根据权利要求11所述的方法,其中,所述获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示,包括:获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,在所述评论显示界面的追加展示子页面中对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示;或者,获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,在与所述评论显示界面对应的二级评论详情页面中对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示。
- 根据权利要求11所述的方法,在所述获取与所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图,对所述第二图片评论类展示数据中的定位信息对应的至少一张缩略图进行展示之后,还包括:根据用户对所述第二图片评论类展示数据中的第二目标缩略图的选择操作,下载与所述第二目标缩略图对应的第二目标原图,并将所述第二目标原图加载于图片浏览器中,对所述第二目标原图进行大图展示。
- 根据权利要求1所述的方法,其中,所述获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,包括:将用户的评论查看请求发送至服务器;接收所述服务器针对所述评论查看请求反馈的至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局。
- 一种图片类评论数据的展示装置,包括:评论数据获取模块,设置为获取至少一条评论数据,根据所述至少一条评论数据对评论显示界面进行布局,其中,所述至少一条评论数据中包括图片类数据,所述图片类数据包括:至少一张图片的缩略图的定位信息;一级评论数据布局模块,设置为在当前布局的目标图片类数据为一级评论数据的情况下,获取与所述目标图片类数据中的定位信息对应的至少一张缩略图,并根据所至少一张述缩略图生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中;二级评论数据布局模块,设置为在当前布局的目标图片类数据为二级评论数据的情况下,根据所述目标图片类数据中的定位信息生成图片提示信息,根据所述图片提示信息生成所述目标图片类数据的图片类评论展示数据,将所述图片类评论展示数据布局于所述评论显示界面中,其中,所述图片提示信息用于提示所述目标图片类数据中包含的图片;评论显示界面展示模块,设置为对布局完成的所述评论显示界面进行展示。
- 一种电子设备,包括:一个或多个处理器;存储器,设置为存储一个或多个程序;当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-14任一项所述的图片类评论数据的展示方法。
- 一种计算机可读存储介质,存储有计算机程序,所述程序被处理器执行时实现如权利要求1-14任一项所述的图片类评论数据的展示方法。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910348732.2 | 2019-04-28 | ||
| CN201910348732.2A CN110096665B (zh) | 2019-04-28 | 2019-04-28 | 图片类评论数据的展示方法、装置、设备及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2020220776A1 true WO2020220776A1 (zh) | 2020-11-05 |
Family
ID=67446008
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2020/073745 Ceased WO2020220776A1 (zh) | 2019-04-28 | 2020-01-22 | 图片类评论数据的展示方法、装置、设备及介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN110096665B (zh) |
| WO (1) | WO2020220776A1 (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113157165A (zh) * | 2021-05-12 | 2021-07-23 | 北京字跳网络技术有限公司 | 信息的显示方法、装置、电子设备及程序产品 |
| CN115016683A (zh) * | 2021-08-13 | 2022-09-06 | 北京字跳网络技术有限公司 | 一种信息显示的方法、信息发送的方法及装置 |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110096665B (zh) * | 2019-04-28 | 2022-03-04 | 北京字节跳动网络技术有限公司 | 图片类评论数据的展示方法、装置、设备及介质 |
| CN112749715B (zh) * | 2019-10-29 | 2023-10-13 | 腾讯科技(深圳)有限公司 | 一种图片分类以及图片显示的方法、装置、设备和介质 |
| CN113961837B (zh) * | 2020-07-21 | 2025-09-16 | 腾讯科技(深圳)有限公司 | 评论信息展示方法、装置、计算机设备和存储介质 |
| CN116668392B (zh) * | 2023-05-30 | 2026-01-13 | 北京字跳网络技术有限公司 | 互动信息的发送方法、装置、电子设备和存储介质 |
| CN117354271A (zh) * | 2023-10-30 | 2024-01-05 | 北京字跳网络技术有限公司 | 互动信息的发送方法、装置、电子设备和存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103186533A (zh) * | 2011-12-27 | 2013-07-03 | 腾讯科技(深圳)有限公司 | 一种在评论或回复中上传图片的方法和装置 |
| CN103581280A (zh) * | 2012-08-30 | 2014-02-12 | 网之易信息技术(北京)有限公司 | 一种基于微博平台的界面交互方法和设备 |
| CN106358011A (zh) * | 2016-08-26 | 2017-01-25 | 刘翔 | 监控设备视频截图评论系统及方法 |
| WO2017016287A1 (zh) * | 2015-07-27 | 2017-02-02 | 广州市动景计算机科技有限公司 | 网络文章评论处理方法及装置、用户终端设备、服务器以及非暂时性机器可读存储介质 |
| CN110096665A (zh) * | 2019-04-28 | 2019-08-06 | 北京字节跳动网络技术有限公司 | 图片类评论数据的展示方法、装置、设备及介质 |
Family Cites Families (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4749628B2 (ja) * | 2001-09-07 | 2011-08-17 | パナソニック株式会社 | アルバム作成装置、アルバム作成方法およびアルバム作成プログラム |
| US8819719B1 (en) * | 2006-12-06 | 2014-08-26 | Google Inc. | Real-time video commenting |
| CN102890604B (zh) * | 2011-07-21 | 2015-12-16 | 腾讯科技(深圳)有限公司 | 人机交互中在机器侧标识目标对象的方法及装置 |
| CN105183759B (zh) * | 2015-07-23 | 2018-12-21 | 无锡天脉聚源传媒科技有限公司 | 一种评论图片的方法及装置 |
| CN106815316A (zh) * | 2016-12-23 | 2017-06-09 | 北京奇虎科技有限公司 | 页面内容分享的方法、装置及移动终端 |
| US10778831B2 (en) * | 2017-02-17 | 2020-09-15 | Whatsapp Inc. | Methods and systems for displaying an ephemeral content message |
| CN107590114A (zh) * | 2017-09-08 | 2018-01-16 | 掌阅科技股份有限公司 | 电子书评论信息的处理方法、电子设备以及存储介质 |
| CN107632751B (zh) * | 2017-09-22 | 2020-12-22 | 北京京东尚科信息技术有限公司 | 信息显示方法和装置 |
| CN108805960A (zh) * | 2018-05-31 | 2018-11-13 | 北京字节跳动网络技术有限公司 | 图文混排方法、装置、计算机可读存储介质和终端 |
| CN109348299A (zh) * | 2018-11-08 | 2019-02-15 | 北京微播视界科技有限公司 | 评论回复方法、装置、设备和存储介质 |
-
2019
- 2019-04-28 CN CN201910348732.2A patent/CN110096665B/zh active Active
-
2020
- 2020-01-22 WO PCT/CN2020/073745 patent/WO2020220776A1/zh not_active Ceased
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103186533A (zh) * | 2011-12-27 | 2013-07-03 | 腾讯科技(深圳)有限公司 | 一种在评论或回复中上传图片的方法和装置 |
| CN103581280A (zh) * | 2012-08-30 | 2014-02-12 | 网之易信息技术(北京)有限公司 | 一种基于微博平台的界面交互方法和设备 |
| WO2017016287A1 (zh) * | 2015-07-27 | 2017-02-02 | 广州市动景计算机科技有限公司 | 网络文章评论处理方法及装置、用户终端设备、服务器以及非暂时性机器可读存储介质 |
| CN106358011A (zh) * | 2016-08-26 | 2017-01-25 | 刘翔 | 监控设备视频截图评论系统及方法 |
| CN110096665A (zh) * | 2019-04-28 | 2019-08-06 | 北京字节跳动网络技术有限公司 | 图片类评论数据的展示方法、装置、设备及介质 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113157165A (zh) * | 2021-05-12 | 2021-07-23 | 北京字跳网络技术有限公司 | 信息的显示方法、装置、电子设备及程序产品 |
| US12405758B2 (en) | 2021-05-12 | 2025-09-02 | Beijing Zitiao Network Technology Co., Ltd. | Display method and apparatus for information, electronic device, and program product |
| CN115016683A (zh) * | 2021-08-13 | 2022-09-06 | 北京字跳网络技术有限公司 | 一种信息显示的方法、信息发送的方法及装置 |
| US12160400B2 (en) | 2021-08-13 | 2024-12-03 | Beijing Zitiao Network Technology Co., Ltd. | Method and device for information display, and method and device for information sending |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110096665A (zh) | 2019-08-06 |
| CN110096665B (zh) | 2022-03-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2020220776A1 (zh) | 图片类评论数据的展示方法、装置、设备及介质 | |
| CN109168026B (zh) | 即时视频显示方法、装置、终端设备及存储介质 | |
| WO2021196903A1 (zh) | 视频处理方法、装置、可读介质及电子设备 | |
| WO2021179882A1 (zh) | 图像的绘制方法、装置、可读介质和电子设备 | |
| CN115079884B (zh) | 会话消息的显示方法、装置、设备及存储介质 | |
| US12592014B2 (en) | Media content processing method and apparatus, device, and storage medium | |
| CN114679628B (zh) | 一种弹幕添加方法、装置、电子设备和存储介质 | |
| CN114629882A (zh) | 信息展示方法、装置、电子设备、存储介质和程序产品 | |
| WO2024078516A1 (zh) | 媒体内容展示方法、装置、设备及存储介质 | |
| US12160644B2 (en) | Video interaction method and apparatus, electronic device, and computer-readable storage medium | |
| US20220310125A1 (en) | Method and apparatus for video production, device and storage medium | |
| WO2023207543A1 (zh) | 媒体内容的发布方法、装置、设备、存储介质和程序产品 | |
| CN110070593B (zh) | 图片预览信息的显示方法、装置、设备及介质 | |
| WO2024188245A1 (zh) | 信息展示方法、信息发送方法、装置、设备和存储介质 | |
| WO2025011520A1 (zh) | 媒体内容流处理方法、装置、设备及存储介质 | |
| WO2025092765A1 (zh) | 互动信息的发送方法、装置、电子设备和存储介质 | |
| JP2025540813A (ja) | インタラクション方法、装置、機器、記憶媒体、及びコンピュータプログラム | |
| JP7684446B2 (ja) | ビデオ生成方法、装置、機器、記憶媒体及びプログラム製品 | |
| CN118277013A (zh) | 消息展示方法、装置、设备及存储介质 | |
| JP7787328B2 (ja) | ビデオ生成方法、装置、機器、記憶媒体及びプログラム製品 | |
| CN116932112A (zh) | 媒体内容展示方法、装置、设备、可读存储介质及产品 | |
| CN116600164A (zh) | 媒体内容的发布方法、装置、电子设备和存储介质 | |
| CN115630197A (zh) | 媒体内容处理方法、装置和电子设备 | |
| WO2022161329A1 (zh) | 作品的展示方法、装置、电子设备和存储介质 | |
| WO2024140503A1 (zh) | 一种信息显示方法、装置、设备及介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 20798006 Country of ref document: EP Kind code of ref document: A1 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| 32PN | Ep: public notification in the ep bulletin as address of the adressee cannot be established |
Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 160222) |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 20798006 Country of ref document: EP Kind code of ref document: A1 |