一种评论的展示方法、装置、设备及介质与流程

文档序号:35463083发布日期:2023-09-16 01:51阅读:22来源:国知局
一种评论的展示方法、装置、设备及介质与流程

本公开涉及数据处理,尤其涉及一种评论的展示方法、装置、设备及介质。


背景技术:

1、在图文产品(例如在线文档或者内容百科)中,用户常常存在对所浏览的正文中某一句话或一段话或者正文中的某个图片(后续称为正文内容)进行评论的需求,而如何对该正文内容的评论进行展示,是一个值得思考的问题。目前的一种方案是,将各正文内容对应的评论以卡片(后续称为评论卡片)的形式,在用于展示正文的第一展示区域右侧边栏的第二展示区域中,按照各正文内容在正文中的前后顺序(和对应同一正文内容的评论卡片的评论时间的先后顺序),依次向下平铺展示。

2、在上述方案中,正文内容和评论卡片的展示是相互独立的,不能很好地体现出某个评论卡片与正文中的哪个正文内容相对应,这对用户的使用体验不够友好。


技术实现思路

1、本公开一个或多个实施例提供了一种评论的展示方法、装置、设备及介质,以实现正文中的正文内容与其对应的评论的关联展示(例如对齐),更好的体现出正文内容与其对应的评论的对应关系,提高用户的使用体验。

2、根据第一方面,提供一种评论的展示方法,包括:

3、基于目标对象的第一展示区域中的正文内容相对于第一参考位置的第一距离,确定所述目标对象的第二展示区域中的评论相对于第二参考位置的第二距离,所述第二距离使得所述评论与所述正文内容对齐,所述评论与所述正文内容对应,所述第二参考位置在所述第二展示区域范围内;

4、基于所述第二距离,在所述第二展示区域内展示所述评论。

5、在一种可选实施方式中,所述第一距离为所述正文内容相对于第一参考位置在垂直方向上的距离,相应的,所述第二距离使得所述评论与所述对象在水平方向上对齐;或所述第一距离为所述正文内容相对于第一参考位置在水平方向上的距离,相应的,所述第二距离使得所述评论与所述对象在垂直方向上对齐。以实现满足不同方向下的正文中正文内容与其评论的对齐需求,为用户提供更好的服务的目的。

6、在一种可选实施方式中,还包括:所述第一展示区域和所述第二展示区域的相对位置关系固定;所述基于所述第二距离,在所述第二展示区域内展示所述评论之后,还包括:当所述评论被滚动到显示窗口中时,基于所述第二距离和所述显示窗口对应的所述第二展示区域的范围,在所述显示窗口中显示所述评论。第一展示区域和所述第二展示区域的相对位置关系固定,以实现评论跟随正文(或者正文根据评论)滚动的效果。

7、在一种可选实施方式中,所述确定所述目标对象的第二展示区域中的评论相对于第二参考位置的第二距离,包括:获取所述正文内容相对于所述第一参考位置的所述第一距离;获取所述第二参考位置相对于所述第一参考位置的第三距离;基于所述第一距离与所述第三距离,确定所述第二距离。以确定出位置相对准确的第二距离。

8、在一种可选实施方式中,所述第一距离为所述正文内容相对于第一参考位置在垂直方向上的距离的情况下,所述第一参考位置为,所述目标对象的顶部或底部,或者所述第一参考位置为,所述目标对象对应的显示窗口的顶部或底部;所述第一距离为所述正文内容相对于第一参考位置在水平方向上的距离的情况下,所述第一参考位置为,所述目标对象的最左侧或最右侧,或者所述第一参考位置为,所述目标对象对应的显示窗口的左边框或右边框。以保证后续确定的各评论相对于第二参考位置的第二距离的准确性。

9、在一种可选实施方式中,正文内容对应的评论以卡片的形式进行展示。以可以更好更清晰的展示各评论,并且,使得用户可以更好更清晰的确定出各评论的边界,更清楚地了解各正文内容与各评论的对应关系,更好的提高用户体验。

