CN103853453A - 具导览功能的显示系统及其显示方法 - Google Patents
具导览功能的显示系统及其显示方法 Download PDFInfo
- Publication number
- CN103853453A CN103853453A CN201210501505.7A CN201210501505A CN103853453A CN 103853453 A CN103853453 A CN 103853453A CN 201210501505 A CN201210501505 A CN 201210501505A CN 103853453 A CN103853453 A CN 103853453A
- Authority
- CN
- China
- Prior art keywords
- visitors
- function
- guide
- block
- link block
- 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
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/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
Abstract
一种具导览功能的显示系统及其显示方法,通过在显示区块中产生包含连结区块的导览元件,并且每一连结区块各自与一个功能元件相对应,当检测到点选操作位于连结区块时,触发滚动元件使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中,用以达成提高浏览便利性的技术效果。
Description
技术领域
本发明涉及一种具导览功能的显示系统及其显示方法,特别涉及一种根据被点选的连结区块,将其对应的功能元件显示在显示区块的可视区域中的具导览功能的显示系统及其显示方法。
背景技术
近年来,随着电脑的普及与蓬勃发展,人们已习惯使用电脑处理各种日常事务,然而由于电脑屏幕的显示范围有限,因此在同时具有多个功能元件(如:子视窗)的情况下,具有无法同时将所有功能元件显示在可视区域的问题。
一般而言,当功能元件超过可视区域能够容许显示的数量时,将提供滚动元件,如:显示区块的滚动条(Scroll Bar),以便使用者通过此滚动元件来调整显示在可视区域的功能元件。然而,这一方式在功能元件数量众多时,可能需要持续操作滚动条才能将欲浏览的功能元件调整到可视区域中进行浏览,故具有浏览不便的问题。
有鉴于此,便有厂商提出一种分页显示方式,将功能元件以分页的方式进行显示。这样一来,使用者便可通过分页快速在不同的功能元件间进行切换,并且浏览功能元件所提供的信息。然而,上述使用分页的方式一次只能显示一个功能元件的信息,而无法在可视区域中同时显示多个功能元件所提供的信息,因此,对于使用者而言,当要同时浏览多个功能元件时,必须时常进行切换分页的操作,故上述方式仍然无法有效解决浏览不便的问题。
综上所述,可知现有技术中长期以来一直存在浏览不便的问题,因此实有必要提出改进的技术手段,来解决这一问题。
发明内容
有鉴于现有技术存在的问题,本发明遂揭露一种具导览功能的显示系统及其显示方法。
本发明所揭露的具导览功能的显示系统,此系统包含:初始模块、显示模块、检测模块及导览模块。其中,初始模块用以初始化导览元件,此导览元件包含多个连结区块,其中,每一连结区块各自对应有功能元件;显示模块在导览元件初始化后,产生包含滚动元件的显示区块,并且将所述导览元件的连结区块及其对应的功能元件同时显示于此显示区块中;检测模块用以持续检测点选操作,并且在此点选操作位于所述连结区块其中之一时,产生触发信号;导览模块用以在所述触发信号产生后,根据此触发信号驱动滚动元件,使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中。
至于本发明的具导览功能的显示方法,其步骤包括:初始化导览元件,此导览元件包含多个连结区块,其中,每一连结区块各自对应有功能元件;在导览元件初始化后,产生包含滚动元件的显示区块,并且将所述导览元件的连结区块及其对应的功能元件同时显示于此显示区块中;持续检测点选操作,并且在此点选操作位于所述连结区块其中之一时,产生触发信号;导览模块用以在所述触发信号产生后,根据此触发信号驱动滚动元件,使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中。
本发明所揭露的系统与方法如上,与现有技术之间的差异在于,本发明是通过在显示区块中产生包含连结区块的导览元件,并且每一连结区块各自与一个功能元件相对应,当检测到点选操作位于连结区块时,触发滚动元件使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中。
通过上述的技术手段,本发明可以达成提高浏览便利性的技术效果。
附图说明
图1为本发明具导览功能的显示系统的系统方块图。
图2为本发明具导览功能的显示方法的方法流程图。
图3为应用本发明的显示区块的示意图。
图4为应用本发明驱动滚动元件将功能元件调整至可视区域的示意图。
图5为应用本发明点选连结区块以显示相应的功能元件的示意图。
图6为应用本发明隐藏滚动元件的示意图。
图7为应用本发明将功能元件的功能信息嵌入对应的连结区块以进行显示的示意图。
主要部件附图标记:
110 初始模块
120 显示模块
130 检测模块
140 导览模块
150 信息模块
300 显示区块
301 滚动元件
302 光标
310 导览元件
321 可视区域
322 非可视区域
311~318 连结区块
311a、312a 功能元件
314a~318a 功能元件
步骤210初始化导览元件,该导览元件包含多个连结区块,其中,每一连结区块各自对应有一功能元件
步骤220在该导览元件初始化后,产生包含有滚动元件的显示区块,并且将该导览元件的所述连结区块及其对应的功能元件同时显示于该显示区块中
步骤221读取所述功能元件的功能信息,并且将该功能信息嵌入与所述功能元件对应的连结区块中进行显示
步骤230持续检测点选操作,并且在该点选操作位于所述连结区块其中之一时,产生触发信号
步骤240在该触发信号产生后,根据此触发信号驱动滚动元件,使被点选的该连结区块所对应的该功能元件显示在该显示区块的可视区域中
步骤250在该导览元件的所述连结区块及其对应的功能元件同时显示于该显示区块的可视区域中时,隐藏该滚动元件
具体实施方式
以下将结合附图及实施例来详细说明本发明的实施方式,由此对本发明如何应用技术手段来解决技术问题并达成技术效果的实现过程能充分理解并据以实施。
在说明本发明所揭露的具导览功能的显示系统及其显示方法之前,先对本发明所自行定义的名词作说明,本发明所述的导览元件是一个在显示区块中置顶或置底的元件。在实际实施上,所述导览元件包含多个连结区块,而且每一个连结区块皆对应有一个功能元件,当使用者以光标或触控方式点选所述连结区块时,会将被点选的连结区块所对应的功能元件移动到显示区块的可视区域中进行显示。稍后将结合附图作详细说明。
以下结合附图对本发明具导览功能的显示系统及其显示方法作进一步说明,请参照图1,图1为本发明具导览功能的显示系统的系统方块图,此系统包含:初始模块110、显示模块120、检测模块130及导览模块140。其中,初始模块110用以初始化导览元件,所述导览元件包含多个连接区块,其中每一连结区块各自对应有一个功能元件。由于导览元件已于前述自行定义的名词中作说明,故在此不再多作赘述。在实际实施上,所述连结区块可以利用图形的方式呈现。
显示模块120用以在导览元件初始化后,产生包含滚动元件的显示区块,所述滚动元件是提供使用者以光标、滚轮或触控等方式调整功能元件的显示位置的垂直滚动条(Vertical Scroll Bar)。除此之外,显示模块120会将导览元件的所有连结区块及这些连结区块所对应的功能元件同时显示在显示区块中。在实际实施上,所述连结区块可根据对应的功能元件所预设的坐标参数及尺寸参数调整显示在显示区块的显示位置及显示大小。另外,当导览元件的连结区块及这些连结区块对应的功能元件能够同时显示在显示区块的可视区域中时,将隐藏滚动元件,甚至可在隐藏滚动元件后调整连结区块及功能元件的显示位置。
检测模块130用以持续检测使用者的点选操作,并且在点选操作位于所述连结区块其中之一时,产生触发信号。举例来说,当使用者将光标移动到连结区块上并点击鼠标左键时,检测模块130将检测到使用者进行点选操作,并且产生相应于被点选连结区块的触发信号。在实际实施上,所述触发信号可包含连结区块所对应的功能元件的识别码,以便导览模块140根据此识别码将相应的功能元件显示在可视区域中。
导览模块140用以在检测模块130产生触发信号后,根据此触发信号驱动滚动元件,使被点选的连结区块所对应的功能元件能够显示在显示区块的可视区域中。举例来说,假设导览元件具有第一连结区块、第二连结区块及第三连结区块,这三个连结区块分别对应第一功能元件、第二功能元件及第三功能元件,倘若当前显示区块的可视区域中仅显示第一功能元件,当使用者点选第三连结区块后,导览模块140会将第三功能元件从非可视区域移动至可视区域进行显示,至于第一功能元件及第二功能元件倘若无法与第三功能元件同时显示在可视区域时,将被导览模块140移动至非可视区域。
特别要说明的是,此系统还可包含信息模块150用以读取功能元件内的功能信息,并且将此功能信息嵌入对应的连结区块中进行显示。举例来说,假设功能元件具有功能信息,如:“CPU使用率:50%”。此时,信息模块150会将此功能信息“CPU使用率:50%”嵌入至对应的连结区块中进行显示。这样一来,使用者甚至可直接浏览连结区块即可获得相应的功能元件所提供的信息,无须再进行任何点选操作。在实际实施上,所述功能信息至少包含有图像、视频或文字,甚至可为三者的任意组合。
接着,请参照图2,图2为本发明具导览功能的显示方法的方法流程图,其步骤包括:初始化导览元件,此导览元件包含多个连结区块,其中,每一连结区块各自对应有功能元件(步骤210);在导览元件初始化后,产生包含滚动元件的显示区块,并且将所述导览元件的连结区块及其对应的功能元件同时显示于此显示区块中(步骤220);持续检测点选操作,并且在此点选操作位于所述连结区块其中之一时,产生触发信号(步骤230);导览模块用以在所述触发信号产生后,根据此触发信号驱动滚动元件,使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中(步骤240)。通过上述步骤,即可通过在显示区块中产生包含连结区块的导览元件,并且每一连结区块各自与一个功能元件相对应,当检测到点选操作位于连结区块时,触发滚动元件使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中。
另外,在步骤220之后,可读取所述功能元件的功能信息,并且将此功能信息嵌入与功能元件对应的连结区块中进行显示(步骤221);至于在导览元件的连结区块及其对应的功能元件同时显示于显示区块的可视区域中时,隐藏滚动元件(步骤250)。
以下结合图3至图7以实施例的方式进行如下说明,请先参照图3,图3为应用本发明的显示区块的示意图。前面提到,显示模块120在导览元件310初始化后,会产生包含滚动元件301的显示区块300,以便将导览元件310及其包含的多个连结区块(311~316)以及这些连结区块(311~316)对应的功能元件显示在显示区块300中。由于功能元件的数量超出显示区块300的可视区域321,所以使用者仅能看到其中的两个功能元件(311a、312a),至于其他功能元件(如:功能元件316a)将显示在显示区块300的非可视区域322(以长虚线的方式进行表示)中,或是在滚动元件301被驱动后从非可视区域322调整至可视区域321。使用者可通过光标302点选连结区块(311~316)以便将被点选的连结区块所对应的功能元件显示在显示区块300的可视区域321中。
如图4所示,图4为应用本发明驱动滚动元件将功能元件调整至可视区域的示意图。在实际实施上,滚动元件301可通过使用者手动或由导览模块140根据触发信号进行驱动,以使用者通过光标302驱动滚动元件301为例,使用者可如图4的滚动元件301所示,通过拖曳的方式驱动滚动元件301,此时,显示区块300的可视区域321也会同时如虚线箭头所示向上调整显示的功能元件,如:功能元件(314a、315a)。在实际实施上,导览元件310所包含的连结区块(311~316)可为置顶显示,当功能元件(314a、315a)持续向上调整并与导览元件310重叠时,功能元件(314a、315a)将显示在导览元件310下方的图层,甚至移出可视区域321。由于所述图层处理为现有技术,故在此不再多作赘述。
请参照图5,图5为应用本发明点选连结区块以显示相应的功能元件的示意图。假设使用者将光标302移动到连结区块316并进行点选操作时,检测模块130会在检测到此点选操作后,产生相应的触发信号,例如:触发信号具有对应连结区块316的功能元件316a的识别码。接着,导览模块140会在此触发信号产生后,如图5所示,根据此触发信号的识别码驱动滚动元件301,以便将具有相同识别码的功能元件316a调整到显示区块300的可视区域321。
如图6所示,图6为应用本发明隐藏滚动元件的示意图。前面提到,在实际实施上,当导览元件310的连结区块(317、318)及其对应的功能元件(317a、318a)能够同时显示于显示区块300的可视区域321时,可隐藏滚动元件(如图5所示的滚动元件301)。在此例中,由于具有两个连结区块(317、318),且这两个连结区块(317、318)对应的功能元件(317a、318a)均同时显示在可视区域321中,因此不会显示滚动元件,甚至导览元件310及连结区块(317a、318a)的显示位置可因隐藏滚动元件的缘故而调整显示位置,如:水平右移。
请参照图7,图7为应用本发明将功能元件的功能信息嵌入对应的连结区块以进行显示的示意图。在实际实施上,可通过信息模块150读取功能元件的功能信息,如:读取功能元件317a的功能信息“硬盘空间:20%”,接着,由信息模块150将此功能信息“硬盘空间:20%”嵌入对应的连结区块317中,并且如图7所示的连结区块317显示嵌入的功能信息“硬盘空间:20%”。特别要说明的是,虽然本发明以文字方式对功能信息举例说明,然而,本发明并未以此做限定,只要是能够用以显示的图像、视频或文字皆不脱离本发明的应用范畴。
综上所述,可知本发明与现有技术之间的差异在于,通过在显示区块中产生包含连结区块的导览元件,并且每一连结区块各自与一个功能元件相对应,当检测到点选操作位于连结区块时,触发滚动元件使被点选的连结区块所对应的功能元件显示在显示区块的可视区域中,通过这一技术手段可以解决现有技术所存在的问题,进而达成提高浏览便利性的技术效果。
虽然本发明以前述的实施例揭露如上,然其并非用以限定本发明,任何本领域技术人员,在不脱离本发明的精神和范围内,当可作一些更动与润饰,因此本发明的专利保护范围须视权利要求书所限定的内容为准。
Claims (10)
1.一种具导览功能的显示系统,其特征在于,该系统包含:
初始模块,用以初始化导览元件,该导览元件包含多个连结区块,其中,每一连结区块各自对应有一功能元件;
显示模块,用以在该导览元件初始化后,产生包含有滚动元件的显示区块,并且将该导览元件的所述连结区块及其对应的功能元件同时显示于该显示区块中;
检测模块,用以持续检测点选操作,并且在该点选操作位于所述连结区块其中之一时,产生触发信号;及
导览模块,用以在该触发信号产生后,根据该触发信号驱动该滚动元件,使被点选的该连结区块所对应的该功能元件显示在该显示区块的可视区域中。
2.如权利要求1所述的具导览功能的显示系统,其特征在于,该系统还包含信息模块,用以读取所述功能元件的功能信息,并且将该功能信息嵌入对应的连结区块中进行显示。
3.如权利要求2所述的具导览功能的显示系统,其特征在于,所述功能信息至少包含图像、视频或文字。
4.如权利要求1所述的具导览功能的显示系统,其特征在于,该导览元件的所述连结区块及其对应的功能元件同时显示于该显示区块的可视区域中时,隐藏该滚动元件。
5.如权利要求1所述的具导览功能的显示系统,其特征在于,所述连结区块为根据对应的功能元件所预设的坐标参数及尺寸参数调整显示位置及显示大小。
6.一种具导览功能的显示方法,其特征在于,步骤包括:
初始化导览元件,该导览元件包含多个连结区块,其中,每一连结区块各自对应有功能元件;
在该导览元件初始化后,产生包含有滚动元件的显示区块,并且将该导览元件的所述连结区块及其对应的功能元件同时显示于该显示区块中;
持续检测点选操作,并且在该点选操作位于所述连结区块其中之一时,产生触发信号;及
在该触发信号产生后,根据此触发信号驱动滚动元件,使被点选的该连结区块所对应的该功能元件显示在该显示区块的可视区域中。
7.如权利要求6所述的具导览功能的显示方法,其特征在于,该方法还包含读取所述功能元件的功能信息,并且将该功能信息嵌入与所述功能元件对应的连结区块中进行显示的步骤。
8.如权利要求7所述的具导览功能的显示方法,其特征在于,所述功能信息至少包含图像、视频或文字。
9.如权利要求6所述的具导览功能的显示方法,其特征在于,该方法还包含在该导览元件的所述连结区块及其对应的功能元件同时显示于该显示区块的可视区域中时,隐藏该滚动元件的步骤。
10.如权利要求6所述的具导览功能的显示方法,其特征在于,所述连结区块为根据对应的功能元件所预设的坐标参数及尺寸参数调整显示位置及显示大小。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210501505.7A CN103853453A (zh) | 2012-11-29 | 2012-11-29 | 具导览功能的显示系统及其显示方法 |
US13/783,117 US20140149925A1 (en) | 2012-11-29 | 2013-03-01 | Displaying system with navigation function and displaying method thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210501505.7A CN103853453A (zh) | 2012-11-29 | 2012-11-29 | 具导览功能的显示系统及其显示方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103853453A true CN103853453A (zh) | 2014-06-11 |
Family
ID=50774462
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210501505.7A Pending CN103853453A (zh) | 2012-11-29 | 2012-11-29 | 具导览功能的显示系统及其显示方法 |
Country Status (2)
Country | Link |
---|---|
US (1) | US20140149925A1 (zh) |
CN (1) | CN103853453A (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP6331466B2 (ja) * | 2014-02-27 | 2018-05-30 | 日本電気株式会社 | 表示制御装置、表示装置、表示方法、並びにコンピュータ・プログラム |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7076738B2 (en) * | 2001-03-02 | 2006-07-11 | Semantic Compaction Systems | Computer device, method and article of manufacture for utilizing sequenced symbols to enable programmed application and commands |
US8869027B2 (en) * | 2006-08-04 | 2014-10-21 | Apple Inc. | Management and generation of dashboards |
US20120297324A1 (en) * | 2011-05-18 | 2012-11-22 | Microsoft Corporation | Navigation Control Availability |
WO2013016719A1 (en) * | 2011-07-28 | 2013-01-31 | School Improvement Network, Llc | Management and provision of interactive content |
-
2012
- 2012-11-29 CN CN201210501505.7A patent/CN103853453A/zh active Pending
-
2013
- 2013-03-01 US US13/783,117 patent/US20140149925A1/en not_active Abandoned
Also Published As
Publication number | Publication date |
---|---|
US20140149925A1 (en) | 2014-05-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9823832B2 (en) | Display method and apparatus for diversely displaying an object according to scroll speed | |
US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
US9898180B2 (en) | Flexible touch-based scrolling | |
JP6264293B2 (ja) | 表示制御装置、表示制御方法及びプログラム | |
US9323432B2 (en) | Method and apparatus for adjusting size of displayed objects | |
KR102111457B1 (ko) | 이동 단말기 및 이동 단말기의 제어 방법 | |
US20120066638A1 (en) | Multi-dimensional auto-scrolling | |
EP2735960A2 (en) | Electronic device and page navigation method | |
CN101794192B (zh) | 触摸屏终端的图片处理方法及该触摸屏终端 | |
WO2009044770A1 (ja) | 端末装置、リンク選択方法および表示プログラム | |
US20150339026A1 (en) | User terminal device, method for controlling user terminal device, and multimedia system thereof | |
KR20140134453A (ko) | 입력장치, 디스플레이장치 및 그 제어방법 | |
CN105335071A (zh) | 一种页面元素的显示方法及装置 | |
CN104571914A (zh) | 终端设备以及控制终端设备的方法和系统 | |
JP2009098990A (ja) | 表示装置 | |
CN104461291A (zh) | 页面控制方法和系统 | |
KR101231513B1 (ko) | 터치를 이용한 컨텐츠 제어방법, 장치, 이를 위한 기록매체 및 이를 포함하는 사용자 단말 | |
AU2016205616A1 (en) | Method of displaying content and electronic device implementing same | |
US20140002404A1 (en) | Display control method and apparatus | |
CN103914228A (zh) | 一种移动终端及其触摸屏的操作方法 | |
CN103853453A (zh) | 具导览功能的显示系统及其显示方法 | |
CN104182150B (zh) | 一种激活工具栏中图标对应的功能的方法及装置 | |
TWI478044B (zh) | 具導覽功能的顯示系統及其顯示方法 | |
CN102750068A (zh) | 控制画面卷动的方法及电子装置 | |
CN105468221B (zh) | 一种窗口控制方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140611 |
|
WD01 | Invention patent application deemed withdrawn after publication |