CN111596987B - 一种页面显示方法、装置和电子设备 - Google Patents

一种页面显示方法、装置和电子设备 Download PDF

Info

Publication number
CN111596987B
CN111596987B CN202010336433.XA CN202010336433A CN111596987B CN 111596987 B CN111596987 B CN 111596987B CN 202010336433 A CN202010336433 A CN 202010336433A CN 111596987 B CN111596987 B CN 111596987B
Authority
CN
China
Prior art keywords
page
display element
placeholder
target
display
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.)
Active
Application number
CN202010336433.XA
Other languages
English (en)
Other versions
CN111596987A (zh
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 CN202010336433.XA priority Critical patent/CN111596987B/zh
Publication of CN111596987A publication Critical patent/CN111596987A/zh
Application granted granted Critical
Publication of CN111596987B publication Critical patent/CN111596987B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

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

Abstract

本公开实施例公开了一种页面显示方法、装置和电子设备,该方法包括:确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶。能够在置顶显示元素置顶时,不打乱页面中各个页面元素之间的布局,继而可以提升系统性能,降低页面布局时的复杂度。

Description

一种页面显示方法、装置和电子设备
技术领域
本公开涉及互联网技术领域,尤其涉及一种页面显示方法、装置和电子设备。
背景技术
近年来,随着移动通信技术的迅速发展,各种诸如手机、电脑等终端设备已成为人们生活中必不可少的电子设备。人们可以使用这些终端设备浏览显示页面中的内容,当显示页面翻页时,可以将显示页面中的部分信息内容悬浮于显示区域的顶部(即置顶),以引起人们的关注。
发明内容
提供该公开内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该公开内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开实施例提供了一种页面显示方法、装置和电子设备。能够在置顶显示元素置顶时,不打乱页面中各个页面元素之间的布局,继而可以提升系统性能,降低页面布局时的复杂度。
第一方面,本公开实施例提供了一种页面显示方法,该方法包括:确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶。
第二方面,本公开实施例提供了一种页面显示装置,该装置包括:第一确定模块,用于确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;置顶模块,用于响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶。
第三方面,本公开实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现第一方面所述的页面显示方法。
第四方面,本公开实施例提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现上述第一方面所述的页面显示方法的步骤。
本公开实施例提供的页面显示方法、装置和电子设备,通过首先确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素,然后响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶。能够在置顶显示元素置顶时,不打乱页面中各个页面元素之间的布局,继而可以提升系统性能,降低页面布局时的复杂度。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1为根据本公开的页面显示方法的一个实施例的流程图;
图2为根据本公开的页面显示方法的另一个实施例的流程示意图;
图3为根据本公开的页面显示装置的一个实施例的结构示意图;
图4为本公开的一个实施例的页面显示方法可以应用于其中的示例性系统架构;
图5为根据本公开实施例提供的电子设备的基本结构的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
需要说明的是,在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
请参考图1,其示出了根据本公开的页面显示方法的一个实施例的流程图,如图1所示,该页面显示方法包括以下步骤101至步骤102。
步骤101,确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素。
上述显示区域可以是执行上述页面显示方法的设备的整个显示界面,也可以是该设备显示界面中的部分区域。
在一些应用场景中,上述显示界面可以是触控界面。用户可以通过触碰上述显示界面,对对应的显示区域上显示的页面执行相关操作。例如,可以通过滑动操作将当前显示区域内显示的页面向上滑动,继而可以使各页面元素跟随滑动的页面移出显示区域。
在另外一些应用场景中,用户可以通过鼠标等在显示区域执行滑动操作以更新显示在当前显示区域的中的页面内容。应当说明的是,页面可以包括显示在显示屏上的部分,和被移出以及未被显示的部分。当执行滑动操作时,可以将当前页面的部分显示内容或全部显示内容移出当前显示区域。
这里的页面可以是应用程序的页面,也可以是Web页面。页面上可以包括对应于具体信息内容的页面元素,例如在包含有多个联系人的个人信息的页面中,可以将这里的个人信息视为上述的页面元素;也可以包括对应于特殊符号的页面元素,例如占位符。上述置顶显示元素例如可以是如上所述的朋友的动态信息等实质上为具体的信息内容对应的元素。上述的目标页面元素例如可以为该动态信息对应的页面元素。也就是说,当前的目标页面元素对应的信息内容可以和置顶显示元素相同,也可以不同。
当前显示的页面中可以包括多个页面元素。这里的多个页面元素可以包括与置顶显示元素对应的目标页面元素(此时,目标页面元素对应的信息内容可以是与置顶显示元素一致的信息内容)。也可以包括与置顶显示元素不对应的其他普通页面元素,这些普通页面元素的布局位置和对应的信息内容可以不发生变化。
步骤102,响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与目标页面元素对应的置顶显示元素置顶。
上述预设置顶列表可以存储多个置顶显示元素。在一些应用场景中,这里的置顶显示元素的内容可以跟页面中的页面元素对应的显示内容相同。上述置顶列表中的置顶显示元素对应的置顶操作的时机在于该置顶显示元素对应的目标页面元素从当前显示区域的顶部移出。即对应置顶显示元素的目标页面元素从顶部移出时,可以将该目标页面元素对应的置顶显示元素置顶。
页面中的各个页面元素中需要置顶的页面元素,可以按照页面元素的页面布局顺序以置顶显示元素的形式存储在预设置顶列表中。页面元素可以包括具体显示文字和/或图片等显示内容。这里的需要置顶的页面元素可以是目标页面元素。也即目标页面元素可以被布局在显示页面中以及以置顶显示元素的形式存储在上述预设置顶列表中。这样,在当前页面中的目标页面元素从显示区域顶部移出的时候,可以将从预设置顶列表中所获取的置顶显示元素进行置顶操作。例如,当前A、B、C、D四个页面元素按照顺序布局以形成当前页面。此时,若页面元素B为上述的需要置顶的信息(即页面元素B为目标页面元素),可以复制该页面元素B,并可以置顶显示元素B'的形式存储至预设置顶列表中。若目标页面元素B从显示区域的顶部移出,可以将从预设置顶列表中获取出来的置顶显示元素B'置顶于显示区域上。这里的置顶显示元素可以是由服务端发送的。
进一步的,可以在显示区域上设置预设位置以显示置顶的置顶显示元素。这里的预设位置可以是提前设置好的用于展示置顶显示元素的位置。例如可以是当前显示区域的顶部、中部等。本公开中将该预设位置设置于当前显示区域的顶部,以突显置顶显示元素的置顶功能。这里的顶部可以是距离当前显示屏幕顶部边缘一定距离的位置,例如可以是距离显示屏幕顶部边缘的10毫米处、20毫米处等。在一些应用场景中,可以在预设位置处设置矩形、圆形等显示框来显示置顶显示元素。
现有技术中,通常是将作为置顶显示元素的页面元素与其他布局的页面元素一起布局到页面中。当将该作为置顶显示元素的页面元素置顶时,需要打乱该页面元素与其他页面元素之间的数据关系和位置关系,继而导致系统性能较低,而页面布局的复杂度较高。
本实施例通过首先确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素,然后响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与目标页面元素对应的置顶显示元素置顶。能够在置顶显示元素置顶时,不打乱页面中各个页面元素之间的布局,继而可以提升系统性能,降低页面布局时的复杂度。
请参考图2,其示出了根据本公开的页面显示方法的另一个实施例的流程图,如图2所示,该页面显示方法可以包括以下步骤201至步骤202。
步骤201,确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符。
在本实施例中,页面元素可以包括多个占位符,多个占位符与预设置顶列表中的置顶显示元素一一对应。
上述占位符可以是占住一个固定位置的符号,通过该符号可以确定该符号对应的置顶显示元素在当前页面中的位置,以使得后续可以往该位置处添加对应的置顶显示元素以展现其具体的信息内容。
每个页面中可以包含多个占位符,也可以不包含占位符。本实施例针对页面中至少包括一个占位符的情况进行阐述。在实践中,可以根据当前页面中需要置顶的页面元素的数量设定占位符的个数,此处不作任何限制。
在各个页面元素进行布局时,可以将占位符也作为页面元素进行布局。例如,当前页面可以包括A、B、C、D四个页面元素,将这四个页面元素进行布局时,如果想要使页面元素B对应的置顶显示元素B'置顶,可以以占位符B0作为页面元素B占据本该是置顶显示元素B'的位置,并以占位符B0代替置顶显示元素B'建立与其他页面元素之间的数据关系。
创建一个能够容纳对应置顶显示元素的占位符的同时,可以将占位符与该置顶显示元素进行关联,并将该置顶显示元素添加到上述预设置顶列表中,将该占位符作为页面元素进行布局。在显示页面内容的设备根据用户的当前操作,确定包含该占位符的页面部分将被滑入显示区域时,可以将与该占位符对应的置顶显示元素从预设置顶列表中填充进该占位符中进行显示。例如,可以在创建上述占位符B0的同时,将对应的置顶显示元素B'放入预设置顶列表中进行存储,并建立两者之间的对应关系。
可以将当前显示区域中需要被置顶的置顶显示元素对应的占位符确定为目标占位符。例如,当前页面中展示了A、B、C、D四个页面元素,其中B、D两个页面元素为占位符,即占位符B0和占位符D0。此时,如果需要将占位符B0对应的置顶显示元素B'置顶,可以将占位符B0确定为上述的目标占位符。如果需要将占位符D0对应的置顶显示元素D'置顶,可以将占位符D0确定为上述的目标占位符。
确定了目标占位符后,可以检测该目标占位符是否随着当前页面的移动而从当前显示区域的顶部移出。
步骤202,响应于确定包括对应置顶显示元素的目标占位符,将从预设置顶列表中所获取的与目标占位符对应的置顶显示元素置顶。
也就是说,确定了目标占位符从当前显示区域的顶部移出之后,可以将该目标占位符对应的置顶显示元素置顶。例如,上述目标占位符B0跟随页面从当前显示区域的顶部移出,可以将对应的置顶显示元素B'置顶。
本实施例通过首先确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符,然后响应于确定上述部分页面包括对应置顶显示元素的目标占位符,将从预设置顶列表中所获取的与目标占位符对应的置顶显示元素置顶。可以将置顶显示元素存储在预设置顶列表中,而在页面布局时使用占位符的方式代替置顶显示元素与其他页面元素建立关系;在占位符对应的部分页面被显示时,从预设置顶列表中获取上述占位符对应的置顶显示元素,并显示;当需要置顶对应置顶显示元素的时候,可以将该置顶显示元素置顶,不会打乱当前页面的布局,继而可以提升系统性能,降低页面布局时的复杂度。
在一些可选的实现方式中,预设置顶列表中各个置顶显示元素的优先级不同,则可以通过置顶显示元素的优先级确定与目标占位符对应的置顶显示元素。
也就是说,可以提前设置各个置顶显示元素的优先级,然后比较目标占位符对应的置顶显示元素与当前时刻置顶的置顶显示元素的优先级之间的高低关系,进而确定对应于目标占位符的置顶显示元素。例如,可以将置顶显示元素A'的优先级设置为1级,置顶显示元素B'的优先级设置为2级,置顶显示元素C'的优先级设置为3级。这样,可以顺次置顶上述的置顶显示元素C'、置顶显示元素B'、置顶显示元素A'。作为示意性说明,优先级对应的级数数值越大,优先级等级越高。
从预设置顶列表中获取与目标占位符对应的置顶显示元素置顶时,可以通过以下步骤确定与目标占位符对应的置顶显示元素。
步骤2021,响应于检测到与目标占位符对应的置顶显示元素的优先级高于当前时刻置顶的置顶显示元素,将所获取的目标占位符对应的置顶显示元素置顶。
例如,上述的当前时刻置顶的置顶显示元素A'的优先级为1级,若检测到目标占位符B0对应的置顶显示元素B'的优先级为2级,置顶显示元素B'的优先级高于置顶显示元素A',可以将获取的置顶显示元素B'置顶。即置顶显示元素B'可以替换置顶显示元素A'置顶。
步骤2022,响应于检测到与目标占位符对应的置顶显示元素的优先级低于当前时刻置顶的置顶显示元素,继续将当前时刻置顶的置顶显示元素置顶。
也就是说,若目标占位符对应的置顶显示元素的优先级低于当前时刻置顶的置顶显示元素,可以继续将当前时刻置顶的置顶显示元素在当前显示区域内置顶。例如,当前时刻置顶的置顶显示元素A'的优先级为3级,目标占位符B0对应的置顶显示元素B'的优先级为2级,则可以继续将置顶显示元素A'置顶。即,可以保留当前时刻置顶的置顶显示元素A',使置顶显示元素A'仍然悬浮于当前显示区域的顶部。
通过各个置顶显示元素的优先级确定当前时刻置顶的置顶显示元素,可以实现部分置顶显示元素常留当前显示区域顶部的功能。例如,上述的预设置顶列表中包括的优先级为3级的置顶显示元素A'和优先级为2级的置顶显示元素B'。在将这两个置顶显示元素置顶时,置顶显示元素A'可以被一直悬浮在当前显示区域的顶部,直到优先级比置顶显示元素A'更高的置顶显示元素C'出现,才可以使用置顶显示元素C'替换置顶显示元素A'置顶。
在一些可选的实现方式中,在上述步骤201之前,上述页面显示方法还可以包括以下步骤:确定在当前显示区域待展示的部分页面中是否包括占位符;响应于确定当前显示区域待展示的部分页面中包括占位符,从预设置顶列表中获取与占位符对应的置顶显示元素添加进占位符对应的区域。
也就是说,确定了当前显示区域待展示的部分页面中包括某一占位符时,可以将该占位符对应的置顶显示元素从预设置顶列表中获取出来,并放入该占位符对应的区域中进行填充。在当上述待展示的部分页面在当前显示区域进行显示时,可以在占位符对应的显示位置展示该置顶显示元素。
例如,确定了当前显示区域待展示的部分页面中包含占位符A0。可以从预设置顶列表中获取对应的置顶显示元素A'添加进占位符A0对应的区域中。当该待展示的部分页面在当前显示区域进行显示时,可以在占位符A0对应的显示位置展示置顶显示元素A'。
由于翻页操作,目标占位符可能会随上一展示的部分页面移出显示区域,此时,可以检测该目标占位符相对于当前显示区域的移出方向(即上述的当前显示区域的顶部、底部)。如果检测到该目标占位符从当前显示区域的顶部移出,可以执行上述步骤201-步骤202中的相关操作,将该目标占位符对应的置顶显示元素置顶,为了说明书的简洁,此处不再赘述。如果检测到该目标占位符从当前显示区域的底部移出,可以对该目标占位符执行如下步骤1和步骤2。
步骤1,确定当前从显示区域底部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符。
步骤2,响应于确定包括对应置顶显示元素的目标占位符,将目标占位符对应的置顶显示元素从页面中删除。
也就是说,目标占位符如果从显示区域的底部移出,则可以不将该目标占位符对应的置顶显示元素置顶,而可以将目标占位符对应的置顶显示元素从页面中删除,以释放内存。此时,页面中恢复到以目标占位符作为页面元素进行布局的状态。等到下次确定该目标占位符出现在下一待展示的部分页面中时,可以再次从预设置顶列表中获取对应的置顶显示元素进行添加。这里的底部可以根据历史信息重新进入当前显示区域的方向确定。
例如,当前页面中存在A0、B0、C0、D0四个占位符,并分别以A'、B'、C'、D'四个置顶显示元素填充。如果需要将置顶显示元素B'置顶,则需要其对应的目标占位符B0跟随上一显示页面从显示区域的顶部移出。当目标占位符B0从顶部移出之后,可以执行上述的步骤201-步骤202中对应的操作将置顶显示元素B'置顶。若目标占位符B0跟随上一显示页面从显示区域的底部移出,可以对该目标占位符B0执行上述步骤1-步骤2将置顶显示元素B'从页面中删除。
请参考图3,其示出了根据本公开的页面显示装置的一个实施例的结构示意图,如图3所示,页面显示装置包括第一确定模块301和置顶模块302。其中,第一确定模块301,用于确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;置顶模块302,用于响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与目标页面元素对应的置顶显示元素置顶。
需要说明的是,该页面显示装置的第一确定模块301和置顶模块302的具体处理及其所带来的技术效果可分别参考图1对应实施例中步骤101至步骤102的相关说明,在此不再赘述。
在本实施例的一些可选的实现方式中,页面元素包括多个占位符,多个占位符与预设置顶列表中的置顶显示元素一一对应;以及第一确定模块301进一步用于:确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符;以及置顶模块302进一步用于:响应于确定包括对应置顶显示元素的目标占位符,将从预设置顶列表中所获取的与目标占位符对应的置顶显示元素置顶。
在本实施例的一些可选的实现方式中,预设置顶列表中各个置顶显示元素的优先级不同,以及置顶模块302进一步用于:响应于检测到与目标占位符对应的置顶显示元素的优先级高于当前时刻置顶的置顶显示元素,将所获取的目标占位符对应的置顶显示元素置顶。
在本实施例的一些可选的实现方式中,置顶模块302进一步用于:响应于检测到与目标占位符对应的置顶显示元素的优先级低于当前时刻置顶的置顶显示元素,继续将当前时刻置顶的置顶显示元素置顶。
在本实施例的一些可选的实现方式中,页面显示装置还包括添加模块,上述添加模块用于:确定在当前显示区域待展示的部分页面中是否包括占位符;响应于确定当前显示区域待展示的部分页面中包括占位符,从预设置顶列表中获取与占位符对应的置顶显示元素添加进占位符对应的区域。
在本实施例的一些可选的实现方式中,页面显示装置还包括第二确定模块,上述第二确定模块用于:确定当前从显示区域底部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符;响应于确定包括对应置顶显示元素的目标占位符,将目标占位符对应的置顶显示元素从页面中删除。
请参考图4,其示出了本公开的一个实施例的页面显示方法可以应用于其中的示例性系统架构。
如图4所示,系统架构可以包括终端设备401、402、403,网络404,服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。上述终端设备和服务器可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,Ad hoc端对端网络),以及任何当前已知或未来研发的网络。
终端设备401、402、403可以通过网络404与服务器405交互,以接收或发送消息等。终端设备401、402、403上可以安装有各种客户端应用,例如视频发布应用、搜索类应用、新闻资讯类应用。
终端设备401、402、403可以是硬件,也可以是软件。当终端设备401、402、403为硬件时,可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备401、402、403为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
服务器405可以是可以提供各种服务的服务器,例如接收终端设备401、402、403发送的页面信息获取请求,对该获取请求进行分析处理,并将分析处理结果(例如与上述获取请求对应的页面元素以及与页面元素对应的预设置顶列表)发送给终端设备401、402、403。
需要说明的是,本公开实施例所提供的页面显示方法可以由终端设备执行,相应地,页面显示装置可以设置在终端设备中。
应该理解,图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图5,其示出了适于用来实现本公开实施例的电子设备(例如图4中的终端设备)的结构示意图。图5示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与目标页面元素对应的置顶显示元素置顶。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该单元本身的限定,例如,第一确定模块还可以被描述为“确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (12)

