图形用户界面元素调整制造技术

技术编号:19396661 阅读:23 留言:0更新日期:2018-11-10 05:01
一种图形用户界面元素调整的计算机实现方法可以包括呈现包括可调整元素的图形用户界面元素,该可调整元素被配置为被移动以调整对第一端值和第二端值之间的值的选择。响应于可调整元素的移动以调整对值的选择,该计算机实现的方法还包括获得可调整元素移动的时间并基于该时间选择要调整的第一端值。该计算机实现的方法还可以包括基于第一端值和该时间来确定更新后的端值,并且在图形用户界面元素中呈现更新后的端值代替第一端值。

【技术实现步骤摘要】
【国外来华专利技术】图形用户界面元素调整相关申请的交叉引用本申请要求2016年3月18日提交的名称为“GRAPHICALUSERINTERFACEELEMENTADJUSTMENT(图形用户界面元素调整)”的第15/074,704号美国实用专利申请的优先权和权益,其全部内容合并于此。
本文讨论的实施例涉及图形用户界面元素调整。
技术介绍
图形用户界面(GUI)是利用计算机系统的图形功能的计算机软件应用的接口。GUI可以包括向用户显示信息和/或从用户接收输入的各种元素。GUI元素有时可以被称为小部件(widget),并且可以包括自定义用户界面组件或标准组件,例如滚动条、按钮、复选框、单选按钮和文本窗格。许多计算机软件应用、网站和其他程序提供GUI以允许用户交互。本文要求保护的主题不限于解决任何缺点或仅在诸如上述那些环境中操作的实施例。而是,提供该背景仅用于说明可以实践本文描述的一些实施例的一个示例
附图说明将通过使用附图以附加的特征和细节来描述和解释示例实施例,附图中:图1示出了被配置为调整图形用户界面元素的示例系统;图2a-2e示出了图形用户界面元素的各种示例配置;图3a和3b是图形用户界面元素调整的示例计算机实现方法的流程图;以及图4是调整图形用户界面元素的示例操作的流程图;以及图5示出了被配置为调整图形用户界面元素的另一示例系统。具体实施方式本公开中的一些实施例涉及图形用户界面(GUI)元素的调整。GUI元素可以包括所有用户与图形用户界面交互的元素。用户与GUI元素的交互可以包括输入信息、调整GUI上的信息显示或其他交互。本公开中的一些实施例描述了基于用户与GUI的交互而动态改变的GUI。例如,一些实施例描述了包括可调整元素和端点值的GUI元素。在这些和其他实施例中,端点值可以基于可调整元素的用户移动而动态地改变。例如,在一些实施例中,GUI元素可以是具有可调整指示符的滑动条,可调整指示符可以由用户移动以选择值。滑动条可以包括可以基于可调整指示器的移动而动态改变的端点值。在一些实施例中,端点值可以基于由可调整指示器选择的相比于端点值的初始值以及用户移动可调整指示器的速度而改变。通过动态调整端点值,可以减少可使用GUI元素来选择的值的范围。通过减小可选择值的范围,可以使用户更容易选择该范围内的特定值。转到附图,图1示出了被配置为调整图形用户界面元素的示例系统100。系统100可以根据本公开中描述的至少一个实施例来布置。系统100可以包括网络110、主机系统120和包括显示器132和用户接口设备134的设备130。网络110可以被配置为通信地耦合主机系统120和设备130。在一些实施例中,网络110可以是被配置为在设备之间发送和接收通信的任何网络或网络配置。在一些实施例中,网络110可以包括传统类型网络、有线或无线网络,并且可以具有许多不同的配置。此外,网络110可以包括局域网(LAN)、广域网(WAN)(例如,因特网),或者多个设备和/或实体可以在上面进行通信的其他互连数据路径。在一些实施例中,网络110可以包括对等网络。网络110还可以耦合到或可以包括电信网络的部分,用于以各种不同的通信协议发送数据。在一些实施例中,网络110可以包括用于发送和接收通信和/或数据的通信网络或蜂窝通信网络,包括经由短消息服务(SMS)、多媒体消息服务(MMS)、超文本传输协议(HTTP)、直接数据连接、无线应用协议(WAP)、电子邮件等。网络110还可以包括移动数据网络,其可以包括第三代(3G)、第四代(4G)、长期演进(LTE)、长期演进高级(LTE-A)、LTE语音(“VoLTE”)或任何其他移动数据网络或移动数据网络的组合。此外,网络110可以包括一个或多个IEEE802.11无线网络。在一些实施例中,主机系统120可以包括任何硬件配置,例如联网在一起并配置为执行任务的处理器、服务器和数据库。例如,主机系统120可以包括多个计算系统,例如,多个服务器,其中每个服务器都包括存储器和处理器,它们联网在一起并配置成执行本公开中描述的操作。在一些实施例中,主机系统120可以包括计算机可读指令,其被配置为由主机系统120和/或系统100中的一个或多个设备(诸如设备130)执行,以执行在此公开中描述的操作。设备130可以是任何电子或数字设备。例如,设备130可以包括台式计算机、膝上型计算机、智能电话、移动电话、平板计算机或任何其他处理设备。在一些实施例中,设备130可以被配置为通过网络(例如网络110)向用户提供对一个或多个系统的访问,该一个或多个系统可以包括一个或多个服务器和数据库。在一些实施例中,主机系统120可以包括网络服务器,其承载通过统一资源定位符(URL)访问的网站的网页。在这些和其他实施例中,主机系统120可以包括代码,例如可以基于所接收的请求被提供给设备的超文本标记语言(HTML)和JavaScript代码。设备130可以发送具有网页URL的请求。主机系统120可以通过发送用于在设备130上呈现网页的代码来响应该请求。设备130可以接收该代码。基于该代码,设备130可以通过诸如网络浏览器之类的应用通过显示器132向用户呈现网页。在一些实施例中,主机系统120提供的代码可以包括可以由设备130执行的客户端代码。例如,客户端代码可以是JavaScript和/或HTML。设备130可以执行客户端代码以在浏览器中呈现网页并允许用户与浏览器中的网页进行交互。在一些实施例中,在显示器132上呈现的网页可以包括GUI元素140。GUI元素140可以被配置为用户交互式。例如,GUI元素140可以被配置为允许用户与GUI元素140交互以选择值。在一些实施例中,用户可以使用用户接口设备134与GUI元素140交互。在这些和其他实施例中,用户接口设备134可以是触摸屏、鼠标、键区、滚动板或其他一些允许用户与电子设备交互的用户界面设备。在一些实施例中,GUI元素140可包括可调整元素146。可调整元素146可以是用户可选择元素,其可以基于其沿GUI元素140的位置来选择值。在这些和其他实施例中,用户可以使用用户界面设备134选择可调整元素146。然后,用户可以移动可调整元素146(例如,拖动或改变其位置)以调整由可调整元素选择的值。在一些实施例中,GUI元素140可包括第一端值142和第二端值144。第一端值142和第二端值144可以表示可由可调整元素146选择的值的范围的端值。例如,第一端值142可以是零,第二端值144可以是一百。结果,可由可调整元素146选择的值的范围可以从零到一百。如图1所示,GUI元素140可以是水平滚动条。可替代地或另外地,GUI元素140可以是竖直滚动条。可替代地或另外地,GUI元素140可以是水平或竖直元素,其通过可调整元素的移动实现用户通过可调整元素对值的选择。在一些实施例中,GUI元素140可以被配置为动态地改变第一端值142、第二端值144,或者第一端值142和第二端值144两者。在一些实施例中,GUI元素140可以被配置为基于可调整元素146的用户移动动态地改变第一端值142和第二端值144中的一个或多个。在这些和其他实施例中,基于用户移动、可调整元素146的起始位置和/或最终位置,可本文档来自技高网...

