CN109375973B - 页面展示方法、装置、计算机设备及计算机可读存储介质 - Google Patents
页面展示方法、装置、计算机设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN109375973B CN109375973B CN201811101428.XA CN201811101428A CN109375973B CN 109375973 B CN109375973 B CN 109375973B CN 201811101428 A CN201811101428 A CN 201811101428A CN 109375973 B CN109375973 B CN 109375973B
- Authority
- CN
- China
- Prior art keywords
- page
- display area
- page display
- display
- hidden
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution 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)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提出了一种页面展示方法,包括:接收服务器下发的页面数据及相对应的页面配置信息;基于所述页面配置信息,将根据所述页面数据呈现的页面设置为多个页面显示区域;当控制所述页面进行滚动显示时,根据所述页面配置信息,将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。本发明还公开了一种页面展示装置、计算机设备及计算机可读存储介质,通过实施上述方案,实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面展示方法、装置、计算机设备及计算机可读存储介质。
背景技术
随着计算机设备(例如,移动终端)的快速发展,计算机设备中安装的应用程序也得了快速普及。当应用程序展示页面时,页面布局通常设置为多个显示区域,其中,一个显示区域(包括导航条或导航图片等)固定设置,不随页面的滚动显示而进行滚动;其他显示区域能够滚动显示页面中的内容。因此,当固定设置的显示区域高度设置过大,则导致其他显示区域过小,不便于用户阅读其他显示区域中的页面内容;甚至在固定设置的显示区域高度超过用户的计算机设备显示屏的高度的情况下,导致用户无法阅读其他显示区域中的页面内容。
发明内容
本发明提出了一种本发明提出了一种页面展示方法、装置、计算机设备及计算机可读存储介质,用以解决现有技术中现有应用程序中的页面显示区域不能灵活配置的问题。
本发明采用的技术方案是提供一种页面展示方法,包括:
基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域;
当控制所述页面进行滚动显示时,根据所述页面配置信息,将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
可选的,在所述将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏之后,当接收到预设的恢复显示指令时,呈现已隐藏的所述设定页面显示区域。
可选的,所述设定页面显示区域的数量为多个;根据所述页面配置信息,设置每一所述设定页面显示区域对应的恢复显示指令。
可选的,所述当接收到预设的恢复显示指令时,呈现已隐藏的所述设定页面显示区域,包括:当接收到任一设定页面显示区域对应的恢复显示指令时,呈现已隐藏的所述任一设定页面显示区域。
可选的,所述设定页面显示区域设置于所述页面的边缘区域;所述当接收到预设的恢复显示指令时,呈现已隐藏的所述设定页面显示区域,包括:当控制所述页面向所述设定页面显示区域相反方向进行滚动显示时,检测已呈现的所述页面的当前边缘偏离所述显示屏边缘的位移距离;其中,所述当前边缘连接所述设定页面显示区域;在检测到所述位移距离大于或等于设定阈值的情况下,呈现已隐藏的所述设定页面显示区域。
本发明还提供一种页面展示装置,包括:
设置模块,用于基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域;
隐藏模块,用于当控制所述页面进行滚动显示时,根据所述页面配置信息,将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
可选的,所述装置还包括:
恢复模块,用于在所述隐藏模块将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏之后,当接收到预设的恢复显示指令时,呈现已隐藏的所述设定页面显示区域。
可选的,所述设定页面显示区域的数量为多个;所述装置还包括:
配置模块,用于根据所述页面配置信息,设置每一所述设定页面显示区域对应的恢复显示指令。
可选的,所述恢复模块具体用于:
当接收到任一设定页面显示区域对应的恢复显示指令时,呈现已隐藏的所述任一设定页面显示区域。
可选的,所述设定页面显示区域设置于所述页面的边缘区域;所述恢复模块具体用于:
当控制所述页面向所述设定页面显示区域相反方向进行滚动显示时,检测已呈现的所述页面的当前边缘偏离所述显示屏边缘的位移距离;其中,所述当前边缘连接所述设定页面显示区域;
在检测到所述位移距离大于或等于设定阈值的情况下,呈现已隐藏的所述设定页面显示区域。
本发明还提供一种计算机设备,所述计算机设备包括处理器和存储器;所述处理器用于执行存储器中存储的页面展示程序,以实现上述的页面展示方法的步骤。
本发明还提供一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现上述的页面展示方法的步骤。
采用上述技术方案,本发明至少具有下列优点:
本发明所述一种页面展示方法、装置、设备及计算机可读存储介质,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
附图说明
图1为本发明第一实施例所述的页面展示方法流程图;
图2为本发明第二和第三实施例所述的页面展示方法流程图;
图3为本发明第四实施例所述的页面展示方法流程图;
图4为本发明第五实施例所述的页面展示方法流程图;
图5为本发明第六实施例所述的页面展示示意图;
图6为本发明第七实施例所述的页面展示装置组成结构示意图;
图7为本发明第八实施例所述的页面展示装置组成结构示意图;
图8为本发明第九至第十一实施例所述的页面展示装置组成结构示意图;
图9为本发明第十二实施例所述的计算机设备组成结构示意图。
具体实施方式
为更进一步阐述本发明为达成预定目的所采取的技术手段及功效,以下结合附图及较佳实施例,对本发明进行详细说明如后。
本发明第一实施例,一种页面展示方法,如图1所示,包括以下具体步骤:
步骤S101,基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
在本实施例中,页面配置信息可以是在应用程序中针对每一类页面预设的页面配置信息,也可以是在应用程序中每一个页面预设的页面配置信息,也可以是服务器下发的每一类页面对应的页面配置信息,也可以是服务器下发的每一个页面对应的页面配置信息。通过服务器动态下发页面配置信息,实现了在页面中不同页面显示区域的动态配置,避免了应用程序通过发布新的安装版本,以实现在页面中配置不同页面显示区域的不便。
步骤S102,当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
在本实施例中,对设定显示区域不做具体限定,可以是展示该网页所属类别的导航信息区域,也可以是展示与该网页所属类别的存在依赖关系的类别导航信息区域,也可以是广告展示区域等。其次,对设定页面显示区域的数量不做限定,可以是一个,也可以是多个。再次,对设定页面显示区域在页面中的位置不做具体限定,可以在页面的顶部区域,也可以在页面的底部区域,也可以在页面的左侧区域,也可以在页面的中间区域,也可以在页面的右侧区域。最后,对设定页面显示区域的形状不做具体限定,可以是规则的几何形状(例如,矩形),也可以是不规则的几何形状。
例如,步骤S102,包括:当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的广告显示区域进行隐藏。
又如,步骤S102,包括:当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的导航信息区域进行隐藏。
通过将已滚动出显示屏的设定页面显示区域进行隐藏,实现了不同页面显示区域的展示控制,能够在页面过长的情况下,隐藏与页面信息相关性低的信息,通过仅展现与页面信息相关性高的信息,方便用户便捷的滚动浏览与页面信息相关性高的信息,提高了用户获取页面信息的效率,及页面的滚动浏览效率。
本发明第一实施例所述的页面展示方法,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第二实施例,一种页面展示方法,如图2所示,包括以下具体步骤:
步骤S201,基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
步骤S202,当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
步骤S203,当接收到预设的恢复显示指令时,呈现已隐藏的设定页面显示区域。
在本实施例中,对恢复显示指令不做具体限定,可以通过页面中设置的恢复显示指令按键接收恢复显示指令,也可以通过在触控显示屏上设定形状或设定滑动方向或设定滑动行程的触控操作接收恢复显示指令。
例如,步骤S203,包括:当接收到在触控显示屏上三角形状触控操作接收到的恢复显示指令时,呈现已隐藏的导航信息区域。
在接收到预设的恢复显示指令的情况下,呈现已隐藏的设定页面显示区域,能够在用户已获取页面中信息,或用户想结束页面浏览的情况下,呈现已隐藏的设定页面显示区域,以供用户根据设定页面显示区域中的控制按键或导航按键或跳转链接等进行页面控制。
本发明第二实施例所述的页面展示方法,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第三实施例,一种页面展示方法,如图2所示,包括以下具体步骤:
步骤S201,基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
步骤S202,当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
步骤S203,当接收到预设的恢复显示指令时,呈现已隐藏的设定页面显示区域。
在本实施例中,在步骤S203之前,该方法还可以包括:
步骤S204,根据页面配置信息,设置多个页面显示区域中的每一设定页面显示区域对应的恢复显示指令。
其中,设定页面显示区域的数量为多个。
在本实施例中,对步骤S204相对于其他步骤的执行顺序不做具体限定,可以在步骤S202与步骤S203之间执行,也可以在步骤S201与步骤S202之间执行。
通过对每一设定页面显示区域设置对应的恢复显示指令,能够通过不同的恢复显示指令对不同已隐藏的设定页面显示区域进行恢复显示,实现了不同设定页面显示区域独立控制。本发明第三实施例所述的页面展示方法,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第四实施例,一种页面展示方法,如图3所示,包括以下具体步骤:
步骤S401,基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
步骤S402,当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
步骤S403,当接收到任一设定页面显示区域对应的恢复显示指令时,呈现已隐藏的该任一设定页面显示区域。通过对不同已隐藏的设定页面显示区域进行独立展示控制,方便用户对需要展示的页面显示区域进行分别控制,实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
在本实施例中,在步骤S403之前,该方法还可以包括:
步骤S404,根据页面配置信息,设置多个页面显示区域中的每一设定页面显示区域对应的恢复显示指令。
其中,设定页面显示区域的数量为多个。
在本实施例中,对步骤S404相对于其他步骤的执行顺序不做具体限定,可以在步骤S402与步骤S403之间执行,也可以在步骤S401与步骤S402之间执行。本发明第四实施例所述的页面展示方法,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第五实施例,一种页面展示方法,如图4所示,包括以下具体步骤:
步骤S501,基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
步骤S502,当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
步骤S503,当控制页面向设定页面显示区域相反方向进行滚动显示时,检测已呈现的页面的当前边缘偏离显示屏边缘的位移距离;其中,页面的当前边缘连接该设定页面显示区域;在检测到位移距离大于或等于设定阈值的情况下,呈现已隐藏的该设定页面显示区域。
其中,设定页面显示区域设置于该页面的边缘区域。
可选的,步骤S503,包括:
当控制页面向设定页面显示区域相反方向进行滚动显示时,检测已呈现的页面的当前边缘偏离显示屏边缘的位移距离;其中,页面的当前边缘连接该设定页面显示区域;
若检测到位移距离小于设定阈值,则提示用户继续滚动操作即可呈现已隐藏的该设定页面显示区域;
若检测到位移距离大于或等于设定阈值,则提示用户停止滚动操作即可呈现已隐藏的该设定页面显示区域;
其中,设定页面显示区域设置于该页面的边缘区域。
在接收到预设的恢复显示指令的情况下,呈现已隐藏的设定页面显示区域,能够在用户已获取页面中信息,或用户想结束页面浏览的情况下,呈现已隐藏的设定页面显示区域,以供用户根据设定页面显示区域中的控制按键或导航按键或跳转链接等进行页面控制。
在本实施例中,在步骤S503之前,该方法还可以包括:
步骤S504,根据页面配置信息,设置多个页面显示区域中的每一设定页面显示区域对应的恢复显示指令。
其中,设定页面显示区域的数量为多个。
在本实施例中,对步骤S504相对于其他步骤的执行顺序不做具体限定,可以在步骤S502与步骤S503之间执行,也可以在步骤S501与步骤S502之间执行。
本发明第五实施例所述的页面展示方法,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第六实施例,本实施例是在上述实施例的基础上,以一种页面展示方法为例,结合附图5介绍一个本发明的应用实例。
步骤S601,基于服务器下发的页面配置信息,将当前呈现的页面设置为两个页面显示区域。
其中,两个页面显示区域包括顶部页面显示区域和底部页面显示区域。
在本实施例中,页面的根视图容器由ScrollView组件生成。在该根视图容器初始化时,用户可手势操作控制根视图容器滚动;其中,根视图容器有顶部页面显示区域和底部页面显示区域两部分组成。其中,顶部页面显示区域由View组件生成,该顶部页面显示区域高度由页面配置信息决定,其内容高度不限;底部页面显示区域由ScrollView组件生成,该底部页面显示区域高度恰好为显示屏可视区高度,初始化时,用户不可通过手势操作其自由滚动。
步骤S602,监听根视图容器的滚动事件。当根视图容器的Y轴滚动偏移量大于顶部页面显示区域的高度时,即用户滚动根视图容器将顶部页面显示区域移出可视区域时,触发滚动到底部页面显示区域的指令。该指令中,首先向根视图容器的scrollTo函数传入Y轴偏移量的参数,Y轴偏移量的值为顶部页面显示区域的高度,然后再执行scrollTo函数。scrollTo函数会将根视图容器滚动至指定位置,使顶部页面显示区域在显示屏可视区域恰好不可见。为了保证滚动的正常进行,不会被用户手势操作干扰,需要同时将根视图容器和顶部页面显示区域的scrollEnabled属性设置为false。等待滚动结束时,再将底部页面显示区域的scrollEnabled属性设置为true,使得用户可以操作底部页面显示区域的滚动。
但注意,此时根视图容器的scrollEnabled属性依旧为false,即用户不可以通过手势使得根视图容器滚动。如果,此时根视图容器的scrollEnabled属性依为true,会导致用户的可以通过手势操作同时控制根视图容器和底部页面显示区域滚动,这并不符合用户的心理预期。
步骤S603,监听底部页面显示区域的滚动事件和滚动结束事件。设置一个触发滚动到根视图容器顶部的阙值。在监听滚动事件中,做如下判断:如果底部页面显示区域的Y轴滚动偏移量小于阙值,提示用户“下拉可以回到顶部”;如果Y轴滚动偏移量大于等于阙值,提示用户“松开立即回到顶部”。
在监听到滚动结束事件时,即用户手指离开屏幕结束拖拽页面使其滚动的行为时,做如下判断:如果Y轴滚动偏移量大于等于阙值,直接触发回到根容器顶部的指令。该指令中,首先向根视图容器的scrollTo函数传入Y轴偏移量的参数,Y轴偏移量的值为根视图顶部的位置,即0值;然后再执行scrollTo函数。为了保证滚动的正常进行,不会被用户手势操作干扰,需要同时将根视图容器和底部页面显示区域的scrollEnabled属性设置为false。等待滚动结束时,再将根视图容器的scrollEnabled属性设置为true,使得用户可以操作根视图容器的滚动。但注意,此时底部页面显示区域的scrollEnabled属性依旧为false,即用户只可以操作根视图容器的滚动,但不可以操作底部页面显示区域的滚动。
本发明第六实施例所述的页面展示方法,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第七实施例,一种页面展示装置,如图6所示,包括以下组成部分:
设置模块10,用于基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
在本实施例中,页面配置信息可以是在应用程序中针对每一类页面预设的页面配置信息,也可以是在应用程序中每一个页面预设的页面配置信息,也可以是服务器下发的每一类页面对应的页面配置信息,也可以是服务器下发的每一个页面对应的页面配置信息。通过服务器动态下发页面配置信息,实现了在页面中不同页面显示区域的动态配置,避免了应用程序通过发布新的安装版本,以实现在页面中配置不同页面显示区域的不便。
隐藏模块20,用于当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
在本实施例中,对设定显示区域不做具体限定,可以是展示该网页所属类别的导航信息区域,也可以是展示与该网页所属类别的存在依赖关系的类别导航信息区域,也可以是广告展示区域等。其次,对设定页面显示区域的数量不做限定,可以是一个,也可以是多个。再次,对设定页面显示区域在页面中的位置不做具体限定,可以在页面的顶部区域,也可以在页面的底部区域,也可以在页面的左侧区域,也可以在页面的中间区域,也可以在页面的右侧区域。最后,对设定页面显示区域的形状不做具体限定,可以是规则的几何形状(例如,矩形),也可以是不规则的几何形状。
例如,隐藏模块20可以用于:当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的广告显示区域进行隐藏。
又如,隐藏模块20可以用于:当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的导航信息区域进行隐藏。
通过将已滚动出显示屏的设定页面显示区域进行隐藏,实现了不同页面显示区域的展示控制,能够在页面过长的情况下,隐藏与页面信息相关性低的信息,通过仅展现与页面信息相关性高的信息,方便用户便捷的滚动浏览与页面信息相关性高的信息,提高了用户获取页面信息的效率,及页面的滚动浏览效率。
本发明第七实施例所述的页面展示装置,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第八实施例,一种页面展示装置,如图7所示,包括以下组成部分:
设置模块10,用于基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
隐藏模块20,用于当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
恢复模块30,用于当接收到预设的恢复显示指令时,呈现已隐藏的设定页面显示区域。
在本实施例中,对恢复显示指令不做具体限定,可以通过页面中设置的恢复显示指令按键接收恢复显示指令,也可以通过在触控显示屏上设定形状或设定滑动方向或设定滑动行程的触控操作接收恢复显示指令。
例如,恢复模块30可以用于:当接收到在触控显示屏上三角形状触控操作接收到的恢复显示指令时,呈现已隐藏的导航信息区域。
在接收到预设的恢复显示指令的情况下,呈现已隐藏的设定页面显示区域,能够在用户已获取页面中信息,或用户想结束页面浏览的情况下,呈现已隐藏的设定页面显示区域,以供用户根据设定页面显示区域中的控制按键或导航按键或跳转链接等进行页面控制。
本发明第八实施例所述的页面展示装置,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第九实施例,一种页面展示装置,如图8所示,包括以下组成部分:
设置模块100,用于基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
隐藏模块300,用于当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
恢复模块400,用于接收到预设的恢复显示指令时,呈现已隐藏的设定页面显示区域。
在本实施例中,该装置还包括:配置模块200,用于根据所述页面配置信息,设置多个页面显示区域中的每一设定页面显示区域对应的恢复显示指令。
其中,设定页面显示区域的数量为多个。
在本实施例中,配置模块200可以被设置模块100触发,也可以被隐藏模块300触发。
通过对每一设定页面显示区域设置对应的恢复显示指令,能够通过不同的恢复显示指令对不同已隐藏的设定页面显示区域进行恢复显示,实现了不同设定页面显示区域独立控制。
本发明第九实施例所述的页面展示装置,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第十实施例,一种页面展示装置,如图8所示,包括以下组成部分:
设置模块100,用于基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
隐藏模块300,用于当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
恢复模块400,用于当接收到任一设定页面显示区域对应的恢复显示指令时,呈现已隐藏的该任一设定页面显示区域。
通过对不同已隐藏的设定页面显示区域进行独立展示控制,方便用户对需要展示的页面显示区域进行分别控制,实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
在本实施例中,该装置还包括:配置模块200,用于根据所述页面配置信息,设置多个页面显示区域中的每一设定页面显示区域对应的恢复显示指令。
其中,设定页面显示区域的数量为多个。
在本实施例中,配置模块200可以被设置模块100触发,也可以被隐藏模块300触发。本发明第十实施例所述的页面展示装置,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第十一实施例,一种页面展示装置,如图8所示,包括以下组成部分:
设置模块100,用于基于预设的页面配置信息,将当前呈现的页面设置为多个页面显示区域。
隐藏模块300,用于当控制页面进行滚动显示时,根据页面配置信息,将多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏。
恢复模块400,用于当控制页面向设定页面显示区域相反方向进行滚动显示时,检测已呈现的页面的当前边缘偏离显示屏边缘的位移距离;其中,页面的当前边缘连接该设定页面显示区域;在检测到位移距离大于或等于设定阈值的情况下,呈现已隐藏的该设定页面显示区域。
其中,设定页面显示区域设置于该页面的边缘区域。
可选的,恢复模块400,具体用于:
当控制页面向设定页面显示区域相反方向进行滚动显示时,检测已呈现的页面的当前边缘偏离显示屏边缘的位移距离;其中,页面的当前边缘连接该设定页面显示区域;
若检测到位移距离小于设定阈值,则提示用户继续滚动操作即可呈现已隐藏的该设定页面显示区域;
若检测到位移距离大于或等于设定阈值,则提示用户停止滚动操作即可呈现已隐藏的该设定页面显示区域;
其中,设定页面显示区域设置于该页面的边缘区域。
在接收到预设的恢复显示指令的情况下,呈现已隐藏的设定页面显示区域,能够在用户已获取页面中信息,或用户想结束页面浏览的情况下,呈现已隐藏的设定页面显示区域,以供用户根据设定页面显示区域中的控制按键或导航按键或跳转链接等进行页面控制。
在本实施例中,该装置还包括:配置模块200,用于根据所述页面配置信息,设置多个页面显示区域中的每一设定页面显示区域对应的恢复显示指令。
其中,设定页面显示区域的数量为多个。
在本实施例中,配置模块200可以被设置模块100触发,也可以被隐藏模块300触发。
本发明第十一实施例所述的页面展示装置,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第十二实施例,一种计算机设备,如图9所示,包括以下组成部分:
处理器501和存储器502。在本发明的一些实施例中,处理器501和存储器502可通过总线或者其它方式连接。
处理器501可以是通用处理器,例如中央处理器(Central Processing Unit,CPU),还可以是数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC),或者是被配置成实施本发明实施例的一个或多个集成电路。其中,存储器502用于存储处理器501的可执行指令;
存储器502,用于存储程序代码,并将该程序代码传输给处理器501。存储器502可以包括易失性存储器(Volatile Memory),例如随机存取存储器(Random Access Memory,RAM);存储器502也可以包括非易失性存储器(Non-Volatile Memory),例如只读存储器(Read-Only Memory,ROM)、快闪存储器(Flash Memory)、硬盘(Hard Disk Drive,HDD)或固态硬盘(Solid-State Drive,SSD);存储器502还可以包括上述种类的存储器的组合。
其中,处理器501用于调用存储器502存储的程序代码管理代码,执行本发明第一实施例至本发明第六实施例中任一实施例中部分或全部步骤。
本发明第十二实施例所述的计算机设备,通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现了应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
本发明第十三实施例,一种计算机可读存储介质。
计算机存储介质可以是RAM存储器、闪存、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、移动硬盘、CD-ROM或者本领域已知的任何其他形式的存储介质。
计算机可读存储介质存储有一个或者多个程序,该一个或者多个程序可被一个或者多个处理器执行,以实现本发明第一实施例至本发明第六实施例中任一实施例中部分或全部步骤。
本发明第十三实施例的计算机可读存储介质,存储有一个或者多个程序,该一个或者多个程序可被一个或者多个处理器执行,能够通过隐藏与页面信息相关性低的信息对应的预设页面显示区域,方便用户便捷的滚动浏览与页面信息相关性高的信息对应的页面显示区域,提高了用户获取页面中关键信息的效率,以及页面的滚动浏览效率;通过预设恢复显示指令,恢复已隐藏的页面显示区域,实现了在用户需要获取已隐藏的页面显示区域的情况下,对已隐藏的页面显示区域的快速恢复;实现应用程序中的页面不同显示区域的灵活配置,有效提高了页面的展示效率。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,这些均属于本发明的保护之内。
Claims (6)
1.一种页面展示方法,其特征在于,包括:
接收服务器动态下发的页面配置信息,基于所述页面配置信息,将当前呈现的页面设置为多个页面显示区域;
当控制所述页面进行滚动显示时,根据所述页面配置信息,将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏;所述设定页面显示区域的数量为多个;
根据所述页面配置信息,设置每一所述设定页面显示区域对应的恢复显示指令;
当接收到任一设定页面显示区域对应的恢复显示指令时,呈现已隐藏的所述任一设定页面显示区域。
2.根据权利要求1所述的方法,其特征在于,若所述设定页面显示区域设置于所述页面的边缘区域,则所述当接收到预设的恢复显示指令时,呈现已隐藏的所述设定页面显示区域,具体包括:
当控制所述页面向所述设定页面显示区域相反方向进行滚动显示时,检测已呈现的所述页面的当前边缘偏离所述显示屏边缘的位移距离;其中,所述当前边缘连接所述设定页面显示区域;
在检测到所述位移距离大于或等于设定阈值的情况下,呈现已隐藏的所述设定页面显示区域。
3.一种页面展示装置,其特征在于,包括:
设置模块,用于接收服务器动态下发的页面配置信息,基于所述页面配置信息,将当前呈现的页面设置为多个页面显示区域;
隐藏模块,用于当控制所述页面进行滚动显示时,根据所述页面配置信息,将所述多个页面显示区域中的已滚动出显示屏的设定页面显示区域进行隐藏;所述设定页面显示区域的数量为多个;
配置模块,用于根据所述页面配置信息,设置每一所述设定页面显示区域对应的恢复显示指令;
恢复模块,用于当接收到任一设定页面显示区域对应的恢复显示指令时,呈现已隐藏的所述任一设定页面显示区域。
4.根据权利要求3所述的装置,其特征在于,若所述设定页面显示区域设置于所述页面的边缘区域,则所述恢复模块具体用于:
当控制所述页面向所述设定页面显示区域相反方向进行滚动显示时,检测已呈现的所述页面的当前边缘偏离所述显示屏边缘的位移距离;其中,所述当前边缘连接所述设定页面显示区域;
在检测到所述位移距离大于或等于设定阈值的情况下,呈现已隐藏的所述设定页面显示区域。
5.一种计算机设备,其特征在于,所述计算机设备包括处理器和存储器;所述处理器用于执行存储器中存储的页面展示程序,以实现根据权利要求1~2中任一项所述的页面展示方法的步骤。
6.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现根据权利要求1~2中任一项所述的页面展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811101428.XA CN109375973B (zh) | 2018-09-20 | 2018-09-20 | 页面展示方法、装置、计算机设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811101428.XA CN109375973B (zh) | 2018-09-20 | 2018-09-20 | 页面展示方法、装置、计算机设备及计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109375973A CN109375973A (zh) | 2019-02-22 |
CN109375973B true CN109375973B (zh) | 2022-09-02 |
Family
ID=65405710
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811101428.XA Active CN109375973B (zh) | 2018-09-20 | 2018-09-20 | 页面展示方法、装置、计算机设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109375973B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112579851A (zh) * | 2019-09-29 | 2021-03-30 | 北京国双科技有限公司 | 页面内容爬取方法、装置、存储介质及设备 |
CN110806872A (zh) * | 2019-10-29 | 2020-02-18 | 爱钱进(北京)信息科技有限公司 | 网页内容展示方法、装置以及存储介质 |
CN112883299A (zh) * | 2019-11-29 | 2021-06-01 | 拉扎斯网络科技(上海)有限公司 | 对象显示方法、装置、电子设备及计算机可读存储介质 |
CN111026993A (zh) * | 2019-12-26 | 2020-04-17 | 政采云有限公司 | 一种网页选框的选项展示方法及相关装置 |
CN112987992B (zh) * | 2021-03-09 | 2022-08-05 | 北京金山云网络技术有限公司 | 一种导航元素展示方法、装置及电子设备 |
CN114296852A (zh) * | 2021-12-28 | 2022-04-08 | 挂号网(杭州)科技有限公司 | 一种显示目标页面的方法、装置、电子设备及存储介质 |
CN114816635A (zh) * | 2022-04-26 | 2022-07-29 | 北京金堤科技有限公司 | 页面展示方法、装置、存储介质及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2004092338A2 (en) * | 2003-04-11 | 2004-10-28 | Diadexus, Inc. | Compositions, splice variants and methods relating to cancer specific genes and proteins |
CN101859230A (zh) * | 2010-06-23 | 2010-10-13 | 宇龙计算机通信科技(深圳)有限公司 | 一种显示界面控制的实现方法、***及移动终端 |
CN102184075A (zh) * | 2011-05-12 | 2011-09-14 | 北京瑞信在线***技术有限公司 | 用户界面显示方法及装置 |
CN105677893A (zh) * | 2016-02-02 | 2016-06-15 | 深圳市万普拉斯科技有限公司 | 网页页面显示方法和装置 |
CN107153704A (zh) * | 2017-05-11 | 2017-09-12 | 腾讯科技(深圳)有限公司 | 一种页面显示方法及其设备、存储介质、终端 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8689132B2 (en) * | 2007-01-07 | 2014-04-01 | Apple Inc. | Portable electronic device, method, and graphical user interface for displaying electronic documents and lists |
US7877702B2 (en) * | 2007-11-20 | 2011-01-25 | International Business Machines Corporation | Tree widget data population |
CN104346028B (zh) * | 2013-07-31 | 2019-02-26 | 腾讯科技(深圳)有限公司 | 地址栏显示方法、装置和移动终端 |
CN103678646A (zh) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 一种页面呈现方法及装置 |
CN103986962B (zh) * | 2014-06-03 | 2016-03-02 | 合一网络技术(北京)有限公司 | 显示悬浮式播放窗口的方法和*** |
CN107402962B (zh) * | 2017-06-16 | 2020-09-22 | 浙江口碑网络技术有限公司 | 页面显示方法和装置 |
CN107783714B (zh) * | 2017-10-13 | 2021-03-23 | 北京乐蜜科技有限责任公司 | 一种页面展示方法、装置、电子设备及存储介质 |
-
2018
- 2018-09-20 CN CN201811101428.XA patent/CN109375973B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2004092338A2 (en) * | 2003-04-11 | 2004-10-28 | Diadexus, Inc. | Compositions, splice variants and methods relating to cancer specific genes and proteins |
CN101859230A (zh) * | 2010-06-23 | 2010-10-13 | 宇龙计算机通信科技(深圳)有限公司 | 一种显示界面控制的实现方法、***及移动终端 |
CN102184075A (zh) * | 2011-05-12 | 2011-09-14 | 北京瑞信在线***技术有限公司 | 用户界面显示方法及装置 |
CN105677893A (zh) * | 2016-02-02 | 2016-06-15 | 深圳市万普拉斯科技有限公司 | 网页页面显示方法和装置 |
CN107153704A (zh) * | 2017-05-11 | 2017-09-12 | 腾讯科技(深圳)有限公司 | 一种页面显示方法及其设备、存储介质、终端 |
Non-Patent Citations (3)
Title |
---|
"Targeting tablet devices with a template-based column layout approach";István Albert.etc;《2012 IEEE 10th Jubilee International Symposium on Intelligent Systems and Informatics》;20121025;第129-134页 * |
"基于Android平台webkit核心的浏览器的设计与实现";高胜寒;《中国优秀硕士学位论文全文数据库 信息科技辑》;20130115;I138-389 * |
"面向用户体验的网页界面优化设计方法研究";陈烨;《中国优秀硕士学位论文全文数据库 信息科技辑》;20110315;I139-412 * |
Also Published As
Publication number | Publication date |
---|---|
CN109375973A (zh) | 2019-02-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109375973B (zh) | 页面展示方法、装置、计算机设备及计算机可读存储介质 | |
US10268658B2 (en) | Page loading method and system, and computer-readable storage medium | |
EP2754025B1 (en) | Pinch to adjust | |
US11379108B2 (en) | Display controlling method, terminal, information processing apparatus, and storage medium | |
EP2854372B1 (en) | Method and device for displaying pushed information | |
US8769403B2 (en) | Selection-based resizing for advanced scrolling of display items | |
CN107678644B (zh) | 一种图像处理方法及移动终端 | |
CN108829327B (zh) | 交互智能设备的书写方法和装置 | |
CN106547417B (zh) | 显示后台任务消息的方法和装置 | |
JP6828150B2 (ja) | 画面表示方法および端末 | |
CN105335041A (zh) | 一种提供应用图标的方法及装置 | |
CN104992094A (zh) | 一种终端操作方法及终端 | |
US9244593B2 (en) | Information processing methods and electronic devices | |
CN105488051B (zh) | 网页处理方法及装置 | |
CN106547429B (zh) | 用于电子终端的显示方法及装置 | |
US20170177186A1 (en) | Message display method, apparatus and terminal | |
CN109697004B (zh) | 用于触摸设备书写批注的方法、装置、设备及存储介质 | |
CN111143731B (zh) | 一种网页界面缩放时的显示方法、装置及终端设备 | |
CN113835577A (zh) | 显示方法、装置、电子设备及存储介质 | |
WO2022242542A1 (zh) | 应用图标的管理方法和电子设备 | |
CN107340955B (zh) | 获取视图在屏幕上的位置变化后的位置信息的方法和装置 | |
WO2016173307A1 (zh) | 一种消息复制方法和装置、以及智能终端 | |
CN110007831B (zh) | 一种翻页控制方法、装置及终端设备 | |
US20140351745A1 (en) | Content navigation having a selection function and visual indicator thereof | |
CN102693064A (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 |