专利名称：一种显示图标的方法和装置的制作方法
技术领域：
本申请涉及触摸屏技术领域，特别涉及一种显示图标的方法和装置。
背景技术：
随着多媒体信息查询的与日俱增，触摸屏技术得到了广泛发展，具有触摸屏的设备被广泛的使用，用户只需用手指轻碰触摸屏上的图标或文字就能实现对设备的操作。当触摸屏上的图标以列表形式存在，用户还可以通过手指在屏幕上通过上下滑动来选择所要选择的图标，找到该图标时，点击该图标，即可打开该图标所对应的内容。例如
图标A、图标B........图标Z等在触摸屏相应位置是以列表形式进行排列的，用户在选择 图标M时，手指从某个字母对应的图标处开始滑动选择，直至手指滑动至图标M处，再执行点击操作，即可打开该图标M对应的内容。从上述过程中可以看出，现有的选择图标时的图标显示方式中，由于涉及图标非常多，列表需要紧密排列这些图标，才能減少上下滑动距离或者避免需要进行翻页操作等，以提高选择效率。但是，这种紧密的排列方式导致手指在进行触摸选择图标时会遮挡住ー个或多个图标，使得用户无法辨认出当前手指触点所选择的图标是否为预先想要选择的图标。仍以上述选择图标M为例,在进行触摸选择时,与图标M相邻的图标L和图标N、图标O均可能被手指遮挡住，从而无法辨认出当前被手指触点所选的图标是否为M。又如，以触屏手机为例，手机菜单中包括联系人、记事本、通话记录等图标，现有的触屏手机通常用列表形式展示所述菜单图标，当用户想要打开某个菜单图标对应的内容时，无论是滑动选择还是直接点击对应的菜单图标，均可能由于手指的覆盖而遮挡住待选菜单图标及其邻近的菜单图标，而导致无法快速准确选择出待选的菜单图标，用户就可能多次滑动或者触碰屏幕以便于最終选择出待选菜单图标，这就必然増加了人机交互的次数，从而增加了设备的计算量，浪费设备的计算资源，影响设备的性能，用户体验差。申请内容本申请所要解决的技术问题是提供一种显示图标的方法，用以解决现有技术中由于遮挡而无法快速准确找到图标，而导致的设备计算量大、浪费设备计算资源的技术问题。本申请还提供了一种显示图标的装置，用以保证上述方法在实际中的实现及应用。为了解决上述问题，本申请公开了一种显示图标的方法，应用于具有触摸屏的设备，所述触摸屏上存在连续紧密排列的图标，包括当检测到有点触信号时,获取包括触点在内的预定范围内的图标,所述预定范围内包括至少两个图标；将所获取的图标移动至预定范围之外进行显示。本申请还提供了一种显示图标的装置，所述装置包括第一检测单元，用于检测是否有点触信号；获取单元，用于当所述检测単元结果为是时获取包括触点在内的预定范围内的图标，所述预定范围内包括至少两个图标；显示单元，用于将所获取的图标移动至预定范围之外进行显示。与现有技术相比，在本申请中，系统检测到有点触信号时，获取包括触点在内的预定范围内的所有图标，将获取的所有图标移动至所述预定范围之外的区域进行显示，在点击或滑动触摸选择图标时，图标能够不被遮挡住，从而能够准确快速找到想要选择的图标，无需反复点触，減少了系统计算量和对设备计算资源的占用，提高了设备的性能和用户体验。当然，实施本申请的任ー产品并不一定需要同时达到以上所述的所有优点。
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的ー些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其 他的附图。图I是本申请的ー种显示图标的方法实施例一的流程图；图2是本申请实际应用场景中一个手机界面显不不意图；图3是本申请实际应用场景中另一个手机界面显不不意图；图4是本申请的ー种显示图标的方法实施例ニ的流程图；图5是本申请实际应用场景中另一个手机界面显不不意图；图6是本申请的ー种显示图标的装置实施例ー的结构框图；图7是本申请的ー种显示图标的装置实施例ニ的结构框图。
具体实施例方式下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本申请保护的范围。本申请可用于众多通用或专用的包括触摸屏的计算装置环境或配置中。例如个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。本申请的主要思想之一可以包括，当系统检测到有点触信号时，获取包括触点在内的预定范围内的所有图标，将获取的所有图标移动至所述预定范围之外的区域进行显示，直接点击或滑动触摸过程中，使得图标能够不被遮挡住，从而能够准确快速定位想要选择的图标，无需反复点触操作，減少了设备的计算量和耗电量，提高了设备的性能。
參考图1，其示出了本申请ー种显示图标的方法实施例一的流程图，所述方法应用于具有触摸屏的设备中，该设备存在连续的紧密排列的图标，可以包括以下步骤步骤101 :检测是否有点触信号，如果是，进入步骤102。在具有触摸屏的设备中，当用手指或其他物体点触触摸屏时，系统即可检测到输入信号，根据该输入信号即可找到触点位置信息。其中，所述的图标可以是索引图标，索引图标是指具有ニ级内容的标识符号，例如触屏手机中的菜单图标联系人、记事本、通话记录等即是索引图标，用户想要查看某个索引图标对应的内容时，需要点击打开该索引图标。当然，本发明实施例所提供的方法并不仅仅适用于索引图标，对于普通的非索引图标同样适用。
步骤102 :获取包括触点在内的预定范围内的图标。其中，所述预定范围内包括至少两个图标。所述预定范围是指手指或其他物体点触屏幕时，所有可能被手指或其他物体遮挡的图标所组成的ー个区域。例如，该预定范围可以是以触点为圆心，以预定距离为半径所形成的区域内，所述的预定距离可以为2厘米、3厘米或者是其他的具体数值，该数值可根据经验值获取。例如可根据被手指或其他物体遮挡的范围中，距触点最远的一个距离来设定该预定距离的大小。当然，所述预定范围还可以是以触点为中心，形成的正方形、矩形或者其他不规则的形状组成的区域。
由于图标以列表形式紧密排列，在点触某个图标或者滑动选择某个图标时，通常由于手指的覆盖而遮挡住待选图标以及与该待选图标相邻近的其他图标，因此当检测到点触信号时，系统首先获取所有在预定范围内的图标，即包括了被手指或其他物体遮挡住的所有图标。步骤103 :将所述获取的图标移动至所述预定范围之外进行显示。所述在预定范围之外进行显示包括以直线、曲线、折线、波浪线或不规则形状进行显示，即是说系统所获取的图标可以在预定范围之外呈任意形状显示，只需满足被遮挡的图标移动至能够不被遮挡的位置即可。其中，当触摸操作为滑动触摸吋，即滑动到不同位置时，对应不同的触点，假设每ー个触点处均以曲线形状显示，则滑动过程中图标即可呈现波浪形状。需要说明的是，点亮所获取的图标中距离触点最近的图标，以表明该点亮的图标即为当前触点所在的图标，用户可直接判断点亮的图标是否为想要选择的图标，从而使得选择更加准确快速。还需要说明的是，获取的图标在所述预定范围之外显示，当显示形态呈曲线、折线或者波浪线等时，距离触点最近的图标被移动至距离所有图标所在轴线最远的位置，用户还可根据该最远位置上的图标来确定是否为想要选择的图标，使得能够快速准确查找到想要选择的图标。下面以ー个实际应用来描述该图标显示方法的实现过程，以从手机的联系人中查找想要查找的人的联系方式为例，通常情况是通过输入想要查找的联系人的名字的首字母，例如字母G，就可对应打开所有名字首字母为G的联系人，手机提供26个英文字母的图标，并以列表形式排列，当然，若26个英文字母中ー个字母或几个字母没有其对应的联系人时，所述字母可以以特殊形式进行显示，如以透背景形式。以便于确认没有该字母对应的联系人。在本申请应用中，參见图2为无点触操作时的手机界面显示示意图，图3为点触图标G时,手机界面的显示示意图。本实际应用场景中设所述预定范围为以触点为圆心，以预定距离为半径所形成的圆形区域，由图2和图3可知，该圆形区域包括手指所覆盖的区域，该预定半径值设为DELTA_Y_MAX,检测到点触信号吋，首先获取包括触点在内的所述预定范围内的图标，由图3可知包括图标D、图标E、图标F、图标G、图标H、图标I、图标J ;获取触点所对应的Y轴坐标值，记为Y0,然后获取该预定范围内的姆ー图标所对应的Y轴坐标，以图标D为例,其他图标的计算过程可互相參见，将获取的图标D的Y轴坐标值记为Y1，计算Yl和YO的差值，记为 deltaYl,即 deltaYl = Y1-Y0，比较 deltaYl 和 DELTA Y MAX 的大小，若小于 DELTA_Y_MAX,则将图标D向X轴移动一定距离X，该一定距离长度X = DELTA_Y_MAX-deltaYl，即DELTA_Y_MAX 与 deltaYl 的差值。具体计算过程可采用如下代码实现
ioreacn
{
int deltaY = Math.abs(Yl- Y0)； if (deltaY < DEUIA_Y_MAX)
{
X= DEUTA_Y_MAX _ deltaY；
}
}该预定范围内的其他图标也按照此计算方式进行计算，从而即可以得到图3的显示效果图，该预定范围内的图标最終以曲线形状进行显示。由上述计算可知，图标G将沿X轴移动至距离触点所在Y轴最远的位置，该距离即为DELTA_Y_MAX，从而可区分出图标G为触点所在位置的图标，即为待选图标。需要说明的是，上述具体实例是以曲线形状进行显示，其还可以以波浪线、折线等其他形状进行显示，具体的计算过程在此不再一一赘述。需要说明的，本申请应用于手机中时，上例所述的26个英文字母的图标对应的ニ级内容，并不局限于查找联系人，其还可以是应用于其他可以用字母捜索到项目中，例如手机菜单图标，例如想要查找记事本，采用本申请方式找到图标J，打开图标J，即可找到记事本，在点击记事本可打开记事本内容。在实际应用中，本申请还可以应用于手机菜单图标的显示方法，手机中的菜单图标通常以列表形式排列与手机的ー侧，假设菜单图标位于手机触摸屏的下侧，菜单图标包括了联系人、记事本、收藏夹等，当想要打开收藏夹时，现有技术通常是直接点触收藏夹图标，或者先滑动找到该收藏夹图标在点触，这种方式由于手指遮挡原因，很可能导致当前点触的图标并非收藏夹图标，而采用本申请，用户在点触收藏夹图标时，系统首先会获取包括触点在内的预定范围内的所有图标，然后将所有这些图标在预定范围之外的区域进行显示，比如以波浪形式进行显示，同时可以被点亮，从而可以快速定位找到该收藏夹图标，避免了用户反复的点触搜索。在本实施例中，当系统检测到有点触信号时，获取包括触点在内的预定范围内的所有图标，将获取的所有图标移动至所述预定范围之外的区域进行显示，在点击或滑动触摸操作时，使得图标能够不被遮挡住，从而能够准确快速找到想要查找的图标，无需反复点触，減少了系统计算量和对计算资源的占用，从而提高了设备的性能和用户体验。參考图4，示出了本申请ー种显示图标的方法实施例ニ的流程图，可以包括以下步骤步骤401 :检测是否有点触信号，如果是，进入步骤402，如果否，则继续检测。本步骤与实施例一相似，在此不再赘述。 步骤402 :获取包括触点在内的预定范围内的图标。预定范围是指手指或其他物体点触屏幕时，所有可能被手指或其他物体遮挡的图标所组成的ー个区域，所述预定范围可以是以触点为中心的圆形、正方形、矩形或者其他不规则形状组成的区域。该区域需要包括手指或其他点触物遮挡的范围，从而可以获取到所有被遮挡的图标。步骤403 :将所述获取的图标移动至所述预定范围之外进行显示，并将离触点最近的图标在指定位置放大。其中，在预定范围之外进行显示可以是成曲线进行显示，所述曲线包括圆形、弧形以及其它规则或不规则的曲线，则所述获取的图标中，距离所述触点最近的图标在显示状态中将位于曲线最大弧度处，即实际距离触点最近的图标位于曲线上距离所有图标所在轴线最远的位置，同时将所述距离触点最近的图标在指定位置放大，所述指定位置是指位于曲线之外区域的任一位置。从而用户可直接判断根据该放大的图标是否为想要选择的图标，使得选择更加准确快速。其中，作为另ー个优选的实施例，在预定范围之外进行显示可以是成折线进行显示，所述折线可以是三角形、矩形等规则或不规则的折线，需满足被遮挡图标被移动出遮挡范围而不被遮挡，同时将距离触点最近距离的图标在指定位置放大，以便于准确快速定位找到想要选择的图标。其中，作为另ー个优选的实施例，在预定范围之外进行显示可以是成直线进行显示，满足被遮挡图标被移动出遮挡范围而不被遮挡，同时在指定位置放大所述离触点最近的图标。其中，所述距离触点最近的图标还可以被点亮，用户还可判断被点亮的图标是否为想要选择的图标，从而使得选择更加准确快速。在实际应用场景中，仍以通过26个英文字母查找联系人为例，參见图5，为有点触操作时手机界面的显示示意图。由图5可知，所述字母G及被遮挡的图标在预定范围外进行显示外，所述字母G还在指定位置被放大，从而使得用户能够快速定位当前触点所指的图标是否为想要查找的图标。同时在指定位置显示的放大图标还可以被点亮。步骤404 :检测到所述点触信号满足预定条件吋，打开离触点最近的图标，显示所述图标所对应的索引内容。其中，所述预定条件为所述点触时间大于预定时间，或者，点触信号消失。在本实施例中，当系统检测到有点触信号时，获取包括触点在内的预定范围内的所有图标，将获取的所有图标移动至预定范围之外的区域进行显示，且将距离触点最近的图标点亮或者放大，从而能够快速准确找到想要选择的图标，无需反复点触操作，减少了计算量和对计算资源的占用，提高了设备性能和用户体验。对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。与上述本申请ー种显示图像的方法实施例一所提供的方法相对应，參见图6，本申请还提供了一种显示图像的装置实施例I的结构框图，在本实施例中，该装置可以包括 第一检测单元601，用于检测是否有点触信号；获取单元602，用于当所述检测単元601结果为是时获取包括触点在内的预定范围内的图标，所述预定范围内包括至少两个图标；预定范围是指手指或其他物体点触屏幕时，所有可能被手指或其他物体遮挡的图标所组成的ー个区域。该预定范围可以是以触点为圆心，以预定距离为半径所形成的区域内，所述的预定距离可以为2厘米、3厘米或者是其他的具体数值，该数值可根据经验值获取，例如可根据被手指或其他物体遮挡的范围中，距触点最远的一个距离来设定该预定距离的大小。当然，所述预定范围还可以是以触点为中心，形成的正方形、矩形或者其他不规则的形状组成的区域。显示单元603，用于将所获取的图标移动至预定范围之外进行显示。所述在预定范围之外进行显示包括以直线、曲线、折线、波浪线或不规则形状进行显示，即是说系统所获取的图标可以在距触点预定范围外呈任意形状显示，只需满足被遮挡的图标移动至能够不被遮挡的位置即可。获取的图标在所述预定范围之外显示，当显示形态呈曲线、折线或者波浪线等吋，距离触点最近的图标显示在距离所有图标所在轴线的最远位置处，用户可根据该最远位置上的图标来确定是否为想要选择的图标，使得能够快速准确查找到想要选择的图标。在本实施例中，当检测单元检测到有点触信号时,获取单元获取包括触点在内的预定范围内的所有图标，显示単元则将获取的所有图标移动至所述预定范围之外的区域进行显示，因此在查找图标吋，点击或滑动搜索吋，图标能够不被遮挡住，从而能够准确快速找到想要查找的图标，无需反复点触，減少了系统计算量和对计算资源的占用，从而提高了设备的性能和用户体验。本实施例所述的装置可以集成到触摸屏设备上，也可以单独作为ー个实体与触摸屏设备相连，另外，需要说明的是，当本申请所述的方法采用软件实现时，可以作为触摸屏设备新增的ー个功能，也可以单独编写相应的程序，本申请不限定所述方法或装置的实现方式。与上述本申请ー种显示图标的方法实施例ニ所提供的方法相对应，參见图7，本申请还提供了一种显示图标的装置的优选实施例2，在本实施例中，该装置具体可以包括
第一检测单元701，用于检测是否有点触信号。获取单元702,用于当所述检测单元702为是时获取包括触点在内的预定范围内的图标，所述预定范围内包括至少两个图标。预定范围是指手指或其他物体点触屏幕时，所有可能被手指或其他物体遮挡的图标所组成的ー个区域，所述预定范围可以是以触点为中心的圆形、正方形、矩形或者其他不规则形状组成的区域。该区域需要包括手指或其他点触物遮挡的范围，从而可以获取到所有被遮挡的图标。显示单元703，用于将所获取的图标移动至预定范围之外进行显示。所述在预定范围之外进行显示包括以直线、曲线、折线、波浪线或不规则形状进行显示，即是说系统所获取的图标可以在预定范围外呈任意形状显示，只需满足被遮挡的图标移动至能够不被遮挡的位置即可。
放大单元704，用于将在预定范围内离触点最近的图标在指定位置被放大。获取的图标在所述预定范围之外显示，距离触点最近的图标显示在距离所有图标所在轴线的最远处，同时将所述距离触点最近处的图标在指定位置放大，所述指定位置是指位于曲线之外区域的任一位置。从而用户可直接判断根据该放大的图标是否为想要选择的图标，使得选择更加准确快速。第二检测单元705，用于检测所述点触信号是否满足预定条件。其中，所述预定条件为所述点触时间大于预定时间，或者，点触信号消失。图标打开单元706，用于第二检测单元705检测结果为是时，打开在预定范围内离触点最近的图标，显示所述图标所对应的索引内容。其中，本实施例所描述的图标为索引图标。其中，所述装置还可以包括点亮单元，用于将离触点最近的图标点亮，从而使得选择更加准确快速。在本实施例中，当检测检测到有点触信号吋，由获取单元获取包括触点在内的预定范围内的所有图标，显示単元将获取的所有图标移动至预定范围之外的区域进行显示，还可通过点亮单元或者放大单元将预定范围内距离触点最近的图标点亮或者放大，从而能够快速准确找到想要选择的图标，无需反复点触操作，減少了计算量和耗电量，提高了设备性能。需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相參见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处參见方法实施例的部分说明即可。最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另ー个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或
者设备所固有的要素。在没有更多限制的情况下，由语句“包括ー个......”限定的要素，
并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
为了描述的方便，描述以上装置时以功能分为各种単元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如R0M/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。以上对本申请所提供的一种显示图标的方法和装置进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解 本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式
及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。
权利要求
1.一种显示图标的方法，其特征在于，应用于具有触摸屏的设备，所述触摸屏上存在连续排列的图标，所述方法包括 当检测到有点触信号时，获取包括触点在内的预定范围内的图标，所述预定范围内包括至少两个图标； 将所获取的图标移动至预定范围之外进行显示。
2.根据权利要求I所述的方法，其特征在于，所述将所获取的图标移动至在预定范围之外进行显示包括将所获取的图标在预定范围之外以直线、曲线、折线、波浪线或不规则形状进行显示。
3.根据权利要求I所述的方法，其特征在于，所述方法还包括点亮距离触点最近的图标。
4.根据权利要求I或3所述的方法，其特征在于，所述方法还包括在预定范围外的指定位置放大距离触点最近的图标。
5.根据权利要求I所述的方法，其特征在于， 所述图标为索引图标； 所述方法还包括检测到所述点触信号满足预定条件时，打开所述距离触点最近的图标,显示所述图标所对应的索引内容。
6.根据权利要求5所述的方法，其特征在于，所述预定条件为所述点触时间大于预定时间，或者，点触信号消失。
7.—种显示图标的装置，其特征在于，所述装置包括 第一检测单元，用于检测是否有点触信号； 获取单元，用于当所述检测单元结果为是时获取包括触点在内的预定范围内的图标，所述预定范围内包括至少两个图标； 显示单元，用于将所获取的图标移动至预定范围之外进行显示。
8.根据权利要求7所述的装置，其特征在于，所述装置还包括点亮单元，用于将距离触点最近的图标点亮。
9.根据权利要求7或8所述的装置，其特征在于，所述装置还包括放大单元，用于将距离触点最近的图标在指定位置放大。
10.根据权利要求7所述的装置，其特征在于，所述图标为索引图标，所述装置还包括 第二检测单元，用于检测所述点触信号是否满足预定条件； 图标打开单元，用于第二检测单元检测结果为是时，打开距离触点最近的图标，显示所述图标所对应的索引内容。
全文摘要
本申请提供了一种显示图标的方法和装置，所述方法包括当检测到有点触信号时，获取包括触点在内的预定范围内的图标，所述预定范围内包括至少两个图标；将所获取的图标移动至预定范围之外进行显示，通过本申请实施例，能够准确快速找到想要查找的图标，无需反复点触操作，减少了设备计算量和对计算资源的占用，从而提高了设备的性能和用户体验。
文档编号G06F3/048GK102830890SQ201110157950
公开日2012年12月19日 申请日期2011年6月13日 优先权日2011年6月13日
发明者贾海军, 常天娲, 李清华, 王楠, 方媛, 王敏, 张春晖 申请人:阿里巴巴集团控股有限公司