【技术保护点】
1.一种或多种非暂时性计算机可读介质,被配置为存储指令,所述指令在由一个或多个处理系统执行时执行操作,所述操作包括:呈现包括可调整元素的图形用户界面元素,所述可调整元素被配置为被移动以调整对第一端值和第二端值之间的值的选择,所述第一端值和所述第二端值呈现在所述图形用户界面元素中;响应于所述可调整元素的移动以调整对所述值的选择,所述操作还包括:获得所述可调整元素在所述图形用户界面元素中移动的距离;获得所述可调整元素移动的时间;获得所述可调整元素移动之后的所述可调整元素的位置;基于所述距离、所述时间和所述可调整元素的位置选择要调整的第一端值,使得所述第一端值是选择的端值;基于所选择的端值、所述距离和所述时间确定更新后的端值;以及在所述图形用户界面元素中呈现所述更新后的端值以代替所选择的端值。

【技术特征摘要】
【国外来华专利技术】2016.03.18 US 15/074,7041.一种或多种非暂时性计算机可读介质,被配置为存储指令,所述指令在由一个或多个处理系统执行时执行操作,所述操作包括:呈现包括可调整元素的图形用户界面元素,所述可调整元素被配置为被移动以调整对第一端值和第二端值之间的值的选择,所述第一端值和所述第二端值呈现在所述图形用户界面元素中;响应于所述可调整元素的移动以调整对所述值的选择,所述操作还包括:获得所述可调整元素在所述图形用户界面元素中移动的距离;获得所述可调整元素移动的时间;获得所述可调整元素移动之后的所述可调整元素的位置;基于所述距离、所述时间和所述可调整元素的位置选择要调整的第一端值,使得所述第一端值是选择的端值;基于所选择的端值、所述距离和所述时间确定更新后的端值;以及在所述图形用户界面元素中呈现所述更新后的端值以代替所选择的端值。2.根据权利要求1所述的一种或多种非暂时性计算机可读介质,其中响应于所述可调整元素的位置对应于在所述第一端值和所述第二端值之间大约中间三分之一的位置值,所述操作还包括选择要调整的第二端值。3.根据权利要求2所述的一种或多种非临时性计算机可读介质,其中所述更新后的端值是第一更新后的端值,并且所述操作还包括:基于所述第二端值、所述距离和所述时间确定第二更新后的端值;以及在所述图形用户界面元素中呈现所述第二更新后的端值以代替所述第二端值。4.根据权利要求1所述的一种或多种非暂时性计算机可读介质,其中所述操作还包括:基于所述距离和所述时间,确定所述可调整元素移动时的所述可调整元素的速度,其中当所述速度小于阈值时,所述第一端值是比所述第二端值低的值,并且当所述速度大于所述阈值时,所述第一端值是比所述第二端值高的值。5.根据权利要求1所述的一种或多种非临时性计算机可读介质,其中所述操作还包括在所述图形用户界面元素中呈现所述更新后的端值代替所选择的端值之后,获得所述可调整元素的第二移动以进一步调整对所述值的选择,其中对所述值的选择被约束在所述更新后的端值和所述第二端值之间。6.根据权利要求1所述的一种或多种非临时性计算机可读介质,其中所述图形用户界面元素包括滑动条,并且所述可调整元素是所述滑动条上沿着具有范围在所述第一端值和所述第二端值之间的值的线滑动的滑动元素。7.根据权利要求6所述的一种或多种非暂时性计算机可读介质,其中所述可调整元素的移动以调整对所述值的选择沿着所述线进行,其中所述图形用户界面元素还包括与所述滑动条相邻的多个值显示元素,其中响应于所述可调整元素离开所述线移动到所述多个值显示元素中的一个值显示元素,所述操作还包括将对所述值的选择调整为所述多个值显示元素中的所述一个值显示元素的值。8.根据权利要求7所述的一种或多种非暂时性计算机可读介质,其中所述多个值显示元素中的所述一个值显示元素的值和所述多个值显示元素中的其他值显示元素的值在所述第一端值和所述第二端值之间。9.一种或多种非暂时性计算机可读介质,被配置为存储指令,所述指令在由一个或多个处理系统执行时执行操作,所述操作包括:呈现包括可调整元素的图形用户界面元素,所述可调整元素被配置为被移动以调整对第一端值和第二端值之间的值的选择,所述第一端值和所述第二端值呈现在所述图形用户界面元素中;响应于所述可调整元素的移动以调整对所述值的选择,所述操作还包括:获得所述可调整元素移动的时间;基于所述时间选择要调整的第一端值;基...

【专利技术属性】
技术研发人员:吴骏龙
申请(专利权)人:电子湾有限公司
类型:发明
国别省市:美国,US

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1