专利名称：对用户控件绘涂的制作方法
对用户控件绘涂背景计算机向用户提供许多功能。例如，用户可以在网上冲浪，生成文档，以及在他/ 她需要时在计算机上收听音乐。然后，用户可以记起他/她也需要发送电子邮件。用户通常经由图形用户界面(GUI)与计算机交互。用户打开电子邮件应用程序的常见方式是点击启动电子邮件应用程序的控件。给定用户可能已经在GUI上打开的大量应用程序以及大量可用选项，用户可能在该任务期间丢失他/她的思路。本发明的实现可允许用户以较少的工作和/或以可导致增强的总体用户体验的更自然的方式在GUI中导航。概述所述实现涉及对用户控件进行动态绘涂。一种方法动态确定图形用户界面上的光标下的用户控件的突出显示颜色。该方法还用该突出显示颜色来对用户控件的至少一部分绘涂。另一实现被表现为一种标识图形用户界面上的一组相关用户控件的方法。各用户控件可包括图标。该方法还用从与图标相关的信息中动态选择的颜色来对该组中的用户控件的各部分绘涂。以上列出的示例旨在提供快速参考以帮助读者，并且不旨在限定此处所描述的概念的范围。附图简述附图示出了本申请中传达的概念的实现。所示实现的特征可通过参考以下结合附图的描述来更容易地理解。只要可行，各附图中相同的附图标记用来指代相同的元素。 此外，每一个如图标记的最左边的数字传达其中首次引入该附图标记的附图及相关联的讨论。本申请包含至少一幅彩色附图。具有彩色附图的本专利或专利申请的副本将由(美国)专利商标局在请求并支付了必要的费用之后提供。
图1-10示出了根据本发明的一些概念的示例性动态用户控件绘涂实现的假设屏幕截图。图11示出了根据本发明的概念的一些实现的示例性动态用户控件绘涂系统。图12-13是根据本发明的概念的一些实现的示例性动态用户控件绘涂方法的流程图。详细描述概览本专利申请涉及在图形用户界面(GUI)上对用户控件绘涂。简而言之，本发明的概念可以在GUI上的光标周围创建辉光。该辉光可被认为类似于在光标处指示闪光束。当用户将光标移至诸如可选按钮等用户控件的上方时，用突出显示颜色来对该用户控件绘涂以创建彩色辉光。继续该闪光类推，彩色辉光可以用闪光灯上的彩色透镜来创建。突出显示颜色可基于或用户控件获取的颜色信息来动态选择。例如，图标可以占据用户控件的一部分以便快速标识与该用户控件相关联的功能。本发明的实现可基于来自图标的颜色信息来选择用于绘涂的突出显示颜色。突出显示颜色可以是根据颜色信息确定的主色、补色或根据可帮助用户的颜色信息来去确定的任何其他颜色。因此，例如，如果图标的主色是红色且用户控件的其余部分是白色，则本发明的实现可以在用户控件的其余部分中的部分或全部的上方涂抹红色辉光。此外，绘涂能够以帮助传达光标在用户控件上方的位置和行进方向的方式完成。其他实现和/或发明概念在下文中介绍。示例屏幕截1-9示出了本发明的用户控件绘涂概念的一些实现的示例性假设屏幕截图。图1-3共同示出了显示器100上的动态色彩绘涂实现。图1包括显示器100上的第一图形用户界面(GUI)屏幕截图102(1)。图2包括第二后续屏幕截图102(2)。图3示出了表示对于图2的实现的替换配置的另一屏幕截图102(3)。在该示例中，图1-3包括屏幕截图102(1)-102(3)上的三个用户控件104(1)、 104(2) ,104(3) 0此外，这三个用户控件中的每一个都分别包含图标106(1)、106(2)和 10603)。图标可被认为是GUI中用来表示程序、命令、到网页的链接的图片图像。当位于用户控件中时，图标帮助传达该用户控件的功能(即，图标用于快速传达用户正在选择什么)。在图1中，光标108被示为处于不在用户控件104(1)、104 O)、104 (3)中的任一个的上方的第一位置。在图2中，用户将光标108移至用户控件104C3)的上方。响应于光标位置，在202以能够帮助用户容易地查明光标在该用户控件的上方的方式用突出显示颜色来对用户控件104C3)绘涂。在这种情况下，绘涂202 —般是光标108周围的圆圈以创建彩色辉光，诸如以光标为中心的光晕。图3示出了其中绘涂202在用户控件104C3)之外被遮蔽的替换实现。换言之，绘涂只出现在GUI的用户控件部分中。绘涂202的突出显示颜色是根据用户控件的图标106 C3)的颜色信息来动态确定的。简而言之，在这种情况下绘涂颜色被选为图标106 C3)的主色。用于选择绘涂颜色的方法以下参考图12更详细地描述。在这些实现中，光标108在该光标经过用户控件104C3)时保持可见。同样，虽然光标重叠在用户控件104 C3)和图标106C3)上，但绘涂202分层在图标106 C3)的后面。该配置在绘涂期间使图标对用户保持可见。图4-6共同示出了另一动态颜色绘涂实现。在这种情况下，图4-6分别示出了三个连续的屏幕截图402(1)、402 (2)和402 (3)。与图1_3形成对比，只有总体⑶I的一部分在图4-6中示出。每一个屏幕截图都示出三个用户控件404(1)、404(幻和404( 以及三个相应的图标406(1)、406(幻和406(3)。在图4中，如在410(1)处大致指示的，用户已经将光标定位在用户控件404 (2)的上方。在该配置中，当光标行进在用户控件的上方时，光标的传统箭头形状通过绘涂412来替换。在这种情况下，光标的位置用内彩色辉光414来绘涂。较大的外彩色辉光416在内辉光414周围同心地绘涂以使得光标位置被定义为两个辉光414、416的焦点。类似于图3 的实现，图4-6中的绘涂只出现在光标位于其上的用户控件中。换言之，不显示内辉光和外辉光中的否则将延伸至用户控件404(1)、404(3)和/或GUI的其余部分上的部分。在该具体示例中，内辉光414用白色绘涂而外辉光416用图标406 (2)的主色来绘涂，该主色在这种情况下是橙色。此外，在该具体示例中，内辉光414是相对集中的，而外辉光416相对分散。在图4-5中，利用方括号来标识内辉光和外辉光414、416的范围。图6提供了利用虚线来帮助读者标识辉光414、416的另一种方法。与图4相比，图5-6示出了本发明的实现的绘涂如何能够传达相对于用户控件 404(2)的光标位置和方向。例如，在图4中，如在410(1)处标识的光标位置处于用户控件 404(2)的左下部分。在图5中，如在410( 处标识的光标位置处于用户控件404( 的中下部分，而在图6中，如在410C3)处标识的光标位置处于右下。总体上，图4-6的动态绘涂示出光标与水平或χ轴平行地从左到右移动。图4-6用于示出可被称为“耐熔影响(refractory affect) ”的另一示例性绘涂特征。该难熔影响可通过对邻近绘涂412的用户控件的一个或多个边缘绘涂来创建。这一示例在图6的602和604处指定。图7-8共同示出涉及用户控件702的另一动态颜色绘涂实现。在这种情况下，用户控件702不包含图标。然而，用户控件的确包含单词“email (电子邮件)”形式的文本以帮助向用户传达用户控件702的目的。可以从文本704获取颜色信息以便对该用户控件绘涂。例如，图8示出了其中用户大致在点802处将光标定位在用户控件上方的情况。作为响应，在用户控件702的一部分的上方以点802为中心地绘涂椭圆形804。在这种情况下， 如806所示，在文本704的周围遮蔽椭圆形804以使得文本保持对用户可见。图9示出了涉及位于⑶I 904上的用户控件902的另一动态颜色绘涂实现。在这种情况下，用户控件包括图标906。用户控件902的一部分908响应于用户将光标定位在用户控件902的上方而动态绘涂。在该示例中，该部分是彗星形状的，以使得尾部910指向光标来自的方向，而头部912指示光标的当前位置。在这种情况下，用户控件的图标906具有“蓝”色。用户控件的其余部分914是透明的。偶然地，用户将类似的蓝色选为⑶I 904的背景。由于用户控件的其余部分914是透明的，因此它看上去是蓝色的。在这种情况下，绘涂部分908的所选突出显示颜色是对于主色的补色，而不是选择图标的主色来进行绘涂。在该示例中，补色是黄色。在诸如这种情况等某些情况下，与用主色绘涂相比，用补色绘涂可提供增强的用户体验。图10示出了另一用户控件绘涂实现。在这种情况下，示出了四个用户控件 1002 (1)、1002 (2)、1002 (3)和 1002 (4)，这些控件各自具有相应的图标 1004 (1)、1004 (2)、 1004(3)和1004 )。这四个用户控件可被认为是涉及同一应用程序或功能的组。在这种情况下，该组涉及来自微软公司的PowerPoint牌应用程序。如1006所示，确定图标的主色并在这四个用户控件1002(1)、1002 O)、1002 (3)和1002 )的各部分上绘涂图标的主色， 以帮助用户识别这四个用户控件的相关特性。示例性操作环境图11示出了其中上文和下文中描述的动态绘涂用户控件概念可以在各种计算设备上实现的示例性操作环境1100。简而言之，本发明的实现可以用显示图形用户界面并采用可由用户控制的光标的计算设备来实现。此外，本发明的实现能够以独立配置和/或服务器/客户机配置来采用。在所示情况下，计算设备被表现为个人计算机(PC) 1102、智能电话1104和服务器计算机1106。计算设备1102-1106可经由因特网1110或经由诸如蜂窝微波手段等另一通信手段来彼此通信地耦合。在本讨论中，PC 1102可以表示任一种类型的计算机，诸如基于Unix的计算机或Apple品牌计算机等等。智能电话1104可以表示任何数量的不断演进类型的计算设备，这些计算设备可提供以下各项中的一个或多个蜂窝服务、因特网服务、和/或与GUI组合的某些处理能力。该种类的其他当前示例可包括个人数字助理和蜂窝电话等。本发明的概念可以用具有各种能力的计算设备来采用。例如，本发明的概念可以在其中应用程序在该计算设备上本地地运行以执行相关联的功能的独立式计算设备上采用。PC 1102可提供这一示例，其中跟踪模块1112(1)、色彩模块1114(1)和绘涂模块 1116(1)能够本地地操作。这些组件中的一个或多个可另选地或另外地在服务器计算机 1106上操作，如1112(2)、1114(2)和1116⑵所示。为了简短起见，没有为智能电话专门指定组件，但与PC相同的独立式和/或服务器客户机配置可以在智能电话上实现。跟踪模块1112可跟踪图形用户界面上的光标的位置和移动方向。该信息可被提供给色彩模块1114。色彩模块可获取关于图形用户界面上的用户控件的颜色信息。色彩模块可使用颜色信息来动态确定突出显示颜色，诸如来自颜色信息的各个用户控件的主色。 可由色彩模块执行的算法的示例在下文中参考图12描述。绘涂模块1116可以用由色彩模块确定的突出显示颜色来绘涂单独的用户控件的一部分。示例性方法图12示出了根据本发明的概念的至少某些实现的算法或方法1200的流程图。描述方法1200的次序并不旨在解释为限制，并且任何数量的所述框都可以按任何次序组合以实现本方法或实现替换方法。此外，该方法可以用任何合适的硬件、软件、固件或其组合来实现，以使得诸如以上参考图11描述的计算设备可实现该方法。在一种情况下，该技术作为指令集被存储在计算机可读存储介质上，以使得计算设备的执行使得该计算设备执行该技术。框1202和1204提出了一种动态绘涂用户控件的示例性方法。框1206-1212提供一种用于实现框1202的方法。框1202动态确定图形用户界面(GUI)上的光标下的用户控件的突出显示颜色。例如，可以跟踪光标行进的位置和方向。在一些实现中，关于单独的用户控件的信息可以在光标经过用户控件时获取。该过程可以完成并且用户控件在几毫秒内绘涂，以使得从用户的观点来看，光标和绘涂在用户控件上同时出现。其他实现可以基于位置和移动方向来预测用户将光标移至哪里，并且甚至在光标实际上经过单独的用户控件之前开始该方法。又一个实现可以从GUI上的所有用户控件获取颜色数据并且动态确定每一个用户控件的突出显示颜色。该突出显示颜色数据然后可基于光标移动来按需访问。框1206标识用户控件的图标。该具体实现进一步处理图标，如下所述。然而，类似的方法可适用于不包括图标的用户控件。例如，用户控件可包含能够以类似方式处理的文本。框1208获取图标的像素。框1210按颜色对像素进行分类。该过程可类似于为图标的每一种颜色标记一桶并且将各个像素放置在对应的桶中。框1212将具有最多像素的颜色选为突出显示颜色，该突出显示颜色在这种情况下也是主色。在该桶类比中，具有最多像素的桶被选为主色。一些实现在选择主色时不考虑一些颜色，诸如黑色、白色和灰色。在某些情况下，对于主色的补色也可被标识为在绘涂时使用。
在框1212后，该方法返回到框1204，框1204用突出显示颜色来绘涂用户控件的至少一部分。在框1206-1212的方法中，突出显示颜色是主色。该绘涂的各种示例在上文中的图1-10中示出。图13示出了根据本发明的概念的至少某些实现的算法或方法1300的另一流程图。描述方法1300的次序并不旨在解释为限制，并且任何数量的所述框都可以按任何次序组合以实现本方法或实现替换方法。此外，该方法还可以用任何合适的硬件、软件、固件或其组合来实现，以使得计算设备可实现该方法。在一种情况下，该方法作为指令集被存储在计算机可读存储介质上，以使得计算设备的执行使得该计算设备执行该方法。框1302标识⑶I上的一组相关用户控件。各用户控件可包括图标。例如，该组用户控件可涉及电子邮件应用程序。在该示例中，GUI可包括用于电子邮件应用程序的第一用户控件、涉及打开的接收到的电子邮件的第二用户控件以及可涉及用户正在起草的电子邮件的第三用户控件。出于讨论的目的来假设上述三个用户控件中的每一个都包含图标。 在该示例中，该方法可分析来自一个或多个图标的颜色信息。这一分析的示例在上文中参考图12的框1206-1212来描述。框1304用从与图标相关的信息中动态选择的颜色(即，突出显示颜色)来绘涂该组中的用户控件的至少各部分。继续上述电子邮件示例，该方法可以用来自图标的动态选择的颜色来绘涂这三个用户控件中的每一个，以使得该突出显示颜色用于为用户对用户控件进行分组。该绘涂可帮助用户识别经分组的用户控件中的每一个都涉及与功能性(即， 电子邮件功能性)相关联的功能。总而言之，以上技术可动态生成关于用户控件的视觉提示以增强用户体验。结论尽管已用对结构特征和/或方法动作专用的语言描述了涉及动态绘涂用户控件的技术、方法、设备、系统等，但可以理解，所附权利要求书中定义的主题不必限于所述具体特征或动作。相反，上述具体特征和动作是作为实现所要求保护的方法、设备、系统等的示例性形式而公开的。
权利要求
1.一种系统，包括跟踪模块，其被配置成跟踪图形用户界面上的光标的位置和移动方向； 色彩模块，其被配置成获取与所述图形用户界面上的用户控件相关的颜色信息，并且从所述颜色信息中确定各个用户控件的突出显示颜色；以及绘涂模块，其被配置成用所述突出显示颜色来绘涂各个用户控件的一部分。
2.如权利要求1所述的系统，其特征在于，所述色彩模块被配置成标识单独的用户控件的图标并从所述图标获取所述颜色信息。
3.如权利要求1所述的系统，其特征在于，所述色彩模块被配置成获取像素级的颜色信息并按照颜色对像素进行分类。
4.如权利要求3所述的系统，其特征在于，所述色彩模块被配置成从经分类的像素中确定所述突出显示颜色。
5.如权利要求1所述的系统，其特征在于，所述绘涂模块被配置成用将所述光标的位置作为焦点的一对同心辉光来绘涂所述部分。
6.一种方法，包括动态确定图形用户界面(GUI)上的光标下的用户控件的突出显示颜色；以及还用所述突出显示颜色来绘涂所述用户控件的至少一部分。
7.如权利要求6所述的方法，其特征在于，还包括 标识所述用户控件的图标；获取所述图标的像素；以及按颜色对所述像素进行分类。
8.如权利要求7所述的方法，其特征在于，所述动态确定包括将所述突出显示颜色确定为与最多像素数量相关联的颜色。
9.如权利要求8所述的方法，其特征在于，所述动态确定在确定所述突出显示颜色时排除白色、黑色、灰色和透明。
10.如权利要求6所述的方法，其特征在于，还包括 尝试标识所述用户控件的图标；在未标识到图标的情况下，还尝试标识所述用户控件的文本；以及获取所述文本的像素；以及按颜色对所述像素进行分类。
11.如权利要求6所述的方法，其特征在于，还包括跟踪所述用户控件上的光标位置和移动方向并且获取与所述用户控件相关的颜色信息，并且其中所述动态确定利用所述颜色 fn息ο
12.如权利要求6所述的方法，其特征在于，所述绘涂传达相对于所述用户控件的光标位置和方向。
13.如权利要求6所述的方法，其特征在于，所述绘涂包括在所述光标周围生成辉光。
14.如权利要求6所述的方法，其特征在于，所述绘涂包括在所述光标周围生成内和外同心辉光。
15.如权利要求14所述的方法，其特征在于，所述内辉光相对集中而所述外辉光相对分散。
16.如权利要求6所述的方法，其特征在于，所述绘涂包括在所述光标周围生成椭圆。
17.如权利要求6所述的方法，其特征在于，所述绘涂包括在所述光标周围生成彗星形状，所述彗星的尾部指向所述光标的前一位置。
18.一种其上存储有指令的计算机可读存储介质，所述指令在被计算设备执行时使所述计算设备执行以下动作标识图形用户界面上的一组相关用户控件，其中单独的用户控件包括图标；以及用从与所述图标相关的信息中动态选择的颜色来绘涂所述组中的用户控件的至少各部分。
19.如权利要求18所述的计算机可读存储介质，其特征在于，所述标识包括标识涉及特定应用程序的组。
20.如权利要求18所述的计算机可读存储介质，其特征在于，所述标识包括标识涉及网站的组。
全文摘要
所述实现涉及对用户控件进行动态绘涂。一种方法动态确定图形用户界面上的光标下的用户控件的突出显示颜色。该方法还用该突出显示颜色来对用户控件的至少一部分绘涂。
文档编号G06F3/14GK102197361SQ200980143701
公开日2011年9月21日 申请日期2009年10月27日 优先权日2008年10月27日
发明者B·安德森, C·萨瑞恩, J·辛普森, R·雅瑞特, S·霍夫纳格尔斯 申请人:微软公司