1.一种页面显示方法,其特征在于,包括:
确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;
响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶;
其中,所述页面元素包括多个占位符,所述多个占位符与所述预设置顶列表中的置顶显示元素一一对应;以及
所述确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素,包括:
确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符;以及
所述响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶,包括:
响应于确定包括对应置顶显示元素的目标占位符,将从所述预设置顶列表中所获取的与所述目标占位符对应的置顶显示元素置顶。
2.根据权利要求1所述的方法,其特征在于,所述预设置顶列表中各个置顶显示元素的优先级不同,以及
所述将从所述预设置顶列表中所获取的与所述目标占位符对应的置顶显示元素置顶,包括:
响应于检测到与所述目标占位符对应的置顶显示元素的优先级高于当前时刻置顶的置顶显示元素,将所获取的所述目标占位符对应的置顶显示元素置顶。
3.根据权利要求2所述的方法,其特征在于,所述将从所述预设置顶列表中所获取的与所述目标占位符对应的置顶显示元素置顶,包括:
响应于检测到与所述目标占位符对应的置顶显示元素的优先级低于当前时刻置顶的置顶显示元素,继续将所述当前时刻置顶的置顶显示元素置顶。
4.根据权利要求1所述的方法,其特征在于,在所述确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符之前,所述方法还包括:
确定在当前显示区域待展示的部分页面中是否包括占位符;
响应于确定当前显示区域待展示的部分页面中包括所述占位符,从所述预设置顶列表中获取与所述占位符对应的置顶显示元素添加进所述占位符对应的区域。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定当前从显示区域底部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符;
响应于确定包括对应置顶显示元素的目标占位符,将所述目标占位符对应的置顶显示元素从所述页面中删除。
6.一种页面显示装置,其特征在于,包括:
第一确定模块,用于确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标页面元素;
置顶模块,用于响应于确定包括对应置顶显示元素的目标页面元素,将从预设置顶列表中所获取的与所述目标页面元素对应的置顶显示元素置顶;
所述页面元素包括多个占位符,所述多个占位符与所述预设置顶列表中的置顶显示元素一一对应;以及
所述第一确定模块进一步用于:
确定当前从显示区域顶部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符;以及
所述置顶模块进一步用于:
响应于确定包括对应置顶显示元素的目标占位符,将从所述预设置顶列表中所获取的与所述目标占位符对应的置顶显示元素置顶。
7.根据权利要求6所述的装置,其特征在于,所述预设置顶列表中各个置顶显示元素的优先级不同,以及
所述置顶模块进一步用于:
响应于检测到与所述目标占位符对应的置顶显示元素的优先级高于当前时刻置顶的置顶显示元素,将所获取的所述目标占位符对应的置顶显示元素置顶。
8.根据权利要求7所述的装置,其特征在于,所述置顶模块进一步用于:
响应于检测到与所述目标占位符对应的置顶显示元素的优先级低于当前时刻置顶的置顶显示元素,继续将所述当前时刻置顶的置顶显示元素置顶。
9.根据权利要求6所述的装置,其特征在于,所述装置还包括添加模块,所述添加模块用于:
确定在当前显示区域待展示的部分页面中是否包括占位符;
响应于确定当前显示区域待展示的部分页面中包括所述占位符,从所述预设置顶列表中获取与所述占位符对应的置顶显示元素添加进所述占位符对应的区域。
10.根据权利要求6所述的装置,其特征在于,所述装置还包括第二确定模块,所述第二确定模块用于:确定当前从显示区域底部移出的部分页面中的各页面元素,是否包括对应置顶显示元素的目标占位符;
响应于确定包括对应置顶显示元素的目标占位符,将所述目标占位符对应的置顶显示元素从所述页面中删除。
11.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现权利要求1-5中任一所述的方法。
12.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5中任一所述的方法。
CN202010336433.XA 2020-04-24 2020-04-24 一种页面显示方法、装置和电子设备 Active CN111596987B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010336433.XA CN111596987B (zh) 2020-04-24 2020-04-24 一种页面显示方法、装置和电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010336433.XA CN111596987B (zh) 2020-04-24 2020-04-24 一种页面显示方法、装置和电子设备

