CN114519154A - 页面内容的显示方法和装置 - Google Patents

页面内容的显示方法和装置 Download PDF

Info

Publication number
CN114519154A
CN114519154A CN202210156619.6A CN202210156619A CN114519154A CN 114519154 A CN114519154 A CN 114519154A CN 202210156619 A CN202210156619 A CN 202210156619A CN 114519154 A CN114519154 A CN 114519154A
Authority
CN
China
Prior art keywords
content
page
comment
displaying
information
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
Application number
CN202210156619.6A
Other languages
English (en)
Inventor
郑琳奕
吴一凡
陈晴
李宇捷
林晔
阴明
谈斯奇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202210156619.6A priority Critical patent/CN114519154A/zh
Publication of CN114519154A publication Critical patent/CN114519154A/zh
Priority to US17/844,165 priority patent/US20230266864A1/en
Priority to PCT/CN2023/075693 priority patent/WO2023155752A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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/953—Querying, e.g. by the use of web search engines
    • G06F16/9538—Presentation of query results
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Abstract

本公开涉及一种页面内容的显示方法和装置，涉及页面内容的显示领域。该显示方法包括：在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容；响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息；在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。

Description

页面内容的显示方法和装置
技术领域
本公开涉及显示技术领域，特别涉及一种页面内容的显示方法、页面内容的显示装置和非易失性计算机可读存储介质。
背景技术
图文内容，指的是内容发布用户可以发表图片内容并配上相关的文字说明内容。在全屏幕单列内容流中，可以将图文内容和视频内容混合排列后，展示给内容浏览用户。
发明内容
根据本公开的一些实施例，提供了一种页面内容的显示方法，包括：在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容；响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息；在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。
根据本公开的另一些实施例，提供一种内容浏览页面内容的显示装置，包括：图像显示单元，用于在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容；文本显示单元，用于响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息；切换显示单元，用于在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。
根据本公开的又一些实施例，提供一种页面内容的显示装置，包括：存储器；和耦接至存储器的处理器，处理器被配置为基于存储在存储器装置中的指令，执行上述任一个实施例中的页面内容的显示方法。
根据本公开的再一些实施例，提供一种非易失性计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任一个实施例中的页面内容的显示方法。
附图说明
构成说明书的一部分的附图描述了本公开的实施例，并且连同说明书一起用于解释本公开的原理。
参照附图，根据下面的详细描述，可以更加清楚地理解本公开：
图1示出本公开的页面内容的显示方法的一些实施例的流程图；
图2a～2g示出本公开的页面内容的显示方法的一些实施例的示意图；
图3a～3f示出本公开的页面内容的显示方法的另一些实施例的示意图；
图4a～4d示出本公开的页面内容的显示方法的又一些实施例的示意图；
图5示出本公开的页面内容的显示装置的一些实施例的框图；
图6示出本公开的页面内容的显示装置的另一些实施例的框图；
图7示出本公开的页面内容的显示装置的又一些实施例的框图。
具体实施方式
现在将参照附图来详细描述本公开的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
如前所述，在全屏幕的单列内容流中，可以混合排列图文内容和视频内容。但是，这样会使得内容浏览用户在交替刷到图文内容和视频内容时，感到内容切换不连贯。从而，会导致内容流中的内容切换不流畅，内容推送效率低。
而且，内容浏览用户也无法快速识别出图文内容和视频内容是两种不同的内容形式。从而，会导致用户体验下降。
本公开的发明人发现上述相关技术中存在如下问题：内容切换不流畅，内容推送效率低。
鉴于此，本公开提出了一种页面内容的显示技术方案，能够流畅切换内容，提高内容推送效率。
图1示出本公开的页面内容的显示方法的一些实施例的流程图。
如图1所示，在步骤110中，在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容。例如，内容流中可以包括图文内容、视频内容等多个内容。一个图文内容可以包括至少一个图像内容及其相关文本信息。
在步骤120中，响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息。例如，响应于内容浏览用户进行交互，显示新的页面，并在新的页面中显示相关文本信息。
在一些实施例中，响应于内容浏览用户的第一交互操作，显示当前图像内容的标题信息。例如，图2a、2b示出了实现上述步骤的一些实施例。
图2a～2b示出本公开的页面内容的显示方法的一些实施例的示意图。
如图2a所示，内容浏览页面中显示有当前图像内容和浏览发布内容控件(如按钮等)。内容浏览用户可以对浏览发布内容控件进行第一交互操作(如点击等)，以阅读相关文本信息。
如图2b所示，响应于内容浏览用户对浏览发布内容控件进行第一交互操作，在内容浏览页面中显示当前图像内容的标题信息。例如，可以同时在内容浏览页面中显示当前图像内容。
这样，可以通过显示标题信息，引起内容浏览用户阅读相关文本信息的兴趣，从而提高内容推送的效率。
在一些实施例中，响应于内容浏览用户的第二交互操作(如向上滑动或点击指定区域等)，显示当前图像内容的已有评论信息，或者显示当前图像内容的描述信息。例如，根据内容浏览用户的偏好信息，确定显示已有评论信息还是显示描述信息。
例如，图2c、2d示出了实现上述步骤的一些实施例。
图2c～2d示出本公开的页面内容的显示方法的一些实施例的示意图。
如图2c所示，响应于内容浏览用户在标题信息显示界面向上滑动，显示当前图像内容的已有评论信息(已有评论1～5)。
如图2d所示，响应于内容浏览用户在标题信息显示界面向上滑动，显示当前图像内容的描述信息。
这样，可以根据用户的偏好，推送用户感兴趣的文字内容(评论信息或描述信息)，从而提高内容推送的效率。
在显示了当前图像内容的相关文本信息之后，可以通过图1中的其余步骤继续显示页面内容。
在步骤130中，在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。例如，第二内容可以为内容流中的下一个图文内容或者视频内容。
在一些实施例中，在滑动到已有评论信息或者描述信息的底部的情况下，响应于内容浏览用户再次进行滑动操作(如向下或向上等指定方向的滑动)或者其他类型的交互操作，显示第二内容。
例如，在滑动到已有评论信息或者描述信息的底部的情况下，响应于内容浏览用户进行点击操作，显示第二内容。例如，点击操作可以为点击指定区域的操作。
例如，图2e～2g示出了实现上述步骤的一些实施例。
图2e～2g示出本公开的页面内容的显示方法的一些实施例的示意图。
如图2e所示，响应于内容浏览用户在评论信息显示区域向上滑动，并滑动到了评论信息显示区域的底部，显示提示用户切换页面内容的信息(如滑动至下一页面内容)。例如，可以提示用户继续向上滑动已浏览下一页面内容。
如图2f所示，响应于内容浏览用户在描述信息显示区域向上滑动，并滑动到了描述信息显示区域的底部，显示提示用户切换页面内容的信息(如滑动至下一页面内容)。例如，可以提示用户继续向上滑动已浏览下一页面内容。
如图2g所示，响应于用户继续向上滑动，显示下一页面内容(如图文内容或视频内容)。
在上述实施例中，响应于用户在浏览图像内容的相关文本内容的过程中进行的交互操作，进行页面内容的切换。这样，能够在图文内容和视频内容直接进行流畅地切换，从而提高内容推送效率和用户体验。
在一些实施例中，在内容浏览用户浏览全屏显示的图文内容时，可以通过向上滑动以外的其他退出手段方便地退出全屏显示的评论信息或描述信息，进入下一个页面内容。
在一些实施例中，在相关文本信息的显示过程中，响应于内容浏览用户的第三交互操作，关闭当前图像内容的已有评论信息或者关闭当前图像内容的描述信息，显示当前图像内容，第三交互操作与第二交互操作不同。例如，第二交互操作为滑动操作，第三交互操作为点击操作或者与第二交互操作方向不同的滑动操作。
例如，如果内容浏览用户通过向上滑动来浏览评论信息或描述信息，内容浏览用户可以在浏览过程中通过向下滑动或者点击指定区域关闭浏览评论信息或描述信息。
例如，关闭浏览评论信息或描述信息后，可以恢复显示当前图像内容，或者直接切换到下一个图像内容或者视频内容。
这样，内容浏览用户在浏览图文内容中的相关文本信息时，可以随时关闭相关文本信息，从而提高内容推送的效率。
在一些实施例中，响应于内容浏览用户选择评论查看控件，根据内容浏览页面是否已经滑动到评论区域，确定内容浏览页面中显示的内容。
例如，在内容浏览页面未滑动到评论区域的情况下，在内容浏览页面中显示评论区域。例如，在当前图像内容具有至少一条已有评论信息的情况下，将内容浏览页面滑动到位于评论区域顶端的已有评论信息。
例如，在内容浏览页面已滑动到评论区域的情况下，在内容浏览页面中显示评论输入界面。
在一些实施例中，在当前图片内容已有评论信息的情况下，内容浏览用户点击评论图标；如果当前页面未滑动到评论区，则当前页面定位至首条评论；如果当前页面已滑动到评论区，则显示评论输入面板。例如，在评论区的底部可以提示用户滑动以显示下一个页面内容。
在一些实施例中，在当前图片内容没有评论信息的情况下，内容浏览用户点击评论图标；如果当前页面未滑动到评论区，则当前页面定位至评论区；如果当前页面已滑动到评论区，则显示评论输入面板。例如，在评论区的底部可以提示用户滑动以显示下一个页面内容。
在一些实施例中，内容浏览用户点击评论框，则显示评论输入面板；内容浏览用户发表评论。例如，对于发表该评论的内容浏览用户，将该评论显示为置顶评论后面的第一条评论；将当前图片内容的评论数加1。
在一些实施例中，如果内容浏览用户点击评图文作者的头像或名称，则进入作者个人主页；如果内容浏览用户对某条评论点赞，则该条评论的点赞图标改变颜色并显示动画效果，且该条评论的点赞数量加1。
例如，图3a～3c示出了实现上述步骤的一些实施例。
图3a～3c示出本公开的页面内容的显示方法的另一些实施例的示意图。
如图3a所示，内容浏览页面中显示的是有当前图像内容及其标题信息，并未滑动到评论区域。内容浏览页面中还显示由评论输入控件(如评论输入框)和评论查看控件(如评论查看按钮)。内容浏览用户可以选择评论查看控件(如点击)。
如图3b所示，响应于内容浏览用户选择评论查看控件，内容浏览页面可以滑动到评论区域中的第一条评论处(如热度最高的已有评论1)。如果尚无人评论，则内容浏览页面可以滑动到评论区域，并提示用户尚无人评论。内容浏览用户可以选择评论查看控件(如点击)。
如图3c所示，响应于内容浏览用户选择评论查看控件，显示评论输入界面。例如，可以将文本输入面板由下至上滑动显示。
在一些实施例中，响应于内容浏览用户输入当前图像内容的评论信息，将评论信息显示在置顶的已有评论信息的下面，且评论信息与置顶的已有评论信息相邻。
例如，如图3d所示，在内容浏览用户输入评论后，可以将输入的评论放在置顶的评论(已有评论1)的下面显示。
这样，可以使得内容浏览用户看到自己输入的评论位于评论区域较显著的位置，激励用户多发表评论，从而提高内容推送的效率。
在一些实施例中，响应于内容浏览用户选择评论输入控件，在内容浏览页面中显示评论输入面板。
例如，如图3e所示，响应于内容浏览用户在图3a的页面中选择评论输入控件，显示评论输入界面。例如，可以将文本输入面板由下至上滑动显示。如图3f所示，响应于内容浏览用户输入了评论后，可以在图3a的页面中显示评论成功的提示信息。
在一些实施例中，在内容发布页面中，显示文本输入区域，用于输入想要发布的图像内容的描述信息；响应于内容发布用户对文本输入区域进行第四交互操作，在文本输入区域提示输入想要发布的图像内容的标题信息。
在一些实施例中，在文本输入区域中分别显示输入详细描述信息的提示和输入简要标题信息的提示。例如，文本输入区域默认仅显示输入详细描述信息的提示；内容发布用户点击文本输入区域进入描述信息编辑过程后，文本输入区域显示输入简要标题信息的提示。
在一些实施例中，文本输入区域的大小默认为第一面积；内容发布用户点击扩大控件，将文本输入区域的大小从第一面积扩大到第二面积(如文本输入区域扩大为全屏输入)。
在一些实施例中，在图片选择条上，内容发布用户可以长按其中一张缩略图，并通过左右滑动的方式，调整每一张缩略图对应的图片在图文内容中的显示顺序。
在一些实施例中，在内容发布用户选择图文内容的封面图片前，默认以图片选择条中第一张缩略图对应的图片为封面；在内容发布用户选择图文内容的封面图片后，在封面图片的缩略图上进行标记；选择封面图片的控件可以设置在图片选择条的第一张缩略图的下方。
例如，图4a～4d示出了实现上述步骤的一些实施例。
图4a～4d示出本公开的页面内容的显示方法的又一些实施例的示意图。
如图4a所示，在内容发布页面中，显示图片选择条，图片选择条中显示有多张图片。内容发布用户可以点击图片选择条中的图片选择图文内容中要显示的图像内容及其显示顺序(如封面图片等)，可以通过滑动图片选择条中的图片，切换显示不同的图片。
在内容发布页面中的文本输入区域内，可以显示提示内容发布用户输入发布内容的信息(如描述你的发布内容)，还可以显示扩大控件。
如图4b所示，响应于用户点击文本输入区域，可以在文本输入区域内显示提示内容发布用户输入标题的信息(如发布标题)，并显示评论输入界面。
这样，用户可以尝试输入较短的标题信息，而不是输入较长的描述信息，可以提高用户为图像信息输入文字信息的动力，从而提高内容推送的效率。
在一些实施例中，响应于内容发布用户选择文本输入区域的扩大功能，扩大文本输入区域在内容发布页面中的覆盖面积。
如图4c所示，在内容发布页面中，响应于内容发布用户点击扩大控件，扩大文本输入区域在内容发布页面中的覆盖面积。还可以显示缩小控件，用于缩小文本输入区域。
这样，用户可以在较大的区域编辑想要发布的文字信息，可以提高用户为图像信息输入文字信息的动力，从而提高内容推送的效率。
如图4d所示，响应于内容发布用户在图4a的页面中选择了图片1，可以在内容发布页面中显示放大后的图片1。例如，响应于内容发布用户在图片选择条中选择其他图片，可以显示放大后的其他图片。
在上述实施例中，响应于用户在浏览图像内容的相关文本内容的过程中进行的交互操作，进行页面内容的切换。这样，能够在图文内容和视频内容直接进行流畅地切换，从而提高内容推送效率和用户体验。
图5示出本公开的页面内容的显示装置的一些实施例的框图。
如图5所示，内容浏览页面内容的显示装置5包括：图像显示单元51，用于在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容；文本显示单元52，用于响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息；切换显示单元53，用于在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。
在一些实施例中，文本显示单元52响应于内容浏览用户的第一交互操作，显示当前图像内容的标题信息，响应于内容浏览用户的第二交互操作，显示当前图像内容的已有评论信息，或者显示当前图像内容的描述信息。
在一些实施例中，文本显示单元52根据内容浏览用户的偏好信息，确定显示已有评论信息还是显示描述信息。
在一些实施例中，切换显示单元53在滑动到已有评论信息或者描述信息的底部的情况下，响应于内容浏览用户再次进行滑动操作，显示第二内容。
在一些实施例中，切换显示单元53在相关文本信息的显示过程中，响应于内容浏览用户的第三交互操作，关闭当前图像内容的已有评论信息或者关闭当前图像内容的描述信息，显示当前图像内容，第三交互操作与第二交互操作不同。
在一些实施例中，第二交互操作为滑动操作，第三交互操作为点击操作或者与第二交互操作方向不同的滑动操作。
在一些实施例中，文本显示单元52响应于内容浏览用户进行交互，显示新的页面，并在新的页面中显示相关文本信息。
在一些实施例中，文本显示单元52响应于内容浏览用户选择评论查看控件，根据内容浏览页面是否已经滑动到评论区域，确定内容浏览页面中显示的内容。
在一些实施例中，文本显示单元52在内容浏览页面未滑动到评论区域的情况下，在内容浏览页面中显示评论区域；在内容浏览页面已滑动到评论区域的情况下，在内容浏览页面中显示评论输入界面。
在一些实施例中，文本显示单元52在当前图像内容具有至少一条已有评论信息的情况下，将内容浏览页面滑动到位于评论区域顶端的已有评论信息。
在一些实施例中，文本显示单元52响应于内容浏览用户选择评论输入控件，在内容浏览页面中显示评论输入面板。
在一些实施例中，文本显示单元52响应于内容浏览用户输入当前图像内容的评论信息，将评论信息显示在置顶的已有评论信息的下面，且评论信息与置顶的已有评论信息相邻。
在一些实施例中，文本显示单元52在内容发布页面中，显示文本输入区域，用于输入想要发布的图像内容的描述信息，响应于内容发布用户对文本输入区域进行第四交互操作，在文本输入区域提示输入想要发布的图像内容的标题信息。
在一些实施例中，文本显示单元52响应于内容发布用户选择文本输入区域的扩大功能，扩大文本输入区域在内容发布页面中的覆盖面积。
根据本公开的一些实施例，提供了一种页面内容的显示方法，包括：在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容；响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息；在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。
在一些实施例中，响应于内容浏览用户的交互，显示当前图像内容的相关文本信息包括：响应于内容浏览用户的第一交互操作，显示当前图像内容的标题信息；响应于内容浏览用户的第二交互操作，显示当前图像内容的已有评论信息，或者显示当前图像内容的描述信息。
在一些实施例中，响应于内容浏览用户的第二交互操作，显示当前图像内容的已有评论信息，或者显示当前图像内容的描述信息包括：根据内容浏览用户的偏好信息，确定显示已有评论信息还是显示描述信息。
在一些实施例中，在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容包括：在滑动到已有评论信息或者描述信息的底部的情况下，响应于内容浏览用户再次进行滑动操作，显示第二内容
在一些实施例中，响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息包括：响应于内容浏览用户进行交互，显示新的页面，并在新的页面中显示相关文本信息。
在一些实施例中，显示方法还包括：在相关文本信息的显示过程中，响应于内容浏览用户的第三交互操作，关闭当前图像内容的已有评论信息或者关闭当前图像内容的描述信息，显示当前图像内容，第三交互操作与第二交互操作不同。
在一些实施例中，第二交互操作为滑动操作，第三交互操作为点击操作或者与第二交互操作方向不同的滑动操作。
在一些实施例中，显示方法还包括：响应于内容浏览用户选择评论查看控件，根据内容浏览页面是否已经滑动到评论区域，确定内容浏览页面中显示的内容。
在一些实施例中，响应于内容浏览用户选择评论查看控件，根据内容浏览页面是否已经滑动到评论区域，确定内容浏览页面中显示的内容包括：在内容浏览页面未滑动到评论区域的情况下，在内容浏览页面中显示评论区域；在内容浏览页面已滑动到评论区域的情况下，在内容浏览页面中显示评论输入界面。
在一些实施例中，在内容浏览页面未滑动到评论区域的情况下，在内容浏览页面中显示评论区域包括：在当前图像内容具有至少一条已有评论信息的情况下，将内容浏览页面滑动到位于评论区域顶端的已有评论信息。
在一些实施例中，显示方法还包括：响应于内容浏览用户选择评论输入控件，在内容浏览页面中显示评论输入面板。
在一些实施例中，显示方法还包括：响应于内容浏览用户输入当前图像内容的评论信息，将评论信息显示在置顶的已有评论信息的下面，且评论信息与置顶的已有评论信息相邻。
在一些实施例中，显示方法还包括：在内容发布页面中，显示文本输入区域，用于输入想要发布的图像内容的描述信息；响应于内容发布用户对文本输入区域进行第四交互操作，在文本输入区域提示输入想要发布的图像内容的标题信息。
在一些实施例中，显示还包括：响应于内容发布用户选择文本输入区域的扩大功能，扩大文本输入区域在内容发布页面中的覆盖面积。
根据本公开的另一些实施例，提供一种内容浏览页面内容的显示装置，包括：图像显示单元，用于在内容浏览页面中显示当前图像内容，当前图像内容为内容流中的第一内容；文本显示单元，用于响应于内容浏览用户进行交互，显示当前图像内容的相关文本信息；切换显示单元，用于在相关文本信息的显示过程中，响应于内容浏览用户再次进行交互，显示内容流中的第二内容，第二内容不同于第一内容。
在一些实施例中，文本显示单元响应于内容浏览用户的第一交互操作，显示当前图像内容的标题信息，响应于内容浏览用户的第二交互操作，显示当前图像内容的已有评论信息，或者显示当前图像内容的描述信息。
在一些实施例中，文本显示单元根据内容浏览用户的偏好信息，确定显示已有评论信息还是显示描述信息。
在一些实施例中，切换显示单元在滑动到已有评论信息或者描述信息的底部的情况下，响应于内容浏览用户再次进行滑动操作，显示第二内容。
在一些实施例中，文本显示单元响应于内容浏览用户进行交互，显示新的页面，并在新的页面中显示相关文本信息。
在一些实施例中，切换显示单元在相关文本信息的显示过程中，响应于内容浏览用户的第三交互操作，关闭当前图像内容的已有评论信息或者关闭当前图像内容的描述信息，显示当前图像内容，第三交互操作与第二交互操作不同。
在一些实施例中，第二交互操作为滑动操作，第三交互操作为点击操作或者与第二交互操作方向不同的滑动操作。
在一些实施例中，文本显示单元响应于内容浏览用户选择评论查看控件，根据内容浏览页面是否已经滑动到评论区域，确定内容浏览页面中显示的内容。
在一些实施例中，文本显示单元在内容浏览页面未滑动到评论区域的情况下，在内容浏览页面中显示评论区域；在内容浏览页面已滑动到评论区域的情况下，在内容浏览页面中显示评论输入界面。
在一些实施例中，文本显示单元在当前图像内容具有至少一条已有评论信息的情况下，将内容浏览页面滑动到位于评论区域顶端的已有评论信息。
在一些实施例中，文本显示单元响应于内容浏览用户选择评论输入控件，在内容浏览页面中显示评论输入面板。
在一些实施例中，文本显示单元响应于内容浏览用户输入当前图像内容的评论信息，将评论信息显示在置顶的已有评论信息的下面，且评论信息与置顶的已有评论信息相邻。
在一些实施例中，文本显示单元在内容发布页面中，显示文本输入区域，用于输入想要发布的图像内容的描述信息，响应于内容发布用户对文本输入区域进行第四交互操作，在文本输入区域提示输入想要发布的图像内容的标题信息。
在一些实施例中，文本显示单元响应于内容发布用户选择文本输入区域的扩大功能，扩大文本输入区域在内容发布页面中的覆盖面积。
图6示出本公开的页面内容的显示装置的另一些实施例的框图。
如图6所示，该实施例的装置6包括：存储器61以及耦接至该存储器61的处理器62，处理器62被配置为基于存储在存储器61中的指令，执行本公开中任意一个实施例中的页面内容的显示方法。
其中，存储器61例如可以包括系统存储器、固定非易失性存储介质等。系统存储器例如存储有操作系统、应用程序、引导装载程序Boot Loader、数据库以及其他程序等。
图7示出本公开的页面内容的显示装置的又一些实施例的框图。
如图7所示，该实施例的页面内容的显示装置7包括：存储器710以及耦接至该存储器710的处理器720，处理器720被配置为基于存储在存储器710中的指令，执行前述任意一个实施例中的页面内容的显示方法。
存储器710例如可以包括系统存储器、固定非易失性存储介质等。系统存储器例如存储有操作系统、应用程序、引导装载程序Boot Loader以及其他程序等。
页面内容的显示装置7还可以包括输入输出接口730、网络接口740、存储接口750等。这些接口730、740、750以及存储器710和处理器720之间例如可以通过总线760连接。其中，输入输出接口730为显示器、鼠标、键盘、触摸屏、麦克、音箱等输入输出设备提供连接接口。网络接口640为各种联网设备提供连接接口。存储接口750为SD卡、U盘等外置存储设备提供连接接口。
本领域内的技术人员应当明白，本公开的实施例可提供为方法、系统、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用非瞬时性存储介质包括但不限于磁盘存储器、CD-ROM、光学存储器等上实施的计算机程序产品的形式。
至此，已经详细描述了根据本公开的页面内容的显示方法、页面内容的显示装置和非易失性计算机可读存储介质。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。
可能以许多方式来实现本公开的方法和系统。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本公开的方法和系统。用于方法的步骤的上述顺序仅是为了进行说明，本公开的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本公开实施为记录在记录介质中的程序，这些程序包括用于实现根据本公开的方法的机器可读指令。因而，本公开还覆盖存储用于执行根据本公开的方法的程序的记录介质。
虽然已经通过示例对本公开的一些特定实施例进行了详细说明，但是本领域的技术人员应该理解，以上示例仅是为了进行说明，而不是为了限制本公开的范围。本领域的技术人员应该理解，可在不脱离本公开的范围和精神的情况下，对以上实施例进行修改。本公开的范围由所附权利要求来限定。

