CN112579224A - 显示滚动条容器的方法和装置 - Google Patents
显示滚动条容器的方法和装置 Download PDFInfo
- Publication number
- CN112579224A CN112579224A CN201910945783.3A CN201910945783A CN112579224A CN 112579224 A CN112579224 A CN 112579224A CN 201910945783 A CN201910945783 A CN 201910945783A CN 112579224 A CN112579224 A CN 112579224A
- Authority
- CN
- China
- Prior art keywords
- area
- scroll
- container
- scroll bar
- boundary
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 57
- 230000000007 visual effect Effects 0.000 claims abstract description 56
- 238000005096 rolling process Methods 0.000 claims abstract description 18
- 238000001514 detection method Methods 0.000 claims description 5
- 238000004891 communication Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 19
- 238000004590 computer program Methods 0.000 description 10
- 230000008569 process Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003068 static effect Effects 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
-
- 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
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种显示滚动条容器的方法和装置。其中,该方法应用于图形用户界面中,图形用户界面中具有滚动区域和可视区域,滚动区域嵌套在可视区域内,包括:检测滚动区域的第一边界与可视区域的第二边界之间的位置关系,其中,滚动区域的高度大于可视区域的高度和/或滚动区域的宽度大于可视区域的宽度;根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,其中,滚动条在滚动条容器中滚动;在显示位置处显示滚动条容器。本发明解决了相关技术中需拖动外层滚动区域的滚动条才能拖动内层滚动区域的滚动条所导致的操作繁琐的技术问题。
Description
技术领域
本发明涉及计算机领域,具体而言,涉及一种显示滚动条容器的方法和装置。
背景技术
在一个页面中,如果页面的内容较多,并超出了该页面的可视范围,则该页面就会生成一个滚动条。通常,滚动条位于在页面的可视区域内,总是设置在可视区域的底部或右侧。然而在一些复杂场景下,例如,页面内具有嵌套的两层区域,如图1所示的页面示意图,在图1中,内层滚动区域嵌套在外层滚动区域中,并且,内层滚动区域的内容比较多,已经超出了内层滚动区域的可视范围,因此,内层滚动区域也生成了滚动条,其中,滚动条设置在滚动容器中。此时,如果外层滚动区域也生成了滚动条,并且外层区域滚动到一定位置时,只看到内层滚动区域的一部分内容,内层滚动区域的滚动条是看不到的(如图1所示)。由此,如果用户需要操作内层滚动区域的滚动条,则首先必须操作外层滚动区域的滚动条,直至内层滚动区域的滚动条可见时,才能拖动内层滚动区域的滚动条以查看内层滚动区域的内容。例如,在图1所示的页面中,内层滚动区域的底部具有一个横向滚动条,此时无法看到,如果用户需要查看内层滚动区域内被遮挡的文档,则必须首先向下拖动外层滚动区域的滚动条,直至内层滚动区域的滚动条可见,如图2所示,通过对外层滚动区域的滚动条进行拖动,内层滚动区域底部的横向滚动条才能可见被操作。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种显示滚动条容器的方法和装置,以至少解决相关技术中需拖动外层滚动区域的滚动条才能拖动内层滚动区域的滚动条所导致的操作繁琐的技术问题。
根据本发明实施例的一个方面,提供了一种显示滚动条容器的方法,该方法应用于图形用户界面中,图形用户界面中具有滚动区域和可视区域,滚动区域嵌套在可视区域内,包括:检测滚动区域的第一边界与可视区域的第二边界之间的位置关系,其中,滚动区域的高度大于可视区域的高度和/或滚动区域的宽度大于可视区域的宽度;根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,其中,滚动条在滚动条容器中滚动;在显示位置处显示滚动条容器。
进一步地,显示滚动条容器的方法还包括:确定滚动区域中需要放置滚动条容器的方向,方向至少包括如下之一:横向、纵向;获取滚动区域中与滚动条容器的方向对应方向上的第一边界的第一像素位置;获取可视区域中与滚动条容器的方向对应方向上的第二像素位置;根据第一像素位置与第二像素位置确定第一边界与第二边界之间的位置关系。
进一步地,显示滚动条容器的方法还包括:从第一像素位置和第二像素位置中确定最小像素位置;根据最小像素位置确定滚动条容器在滚动区域内的显示位置。
进一步地,显示滚动条容器的方法还包括:获取与滚动条容器的方向对应方向上的预设像素;将滚动条容器由最小像素位置在与滚动条容器的方向对应方向的反方向移动预设像素,以确定显示位置。
进一步地,滚动条容器的长度小于等于滚动条容器的方向上第二边界的长度。
进一步地,显示滚动条容器的方法还包括:确定滚动区域与可视区域的重叠区域;获取重叠区域在滚动条容器的方向上的重叠长度;根据重叠长度确定滚动条容器的长度。
根据本发明实施例的另一方面,还提供了一种显示滚动条容器的装置,应用于图形用户界面中,图形用户界面中具有滚动区域和可视区域,滚动区域嵌套在可视区域内,包括:检测模块,用于检测滚动区域的第一边界与可视区域的第二边界之间的位置关系,其中,滚动区域的高度大于可视区域的高度和/或滚动区域的宽度大于可视区域的宽度;调整模块,用于根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,其中,滚动条在滚动条容器中滚动;显示模块,用于在显示位置处显示滚动条容器。
根据本发明实施例的另一方面,还提供了一种存储介质,该存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行上述的显示滚动条容器的方法。
根据本发明实施例的另一方面,还提供了一种电子设备,该电子设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,处理器、存储器通过总线完成相互间的通信;处理器用于调用存储器中的程序指令,以执行上述的显示滚动条容器的方法。
在本发明实施例中,采用根据滚动区域和可视区域之间的位置关系对滚动区域的滚动容器的位置进行调整的方式,在确定滚动区域的第一边界与可视区域的第二边界之间的位置关系之后,根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,并在显示位置处显示滚动条容器,其中,滚动条在滚动条容器中滚动。
在上述过程中,滚动区域的滚动条容器是跟随滚动区域与可视区域的位置关系而发生变化的,即滚动区域的滚动条容器在滚动区域内的位置并不是固定不变的,而是跟随上述位置关系发生变化的,并且通过上述位置关系对滚动条容器的位置进行调整,使得滚动条容器总是可见,从而用户在对内层滚动区域的滚动条进行操作时无需再对外层滚动区域的滚动条进行调整,简化了用户操作。
由此可见,本申请所提供的方案达到了对滚动条容器的位置进行自适应调整的目的,从而实现了简化用户对滚动条的操作的技术效果,进而解决了相关技术中需拖动外层滚动区域的滚动条才能拖动内层滚动区域的滚动条所导致的操作繁琐的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据现有技术的一种页面示意图;
图2是根据现有技术的一种页面示意图;
图3是根据本发明实施例的一种显示滚动条容器的方法流程图;
图4是根据本发明实施例的一种可选的页面示意图;
图5是根据本发明实施例的一种可选的页面示意图;
图6是根据本发明实施例的一种可选的页面示意图;
图7是根据本发明实施例的一种显示滚动条容器的装置示意图;以及
图8是根据本发明实施例的一种计算设备的示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例1
根据本发明实施例,提供了一种显示滚动条容器的方法实施例,需要说明的是,该方法可应用于图形用户界面中,图形用户界面中具有滚动区域和可视区域,滚动区域嵌套在可视区域内。另外,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图3是根据本发明实施例的显示滚动条容器的方法流程图,如图3所示,该方法包括如下步骤:
步骤S302,检测滚动区域的第一边界与可视区域的第二边界之间的位置关系,其中,滚动区域的高度大于可视区域的高度和/或滚动区域的宽度大于可视区域的宽度。
在步骤S302中,可视区域的第二边界是与滚动区域的第一边界相对应的边界,例如,第一边界为滚动区域的底部的边界,则第二边界为可视区域的底部的边界,此时,第一边界与第二边界之间的位置关系包括:第一边界位于第二边界上方、第一边界位于第二边界下方;同理,如果第一边界为滚动区域的右侧边界,则第二边界为可视区域的左侧边界,此时,第一边界与第二边界之间的位置关系包括:第一边界位于第二边界左侧、第一边界位于第二边界右侧。可选的,可通过检测第一边界和第二边界的像素来确定二者之间的位置关系。
此外,还需要说明的是,当滚动区域的高度大于可视区域的高度时,在滚动区域的纵向方向上设置滚动条容器,则滚动区域中与滚动条容器的方向对应方向上的第一边界是滚动区域横向上的边界,可视区域中与滚动条容器的方向对应方向上的第二边界是可视区域横向上的边界;当滚动区域的宽度大于可视区域的宽度时,在滚动区域的水平方向上设置滚动条容器,则滚动区域中与滚动条容器的方向对应方向上的第一边界是滚动区域纵向上的边界,可视区域中与滚动条容器的方向对应方向上的第二边界是可视区域纵向上的边界;
步骤S304,根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,其中,滚动条在滚动条容器中滚动。
在步骤S304中,可视区域也具有滚动条容器,如图4所示的页面示意图中,可视区域具有右侧滚动条容器和底部滚动条容器。另外,滚动区域的滚动条容器的显示位置位于滚动区域与可视区域相重叠的重叠区域内,即通过位置关系对滚动区域的滚动条容器的显示位置进行调整之后,滚动区域的滚动条容器总是可见,由此,用户在对内层滚动区域的滚动条进行操作之前,无需再拖动可视区域的滚动条以使内层滚动区域的滚动条可见,从而简化了用户操作的步骤。
步骤S306,在显示位置处显示滚动条容器。
在步骤S306中,滚动条容器的长度小于等于滚动条容器的方向上第二边界的长度,例如,在图4中,滚动区域的底部滚动条容器的长度小于等于可视区域内的底部滚动条容器的长度,以使滚动条容器完整的显示在可视区域内。
基于上述步骤S302至步骤S306所限定的方案,可以获知,采用根据滚动区域和可视区域之间的位置关系对滚动区域的滚动容器的位置进行调整的方式,在确定滚动区域的第一边界与可视区域的第二边界之间的位置关系之后,根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,并在显示位置处显示滚动条容器,其中,滚动条在滚动条容器中滚动。
容易注意到的是,在上述过程中,滚动区域的滚动条容器是跟随滚动区域与可视区域的位置关系而发生变化的,即滚动区域的滚动条容器在滚动区域内的位置并不是固定不变的,而是跟随上述位置关系发生变化的,并且通过上述位置关系对滚动条容器的位置进行调整,使得滚动条容器总是可见,从而用户在对内层滚动区域的滚动条进行操作时无需再对外层滚动区域的滚动条进行调整,简化了用户操作。
由此可见,本申请所提供的方案达到了对滚动条容器的位置进行自适应调整的目的,从而实现了简化用户对滚动条的操作的技术效果,进而解决了相关技术中需拖动外层滚动区域的滚动条才能拖动内层滚动区域的滚动条所导致的操作繁琐的技术问题。
在一种可选的实施例中,可以通过检测第一边界与第二边界的像素位置来确定二者之间的位置关系。具体的,首先确定滚动区域中需要放置滚动条容器的方向,然后获取滚动区域中与滚动条容器的方向对应方向上的第一边界的第一像素位置,并获取可视区域中与滚动条容器的方向对应方向上的第二边界的第二像素位置,最后根据第一像素位置与第一像素位置确定第一边界与第二边界之间的位置关系。其中,上述方向至少包括如下之一:横向、纵向。可选的,当滚动区域的横向距离大于可视区域的横向距离时,需要放置的滚动条容器的方向为横向,其中,滚动条容器可以设置在滚动区域的底部,第一边界和第二边界位于纵向方向的一端,与滚动条容器的方向对应方向即为纵向;当滚动区域的纵向距离大于可视区域的纵向距离时,需要放置的滚动条容器的方向为纵向,其中,滚动条容器可以设置在滚动区域的右侧,第一边界和第二边界位于横向方向的一端,与滚动条容器的方向对应方向即为横向。
仍以图4为例,在图4中,需要放置滚动条容器的方向为滚动区域纵向的底部,则此时,需要获取滚动区域的底部边界(即第一边界)的第一像素位置以及可视区域的底部边界(即第二边界)的第二像素位置。
进一步地,在得到第一像素位置和第二像素位置之后,从第一像素位置和第二像素位置中确定最小像素位置,并根据最小像素位置确定滚动条容器在滚动区域内的显示位置。例如,在图4中,第二像素位置小于第一像素位置,则根据第二像素位置来确定滚动区域的滚动条容器的显示位置。
可选的,可获取与滚动条容器的方向对应方向上的预设像素,然后再将滚动条容器由最小像素位置在与滚动条容器的方向对应方向的反方向上移动预设像素,以确定显示位置。其中,预设像素可以由用户进行自行设定,默认情况下,预设像素为滚动条容器的宽度,即滚动区域的滚动条容器与可视区域的滚动条容器相邻,如图4所示。
需要说明的是,在显示位置处显示滚动条容器之前,首先需要确定滚动条容器的长度以使滚动条容器完整的显示在可视区域内。具体的,首先确定滚动区域与可视区域的重叠区域,然后获取重叠区域在滚动条容器的方向上的重叠长度,最后根据重叠长度确定滚动条容器的长度。
在一种可选的实施例中,如图5所示的页面示意图,在图5中,滚动区域的面积大于可视区域的面积,即滚动区域的部分区域显示在可视区域中,此时,滚动区域的底部滚动条容器的等于可视区域内的底部滚动条容器的长度。
在另一种可选的实施例中,如图6所示的页面示意图,在图6中,存在多个滚动区域,即可视区域内嵌套了多个滚动区域,其中,图6仅示出了嵌套两个滚动区域的示例,如图6中的第一滚动区域和第二滚动区域。此时,第一滚动区域的滚动条容器的长度为第一滚动区域与可视区域的重叠区域的底部边界的长度,第二滚动区域的滚动条容器的长度为第二滚动区域与可视区域的重叠区域的底部边界的长度。
需要说明的是,滚动条容器中的滚动条的长度可根据滚动条容器的长度以及滚动区域的第一边界的长度来确定。例如,在采用本申请所提供的方法之前,滚动区域的滚动条容器的长度(即第一边界的长度)为L1,滚动条的长度为L2,采用本申请所提供的方法之后,显示在可视区域内滚动区域的滚动条容器的长度为L3,则采用本申请所提供的方法之后,滚动条的长度L4可以通过如下公式计算:
需要说明的是,确定滚动条长度的方法不限于上述公式,上述公式仅为本申请的一个示例。
由上述内容可知,采用本申请所提供的方法可以实现多层、嵌套滚动区域下,用户在只能查看到内层滚动区域的部分内容的情况下,也能对内层滚动区域的滚动条进行操作,简化了用户操作,提高了用户体验。
实施例2
根据本发明实施例,还提供了一种显示滚动条容器的装置实施例,该应用于图形用户界面中,图形用户界面中具有滚动区域和可视区域,滚动区域嵌套在可视区域内,其中,图7是根据本发明实施例的显示滚动条容器的装置示意图,如图7所示,该装置包括:检测模块701、调整模块703以及显示模块705。
其中,检测模块701,用于检测滚动区域的第一边界与可视区域的第二边界之间的位置关系,其中,可视区域至少显示滚动区域的部分内容;调整模块703,用于根据位置关系调整滚动区域的滚动条容器在滚动区域内的显示位置,其中,滚动区域的高度大于可视区域的高度和/或滚动区域的宽度大于可视区域的宽度;显示模块705,用于在显示位置处显示滚动条容器。
在一种可选的实施例中,检测模块包括:第一确定模块、第一获取模块、第二获取模块以及第二确定模块。其中第一确定模块,用于确定滚动区域中需要放置滚动条容器的方向,方向至少包括如下之一:横向、纵向;第一获取模块,用于获取滚动区域中与滚动条容器的方向对应方向上的第一边界的第一像素位置;第二获取模块,用于获取可视区域中与滚动条容器的方向对应方向上的第二像素位置;第二确定模块,用于根据第一像素位置与第二像素位置确定第一边界与第二边界之间的位置关系。
在一种可选的实施例中,调整模块包括:第三确定模块以及第三确定模块。其中,第三确定模块,用于从第一像素位置和第二像素位置中确定最小像素位置;第三确定模块,用于根据最小像素位置确定滚动条容器在滚动区域内的显示位置。
在一种可选的实施例中,第三确定模块包括:第三获取模块以及处理模块。其中,第三获取模块,用于获取与滚动条容器的方向对应方向上的预设像素;处理模块,用于将滚动条容器由最小像素位置在与滚动条容器的方向对应方向的反方向上移动预设像素,以确定显示位置。
可选的,滚动条容器的长度小于等于滚动条容器的方向上第二边界的长度。
在一种可选的实施例中,显示滚动条容器的装置还包括:第四确定模块、第四获取模块以及第五确定模块。其中,第四确定模块,用于确定滚动区域与可视区域的重叠区域;第四获取模块,用于获取重叠区域在滚动条容器的方向上的重叠长度;第五确定模块,用于根据重叠长度确定滚动条容器的长度。
需要说明的是,上述显示滚动条容器的装置包括处理器和存储器,上述检测模块、调整模块以及显示模块等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来根据滚动区域和可视区域之间的位置关系对滚动区域的滚动容器的位置进行调整。
实施例3
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现上述实施例中的显示滚动条容器的方法。
实施例4
本发明实施例提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述实施例中的显示滚动条容器的方法。
实施例5
本发明实施例提供了一种计算设备,如图8所示的计算设备的示意图,由图8可知,该计算设备80包括总线801、至少一个处理器802以及与总线连接的至少一个存储器803;其中,处理器、存储器通过总线完成相互间的通信;处理器用于调用存储器中的程序指令,以执行上述的显示滚动条容器的方法。本文中的设备可以是服务器、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.根据权利要求3所述的方法,其特征在于,根据所述最小像素位置确定所述滚动条容器在所述滚动区域内的显示位置,包括:
获取与所述滚动条容器的方向对应方向上的预设像素;
将所述滚动条容器由所述最小像素位置在所述与所述滚动条容器的方向对应方向的反方向移动所述预设像素,以确定所述显示位置。
5.根据权利要求2所述的方法,其特征在于,所述滚动条容器的长度小于等于所述滚动条容器的方向上所述第二边界的长度。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
确定所述滚动区域与所述可视区域的重叠区域;
获取所述重叠区域在所述滚动条容器的方向上的重叠长度;
根据所述重叠长度确定所述滚动条容器的长度。
7.一种显示滚动条容器的装置,应用于图形用户界面中,所述图形用户界面中具有滚动区域和可视区域,所述滚动区域嵌套在所述可视区域内,其特征在于,包括:
检测模块,用于检测所述滚动区域的第一边界与所述可视区域的第二边界之间的位置关系,其中,所述滚动区域的高度大于所述可视区域的高度和/或所述滚动区域的宽度大于所述可视区域的宽度;
调整模块,用于根据所述位置关系调整所述滚动区域的滚动条容器在所述滚动区域内的显示位置,其中,滚动条在所述滚动条容器中滚动;
显示模块,用于在所述显示位置处显示所述滚动条容器。
8.根据权利要求7所述的装置,其特征在于,所述检测模块包括:
第一确定模块,用于确定所述滚动区域中需要放置所述滚动条容器的方向,所述方向至少包括如下之一:横向、纵向;
第一获取模块,用于获取所述滚动区域中与所述滚动条容器的方向对应方向上的第一边界的第一像素位置;
第二获取模块,用于获取所述可视区域中与所述滚动条容器的方向对应方向上的第二边界的第二像素位置;
第二确定模块,用于根据所述第一像素位置与所述第二像素位置确定所述第一边界与所述第二边界之间的位置关系。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至6中任意一项所述的显示滚动条容器的方法。
10.一种电子设备,其特征在于,所述电子设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线;
其中,所述处理器、所述存储器通过所述总线完成相互间的通信;
所述处理器用于调用所述存储器中的程序指令,以执行权利要求1至6中任意一项所述的显示滚动条容器的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910945783.3A CN112579224B (zh) | 2019-09-30 | 2019-09-30 | 显示滚动条容器的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910945783.3A CN112579224B (zh) | 2019-09-30 | 2019-09-30 | 显示滚动条容器的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112579224A true CN112579224A (zh) | 2021-03-30 |
CN112579224B CN112579224B (zh) | 2024-08-02 |
Family
ID=75116924
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910945783.3A Active CN112579224B (zh) | 2019-09-30 | 2019-09-30 | 显示滚动条容器的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112579224B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114415919A (zh) * | 2022-01-21 | 2022-04-29 | 重庆允丰科技有限公司 | 表格横向滚动条的粘滞方法、复用方法及计算机存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110202871A1 (en) * | 2010-02-17 | 2011-08-18 | Oracle International Corporation | Method and system for scrolling through a graphical user interface list control |
CN104461306A (zh) * | 2013-09-23 | 2015-03-25 | 博雅网络游戏开发(深圳)有限公司 | 滚动组件控制方法和装置 |
CN104572057A (zh) * | 2013-10-25 | 2015-04-29 | 腾讯科技(深圳)有限公司 | 滚动条控制方法及装置 |
CN109299449A (zh) * | 2018-10-10 | 2019-02-01 | 拉扎斯网络科技(上海)有限公司 | 表格处理方法、装置、电子设备及可读存储介质 |
-
2019
- 2019-09-30 CN CN201910945783.3A patent/CN112579224B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110202871A1 (en) * | 2010-02-17 | 2011-08-18 | Oracle International Corporation | Method and system for scrolling through a graphical user interface list control |
CN104461306A (zh) * | 2013-09-23 | 2015-03-25 | 博雅网络游戏开发(深圳)有限公司 | 滚动组件控制方法和装置 |
CN104572057A (zh) * | 2013-10-25 | 2015-04-29 | 腾讯科技(深圳)有限公司 | 滚动条控制方法及装置 |
CN109299449A (zh) * | 2018-10-10 | 2019-02-01 | 拉扎斯网络科技(上海)有限公司 | 表格处理方法、装置、电子设备及可读存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114415919A (zh) * | 2022-01-21 | 2022-04-29 | 重庆允丰科技有限公司 | 表格横向滚动条的粘滞方法、复用方法及计算机存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112579224B (zh) | 2024-08-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9645733B2 (en) | Mechanism for switching between document viewing windows | |
EP3044658B1 (en) | Scroll end effects for websites and content | |
US8566741B2 (en) | Internal scroll activation and cursor adornment | |
US20200174628A1 (en) | Method and apparatus for displaying information | |
NL2007909C2 (en) | Method and apparatus of scrolling a document displayed in a browser window. | |
CN109508213B (zh) | 一种视图渲染方法、装置、介质及智能终端 | |
WO2017177931A1 (zh) | 一种文本信息的显示方法、装置和移动设备 | |
CN106484080B (zh) | 一种显示界面的展示方法、装置及设备 | |
CN106201234A (zh) | 页面内容的查看方法及装置 | |
CN110647272A (zh) | 一种显示控制方法及装置 | |
CN106155524A (zh) | 页面控制方法及装置 | |
US11501054B2 (en) | Layout generation for an electronic document that includes a web object | |
US9495332B2 (en) | Detection and repositioning of pop-up dialogs | |
CN104778007A (zh) | 一种截图方法及装置 | |
CN111125575A (zh) | 网页数据处理方法和装置 | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN107340955B (zh) | 获取视图在屏幕上的位置变化后的位置信息的方法和装置 | |
CN106534939B (zh) | 一种多视频预览方法、装置及电子设备 | |
CN112579224B (zh) | 显示滚动条容器的方法和装置 | |
CN112579927A (zh) | 显示导航栏的方法和装置 | |
CN109582188B (zh) | 一种实现弹窗内元素定位的方法、装置及相关设备 | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
US20190087077A1 (en) | Information processing apparatus, screen control method | |
US12073070B2 (en) | Dynamic element control method, electronic device, and computer readable storage medium | |
CN115630241A (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 |