Publications (2)

Publication Number Publication Date
CN111596987A CN111596987A (zh) 2020-08-28
CN111596987B true CN111596987B (zh) 2024-03-26

Family

ID=72187687

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010336433.XA Active CN111596987B (zh) 2020-04-24 2020-04-24 一种页面显示方法、装置和电子设备

Country Status (1)

Country Link
CN (1) CN111596987B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113760154B (zh) * 2020-10-26 2024-10-22 北京沃东天骏信息技术有限公司 页面元素展示的方法和装置

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013138846A1 (en) * 2012-03-22 2013-09-26 Silverbrook Research Pty Ltd Method and system of interacting with content disposed on substrates
CN104268250A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN107766124A (zh) * 2017-10-26 2018-03-06 福建星瑞格软件有限公司 一种web表单的自动验证方法以及装置
CN107818008A (zh) * 2017-11-21 2018-03-20 武汉斗鱼网络科技有限公司 页面加载方法及装置
CN108287925A (zh) * 2018-03-02 2018-07-17 北京京东尚科信息技术有限公司 一种显示页面元素的方法和装置
CN108509526A (zh) * 2018-03-13 2018-09-07 百度在线网络技术(北京)有限公司 用于动态布局移动应用的界面元素的方法和装置
CN109643218A (zh) * 2016-04-26 2019-04-16 谷歌有限责任公司 用户界面元素的动画
CN109947967A (zh) * 2017-10-10 2019-06-28 腾讯科技(深圳)有限公司 图像识别方法、装置、存储介质和计算机设备

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7523403B2 (en) * 2003-03-31 2009-04-21 Microsoft Corporation Placeholder control object for creating and viewing content in connection with a content management server system
US20060294496A1 (en) * 2005-06-27 2006-12-28 Bea Systems, Inc. System and method for improved web portal design through control tree file creation

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013138846A1 (en) * 2012-03-22 2013-09-26 Silverbrook Research Pty Ltd Method and system of interacting with content disposed on substrates
CN104268250A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN109643218A (zh) * 2016-04-26 2019-04-16 谷歌有限责任公司 用户界面元素的动画
CN109947967A (zh) * 2017-10-10 2019-06-28 腾讯科技(深圳)有限公司 图像识别方法、装置、存储介质和计算机设备
CN107766124A (zh) * 2017-10-26 2018-03-06 福建星瑞格软件有限公司 一种web表单的自动验证方法以及装置
CN107818008A (zh) * 2017-11-21 2018-03-20 武汉斗鱼网络科技有限公司 页面加载方法及装置
CN108287925A (zh) * 2018-03-02 2018-07-17 北京京东尚科信息技术有限公司 一种显示页面元素的方法和装置
CN108509526A (zh) * 2018-03-13 2018-09-07 百度在线网络技术(北京)有限公司 用于动态布局移动应用的界面元素的方法和装置

