专利名称：图形化界面的选取方法与系统的利记博彩app
技术领域：
本发明涉及一种图形化界面的使用方法，且特别涉及一种选取图形化界面中的组件的方法与系统。
背景技术：
随着计算机系统的普及化以及网络的蓬勃发展，现代人十分习惯利用计算机系统来处理各项事务，并可通过计算机系统中的浏览器软件浏览网络上的各种网页信息。在操作计算机系统或浏览网页的过程中，基于不同的需求，使用者有时会需要撷取计算机的操作界面或网页的部分画面。一般来说，使用者可利用键盘上的画面拷贝(print screen)按键来撷取整个屏幕画面，并利用图形编辑软件对所撷取的画面进行编辑。然而，每当有此需求时都必须额外开启编辑软件对使用者来说并不方便。基此，市面上也有部分的画面撷取软件能以背景运行的方式，在使用者对操作计算机或浏览网页框选部分画面后自动将其存为影像文件。然而，使用者在利用这类软件撷取画面时，在画面的边缘处经常会撷取到例如空白等无意义的画面内容，因此仍需要多一道裁剪步骤来剔除不必要的部分。换个角度而言，当使用者利用鼠标等指向输入工具来选取范围时，经常无法精确地将范围控制在想要撷取的对象边缘，此现象在触控式装置上会更加明显。由于使用者所选取的范围边缘经常会包括许多空白处或不相干的内容，因此撷取出来的画面势必需要进一步的修正。使用者往往因为所撷取出来的画面不理想而必须再三地重复选取操作，而容易感到不便。
发明内容
有鉴于此，本发明提供一种图形化界面的选取方法与系统，能减少无法精确反映使用者对图形化界面进行选取操作`的情况。本发明提出一种图形化界面的选取方法，其中图形化界面包括多个图形化组件。此方法包括取得图形化界面上的使用者选取范围。在上述图形化组件中找出与使用者选取范围重叠的至少一候选图形化组件，并在上述候选图形化组件中筛选出至少一确选图形化组件，其中上述确选图形化组件所组成的范围最接近使用者选取范围，并且将使用者选取范围调整为上述确选图形化组件所组成的范围。在本发明的一实施例中，其中所有候选图形化组件与使用者选取范围重叠并且涵盖于使用者选取范围。在本发明的一实施例中，其中由所有确选图形化组件所组成的范围的尺寸与形状均最接近使用者选取范围。在本发明的一实施例中，其中所有图形化组件具有阶层结构，而在将使用者选取范围调整为所有确选图形化组件所组成的范围的步骤之后，此方法还包括接收调整信号以改变使用者选取范围的尺寸。当使用者选取范围的尺寸增加时，依据阶层结构判断在所有图形化组件中是否存在包含所有确选图形化组件且尺寸大于所有确选图形化组件所组成的范围的父图形化组件。若父图形化组件存在，则将使用者选取范围调整至与父图形化组件相同。在本发明的一实施例中，其中所有图形化组件具有阶层结构，而在将使用者选取范围调整为所有确选图形化组件所组成的范围的步骤之后，此方法还包括接收调整信号以改变使用者选取范围的尺寸。当使用者选取范围的尺寸减少时，依据阶层结构判断是否存在所组成的范围略小于目前的使用者选取范围的至少一子图形化组件。若是，则将使用者选取范围调整为上述子图形化组件所组成的范围。在本发明的一实施例中，其中使用者选取范围的边缘配置有多个调整控点，且调整信号是由施于至少其中一个调整控点的拖曳操作所触发。从另一观点来看，本发明提出一种图形化界面的选取系统，包括显示单元、图形化界面模块与选取范围调整模块。其中，图形化界面模块耦接显示单元，用以提供包括多个图形化组件的图形化界面，并将图形化界面显示于显示单元。选取范围调整模块耦接显示单元与图形化界面模块。选取范围调整模块取得图形化界面上的使用者选取范围，在所有图形化组件中找出与使用者选取范围重叠的至少一候选图形化组件，并在上述候选图形化组件中筛选出至少一确选图形化组件，其中上述确选图形化组件所组成的范围最接近使用者选取范围。此外，选取范围调整·模块将使用者选取范围调整为所有确选图形化组件所组成的范围，并在图形化界面标示调整后的使用者选取范围。在本发明的一实施例中，其中所有候选图形化组件与使用者选取范围重叠并且涵盖于使用者选取范围。在本发明的一实施例中，其中由所有确选图形化组件所组成的范围的尺寸与形状均最接近使用者选取范围。在本发明的一实施例中，其中所有图形化组件具有阶层结构，而选取范围调整模块在将使用者选取范围调整为所有确选图形化组件所组成的范围之后，根据所接收的调整信号改变使用者选取范围的尺寸。当使用者选取范围的尺寸增加时，选取范围调整模块依据阶层结构判断在所有图形化组件中是否存在包含所有确选图形化组件且尺寸大于所有确选图形化组件所组成的范围的父图形化组件。若是，选取范围调整模块将使用者选取范围调整至与父图形化组件相同。在本发明的一实施例中，其中所有图形化组件具有阶层结构，而选取范围调整模块在将使用者选取范围调整为所有确选图形化组件所组成的范围之后，根据所接收的调整信号改变使用者选取范围的尺寸。当使用者选取范围的尺寸减少时，选取范围调整模块依据阶层结构判断是否存在所组成的范围略小于目前的使用者选取范围的至少一子图形化组件。若是，选取范围调整模块将使用者选取范围调整为上述子图形化组件所组成的范围。在本发明的一实施例中，其中选取范围调整模块在使用者选取范围的边缘配置多个调整控点，且调整信号是由施于至少其中一个调整控点的拖曳操作所触发。基于上述，本发明在使用者于图形化界面上框选出选取范围后，能根据图形化界面中各图形化组件的位置与阶层结构来自动调整选取范围，进而更精确地撷取出使用者所需要的图形化组件，据以提升在图形化界面上进行选取的便利性。
图1是本发明的一实施例的图形化界面的选取系统的示意图。图2是本发明的一实施例的图形化界面的选取方法的流程图。图3、4是本发明的一实施例的图形化界面的示意图。图5是本发明的一实施例的缩放使用者选取范围的流程图。图6、7是本发明的一实施例的拖曳操作的示意图。图8是本发明的一实施例的调整控点的示意图。图9 A-9E是本发明的一实施例的缩放使用者选取范围的示意图。其中:100:图形化界面的选取系统110:显示单元120:图形化界面模块130:选取范围调整模块S210 S240:本发明的一实施例所述的图形化界面的选取方法的各步骤A1、A2、B-G、H1-H7、11-17、J_T、Ul、U2、920、930、940、950、960:图形化组件300、600、800、900:图形化界面310、410、610、810、910a、910b、910c、910d、910e:使用者选取范围S510 S580:本发明的一实施例所述的缩放使用者选取范围的各步骤820、830、840、850:调整控点
具体实施例方式为让本发明的上述特征和优点能更明显易懂，下文特举实施例，并配合附图作详细说明如下。图1是本发明的一实施例的图形化界面的选取系统的示意图。请参阅图1，图形化界面的选取系统100包括显示单元110、图形化界面模块120与选取范围调整模块130。其中，图形化界面的选取系统100可配置在台式计算机系统、笔记本计算机系统、工作站、平板计算机、智能手机、个人数字助理，或游戏机等各种电子装置内。显示单元110例如是液晶屏幕、电阻式触控屏幕、电容式触控屏幕、光学触控屏幕、红外线触控屏幕或电磁感应触控屏幕等，本发明并不对显示单元110的种类加以限制。图形化界面模块120耦接显示单元110，用以提供包括多个图形化组件的图形化界面，并将图形化界面显示于显示单元110。在一实施例中，图形化界面例如是网页，而图形化界面模块120会通过网络存取网页服务器，并将其提供的文字、影像或各类信息加载配置选取系统100的电子装置，并利用网页浏览器将加载的内容呈现于显示单元110。在另一实施例中，图形化界面也可以是配置选取系统100的电子装置的操作界面。例如，当电子装置为计算机系统时，操作界面可以是桌面(desktop)或窗口画面。而当计算机系统为智能手机时，操作界面可以是主画面(home screen)。进一步来说，本发明并不对图形化界面的种类加以限制，任何具有图形化组件以提供使用者视觉操作便利的界面都应属于本发明的范畴。选取范围调整模块130耦接显示单元110与图形化界面模块120。选取范围调整模块130用以根据使用者对图形化界面的选取操作而执行本实施例的图形化界面的选取方法，进而定义出最适当的选取范围。本实施例的图形化界面的选取方法将于后配合图示再作说明。选取范围调整模块130例如为执行程序代码的处理器，而上述程序代码包括用以执行本实施例的图形化界面的选取方法的指令，并且被烧录在只读存储器(Read OnlyMemory,ROM)中。或者,选取范围调整模块130也可以是微处理器(microprocessor),通过执行配置选取系统100的电子装置的缓存器内的程序代码来实现本实施例的图形化界面的选取方法。在此并不对选取范围调整模块130的形式加以限制。为了进一步说明图形化界面的选取系统100的详细运行方式，以下特举另一实施例来对本发明进行说明。图2是本发明的一实施例的图形化界面的选取方法的示意图。请同时参阅图1与图2。在以下的实施例中，假设图形化界面模块120已将包括多个图形化组件的图形化界面显示于显示单元110。使用者可利用鼠标、键盘、游戏杆、触控屏幕，或触控垫等各种输入装置在图形化界面上框选所需的范围。在使用者完成框选动作后，如步骤S210所示，选取范围调整模块130取得图形化界面上的使用者选取范围。必须特别说明的是，在此并不对使用者选取范围的形状加以限制。接着在步骤S220中，选取范围调整模块130在图形化界面所包括的所有图形化组件中，找出与使用者选取范围重叠的一或多个候选图形化组件。选取范围调整模块130会自动检测图形化组件的尺寸以从中找出候选图形化组件。图3是本发明的一实施例的图形化界面的示意图，请参阅图3。在本实施例中，图形化界面300为网页，包括数个图形化组件(例如图形化组件Al、A2、B-G、H1-H7、11-17、J-T、Ul、U2)。在一实施例中，任何有与使用者选取范围310重叠的图形化组件(即图形化组件A1、A2、B、C、E)就会被选取范围调整模块130选为候选图形化组件。而在另一实施例中，仅有与使用者选取范围310重叠并且完整地涵盖于使用者选取范围310的图形化组件(即图形化组件Al、A2)才会被选取范围调整模块130定义为候选图形化组件。在又一实施例中，选取范围调整模块130则会根据图形化组件与使用者选 取范围重叠的比例来决定是否要将其定义为候选图形化组件，举例来说，当图形化组件与使用者选取范围重叠的部份与图形化组件的尺寸的比例高于一默认值(例如90% )时，选取范围调整模块130便将此图形化组件定义为候选图形化组件。接着在步骤S230中，选取范围调整模块130在所有的候选图形化组件中筛选出一或多个确选图形化组件。其中，所有确选图形化组件所组成的范围最接近使用者选取范围。详言之，所有的候选图形化组件能组合成各种尺寸与形状不相同的范围，而选取范围调整模块130会判断哪些候选图形化组件所组成的范围与使用者选取范围的尺寸与形状最为接近，并将这些候选图形化组件定义为确选图形化组件。或者，选取范围调整模块130也可仅以组成的范围的尺寸是否接近使用者选取范围来作为筛选出确选图形化组件的判断依据，而不论所构成的范围的形状与使用者选取范围是否相似。最后如步骤S240所示，选取范围调整模块130将使用者选取范围调整为所有确选图形化组件所组成的范围，并且在图形化界面上标示出经过调整的使用者选取范围。也就是说，使用者能通过显示单元查看使用者选取范围的调整结果。举例来说，倘若使用者原本所框选的是如图3所示的使用者选取范围310，假设确选图形化组件为图形化组件Al与A2，那么在经过选取范围调整模块130的调整后，使用者选取范围310将被调整如图4的使用者选取范围410所示，完全贴齐图形化对象Al与A2。在一实施例中，选取范围调整模块130会撷取目前的使用者选取范围的影像，并将影像暂存于剪贴板。或者，选取范围调整模块130也可自动开启图片编辑器让使用者能直接对影像进行编辑。又或者，选取范围调整模块130会自动储存影像，或将影像附加到电子邮件或以任意的应用程序开启。通过图2所示的各步骤，能确保经过调整的使用者选取范围能恰好贴齐确选图形化组件，据此可以避免所撷取的影像包括空白处或不完整的图形化组件。图5是本发明的一实施例的缩放使用者选取范围的流程图。以下将以图5来说明当使用者欲继续改变使用者选取范围的尺寸或形状时，图形化界面的选取系统100如何确保广生有意义的选取范围。在本实施例中，图形化界面所包括的所有图形化组件具有阶层结构。也就是说，某些图形化组件之间具有上下阶层的关系，有此种关系的图形化组件可互称为对方的父图形化组件或子图形化组件。而也可能会有数个图形化组件隶属于相同的父图形化组件。请参阅图5，首先如步骤S510所示，选取范围调整模块130根据所接收的调整信号改变使用者选取范围的尺寸，但在此并不对调整信号是否会改变使用者选取范围的形状加以限制。倘若显示单元110为触控屏幕，那么调整信号可以是由施于触控屏幕的特定手势所触发。例如图6所示的图形化界面600上显示有经过选取范围调整模块130调整的使用者选取范围610，当使用者施以如图6所示的以两指向外移动的手势时，使用者选取范围因应此手势产生的调整信号而被放大。当使用者施以如图7所示的以两指向内移动的手势时，使用者选取范围因应此手势产生的调整信号而被缩小。在另一实施例中，选取范围调整模块130会在使用者选取范围 的边缘配置多个调整控点，且调整信号是由施于至少其中一个调整控点的拖曳操作所触发。如图8所示的图形化界面800，选取范围调整模块130在使用者选取范围810的四角配置调整控点820-850，使用者可利用鼠标或任何指向输入工具拖曳调整控点820-850来改变使用者选取范围810的尺寸，当显示单元110为触控屏幕时，使用者也可直接通过触控屏幕来点选并拖曳调整控点820-850以改变使用者选取范围810的尺时。其中，调整控点的移动可等比例的缩放使用者选取范围810，或不规则地改变使用者选取范围810的形状。接着在步骤S520中，选取范围调整模块130判断使用者选取范围的尺寸是否增加。若使用者选取范围的尺寸增加，表示使用者欲选取更大范围的图形化组件，因此如步骤S530所示，选取范围调整模块130依据图形化组件的阶层结构来判断在所有的图形化组件中，是否存在包含所有确选图形化组件且尺寸大于所有确选图形化组件所组成的范围的父图形化组件。假设图形化界面为网页，选取范围调整模块130可通过分析网页原始档来搜寻是否存在符合上述条件的父图形化组件。若能找到符合上述条件的父图形化组件，则在步骤S540中，选取范围调整模块130将使用者选取范围调整至与父图形化组件相同。然而若符合上述条件的父图形化组件不存在，则如步骤S550所示，选取范围调整模块130反复判断是否接收到另一调整信号。并且在接收到新的调整信号时，回到步骤S510并再次执行接下来的流程。
请回到步骤S520，倘若选取范围调整模块130判断使用者选取范围的尺寸减少，表示使用者欲选取更小范围的图形化组件，因此如步骤S560所示，选取范围调整模块130依据阶层结构判断是否存在所组成的范围略小于目前的使用者选取范围的至少一子图形化组件。若存在符合上述条件的子图形化组件，则如步骤S570所示，选取范围调整模块130将使用者选取范围调整为上述子图形化组件所组成的范围。若不存在符合上述条件的子图形化组件，则如步骤S580所示，选取范围调整模块130反复判断是否接收到另一调整信号，并在接收到新的调整信号时回到步骤S510以执行接下来的流程。图9A-9E是本发明的一实施例的缩放使用者选取范围的示意图。请参阅图9A，图形化界面900包括图形化组件920-960，其中图形化组件960为图形化组件920的父图形化组件，且图形化组件920为图形化组件930-950的父图形化组件。假设经过图2所示的各步骤后，选取范围调整模块130决定出使用者选取范围910a，也即图形化组件920-950均属于确选图形化组件。然后，若使用者通过特定手势或拖曳调整控点(未图示)而将使用者选取范围910a放大如图9B的使用者选取范围910b所示，选取范围调整模块130判断在图形化界面900中是否存在包括确选图形化组件920-950且尺寸大于确选图形化组件920-950所组成的范围的父图形化组件。由于图形化组件960符合上述条件，因此，选取范围调整模块130将使用者选取范围910b调整为图9C所示的使用者选取范围910c，亦即贴齐图形化组件960。 另外，倘若使用者通过特定手势或拖曳调整控点(未绘示)而将图9A所示的使用者选取范围910a缩小如图9D的使用者选取范围910d所示,选取范围调整模块130判断是否存在所组成的范围略小于目前的使用者选取范围910d的一或多个子图形化组件。由于图形化组件940、950符合上述条件，因此选取范围调整模块130将使用者选取范围910d调整为图9E所示的使用者选取范围910e。亦即，经过调整的使用者选取范围910e贴齐图形化组件940-950。必须特别说明的是，在上述实施例中虽然是以网页为例来对本发明进行说明，但图形化界面并不限于网页。当图形化界面为计算机系统的桌面时，图形化界面的选取系统100也能在使用者框选一范围后，自动检测桌面上的窗口、图标、或操作选项等图形化组件的大小，进而产生能贴齐图形化组件的选取范围。综上所述，本发明在使用者对图形化界面进行范围的框选后，自动根据图形化组件的位置、尺寸以及阶层关系自动决定应被选取的是哪些图形化组件，并将选取范围调整至贴齐所决定的图形化组件，以便于让使用者进行撷取影像等后续处理。如此一来，即便使用者无法利用鼠标、触控屏幕或其它输入装置来精确地框出所需范围，本发明也能自动调整选取范围以替使用者滤除如空白或仅有部分被选到的图形化组件，进而提升在图形化界面上精确选取出有意义范围的效率。虽然本发明已以实施例揭露如上，然其并非用以限定本发明，任何所属技术领域中具有通常知识者，在不脱离本发明的精神和范围内，当可作些许的更改与润饰，故本发明的保护范围以权利要求书为准。
权利要求
1.一种图形化界面的选取方法，其中该图形化界面包括多个图形化组件，该方法包括: 取得该图形化界面上的一使用者选取范围； 在该些图形化组件中找出与该使用者选取范围重叠的至少一候选图形化组件； 在该至少一候选图形化组件中筛选出至少一确选图形化组件，其中该至少一确选图形化组件所组成的范围最接近该使用者选取范围；以及 将该使用者选取范围调整为该至少一确选图形化组件所组成的范围。
2.如权利要求1所述的图形化界面的选取方法，其特征在于，该至少一候选图形化组件与该使用者选取范围重叠并且涵盖于该使用者选取范围。
3.如权利要求1所述的图形化界面的选取方法，其特征在于，由该至少一确选图形化组件所组成的范围的尺寸与形状均最接近该使用者选取范围。
4.如权利要求1所述的图形化界面的选取方法，其特征在于，该些图形化组件具有一阶层结构，而在将该使用者选取范围调整为该至少一确选图形化组件所组成的范围的步骤之后，该方法还包括: 接收一调整信号以改变该使用者选取范围的尺寸； 当该使用者选取范围的尺寸增加时，依据该阶层结构判断在该些图形化组件中是否存在包含该至少一确选图形化组件且尺寸大于该至少一确选图形化组件所组成的范围的一父图形化组件；以及 若是，则将该使用者选取范围调整`至与该父图形化组件相同。
5.如权利要求1所述的图形化界面的选取方法，其特征在于，该些图形化组件具有一阶层结构，而在将该使用者选取范围调整为该至少一确选图形化组件所组成的范围的步骤之后，该方法还包括: 接收一调整信号以改变该使用者选取范围的尺寸； 当该使用者选取范围的尺寸减少时，依据该阶层结构判断是否存在所组成的范围略小于目前的该使用者选取范围的至少一子图形化组件；以及 若是，则将该使用者选取范围调整为该至少一子图形化组件所组成的范围。
6.如权利要求1所述的图形化界面的选取方法，其特征在于，该使用者选取范围的边缘配置有多个调整控点，且该调整信号是由施于该些调整控点至少其中之一的拖曳操作所触发。
7.一种图形化界面的选取系统，包括: 一显示单元； 一图形化界面模块，耦接该显示单元，该图形化界面模块提供包括多个图形化组件的一图形化界面，并将该图形化界面显示于该显示单元； 一选取范围调整模块，耦接该显示单元与该图形化界面模块，该选取范围调整模块取得该图形化界面上的一使用者选取范围，在该些图形化组件中找出与该使用者选取范围重叠的至少一候选图形化组件，并在该至少一候选图形化组件中筛选出至少一确选图形化组件，其中该至少一确选图形化组件所组成的范围最接近该使用者选取范围， 该选取范围调整模块将该使用者选取范围调整为该至少一确选图形化组件所组成的范围，并在该图形化界面标示调整后的该使用者选取范围。
8.如权利要求7所述的图形化界面的选取系统，其特征在于，该至少一候选图形化组件与该使用者选取范围重叠并且涵盖于该使用者选取范围。
9.如权利要求7所述的图形化界面的选取系统，其特征在于，由该至少一确选图形化组件所组成的范围的尺寸与形状均最接近该使用者选取范围。
10.如权利要求7所述的图形化界面的选取系统，其特征在于，该些图形化组件具有一阶层结构，该选取范围调整模块在将该使用者选取范围调整为该至少一确选图形化组件所组成的范围之后，根据所接收的一调整信号改变该使用者选取范围的尺寸， 当该使用者选取范围的尺寸增加时，该选取范围调整模块依据该阶层结构判断在该些图形化组件中是否存在包含该至少一确选图形化组件且尺寸大于该至少一确选图形化组件所组成的范围的一父图形化组件， 若是，该选取范围调整模块将该使用者选取范围调整至与该父图形化组件相同。
11.如权利要求7所述的图形化界面的选取系统，其特征在于，该些图形化组件具有一阶层结构，该选取范围调整模块在将该使用者选取范围调整为该至少一确选图形化组件所组成的范围之后，根据所接收的一调整信号改变该使用者选取范围的尺寸， 当该使用者选取范围的尺寸减少时，该选取范围调整模块依据该阶层结构判断是否存在所组成的范围略 小于目前的该使用者选取范围的至少一子图形化组件， 若是，该选取范围调整模块将该使用者选取范围调整为该至少一子图形化组件所组成的范围。
12.如权利要求7所述的图形化界面的选取系统，其特征在于，该选取范围调整模块在该使用者选取范围的边缘配置多个调整控点，且该调整信号是由施于该些调整控点至少其中之一的拖曳操作所触发。
全文摘要
本发明涉及一种图形化界面的选取方法与系统，此图形化界面包括多个图形化组件。在此方法中，取得图形化界面上的使用者选取范围；在上述图形化组件中找出与使用者选取范围重叠的至少一候选图形化组件，并在上述候选图形化组件中筛选出至少一确选图形化组件，其中上述确选图形化组件所组成的范围最接近使用者选取范围；将使用者选取范围调整为上述确选图形化组件所组成的范围。本发明在使用者于图形化界面上框选出选取范围后，能根据图形化界面中各图形化组件的位置与阶层结构来自动调整选取范围，进而更精确地撷取出使用者所需要的图形化组件，据以提升在图形化界面上进行选取的便利性。
文档编号G06F3/0482GK103246438SQ20121002448
公开日2013年8月14日 申请日期2012年2月3日 优先权日2012年2月3日
发明者戴函昱 申请人:宏碁股份有限公司