10、在一种可选实施方式中,所述第二展示区域包括父容器,所述父容器包含所述评论,所述第一距离为所述正文内容相对于第一参考位置在垂直方向上的距离的情况下,所述第二参考位置为所述父容器的顶部或底部;所述第一距离为所述正文内容相对于第一参考位置在水平方向上的距离的情况下,所述第二参考位置为所述父容器的左边框或右边框。通过父容器展示各正文内容对应的评论,可以实现对评论的更好的展示。

11、在一种可选实施方式中,所述评论包括第一评论和第二评论,所述第一评论的展示范围和所述第二评论的展示范围有至少部分重叠,所述基于所述第二距离,在所述第二展示区域内展示所述评论,包括:在所述第二展示区域内、所述第一评论所对应第二距离对应的位置处,展示所述第一评论;在所述第二展示区域内、第四距离对应的位置处,展示所述第二评论,所述第四距离基于所述第一评论对应的第二距离、所述第一评论的展示范围和预设间距确定。以保证各评论的完整展示,保证用户的查看体验。

12、在一种可选实施方式中,在所述第二展示区域内、第四距离对应的位置处,展示所述第二评论之前,还包括:基于所述第一评论对应的第二距离、所述第一评论的展示范围和预设间隔,确定第四距离;判断所述第四距离与所述第二评论对应的第二距离的大小;若判断所述第四距离大于所述第二评论对应的第二距离,则确定所述第一评论的展示范围和所述第二评论的展示范围有至少部分重叠。以更好的保证各评论的展示效果,保证用户的使用体验。

13、在一种可选实施方式中,还包括:若检测到针对所述第二评论的选中操作,响应于所述选中操作,在所述第二展示区域内、所述第二评论对应的第二距离所对应的位置处,展示所述第二评论。使得用户所选中的评论与其对应的正文内容对齐,以更好的提高用户的使用体验。

14、在一种可选实施方式中,还包括;基于所述第二评论对应的第二距离、所述第一评论的展示范围以及预设间隔,确定所述第一评论相对于所述第二参考位置的第五距离;在所述第二展示区域内、所述第五距离对应的位置处,展示所述第一评论。以更好的保证评论的展示范围之间不发生重叠(也即不发生堆叠),保证用户的使用体验。

15、在一种可选实施方式中,所述评论还包括所述第二评论之后的第三评论,所述第三评论显示于所述第二展示区域内、相对于所述第二参考位置的第六距离对应的位置处;所述方法还包括:基于所述第二评论对应的第二距离、所述第二评论的展示范围以及预设间隔,确定所述第三评论相对于所述第二参考位置的第七距离;若所述第七距离大于所述第六距离,在所述第二展示区域内、所述第七距离对应的位置处,展示所述第三评论。可以保证各评论的展示范围的规整性,提高用户的查看体验。

16、根据第二方面,提供一种评论的展示装置,包括:

17、第一确定模块,配置为基于目标对象的第一展示区域中的正文内容相对于第一参考位置的第一距离,确定所述目标对象的第二展示区域中的评论相对于第二参考位置的第二距离,所述第二距离使得所述评论与所述正文内容对齐,所述评论与所述正文内容对应,所述第二参考位置在所述第二展示区域范围内;

18、第一展示模块,配置为基于所述第二距离,在所述第二展示区域内展示所述评论。

19、根据第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行第一方面所述的方法。

20、根据第四方面,提供一种电子设备,包括存储器和处理器,其中,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现第一方面所述的方法。

21、根据本公开实施例提供的评论的展示方法、装置、设备及介质,首先基于目标对象的第一展示区域中的正文内容相对于第一参考位置的第一距离,确定目标对象的第二展示区域中的评论相对于第二参考位置的第二距离,第二距离使得评论与正文内容对齐,评论与正文内容对应,第二参考位置在第二展示区域范围内;基于第二距离,在第二展示区域内展示评论。上述过程中,基于评论相对于第二参考位置的使得其与正文内容对齐的第二距离,在第二展示区域内展示评论,可以实现在第二展示区域内展示的评论,与第一展示区域中的对应的正文内容的关联展示,并且在一定程度上可以使得评论可以与其对应的正文内容对齐展示,可以更好的体现出正文内容与其对应的评论的对应关系,提高用户的使用体验。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1