Also Published As

Publication number Publication date
CN111596987A (zh) 2020-08-28

Similar Documents

Publication Publication Date Title
CN111399956B (zh) 应用于显示设备的内容展示方法、装置和电子设备
CN110784754A (zh) 视频显示方法、装置和电子设备
CN110716684B (zh) 用户界面的显示方法、装置、电子设备及机可读存储介质
CN111291244B (zh) 房源信息展示方法、装置、终端及存储介质
CN110633126B (zh) 信息显示方法、装置和电子设备
CN111190520A (zh) 菜单项选择方法、装置、可读介质及电子设备
CN114491349B (zh) 页面显示方法、装置、电子设备、存储介质和程序产品
CN111309415B (zh) 应用程序的用户界面ui信息处理方法、装置及电子设备
CN111309417B (zh) 应用程序中的数据显示方法、装置、电子设备和可读介质
CN111782329B (zh) 节点拖拽方法、装置、设备和计算机可读介质
CN111259636B (zh) 文档渲染方法、装置和电子设备
CN110990038B (zh) 用于应用局部更新的方法、装置、电子设备和介质
CN114416261B (zh) 一种信息展示方法、装置、设备及介质
CN111596987B (zh) 一种页面显示方法、装置和电子设备
CN111259291B (zh) 视图展示方法、装置和电子设备
CN113961280B (zh) 视图的展示方法、装置、电子设备及计算机可读存储介质
CN112307393A (zh) 信息发布方法、装置和电子设备
CN110427584A (zh) 页面生成方法、装置、电子设备及计算机可读存储介质
CN113608816B (zh) 进度的调整方法、装置、电子设备和存储介质
CN113656128A (zh) 页面生成方法、装置和电子设备
CN111290812B (zh) 应用控件的显示方法、装置、终端及存储介质
CN110568976B (zh) 控制应用显示的方法、装置、设备、存储介质
CN111290692B (zh) 图片显示方法、装置、电子设备及计算机可读介质
CN111274513B (zh) 窗口显示方法、装置、终端及存储介质
CN110865810A (zh) 资源复用的方法、装置、电子设备及计算机可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant