CN112579222A - 页面信息的显示方法和装置 - Google Patents
页面信息的显示方法和装置 Download PDFInfo
- Publication number
- CN112579222A CN112579222A CN201910944128.6A CN201910944128A CN112579222A CN 112579222 A CN112579222 A CN 112579222A CN 201910944128 A CN201910944128 A CN 201910944128A CN 112579222 A CN112579222 A CN 112579222A
- Authority
- CN
- China
- Prior art keywords
- area
- target
- thumbnail
- information
- module
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 61
- 230000000007 visual effect Effects 0.000 claims abstract description 62
- 238000004891 communication Methods 0.000 claims description 3
- 235000019580 granularity Nutrition 0.000 claims 5
- 238000005516 engineering process Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 11
- 230000010354 integration Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 238000004590 computer program Methods 0.000 description 6
- 238000011161 development Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
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
- G06F9/453—Help systems
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面信息的显示方法和装置。其中,页面信息的显示方法,应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。本发明解决了相关技术中边界有限的当前页面需要显示大量信息,导致部分信息无法显示的技术问题。
Description
技术领域
本发明涉及信息显示领域,具体而言,涉及一种页面信息的显示方法和装置。
背景技术
在多信息显示的页面上,例如提示工作人员操作步骤的页面,通常如图1所示,记载了步骤1至步骤5以及每一步骤的简要操作。工作人员只需要按照各步骤的提示进行操作,就可以完成任务。因此,现有技术中的步骤条以步骤表单、时间轴或测验单的形式广泛用于指导工作人员完成作业。然而,当步骤增加时,当前页面无法显示更多的信息,给工作人员带来极大的不便。
针对相关技术中边界有限的当前页面需要显示大量信息,导致部分信息无法显示的技术问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种页面信息的显示方法和装置,以至少解决相关技术中边界有限的当前页面需要显示大量信息,导致部分信息无法显示的技术问题。
根据本发明实施例的一个方面,提供了一种页面信息的显示方法,应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。
可选地,目标区域被配置为缩略图区域中的滑块,接收目标区域的触发指令,包括:通过目标区域接收用户对目标区域发出的触发指令。
可选地,在触发指令为滑动操作的情况下,在可视图区域中显示缩略图区域中对应于目标区域的信息,包括:随着目标区域在缩略图区域内的滑动,在可视图区域中,以可视图区域对应的粒度实时显示缩略图区域中对应于目标区域的信息。
可选地,在可视图区域中显示缩略图区域中对应于目标区域的信息之前,上述方法还包括:调整可视图区域的大小,以使可视图区域适配于当前页面。
可选地,上述方法还包括:接收目标模块的操作指令,其中,目标模块位于可视图区域中,操作指令表征对目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;基于操作指令,对目标模块执行相应的操作,并同步调整缩略图区域的信息。
根据本发明实施例的另一方面,还提供了一种页面信息的显示装置,应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:第一接收模块,用于接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;显示模块,用于基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。
可选地,上述装置还包括:目标区域被配置为缩略图区域中的滑块,第一接收模块包括:第一接收子模块,用于通过目标区域接收用户对目标区域发出的触发指令。
可选地,上述装置还包括:第二接收模块,用于接收目标模块的操作指令,其中,目标模块位于可视图区域中,操作指令表征对目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;操作模块,用于基于操作指令,对目标模块执行相应的操作,并同步调整缩略图区域的信息。
根据本发明实施例的另一方面,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行上述任意一种页面信息的显示方法。
根据本发明实施例的另一方面,还提供了一种设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,处理器、存储器通过总线完成相互间的通信;处理器用于调用存储器中的程序指令,以执行上述任意一种页面信息的显示方法。
在本发明实施例中,页面信息的显示方法,应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。与相关技术相比,本申请的当前页面包括缩略图区域和可视图区域,通过在缩略图区域上确定出目标区域,然后在可视图区域中显示与目标区域对应的细粒度信息,进而解决了相关技术中边界有限的当前页面需要显示大量信息,导致部分信息无法显示的技术问题,达到了利用当前页面显示全部信息的目的。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据现有技术的一种多步骤显示页面示意图;
图2是根据本发明实施例的一种可选的页面信息的显示方法的流程图;
图3是根据本发明实施例的一种可选的多步骤显示页面示意图;
图4是根据本发明实施例的一种可选的页面信息的显示装置的示意图;以及
图5是根据本发明实施例的一种可选的设备结构示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的各实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,以下对本申请实施例涉及的部分名词或术语进行说明:
持续集成:是一种软件开发实践,即团队开发成员随时随地集成各自的代码。通常,每个成员每天至少集成一次,意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。
根据本发明实施例,提供了一种页面信息的显示方法的实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
在持续集成的流水线设置中,开发成员可以通过一系列的流水线配置完成从应用制作、应用打包到应用版本推送等多个流程。这一套全生命周期管理需要依赖各种参数,并且要把这些参数显现在开发成员的面前供开发人员填写、查看和使用,所以本申请应运而生。
图2是根据本发明实施例的一种页面信息的显示方法的流程图,该方法可以应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,如图2所示,该方法包括如下步骤:
步骤S202,接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中。
一种可选方案中,上述目标区域可以为开发人员需要查看、填写、使用等操作的区域;上述触发指令可以通过点击、触摸或滑动的方式发送,例如鼠标点击选择目标区域对应的单选框或多选框,从起点触摸滑动到目标区域的终点;上述当前页面可以为开发人员正在使用的设备的页面,该设备可以为可视化平台或智能终端;上述缩略图区域携带了当前页面的简化信息,该缩略图区域可以以条状或柱状的形式显示。
具体地,如果开发人员在当前页面的缩略图区域中选中目标区域,智能终端就会接收到来自目标区域的触发指令。
步骤S204,基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。
一种可选方案中,上述可视图区域中的每个模块可以与缩略图区域中目标区域的每个子区域一一对应。
缩略图区域用于显示完整的信息,这些完整的信息以多个子区域的形式存在于缩略图区域中,每一个子区域代表着可视图区域中对应的模块,显示形式可以为小条状或小柱状;可视图区域中的每个模块可以显示缩略图区域中对应子区域的细粒度信息,例如操作任务、参数设置、版本、仓库地址等信息。
需要说明的是,当缩略图区域以多个子区域的形式呈现时,缩略图区域可以呈节状,即此时的缩略图区域由多节子区域拼接而成。
现有技术中,开发人员无法选择目标区域,因此在信息量大的情况下,当前页面无法显示开发人员需要的信息。本申请中,开发人员在当前页面的缩略图区域中选中连续的多个子区域时,智能终端就会接收到来自目标区域的触发指令。智能终端随即在当前页面的可视图区域中显示与多个子区域对应的多个模块的细粒度信息,供开发人员使用。由于每个模块和缩略图区域中的子区域对应,所以开发人员可以清楚地查看所需模块的内容。
以持续集成的流水线设置为例,图3示出了一种可选的多步骤显示页面示意图。如图3所示,开发人员在当前页面右上角的竹节状缩略图区域中选中五个子区域作为目标区域,智能终端就会接收到来自目标区域的触发指令。智能终端随即在当前页面的可视图区域中显示目标区域对应的五个模块,即全局参数模块、代码拉取模块、多镜像构建模块、多应用发布模块和新阶段1模块。每个模块下面列出了详细的简介或任务信息,方便开发人员查看、修改和使用。
上述实施例中,页面信息的显示方法,应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。与相关技术相比,本申请的当前页面包括缩略图区域和可视图区域,通过在缩略图区域上确定出目标区域,然后在可视图区域中显示与目标区域对应的细粒度信息,进而解决了相关技术中边界有限的当前页面需要显示大量信息,导致部分信息无法显示的技术问题,达到了利用当前页面显示全部信息的目的。
可选地,目标区域被配置为缩略图区域中的滑块,步骤S202接收目标区域的触发指令,可以包括:
步骤S2021,通过目标区域接收用户对目标区域发出的触发指令。
一种可选方案中,上述触发指令可以通过滑动操作实现,例如可以通过鼠标滑动或触摸滑动实现。
通过滑动操作可以选择触发指令表征的起始位置和/或结束位置,根据起始位置和/或结束位置确定目标区域。如果用户对目标区域发出触发指令,设备就会接收到这一触发指令。
在缩略图区域可以配置滑块,滑块覆盖的子区域即为目标区域。
在一个可选的实施例中,由于当前页面只显示了两个模块的内容,开发人员想查看第三个模块的内容,于是通过滑动操作将滑块的终点延展至第三个子区域。
在一个可选的实施例中,由于当前页面显示了四个模块的内容,开发人员想查看第三个模块和第四个模块的详细信息,于是通过滑动操作将滑块的起点收缩至第三个子区域。
在一个可选的实施例中,由于当前页面显示的是第一个模块和第二个模块的内容,开发人员想查看第三个模块和第四个模块的内容,于是通过滑动操作将滑块拖动至第三个子区域和第四个子区域。
可选地,在触发指令为滑动操作的情况下,步骤S204在可视图区域中显示缩略图区域中对应于目标区域的信息,具体可以包括:
步骤S2041,随着目标区域在缩略图区域内的滑动,在可视图区域中,以可视图区域对应的粒度实时显示缩略图区域中对应于目标区域的信息。
一种可选方案中,上述滑动操作的速度越快,可视图区域中的信息移动的速度也越快。可视图区域中的信息可以实时响应滑动操作。
在一个可选的实施例中,缩略图区域中有20个子区域。滑块覆盖的是第1-2两个子区域。开发人员想要修改第15个模块中的参数,可以通过计算得知滑块的移动距离为14个子区域,于是拖动滑块快速移动14个子区域,使滑块覆盖缩略图的第15-16个子区域。
在另一个可选的实施例中,代码拉取模块的代码编辑错误,但是开发人员并不知道代码拉取模块位于哪个位置,所以无法确定缩略图区域中滑块的位置。那么开发人员可以缓慢拖动滑块从左至右或从右至左移动,一边移动一边查看可视图区域中是否出现代码拉取模块。由于可视图区域中的信息可以跟随滑动操作在缩略图区域的滑动过程中进行移动显示,开发人员可以快速找到目标模块。
可选地,在执行步骤S204在可视图区域中显示缩略图区域中对应于目标区域的信息之前,上述方法还可以包括如下步骤:
步骤S203,调整可视图区域的大小,以使可视图区域适配于当前页面。
如果当前页面的尺寸发生变化,例如当前页面的另一半需要显示另一个窗口,或者在另一个尺寸的智能终端上打开当前页面,那么可视图区域的大小可以与当前页面的大小成正相关变化,以适应不同尺寸的当前页面,提高用户视觉体验。
可选地,上述方法还可以包括如下步骤:
步骤S2051,接收目标模块的操作指令,其中,目标模块位于可视图区域中,操作指令表征对目标模块进行如下至少之一的操作:增加、删除、修改、隐藏。
上述方案中,开发人员可以对目标模块进行增加、删除、修改、隐藏等各种操作,比如删除目标模块、增加目标模块、修改目标模块的参数等,以满足复杂的交互环境。
步骤S2052,基于操作指令,对目标模块执行相应的操作,并同步调整缩略图区域的信息。
如果对目标模块执行了增加或删除操作,缩略图区域中的子区域也会相应增加或删除。缩略图区域中目标区域包括的子区域始终对应可视图区域中的模块。
仍以图3为例,图3展示了持续集成流水线中常见的多应用发布的步骤。在持续集成的流水线设置中,每个步骤用一个模块表示,各个模块均需要提供依赖的参数。代码拉取模块可能需要修改仓库地址,多镜像构建模块可能需要修改版本,多镜像构建模块可能需要修改版本、应用ID等。开发人员设置或修改好这些参数后,这些参数便存在于模块内,在保存的时候同一发送给后台执行。当模块多的时候,一屏可能会显示不全,通过拖动右上方的滑块改变下方显示的模块,查看开发人员需要使用的模块。开发人员也可以根据应用的需要增加或删除模块,当然,模块中的参数也会对应增加或删除,缩略图区域中的子区域也会相应增加或删除。由于开发人员可以对目标模块执行操作,大大提高了开发人员的集成效率。可见,本实施例的方法可应用于复杂的交互环境,比如模块需要依赖各种参数的场合。
在本发明实施例中,页面信息的显示方法,应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。与相关技术相比,本申请的当前页面包括缩略图区域和可视图区域,通过在缩略图区域上确定出目标区域,然后在可视图区域中显示与目标区域对应的细粒度信息,进而解决了相关技术中边界有限的当前页面需要显示大量信息,导致部分信息无法显示的技术问题,达到了利用当前页面显示全部信息的目的。容易注意到,本申请通过滑动滑块选择目标区域,同时可视图区域中的信息跟随滑动操作的滑动速度而移动显示,方便开发人员快速定位目标模块;可视图区域的大小可随当前页面的尺寸而改变,提高了用户的视觉体验;由于可以对目标模块执行增加、删除、修改等操作,大大提高了开发人员的集成效率,尤其适用于模块需要依赖各种参数的场合。
根据本发明实施例,还提供了一种页面信息的显示装置,图4是根据本申请实施例的页面信息的显示装置示意图。如图4所示,该装置400应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括第一接收模块402和显示模块404。
其中,第一接收模块402,用于接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;显示模块404,用于基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。
需要说明的是,上述页面信息的显示装置包括处理器和存储器,上述第一接收模块402和显示模块404均作为程序模块单元存储在存储器中,由处理器执行存储在存储器中的上述程序模块单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来同时显示韦恩图和关键词,提高使用效果。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
可选地,目标区域被配置为缩略图区域中的滑块,第一接收模块包括:第一接收子模块,用于通过目标区域接收用户对目标区域发出的触发指令。
可选地,在触发指令为滑动操作的情况下,显示模块包括:显示子模块,用于随着目标区域在缩略图区域内的滑动,在可视图区域中,以可视图区域对应的粒度实时显示缩略图区域中对应于目标区域的信息。
可选地,上述装置还包括:调整模块,用于在可视图区域中显示缩略图区域中对应于目标区域的信息之前,调整可视图区域的大小,以使可视图区域适配于当前页面。
可选地,上述装置还包括:第二接收模块,用于接收目标模块的操作指令,其中,目标模块位于可视图区域中,操作指令表征对目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;操作模块,用于基于操作指令,对目标模块执行相应的操作,并同步调整缩略图区域的信息。
需要说明的是,上述第一接收模块402和显示模块404对应于方法实施例中的步骤S202至步骤S204,这两个模块与对应的步骤所实现的示例和应用场景相同,但不限于上述方法实施例所公开的内容。
根据本发明实施例的另一方面,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行方法实施例任意一种页面信息的显示方法。
根据本发明实施例的另一方面,还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行方法实施例任意一种页面信息的显示方法。
根据本发明实施例的另一方面,还提供了一种设备500,如图5所示,设备包括至少一个处理器501、以及与处理器501连接的至少一个存储器502、总线503;其中,处理器501、存储器502通过总线503完成相互间的通信;处理器501用于调用存储器502中的程序指令,以执行方法实施例任意一种页面信息的显示方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:
应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。
可选地,目标区域被配置为缩略图区域中的滑块,接收目标区域的触发指令,包括:通过目标区域接收用户对目标区域发出的触发指令。
可选地,在触发指令为滑动操作的情况下,在可视图区域中显示缩略图区域中对应于目标区域的信息,包括:随着目标区域在缩略图区域内的滑动,在可视图区域中,以可视图区域对应的粒度实时显示缩略图区域中对应于目标区域的信息。
可选地,在可视图区域中显示缩略图区域中对应于目标区域的信息之前,上述方法还包括:调整可视图区域的大小,以使可视图区域适配于当前页面。
可选地,上述方法还包括:接收目标模块的操作指令,其中,目标模块位于可视图区域中,操作指令表征对目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;基于操作指令,对目标模块执行相应的操作,并同步调整缩略图区域的信息。
本申请中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:
应用于包括可视图区域和缩略图区域的当前页面,其中,可视图区域与缩略图区域中的信息粒度不同,包括:接收目标区域的触发指令,其中,目标区域位于当前页面的缩略图区域中;基于触发指令,以可视图区域对应的粒度,在可视图区域中显示缩略图区域中对应于目标区域的信息。
可选地,目标区域被配置为缩略图区域中的滑块,接收目标区域的触发指令,包括:通过目标区域接收用户对目标区域发出的触发指令。
可选地,在触发指令为滑动操作的情况下,在可视图区域中显示缩略图区域中对应于目标区域的信息,包括:随着目标区域在缩略图区域内的滑动,在可视图区域中,以可视图区域对应的粒度实时显示缩略图区域中对应于目标区域的信息。
可选地,在可视图区域中显示缩略图区域中对应于目标区域的信息之前,上述方法还包括:调整可视图区域的大小,以使可视图区域适配于当前页面。
可选地,上述方法还包括:接收目标模块的操作指令,其中,目标模块位于可视图区域中,操作指令表征对目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;基于操作指令,对目标模块执行相应的操作,并同步调整缩略图区域的信息。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
在一个典型的配置中,设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本实施例中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种页面信息的显示方法,其特征在于,应用于包括可视图区域和缩略图区域的当前页面,其中,所述可视图区域与所述缩略图区域中的信息粒度不同,包括:
接收目标区域的触发指令,其中,所述目标区域位于所述当前页面的所述缩略图区域中;
基于所述触发指令,以所述可视图区域对应的粒度,在所述可视图区域中显示所述缩略图区域中对应于所述目标区域的信息。
2.根据权利要求1所述的方法,其特征在于,所述目标区域被配置为所述缩略图区域中的滑块,接收目标区域的触发指令,包括:
通过所述目标区域接收用户对所述目标区域发出的所述触发指令。
3.根据权利要求2所述的方法,其特征在于,在所述触发指令为滑动操作的情况下,在所述可视图区域中显示所述缩略图区域中对应于所述目标区域的信息,包括:
随着所述目标区域在所述缩略图区域内的滑动,在所述可视图区域中,以所述可视图区域对应的粒度实时显示所述缩略图区域中对应于所述目标区域的信息。
4.根据权利要求1所述的方法,其特征在于,在所述可视图区域中显示所述缩略图区域中对应于所述目标区域的信息之前,所述方法还包括:
调整所述可视图区域的大小,以使所述可视图区域适配于当前页面。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收目标模块的操作指令,其中,所述目标模块位于所述可视图区域中,所述操作指令表征对所述目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;
基于所述操作指令,对所述目标模块执行相应的操作,并同步调整所述缩略图区域的信息。
6.一种页面信息的显示装置,其特征在于,应用于包括可视图区域和缩略图区域的当前页面,其中,所述可视图区域与所述缩略图区域中的信息粒度不同,包括:
第一接收模块,用于接收目标区域的触发指令,其中,所述目标区域位于所述当前页面的所述缩略图区域中;
显示模块,用于基于所述触发指令,以所述可视图区域对应的粒度,在所述可视图区域中显示所述缩略图区域中对应于所述目标区域的信息。
7.根据权利要求6所述的装置,其特征在于,所述目标区域被配置为所述缩略图区域中的滑块,所述第一接收模块包括:
第一接收子模块,用于通过所述目标区域接收用户对所述目标区域发出的所述触发指令。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第二接收模块,用于接收目标模块的操作指令,其中,所述目标模块位于所述可视图区域中,所述操作指令表征对所述目标模块进行如下至少之一的操作:增加、删除、修改、隐藏;
操作模块,用于基于所述操作指令,对所述目标模块执行相应的操作,并同步调整所述缩略图区域的信息。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至5中任意一项所述的页面信息的显示方法。
10.一种设备,其特征在于,所述设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如权利要求1至5中任意一项所述的页面信息的显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910944128.6A CN112579222A (zh) | 2019-09-30 | 2019-09-30 | 页面信息的显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910944128.6A CN112579222A (zh) | 2019-09-30 | 2019-09-30 | 页面信息的显示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112579222A true CN112579222A (zh) | 2021-03-30 |
Family
ID=75116585
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910944128.6A Pending CN112579222A (zh) | 2019-09-30 | 2019-09-30 | 页面信息的显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112579222A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1152375A2 (en) * | 2000-05-01 | 2001-11-07 | Sony Corporation | Displaying and manipulating information of multiple kind in the form of thumbnail images |
CN103729106A (zh) * | 2012-10-10 | 2014-04-16 | 腾讯科技(深圳)有限公司 | 网页缩略图展示方法和装置 |
CN107291802A (zh) * | 2017-05-12 | 2017-10-24 | 北京金堤科技有限公司 | 关系图谱展示方法及装置 |
CN109815346A (zh) * | 2019-02-26 | 2019-05-28 | 浪潮软件集团有限公司 | 一种关联图谱的可视化方法和装置 |
CN110007824A (zh) * | 2019-04-03 | 2019-07-12 | 网易(杭州)网络有限公司 | 图文混排信息的显示控制方法及装置、设备和介质 |
-
2019
- 2019-09-30 CN CN201910944128.6A patent/CN112579222A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1152375A2 (en) * | 2000-05-01 | 2001-11-07 | Sony Corporation | Displaying and manipulating information of multiple kind in the form of thumbnail images |
CN103729106A (zh) * | 2012-10-10 | 2014-04-16 | 腾讯科技(深圳)有限公司 | 网页缩略图展示方法和装置 |
CN107291802A (zh) * | 2017-05-12 | 2017-10-24 | 北京金堤科技有限公司 | 关系图谱展示方法及装置 |
CN109815346A (zh) * | 2019-02-26 | 2019-05-28 | 浪潮软件集团有限公司 | 一种关联图谱的可视化方法和装置 |
CN110007824A (zh) * | 2019-04-03 | 2019-07-12 | 网易(杭州)网络有限公司 | 图文混排信息的显示控制方法及装置、设备和介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108228287B (zh) | 基于qt的用户界面控件的生成方法及装置 | |
US20150095811A1 (en) | Context aware user interface parts | |
US8881032B1 (en) | Grouped tab document interface | |
US20120324423A1 (en) | Navigation history visualization in integrated development environment | |
KR20170073604A (ko) | 데이터 미리보기를 통한 작업 작성 기법 | |
US10489167B2 (en) | Dynamically binding data in an application | |
CN111667199A (zh) | 工作流构建方法、装置、计算机设备和存储介质 | |
CN114416069A (zh) | 应用开发平台、微程序生成方法、设备及存储介质 | |
CN114036417A (zh) | 页面更新方法、装置、存储介质及电子设备 | |
CN106528115A (zh) | 界面的可视化开发方法及装置 | |
CN113656533A (zh) | 一种树形控件处理方法、装置及电子设备 | |
CN111368234B (zh) | 窗口调整方法、设备及存储介质 | |
US11243678B2 (en) | Method of panning image | |
CN110764762B (zh) | 页面形成方法及装置、计算机可读存储介质、终端 | |
US10261758B2 (en) | Pattern recognition of software program code in an integrated software development environment | |
CN112579066A (zh) | 图表展示方法、装置、存储介质及设备 | |
CN112560403A (zh) | 文本的处理方法及装置、电子设备 | |
CN112579222A (zh) | 页面信息的显示方法和装置 | |
CN106873866B (zh) | 一种内容放大显示方法与装置 | |
CN113360154A (zh) | 一种页面构建方法、装置、设备和可读介质 | |
CN112748917B (zh) | 图表显示方法及装置 | |
US9841868B2 (en) | User configurable user interface | |
CN113836872A (zh) | 一种页面图表对象编辑方法、装置、设备和可读介质 | |
CN112579082A (zh) | 交互状态数据的建立方法、装置、存储介质及电子设备 | |
CN111124393A (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 |