Claims (17)

1.一种页面内容的显示方法，包括：
在内容浏览页面中显示当前图像内容，所述当前图像内容为内容流中的第一内容；
响应于内容浏览用户进行交互，显示所述当前图像内容的相关文本信息；
在所述相关文本信息的显示过程中，响应于所述内容浏览用户再次进行交互，显示所述内容流中的第二内容，所述第二内容不同于所述第一内容。
2.根据权利要求1所述的显示方法，其中，所述响应于内容浏览用户的交互，显示所述当前图像内容的相关文本信息包括：
响应于所述内容浏览用户的第一交互操作，显示所述当前图像内容的标题信息；
响应于所述内容浏览用户的第二交互操作，显示所述当前图像内容的已有评论信息，或者显示所述当前图像内容的描述信息。
3.根据权利要求2所述的显示方法，其中，所述响应于所述内容浏览用户的第二交互操作，显示所述当前图像内容的已有评论信息，或者显示所述当前图像内容的描述信息包括：
根据所述内容浏览用户的偏好信息，确定显示所述已有评论信息还是显示所述描述信息。
4.根据权利要求2所述的显示方法，其中，所述在所述相关文本信息的显示过程中，响应于所述内容浏览用户再次进行交互，显示所述内容流中的第二内容包括：
在滑动到所述已有评论信息或者所述描述信息的底部的情况下，响应于所述内容浏览用户再次进行滑动操作，显示所述第二内容。
5.根据权利要求2所述的显示方法，还包括：
在所述相关文本信息的显示过程中，响应于所述内容浏览用户的第三交互操作，关闭所述当前图像内容的已有评论信息或者关闭所述当前图像内容的描述信息，显示所述当前图像内容，所述第三交互操作与所述第二交互操作不同。
6.根据权利要求5所述的显示方法，其中，所述第二交互操作为滑动操作，所述第三交互操作为点击操作或者与所述第二交互操作方向不同的滑动操作。
7.根据权利要求1所述的显示方法，其中，所述响应于内容浏览用户进行交互，显示所述当前图像内容的相关文本信息包括：
响应于所述内容浏览用户进行交互，显示新的页面，并在所述新的页面中显示所述相关文本信息。
8.根据权利要求1所述的显示方法，还包括：
响应于所述内容浏览用户选择评论查看控件，根据所述内容浏览页面是否已经滑动到评论区域，确定所述内容浏览页面中显示的内容。
9.根据权利要求8所述的显示方法，其中，所述响应于所述内容浏览用户选择评论查看控件，根据所述内容浏览页面是否已经滑动到评论区域，确定所述内容浏览页面中显示的内容包括：
在所述内容浏览页面未滑动到所述评论区域的情况下，在所述内容浏览页面中显示所述评论区域；
在所述内容浏览页面已滑动到所述评论区域的情况下，在所述内容浏览页面中显示评论输入界面。
10.根据权利要求9所述的显示方法，其中，所述在所述内容浏览页面未滑动到所述评论区域的情况下，在所述内容浏览页面中显示所述评论区域包括：
在所述当前图像内容具有至少一条已有评论信息的情况下，将所述内容浏览页面滑动到位于所述评论区域顶端的已有评论信息。
11.根据权利要求1所述的显示方法，还包括：
响应于所述内容浏览用户选择评论输入控件，在所述内容浏览页面中显示评论输入面板。
12.根据权利要求1所述的显示方法，还包括：
响应于所述内容浏览用户输入所述当前图像内容的评论信息，将所述评论信息显示在置顶的已有评论信息的下面，且所述评论信息与所述置顶的已有评论信息相邻。
13.根据权利要求1-12任一项所述的显示方法，还包括：
在内容发布页面中，显示文本输入区域，用于输入想要发布的图像内容的描述信息；
响应于内容发布用户对所述文本输入区域进行第四交互操作，在所述文本输入区域提示输入所述想要发布的图像内容的标题信息。
14.根据权利要求13所述的显示方法，还包括：
响应于所述内容发布用户选择所述文本输入区域的扩大功能，扩大所述文本输入区域在所述内容发布页面中的覆盖面积。
15.一种内容浏览页面内容的显示装置，包括：
图像显示单元，用于在内容浏览页面中显示当前图像内容，所述当前图像内容为内容流中的第一内容；
文本显示单元，用于响应于内容浏览用户进行交互，显示所述当前图像内容的相关文本信息；
切换显示单元，用于在所述相关文本信息的显示过程中，响应于所述内容浏览用户再次进行交互，显示所述内容流中的第二内容，所述第二内容不同于所述第一内容。
16.一种页面内容的显示装置，包括：
存储器；和
耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行权利要求1-14任一项所述的页面内容的显示方法。
17.一种非易失性计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现权利要求1-14任一项所述的页面内容的显示方法。
CN202210156619.6A 2022-02-21 2022-02-21 页面内容的显示方法和装置 Pending CN114519154A (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN202210156619.6A CN114519154A (zh) 2022-02-21 2022-02-21 页面内容的显示方法和装置
US17/844,165 US20230266864A1 (en) 2022-02-21 2022-06-20 Display method and apparatus of page contents
PCT/CN2023/075693 WO2023155752A1 (zh) 2022-02-21 2023-02-13 页面内容的显示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210156619.6A CN114519154A (zh) 2022-02-21 2022-02-21 页面内容的显示方法和装置

Publications (1)

Publication Number Publication Date
CN114519154A true CN114519154A (zh) 2022-05-20

Family

ID=81598124

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210156619.6A Pending CN114519154A (zh) 2022-02-21 2022-02-21 页面内容的显示方法和装置

Country Status (3)

Country Link
US (1) US20230266864A1 (zh)
CN (1) CN114519154A (zh)
WO (1) WO2023155752A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023155752A1 (zh) * 2022-02-21 2023-08-24 北京字节跳动网络技术有限公司 页面内容的显示方法和装置
WO2024037410A1 (zh) * 2022-08-18 2024-02-22 抖音视界有限公司 用于访问媒体内容的方法、设备和计算机可读介质

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104536650A (zh) * 2015-01-15 2015-04-22 成都品果科技有限公司 一种基于ios系统的视差翻页人机交互方法
CN106909365A (zh) * 2016-08-30 2017-06-30 阿里巴巴集团控股有限公司 资讯信息的展示方法和装置
CN107436869A (zh) * 2016-05-25 2017-12-05 北京奇虎科技有限公司 一种印象评论生成方法及装置
CN107770045A (zh) * 2017-09-29 2018-03-06 网易乐得科技有限公司 一种消息编辑方法、装置和介质
CN109582430A (zh) * 2018-12-14 2019-04-05 掌阅科技股份有限公司 电子书中评论信息的展现方法、计算设备及存储介质
CN110134479A (zh) * 2019-05-10 2019-08-16 杭州网易云音乐科技有限公司 内容页面交互方法、生成方法、介质、装置和计算设备
CN110601956A (zh) * 2019-09-06 2019-12-20 腾讯科技（深圳）有限公司 一种内容聚合方法、装置、计算机设备和存储介质
CN112198999A (zh) * 2020-09-01 2021-01-08 北京达佳互联信息技术有限公司 任务信息处理方法、装置及服务器
CN113115096A (zh) * 2021-03-18 2021-07-13 北京达佳互联信息技术有限公司 界面信息切换方法、装置、电子设备和存储介质
CN113542854A (zh) * 2021-07-20 2021-10-22 北京字跳网络技术有限公司 视频处理方法、装置、电子设备及存储介质
CN113778284A (zh) * 2021-09-24 2021-12-10 北京字跳网络技术有限公司 审核信息显示方法、装置、设备和存储介质

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9772751B2 (en) * 2007-06-29 2017-09-26 Apple Inc. Using gestures to slide between user interfaces
CN104239356A (zh) * 2013-06-21 2014-12-24 腾讯科技（深圳）有限公司 一种网页评论方法、系统及浏览器
US20150199412A1 (en) * 2014-01-10 2015-07-16 Htc Corporation Mobile communications device, non-transitory computer-readable medium and method for displaying a search result cover page and switching from the search result cover page to a search result page
CN108595665A (zh) * 2018-04-28 2018-09-28 北京小米移动软件有限公司 网页内容的显示方法及装置
CN111666280B (zh) * 2020-04-27 2023-11-21 百度在线网络技术（北京）有限公司 评论的排序方法、装置、设备和计算机存储介质
CN111782097A (zh) * 2020-06-30 2020-10-16 北京达佳互联信息技术有限公司 图像资源切换方法及装置
CN113703643B (zh) * 2021-09-10 2023-03-10 北京字跳网络技术有限公司 内容显示方法、装置、设备及介质
CN114519154A (zh) * 2022-02-21 2022-05-20 北京字节跳动网络技术有限公司 页面内容的显示方法和装置

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104536650A (zh) * 2015-01-15 2015-04-22 成都品果科技有限公司 一种基于ios系统的视差翻页人机交互方法
CN107436869A (zh) * 2016-05-25 2017-12-05 北京奇虎科技有限公司 一种印象评论生成方法及装置
CN106909365A (zh) * 2016-08-30 2017-06-30 阿里巴巴集团控股有限公司 资讯信息的展示方法和装置
CN107770045A (zh) * 2017-09-29 2018-03-06 网易乐得科技有限公司 一种消息编辑方法、装置和介质
CN109582430A (zh) * 2018-12-14 2019-04-05 掌阅科技股份有限公司 电子书中评论信息的展现方法、计算设备及存储介质
CN110134479A (zh) * 2019-05-10 2019-08-16 杭州网易云音乐科技有限公司 内容页面交互方法、生成方法、介质、装置和计算设备
CN110601956A (zh) * 2019-09-06 2019-12-20 腾讯科技（深圳）有限公司 一种内容聚合方法、装置、计算机设备和存储介质
CN112198999A (zh) * 2020-09-01 2021-01-08 北京达佳互联信息技术有限公司 任务信息处理方法、装置及服务器
CN113115096A (zh) * 2021-03-18 2021-07-13 北京达佳互联信息技术有限公司 界面信息切换方法、装置、电子设备和存储介质
CN113542854A (zh) * 2021-07-20 2021-10-22 北京字跳网络技术有限公司 视频处理方法、装置、电子设备及存储介质
CN113778284A (zh) * 2021-09-24 2021-12-10 北京字跳网络技术有限公司 审核信息显示方法、装置、设备和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023155752A1 (zh) * 2022-02-21 2023-08-24 北京字节跳动网络技术有限公司 页面内容的显示方法和装置
WO2024037410A1 (zh) * 2022-08-18 2024-02-22 抖音视界有限公司 用于访问媒体内容的方法、设备和计算机可读介质

Also Published As

Publication number Publication date
US20230266864A1 (en) 2023-08-24
WO2023155752A1 (zh) 2023-08-24

Similar Documents

Publication Publication Date Title
CN107341018B (zh) 一种在页面切换后继续显示视图的方法和装置
JP6170972B2 (ja) コンテンツ表示のためのギャラリアプリケーションに関する方法及びコンピュータ読み取り可能記録媒体
US8261191B2 (en) Multi-point representation
US7496845B2 (en) Interactive presentation viewing system employing multi-media components
US8745515B2 (en) Presentation of large pages on small displays
US20040100486A1 (en) Method and system for image editing using a limited input device in a video environment
WO2023155752A1 (zh) 页面内容的显示方法和装置
US20060248475A1 (en) Graphical user interface system
CN108924622B (zh) 一种视频处理方法及其设备、存储介质、电子设备
CN107239528B (zh) 搜索结果显示方法及装置
JP6223405B2 (ja) 情報表示装置、情報表示方法および情報表示プログラム
KR20160055813A (ko) 스마트폰/카메라상에서 터치스크린을 통하여 비디오 편집을 하기 위한 제스처에 기초하여 상호작용하는 그래픽 사용자 인터페이스
WO2018112928A1 (zh) 一种信息展示方法、装置及终端设备
US9753630B1 (en) Card stack navigation
WO2018113065A1 (zh) 一种信息展示方法、装置及终端设备
CN114185465A (zh) 信息处理方法、装置、存储介质和电子设备
JP5840722B2 (ja) 情報表示装置、情報表示方法および情報表示プログラム
JP6357548B2 (ja) 動画像処理装置
CN113553466A (zh) 页面展示方法、装置、介质和计算设备
Hürst et al. HiStory: a hierarchical storyboard interface design for video browsing on mobile devices
JP2005275885A (ja) 情報処理装置、プログラム
CN114880606A (zh) 页面显示方法、装置、设备、介质及程序产品
CN111782309B (zh) 显示信息的方法、装置及计算机可读存储介质
JP2013182329A (ja) 情報処理装置、情報処理装置の制御方法、およびプログラム
WO2001057683A1 (en) Method and system for image editing using a limited input device in a video environment

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
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

CB02 Change of applicant information