用于调节控件的外观的设备、方法和图形用户界面技术

本公开涉及用于调节控件的外观的设备、方法和图形用户界面。本发明专利技术公开了一种在显示器上显示用户界面的具有显示器的电子设备。设备确定与显示器的相应区域对应的第一内容的一个或多个内容显示属性的第一组内容显示值。设备基于第一组内容显示值来确定一个或多个控件外观参数的第一组控件外观值。设备在显示器的相应区域中显示控件，其中控件的外观基于第一内容和第一组控件外观值来确定。

Devices, methods, and graphical user interfaces for adjusting the appearance of controls

【技术实现步骤摘要】
用于调节控件的外观的设备、方法和图形用户界面相关专利申请本申请是国际申请号为PCT/US2014/018728、国际申请日为2014年2月26日、优先权日2013年3月15日、进入中国国家阶段日期为2015年10月27日、中国国家申请号为201480023948.7的专利技术专利申请的分案申请。
本公开整体涉及具有显示器的电子设备，包括但不限于在其显示器上显示软键盘和其他虚拟控件的电子设备。
技术介绍
电子计算设备常常在其显示器上显示虚拟控件。例如，在使用便携式电子设备(例如智能电话、平板电脑、或笔记本电脑)上的应用程序时，键盘、菜单、对话框、提示、和其他控件可能出现和消失。虚拟控件的初始显示可能使用户分心，使得用户短暂地失去其在应用程序中的位置。此外，显示在应用程序用户界面中的其他元件顶部的虚拟控件遮掩或遮蔽那些元件，这也使得用户更难保持应用程序中的上下文。这对于具有小显示器的便携式设备尤其如此，其中虚拟控件(例如键盘)可能占据显示器的很大部分。
技术实现思路
因此，需要具有有助于保持应用程序中的上下文的更少使人分心的虚拟控件的电子设备。这就需要用于调节虚拟控件的外观的新的方法和界面。此类设备、方法和界面减小了对用户所造成的认知负担并产生了更有效的人机界面。通过所公开的设备减少或消除了与用于具有显示器的电子设备的用户界面相关联的上述缺陷和其他问题。在一些实施例中，该设备是台式计算机。在一些实施例中，设备是便携式的(例如，笔记本电脑、平板电脑或手持设备)。在一些实施例中，设备具有触摸板。在一些实施例中，该设备具有触敏显示器(又称为“触摸屏”或“触摸屏显示器”)。在一些实施例中，设备具有图形用户界面(GUI)、一个或多个处理器、存储器、以及存储在存储器中以用于执行多个功能的一个或多个模块、程序或指令集。在一些实施例中，用户主要通过触敏表面上的手指接触和手势来与GUI进行交互。在一些实施例中，这些功能任选地包括图像编辑、绘图、呈现、文字处理、网站创建、盘编辑、电子表格制作、玩游戏、接打电话、视频会议、收发电子邮件、即时消息发送、健身支持、数字摄影、数字视频记录、网络浏览、数字音乐播放、和/或数字视频播放。用于执行这些功能的可执行指令任选地被包括在被配置用于由一个或多个处理器执行的非暂态计算机可读存储介质或其他计算机程序产品中。根据一些实施例，在具有显示器的电子设备处执行一种方法。该方法包括：在显示器上显示用户界面；确定与显示器的相应区域对应的第一内容的一个或多个内容显示属性的第一组内容显示值；基于第一组内容显示值来确定一个或多个控件外观参数的第一组控件外观值；以及在显示器的相应区域中显示控件，其中控件的外观基于第一内容和第一组控件外观值来确定。根据一些实施例，电子设备包括被配置为显示用户界面的显示单元和耦接到显示单元的处理单元。该处理单元被配置为：确定与显示器的相应区域的对应第一内容的一个或多个内容显示属性的第一组内容显示值；基于第一组内容显示值来确定一个或多个控件外观参数的第一组控件外观值；以及启用对显示器的相应区域中的控件的显示，其中控件的外观基于第一内容和第一组控件外观值来确定。根据一些实施例，电子设备包括显示器、任选的触敏表面、任选的用于检测与触敏表面的接触的强度的一个或多个传感器、一个或多个处理器、存储器、和一个或多个程序；所述一个或多个程序被存储在存储器中并被配置为由一个或多个处理器执行，并且所述一个或多个程序包括用于执行上述方法的操作的指令。根据一些实施例，如上述方法中所描述的，电子设备上的图形用户界面包括在上述方法中显示的一个或多个元件，所述一个或多个元件响应于输入进行更新，该电子设备具有显示器、任选的触敏表面、任选的用于检测与触敏表面的接触的强度的一个或多个传感器、存储器、和用于执行存储在存储器中的一个或多个程序的一个或多个处理器。根据一些实施例，计算机可读存储介质在其中存储有指令，所述指令当由具有显示器、任选的触敏表面、和任选的用于检测与触敏表面的接触的强度的一个或多个传感器的电子设备执行时使得该设备执行上述方法的操作。根据一些实施例，电子设备包括：显示器、任选的触敏表面、和任选的用于检测与触敏表面的接触的强度的一个或多个传感器；以及用于执行上述方法的操作的装置。根据一些实施例，在具有显示器、任选的触敏表面、和任选的用于检测与触敏表面的接触的强度的一个或多个传感器的电子设备中使用的信息处理装置包括用于执行上述方法的操作的装置。因此，为具有显示器的电子设备提供更少地使人分心同时仍然是用户容易看到和易于交互的虚拟控件，从而提高有效性、效率、以及用户对此类设备的满意度。附图说明为了更好地理解各种所述实施例，应该结合以下附图并且参考下方的具体实施方式，在所有附图中，类似的附图标号指示对应的部件。图1A是示出了根据一些实施例的具有触敏显示器的便携式多功能设备的框图。图1B是示出了根据一些实施例的用于事件处理的示例性部件的框图。图2示出了根据一些实施例的具有触摸屏的便携式多功能设备。图3是根据一些实施例的具有显示器和触敏表面的示例性多功能设备的框图。图4A示出了根据一些实施例的便携式多功能设备上的应用程序的菜单的示例性用户界面。图4B示出了根据一些实施例的用于具有与显示器分开的触敏表面的多功能设备的示例性用户界面。图5A-5K根据一些实施例示出了用于调节控件的外观的示例性假想用户界面。图6根据一些实施例示例性地示出了针对显示控件的区域中的内容所确定的假想的示例性的一组内容显示属性值。图7是根据一些实施例的已被分配给可被用于经由插补法确定内容外观值的对应的预定组的控件外观值的假想的预定组的内容显示值的示意图。图8根据一些实施例示例性地示出了控件的假想的示例性的一组控件外观参数值。图9A-9G是示出根据一些实施例的一种调节控件的外观的方法的流程图。图10为根据一些实施例的电子设备的功能框图。具体实施方式在使用设备上的应用程序时，电子设备常常显示出现和消失的虚拟控件。如上所述，虚拟控件的初始显示可能使用户分心，从而使得用户短暂地失去其在应用程序中的位置。此外，显示在应用程序用户界面中的其他元件顶部的虚拟控件遮掩或遮蔽那些元件，这也使得用户更难保持应用程序中的上下文。这对于具有小显示器的便携式设备尤其如此，其中虚拟控件(例如键盘)可能占据显示器的很大部分。这里，公开了具有半透明虚拟控件的电子设备，半透明虚拟控件的外观自动地调节，使得控件更少使人分心，同时用户仍然容易看到并易于交互。给定的半透明控件被显示在显示器的特定区域中的内容上方。设备确定所述特定区域中的各个内容显示属性的值(例如控件下方的内容的色调、饱和度、亮度、和/或对比度的值)。继而，设备基于所确定的内容显示属性值来确定各个控件外观参数的一组值(例如模糊半径、饱和度调节、白色叠层的不透明度、黑色叠层的不透明度、控件中用户界面元件的不透明度、和/或控件中的文本颜色的值)。半透明控件的外观然后基于控件下方的内容和所确定的控件外观参数值。内容显示属性值、控件外观参数值、并且因此还有控件的外观随着控件下方的内容改变而自动地动态更新。这些调节产生外观比不透明控件或简单地以固定方式模糊下方内容的半透明控件更少地使人分心的半透明控件。同时，这些调节产生容本文档来自技高网...

【技术保护点】
1.一种计算机可读存储介质，其存储一个或多个程序，所述一个或多个程序包括指令，所述指令当由具有显示器的电子设备执行时使得所述电子设备：在所述显示器上显示用户界面；当在所述显示器上显示所述用户界面时，接收对于显示在所述用户界面的至少第一部分上覆盖的控件区域的请求；响应于所述请求，显示在所述用户界面上覆盖的控件区域，其中显示所述控件区域包括：显示所述控件区域的背景，其中所述控件区域的所述背景具有基于所述用户界面的所述第一部分的模糊版本的外观，所述模糊版本具有所述用户界面的所述第一部分的所述模糊版本的视觉属性，所述视觉属性被改变以强调所述控件区域被覆盖在其上的所述用户界面的所述第一部分中的颜色；以及显示所述控件区域的所述背景上的一个或多个控件元件；在显示所述控件区域时，检测与所述一个或多个控件元件中的相应控件元件的激活对应的输入；以及响应于检测到与所述相应控件元件的激活对应的所述输入，执行与所述相应控件元件对应的操作。

【技术特征摘要】
2013.03.15 US 61/801,988;2013.06.09 US 61/832,952;1.一种计算机可读存储介质，其存储一个或多个程序，所述一个或多个程序包括指令，所述指令当由具有显示器的电子设备执行时使得所述电子设备：在所述显示器上显示用户界面；当在所述显示器上显示所述用户界面时，接收对于显示在所述用户界面的至少第一部分上覆盖的控件区域的请求；响应于所述请求，显示在所述用户界面上覆盖的控件区域，其中显示所述控件区域包括：显示所述控件区域的背景，其中所述控件区域的所述背景具有基于所述用户界面的所述第一部分的模糊版本的外观，所述模糊版本具有所述用户界面的所述第一部分的所述模糊版本的视觉属性，所述视觉属性被改变以强调所述控件区域被覆盖在其上的所述用户界面的所述第一部分中的颜色；以及显示所述控件区域的所述背景上的一个或多个控件元件；在显示所述控件区域时，检测与所述一个或多个控件元件中的相应控件元件的激活对应的输入；以及响应于检测到与所述相应控件元件的激活对应的所述输入，执行与所述相应控件元件对应的操作。2.根据权利要求1所述的存储介质，其中所述控件区域没有被覆盖在所述用户界面的第二部分上，并且所述用户界面的所述第二部分没有被模糊。3.根据权利要求1所述的存储介质，其中所述用户界面的所述第一部分的所述模糊版本的所述视觉属性中的所述改变包括增大所述用户界面的所述第一部分的所述模糊版本的饱和度。4.根据权利要求1所述的存储介质，其中所述用户界面的所述第一部分的所述模糊版本的所述视觉属性中的所述改变包括引入基于所述背景内容的所述颜色的彩色层。5.根据权利要求1所述的存储介质，包括当由具有所述显示器的所述电子设备执行时使得所述电子设备执行以下的指令：随着所述用户界面的所述第一部分相对于所述控件区域移动，改变所述控件区域的所述背景的所述外观。6.根据权利要求5所述的存储介质，其中指示所述控件区域的外观的值以比在所述控件区域的所述背景中移动的内容被更新的速率更慢的速率被更新。7.根据权利要求1所述的存储介质，其中所述控件区域的所述背景不显示处于所述控件区域与所述背景之间的一个或多个其他层中的元件。8.根据权利要求1所述的存储介质，其中所述控件区域的所述背景的内容在所述显示器中被向后移动。9.根据权利要求8所述的存储介质，其中所述控件区域的所述背景的内容通过在所述内容的边缘处添加像素而被朝着所述显示器的边缘延伸，其中添加的所述像素基于所述内容。10.一种电子设备，包括：显示器；一个或多个处理器；存储器；以及一个或多个程序，其中所述一个或多个程序被存储在所述存储器中并且被配置为由所述一个或多个处理器执行，所述一个或多个程序包括用于以下的指令：在所述显示器上显示用户界面；当在所述显示器上显示所述用户界面时，接收对于显示在所述用户界面的至少第一部分上覆盖的控件区域的请求；响应于所述请求，显示在所述用户界面上覆盖的控件区域，其中显示所述控件区域包括：显示所述控件区域的背景，其中所述控件区域的所述背景具有基于所述用户界面的所述第一部分的模糊版本的外观，所述模糊版本具有所述用户界面的所述第一部分的所述模糊版本的视觉属性，所述视觉属性被改变以强调所述控件区域被覆盖在其上的所述用户界面的所述第一部分中的颜色；以及显示所述控件区域的所述背景上的一个或多个控件元件；在显示所述控件区域时，检测与所述一个或多个控件元件中的相应控件元件的激活对应的输入；以及响应于检测到与所述相应控件元件的激活对应的所述输入，执行与所述相应控件元件对应的操作。11.根据权利要求10所述的电子设备，其中所述控...

【专利技术属性】
技术研发人员：K·柯西恩达，T·S·乔恩，C·G·卡鲁纳穆尼，
申请(专利权)人：苹果公司，
类型：发明
国别省市：美国,US