CN114168054A

CN114168054A - 图形用户界面元素调整

Info

Publication number: CN114168054A
Application number: CN202111299517.1A
Authority: CN
Inventors: 吴骏龙
Original assignee: eBay Inc
Current assignee: eBay Inc
Priority date: 2016-03-18
Filing date: 2017-03-15
Publication date: 2022-03-11
Also published as: EP3430503A4; KR102352648B1; KR20180112859A; CN114168053A; US20190138195A1; KR102225544B1; US10901594B2; US20210034229A1; KR20210028734A; US20170269825A1; EP3430503A1; WO2017161047A1; CN108780380B; US11429269B2; US10203860B2; CN108780380A

Abstract

一种计算机实现的图形用户界面元素调整方法，所述方法包括：呈现图形用户界面元素，其包括在图形用户界面元素中的第一端值和第二端值之间延伸的滑动线；在滑块线上呈现可调整元素，所述可调整元素被配置为沿着滑块线移动以调整第一端值和第二端值之间的值的选择；响应于可调整元素沿滑块线的移动来调整值的选择：确定可调整元素的移动速度；如果速度低于阈值，则选择第一端值进行调整，如果速度高于阈值，则选择第二端值进行调整；确定选定的端值的更新后的端值；以及在图形用户界面元素中呈现更新后的端值来代替所述选定的端值。

Description

图形用户界面元素调整

本申请是2017年3月15日提交的PCT国际申请PCT/US2017/022589的申请号为201780018053.8、发明名称为“图形用户界面元素调整”的中国国家阶段专利申请的分案申请。

相关申请的交叉引用

本申请要求2016年3月18日提交的名称为“GRAPHICAL USER INTERFACE ELEMENTADJUSTMENT(图形用户界面元素调整)”的第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的起始位置和/或最终位置，可以确定用户可能期望选择的在可选择值的范围的子范围内的值的推断。在这些和其他实施例中，可以改变第一端值142、第二端值144，或者第一端值142和第二端值144两者以反映该子范围。

例如，可调整元素146可以位于零，并且GUI元素140可以具有零到五十之间的范围，使得第一端值142为零而第二端值144为五十。用户可以将可调整元素146快速移动到四十三。因此可以推断出，用户可能期望基于可调整元素146的移动速度和选择的值来选择接近五十或至少在三十和五十之间的值。三十到五十之间的值可能是用户可能期望选择的可选择值的子范围。结果，第一端值142可以改变为三十，第二端值144可以保持在五十。然后，用户可以进一步调整可调整元素146以选择由GUI元素140提供的值的子范围内的值。

作为另一示例，可调整元素146可以位于五十，并且GUI元素140可以具有零到五十之间的范围，使得第一端值142为零而第二端值144为五十。用户可以将可调整元素146缓慢移动到四十三。因此可以推断出，用户可能期望基于可调整元素146的移动速度和选择的值来选择四十和五十之间的值。四十到五十之间的值可能是用户可能期望选择的可选择值的子范围。结果，第一端值142可以改变为四十，并且可以保持第二端值144。

在一些实施例中，所选择值的子范围可以基于移动的速度而变化。例如，如果用户缓慢移动到特定值，则该值周围的子范围可以小于用户快速移动到特定值时的子范围。基于用户缓慢移动可能是尝试更准确地选择特定值旁边的值的推断，移动更慢时的子范围可以更小。

例如，可调整元素146可以为零，并且GUI元素140可以具有零到五十之间的范围，使得第一端值142为零而第二端值144为五十。用户可以将可调整元素146快速移动到二十五。因此，基于可调整元素146的移动速度和选择的值，可以推断出用户可能期望选择十五和三十五之间的值。十五和三十五之间的值可能是用户可能期望选择的可选择值的子范围。结果，第一端值142可以改变为十五，并且第二端值144可以改变为三十五。或者，用户可以将可调整元素146缓慢地移动到二十五。因此，基于可调整元素146的移动速度和选择的值，可以推断出用户可能期望选择二十五和三十五之间的值。二十五和三十五之间的值可能是用户可能期望选择的可选择值的子范围。结果，第一端值142可以改变为二十五，并且第二端值144可以改变为三十五。

在一些实施例中，当第一端值142或第二端值144中的任一个改变时，在可调整元素146选择另一个值之前可调整元素146可移动的量可以改变。例如，第一端值142和第二端值144可以定义50个单位的范围。可调整元素146移动长度x可以导致可调整元素146移动10个单元。在改变第一端值142和第二端值144中的一个或多个以将范围减小到25个单位之后，可调整元素146移动长度x可以导致可调整元素146移动5个单位。因此，可调整元素146在值之间递增的移动量可以随着第一端值142和第二端值144中的一个或多个的改变而改变。通过改变可调整元素146在值之间递增的移动量可以允许用户更容易地选择特定值。

在一些实施例中，可调整元素146的移动速度可以基于可调整元素146移动的距离和可调整元素146的移动时间来确定。可调整元素146的移动时间可以定义为用户选择可调整元素146和取消选择可调整元素146之间的时间。可替代地或另外地，时间可以定义为可调整元素146的移动之间的时间。例如，用户可以选择可调整元素146，并且可以在移动可调整元素146之前的一段时间内不移动可调整元素146，然后取消选择可调整元素146。在这些和其他实施例中，选择可调整元素146但不移动的持续时间可能不会用于确定可调整元素146的速度。

在一些实施例中，由可调整元素146移动的距离可以基于GUI元素140中的值。例如，如果可调整元素146沿着GUI元素140从第一可选择值移动到第二可选择值，则移动的距离可以基于第一可选择值和第二可选择值之间的差。可替代地或另外地，移动的距离可以基于可调整元素146沿显示器132移动的实际距离，可调整元素146沿显示器132经过的像素的数量，由用户界面设备134检测到的用户移动的实际距离。距离的测量单位可以变化，只要GUI元素140用于改变第一端值142和第二端值144的值的阈值和其他计算值与距离的测量单位一致即可。

在一些实施例中，当第一端值142和第二端值144的值可以动态改变时，可调整元素146的起始位置可以是一致的。例如，GUI元素140可以在与可调整元素146的第一用户交互之后，但是不在与可调整元素146的第二用户交互期间动态地改变第一端值142和第二端值144的值，直到GUI元素140被重置。可以使用GUI元素140上的按钮，通过刷新包括GUI元素140的网页或应用，或以某种其他方式来重置GUI元素140。在这些和其他实施例中，可调整元素146可以在第一端值142或第二端值144处开始。在这些和其他实施例中，可以不确定可调整元素146的最终位置或不使用可调整元素146的最终位置来确定子范围。而是，确定子范围的计算可以基于可调整元素146移动的距离，因为可以基于距离来确定最终位置。

在一些实施例中，用户可以以使得GUI元素140更新第一端值142和/或第二端值144的方式移动可调整元素146，使得用户的期望值不再处于第一端值142和第二端值144之间的范围内。在这些和其他实施例中，GUI元素140可以包括重置按钮。重置按钮可以允许用户对第一端值142和/或第二端值144进行过多的动态改变。

以下是该操作的一个示例。用户可以使设备130通过网络110向主机系统120请求网页。主机系统120可以向设备130提供代码。设备130中的网络浏览器可以执行代码以在显示器132上呈现网页。网页可以包括GUI元素140以允许用户选择值。例如，网页可以是在线市场的网站的一部分，并且要选择的值可以指在在线市场上销售和/或购买产品的价格。用户可以使用用户界面设备134来选择可调整元素146。用户可以使可调整元素146快速移动到第一端值142和第二端值144之间的一半处。结果，GUI元素140可以动态地改变第一端值142和第二端值144并更新显示器132中呈现的第一端值142和第二端值144。用户可以进一步再次移动可调整元素146以利用可调整元素146进行最终值选择。

可以对系统100进行修改、添加或省略，而不脱离本公开的范围。例如，在一些实施例中，系统100可以不包括主机系统120或网络110。在这些和其他实施例中，设备130可以包括应用，该应用包括在显示器132上呈现GUI元素140和针对GUI元素140执行本公开中提供的其他动作的代码。

图2a-2e示出了图形用户界面元素(GUI)200的各种示例配置。可以根据本公开中描述的至少一个实施例来布置GUI元素200。

图2a示出了GUI元素200。如图2a-2e所示，GUI元素200可以是允许用户沿滑动条选择值的滑动条元素。GUI元素200可包括滑动元素210、滑动线212、第一端值220和第二端值222。滑动线212可以在第一端值220和第二端值222之间延伸。如图2a所示，第一端值220可以具有零值，并且第二端值222可以具有一百的值。

滑动元素210可以被配置为可由用户沿滑动线212移动。滑动元素210沿滑动线212的位置可以确定可以由滑动元素210选择的值。因此，用户可以沿滑动线212改变滑动元素210的位置以调整由滑动元素210选择的值。

在一些实施例中，GUI元素200可以被配置为基于滑动元素210的移动动态地更新第一端值220或者第二端值222、或第一端值220和第二端值222。图2b-2d示出了沿滑动线212处于各种位置的滑动元素210以及导致的第一端值220或者第二端值222、或第一端值220和第二端值222的变化。

图2b示出了GUI元素200，其中滑动元素210沿滑动线212移动到滑动线212上的值三十。如图所示，基于滑动元素210的移动可以更新第一端值220并且可以不更新第二端值222。

为了确定要调整第一端值220和/或第二端值222中的哪一个，可以确定滑动元素210的移动速度。可以基于滑动元素210的移动时间和滑动元素210移动的距离来确定滑动元素210的速度。

可以将速度与阈值进行比较。当速度高于阈值时，可以调整具有较高值并且位于滑动元素210的起始位置的对侧的端值。因此，当速度高于阈值时，可以调整第二端值222。

当速度低于阈值时，可以调整具有较低值并且位于滑动元素210的起始位置处的端值。因此，当速度低于阈值时，可以调整滑动元素210。

可以基于第一端值220和第二端值222之间的值的范围来确定阈值。可替代地或另外地，可以基于GUI元素200的实际物理尺寸或者基于GUI元素200相对于第一端值220和第二端值222之间的值的的范围的实际物理尺寸来确定阈值。可替代地或另外地，阈值可以基于关于滑动元素210的用户移动而收集的数据。

在一些实施例中，当滑动元素210的端位置靠近滑动线212的中间时，可以调整第一端值220和第二端值222两者，并且基于速度确定调整第一端值220和第二端值222中的哪一个可能不适用。在这些和其他实施例中，当滑动元素210的端位置在GUI元素200的范围的正或负3、5、7、10、15、20、25、30或35％时，滑动元素210的端位置可以在滑动线212的中间附近。

如图2b所示，滑动元素210可以移动了30个单位并且在0.3秒的时间内移动。滑动元素210的速度可以是距离除以时间。因此，滑动元素210的速度可以是100。参照图2b和2c，阈值可以是50。因此，可以改变第一端值220。第一端值220可以改变的量可以基于以下示例公式：

((D–L)*(1–T)*RC)–L

其中D是从第一端值220移动的距离，L是第一端值220的值，T是滑动元素210的移动时间，并且RC是0和1之间的常数。RC的值可以基于GUI元素200、GUI元素200的范围、设计GUI元素200所针对的用户以及其他因素而变化。

使用该公式，D可以是30，L可以是0，T可以是0.3，并且RC可以是0.8。因此，第一端值220的更新后的值可以是16.8。在一些实施例中，更新的值可以舍入到下一个整数。因此，可以在GUI元素200中更新第一端值220并将其呈现为值17。

图2c示出了GUI元素200，其中滑动元素210沿滑动线212移动到滑动线212上的值三十。如图所示，可以不更新第一端值220，但可以基于滑动元素210的移动更新第二端值222。

如图2c所示，滑动元素210可以移动了30个单位并且在0.9秒的时间内移动。因此，滑动元素210的速度可以是33.3。因为速度33.3小于阈值50，所以可以改变第二端值222。第二端值222可以改变的量可以基于以下示例公式：

R–((R–D)*T*RC)

其中D是从第一端值220移动的距离，R是第二端值222的值，T是滑动元素210的移动时间，并且RC是0和1之间的常数。

使用该公式，D可以是30，R可以是100，T可以是0.9，并且RC可以是0.8。因此，第二端值222的更新后的值可以是49.6。可以对更新后的值49.6进行舍入，并且可以在GUI元素200中更新第二端值222并将其呈现为值50。

图2d示出了GUI元素200，其中滑动元素210沿滑动线212移动到滑动线212上的四十五的值。如图所示，基于滑动元素210的移动，可以更新第一端值220并且可以更新第二端值222。

如图2d所示，滑动元素210可以移动了45个单位并且在0.5秒的时间内移动。因此，滑动元素210的速度可以是90。可以定义GUI元素200的中间区域230。然而，因为滑动元素210在GUI元素200的中间区域230内移动，所以可以改变第一端值220和第二端值222两者。第一端值220可以改变的量可以基于以下示例公式：

((D–L)*(1–T)*RC)–L

使用该公式，D可以是45，L可以是0，T可以是0.5，并且RC可以是0.8。因此，滑动元素210的更新后的值可以是18。第二端值222可以改变的量可以基于以下示例公式：

R–((R–D)*T*RC)

使用该公式，D可以是45，R可以是100，T可以是0.5，并且RC可以是0.8。因此，第二端值222的更新后的值可以是78。

图2e示出了具有第一预选值元素240a、第二预选值元素240b和第三预选值元素240c(统称为预选值元素240)的GUI元素200。每个预选值元素240可以是可以由用户选择的设定值，代替沿滑动线212移动滑动元素210来选择值。在这些和其他实施例中，滑动元素210可以移动到预选值元素240中的一个。滑动元素210所移动到的预选值元素240的值可以是由GUI元素200选择的值。预选值元素240可以允许用户使用GUI元素200然后通过沿滑动线212移动滑动元素210来选择一个或多个特定值的替代方法。

可以对GUI元素200进行修改、添加或省略，而不脱离本公开的范围。例如，在一些实施例中，第一端值220和第二端值222的值可以不同。例如，第一端值220可以具有比第二端值222更高的值。可替代地或另外地，用于确定第一端值220和/或第二端值222的改变的公式可以是不同的。可替代地或另外地，GUI元素200可以包括除图2e中所示的预选值元素240之外的附加的预选值元素。

图3a和3b是图形用户界面元素调整的示例计算机实现方法300的流程图。可以根据本公开中描述的至少一个实施例来布置方法300。在一些实施例中，方法300可以由分别诸如图1和5的系统100和/或500的系统实现。在一些实施例中，方法300可以由系统基于存储在一个或多个计算机可读介质中的指令执行的操作产生。尽管示出为离散的块，但是根据期望的实施方式，可以将各种块划分为附加块、组合成更少的块或者去除。

方法300可以在块302处开始，其中GUI元素包括可调整元素，该可调整元素被配置为被移动以调整对在GUI元素中呈现的第一端值和第二端值之间的值的选择。在一些实施例中，GUI元素可以是滑动条，并且可调整元素可以是滑动元素。在一些实施例中，GUI元素可以是在设备上的浏览器中呈现的网页的一部分。在这些和其他实施例中，方法300可以由基于从网络服务器接收的关于网页的指令显示网页的设备来执行。

在块304中，可以检测到滑动元素的移动。在一些实施例中，滑动元素的移动可以由用户通过显示GUI元素的设备的用户界面与GUI元素的交互来引起。

在块306中，可以确定滑动元素的移动是否沿着GUI元素的滑动条。当沿滑动条移动时，方法300可以进行到块312。当不是沿滑动条移动时，该方法可以进行到块308。

在块308中，可以确定移动是否停止在作为GUI元素的一部分的预选值元素上。当移动没有停止在预选值元素上时，方法300可以进行到块304。当移动停止在预选值元素上时，该方法可以进行到块310。

在块310中，可以选择预选值元素的值作为GUI元素的选择值。

在块312中，在滑动元素沿滑动条的移动停止之后，可以获得滑动元素行进的距离。该距离可以是滑动元素沿滑动条行进的单元的数量。在一些实施例中，可以在用户取消选择滑动元素之后获得该距离。

在块314中，可以获得滑动元素的移动的时间。在一些实施例中，滑动元素的移动时间可以是用户对滑动元素的进行选择和取消选择之间的时间。在一些实施例中，滑动元素的移动时间可以是检测到移动和检测滑动元素不移动之间的时间。可替代地或另外地，滑动元素的移动时间可以是检测到移动和不移动以及选择和不选择滑动元素的组合。

在块316中，可以获得滑动元素沿滑动条的位置。在一些实施例中，滑动元素沿滑动条的位置可以基于滑动元素选择的值。在一些实施例中，可以通过基于滑动元素行进的距离和滑动元素的起始位置确定位置来获得滑动元素的位置。例如，滑动元素可以从已知位置开始。在一些实施例中，可以基于滑动元素的位置和滑动元素的起始位置来获得行进的距离。

在块318中，可以基于滑动元素的行进距离和滑动元素的移动时间来确定滑动元素的速度。

在块320中，可以确定滑动元素是否靠近滑动条的中间。当滑动元素靠近滑动条的中间时，方法300可以进行到块324。当滑动元素不靠近滑动条的中间时，该方法可以进行到块322。

在块322中，可以确定滑动条的速度是否大于阈值。可以基于GUI元素应用、用户用于与GUI元素交互的接口设备以及其他因素来选择阈值。当滑动条的速度大于阈值时，方法300可以进行到块328。当滑动条的速度不大于阈值时，该方法可以进行到块330。

在块324中，可以基于滑动元素的速度确定较高值端点的更新。较高值端点的更新可以基于滑动元素的速度和位置。可替代地或另外地，较高值端点的更新可以基于滑动元素行进的速度和距离。

在块326中，可以基于滑动元素的速度确定较低值端点的更新。较低值端点的更新可以基于滑动元素的速度和位置。可替代地或另外地，较低值端点的更新可以基于滑动元素行进的速度和距离。在块326之后，该方法可以进行到块332。

在块328中，可以基于滑动元素的速度确定较高值端点的更新。较高值端点的更新可以基于滑动元素的速度和位置。可替代地或另外地，较高值端点的更新可以基于滑动元素行进的速度和距离。在块328之后，该方法可以进行到块332。

在块330中，可以基于滑动元素的速度确定较低值端点的更新。较低值端点的更新可以基于滑动元素的速度和位置。可替代地或另外地，较低值端点的更新可以基于滑动元素行进的速度和距离。在块330之后，该方法可以进行到块332。

在块332中，可以用更新后的端点值更新GUI元素。在一些实施例中，更新GUI元素可以包括用更新后的端点值呈现GUI元素。在一些实施例中，更新GUI元素的端点值可以改变滑动条的缩放比例。

本领域技术人员将理解，对于本文公开的这个和其他过程、操作和方法，所执行的功能和/或操作可以以不同的顺序实现。此外，概述的功能和操作仅作为示例提供，并且一些功能和操作可以是可选的，组合成更少的功能和操作，或者扩展为附加的功能和操作而不偏离所公开的实施例的本质。

例如，在一些实施例中，方法300可以不包括块306、308和310。可替代地或另外地，方法300可以不包括块312或316。在一些实施例中，块312、314和316可以是以不同的顺序布置的。例如，块316可以在块312和314之前。作为另一个示例，在一些实施例中，块318可以在块320之后。

图4是调整图形用户界面元素的示例操作400的流程图。可以根据本公开中描述的至少一个实施例来布置操作400。在一些实施例中，可以分别由诸如图1和5的系统100和/或500之类的系统来执行操作400。在这些和其他实施例中，可以基于存储在一个或多个非暂时性计算机可读介质上的指令的执行来执行操作400。尽管示出为离散的块，但是根据期望的实施方式，可以将各种块划分为附加的块、组合成更少的块或者去除。

操作400可以在块402开始，其中可以呈现图形用户界面元素。图形用户界面可以包括可调整元素，该可调整元素被配置为被移动以调整对第一端值和第二端值之间的值的选择。在一些实施例中，可以在图形用户界面元素中呈现第一端值和第二端值。在一些实施例中，图形用户界面元素可包括滑动条。在这些和其他实施例中，可调整元素可以是在滑动条上沿具有在第一端值和第二端值之间的值的线滑动的滑动元素。

在一些实施例中，响应于可调整元素的移动以调整对值的选择，操作400还可以包括块404、406、408、410、412和414。

在块404中，可以获得可调整元素在图形用户界面元素中移动的距离。在块406中，可以获得可调整元素的移动的时间。

在块408中，可以获得在可调整元素移动之后的可调整元素的位置。在块410中，可以基于距离、时间和可调整元素的位置来选择要调整的第一端值。第一端值可以是选择的端值。

在块412中，可以基于选择的端值、距离和时间来确定更新后的端值。在块414中，可以在图形用户界面元素中呈现更新后的端值来代替选择的端值。

本领域技术人员将理解，对于本文公开的这个和其他过程、操作和方法，所执行的功能和/或操作可以以不同的顺序实现。此外，概述的功能和操作仅作为示例提供，并且一些功能和操作可以是可选的、组合成更少的功能和操作，或者扩展为附加的功能和操作而不偏离所公开的实施例的本质。

例如，在一些实施例中，操作400还可以包括基于第二端值、距离和时间确定第二更新后的端值。操作400还可以包括在图形用户界面元素中呈现第二更新后的端值来代替第二端值。

可替代地或另外地，响应于可调整元素的位置对应于在第一端值和第二端值之间大约中间三分之一的位置值，操作400还可以包括选择要调整的第二端值。

在一些实施例中，操作400还可以包括：基于距离和时间确定可调整元素移动时的可调整元素的速度。在这些和其他实施例中，当速度小于阈值时，第一端值可以是比第二端值低的值，并且当速度大于阈值时，第一端值可以是比第二端值高的值。

在一些实施例中，在图形用户界面元素中呈现更新后的端值代替选择的端值之后，操作400还可以包括获得可调整元素的第二移动以进一步调整对值的选择。在这些和其他实施例中，对值的选择被约束在更新后的端值和第二端值之间。

在一些实施例中，可调整元素的移动以调整对值的选择可以沿着包括在图形用户界面元素中的滑动条的线进行。在一些实施例中，图形用户界面元素还可以包括与滑动条相邻的多个值显示元素。在这些和其他实施例中，响应于可调整元素离开线到多个值显示元素之一的移动，操作400还可以包括将对值的选择调整为多个值显示元素中的一个值显示元素的值。在一些实施例中，多个值显示元素中的所述一个值显示元素的值和多个值显示元素中的其他值显示元素的值在第一端值和第二端值之间。

图5示出了被配置为调整图形用户界面元素的另一示例系统500。系统500可以根据本公开中描述的至少一个实施例来布置。系统500可以包括被配置为调整GUI元素的任何合适的系统、装置或设备。系统500可以包括处理器510、存储器520、数据存储设备530、通信设备540和用户接口单元550，它们都可以通信地耦合。

通常，处理器510可以包括任何合适的专用或通用计算机、计算实体或包括各种计算机硬件或软件模块的处理设备，并且可以被配置为执行存储在任何适用的计算机可读存储介质上的指令。例如，处理器510可以包括微处理器、微控制器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或配置为解释和/或执行程序指令和/或处理数据的任何其他数字或模拟电路。

尽管在图5中示出为单个处理器，应理解，处理器510可包括分布在任意数量的网络或物理位置上的任何数量的处理器，其被配置为单独地或共同地执行本文描述的任何数量的操作。在一些实施例中，处理器510可以解释和/或执行存储在存储器520、数据存储设备530或存储器520和数据存储设备530中的程序指令和/或处理数据。在一些实施例中，处理器510可以获取来自数据存储设备530的程序指令并将程序指令加载到存储器520中。

在将程序指令加载到存储器520中之后，处理器510可以执行程序指令。例如，系统500可以是图1的设备130的一部分。在这些和其他实施例中，指令可以包括处理器510指示显示器132显示GUI元素140。可替代地或另外地，处理器510可以确定可调整元素146的移动并且基于移动确定更新第一端值142和/或第二端值144。

存储器520和数据存储设备530可以包括计算机可读存储介质或一个或多个计算机可读存储介质，用于携带或具有存储在其上的计算机可执行指令或数据结构。这样的计算机可读存储介质可以是可由通用或专用计算机(例如处理器510)访问的任何可用介质。作为示例而非限制，这样的计算机可读存储介质可包括非暂时性计算机可读存储介质，包括随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、光盘只读存储器(CD-ROM)或其他光盘存储器磁盘存储器或其他磁存储设备、闪存设备(例如，固态存储设备)，或可用于以计算机可执行指令或数据结构的形式携带或存储的所需程序代码的并且可以由通用或专用计算机访问的任何其他存储介质。以上的组合也可以包括在计算机可读存储介质的范围内。计算机可执行指令可以包括被配置为使处理器510执行特定操作或一组操作的例如指令和数据，诸如一个或多个操作400或方法300中的一个或多个块。

通信设备540可以包括被配置为通过网络发送或接收信息的任何组件、设备、系统或其组合。在一些实施例中，通信设备540可以与其他位置处、相同位置的其他设备或甚至同一系统内的其他组件通信。例如，通信设备540可以包括调制解调器、网卡(无线或有线)、红外通信设备、无线通信设备(诸如天线)和/或芯片组(诸如蓝牙设备，802.6设备)，(例如，城域网(MAN))、WiFi设备、WiMax设备、蜂窝通信设施等)和/或类似物。通信设备540可以允许与网络和/或本公开中描述的任何其他设备或系统交换数据。例如，如果系统500包括在图1的主机系统120中，则通信设备540可以允许主机系统120通过图1的网络110与设备130通信。

用户界面单元550可以包括允许用户与系统500对接的任何设备。例如，用户界面单元550可以包括鼠标、跟踪板、键盘、触摸屏以及其他设备。用户接口单元550可以从用户接收输入并将输入提供给处理器510。例如，用户接口单元550可以是图1的用户接口设备134的示例。可以对系统500进行修改、添加或省略，而不脱离本公开的范围。

如上所述，本文描述的实施例可以包括使用包括各种计算机硬件或软件模块的专用或通用计算机(例如，图5的处理器510)，如下面更详细地讨论的。此外，如上所述，本文描述的实施例可以使用用于在其上携带或具有存储计算机可执行指令或数据结构的计算机可读介质(例如，图5的存储器520或数据存储设备530)来实现。

在一些实施例中，本文描述的不同组件、模块、引擎和服务可以实现为在计算系统上执行的对象或进程(例如，作为单独的线程)。虽然本文描述的一些系统和方法通常被描述为以软件实现(存储在通用硬件上和/或由通用硬件执行)，但是特定硬件实现或软件和特定硬件实现的组合也是可能的并且是可预期的。

本文使用的术语，尤其是所附权利要求中的术语(例如，所附权利要求的主体)通常旨在作为“开放”术语(例如，术语“包括了”应解释为“包括但不限于”，术语“具有”应被解释为“至少具有”，术语“包括”应被解释为“包括但不限于”等。)

另外，如果意图引入特定数量的权利要求叙述，则在权利要求中将明确地陈述这样的意图，并且在没有这样的叙述的情况下，不存在这样的意图。例如，为了帮助理解，以下所附权利要求可以包含介绍性短语“至少一个”和“一个或多个”的使用以引入权利要求叙述。然而，这些短语的使用不应被解释为暗示由不定冠词“一”或“一个”引入权利要求叙述将包含这种引入的权利要求叙述的任何特定权利要求限制为仅包含一个这样的叙述的实施例，即使当相同的权利要求包括引言短语“一个或多个”或“至少一个”和诸如“一”或“一个”的不定冠词(例如，“一”和/或“一个”应该被解释为“至少一个”或“一个或多个”)；对于使用用于引入权利要求叙述的定冠词也是如此。

另外，即使明确地陈述了特定数量的引入的权利要求叙述，本领域技术人员将认识到，这种陈述应该被解释为至少表示所陈述的数字(例如，“两个陈述”的单纯陈述，没有其他修饰语，表示至少两个陈述，或两个或更多个陈述)。此外，在类似于“A、B和C等中的至少一个”的约定或使用“A、B和C等中的一个或多个”的那些情况下，如上所述，这种结构通常意图包括：仅A，仅B，仅C，A和B一同，A和C一同，B和C一同，或A、B和C一同等。例如，术语“和/或”的使用旨在以这种方式解释。

此外，无论在说明书、权利要求书或附图中，呈现两个或更多个替代术语的任何析取词或短语应被理解为考虑包括术语之一、任一术语或术语两者的可能性。例如，短语“A或B”应理解为包括“A”或“B”或“A和B”的可能性。"

然而，这些短语的使用不应被解释为暗示由不定冠词“一”或“一个”引入权利要求陈述将包含这种陈述的权利要求陈述的任何特定权利要求限制于仅包含一个这样的陈述的实施例，即使当相同的权利要求包括介绍性短语“一个或多个”或“至少一个”以及诸如“一”或“一个”的不定冠词(例如，“一”和/或“一个”应该被解释为“至少一个”或“一个或多个”)；对于使用用于引入权利要求陈述的定冠词也是如此。

另外，术语“第一”、“第二”、“第三”等的使用在本文中不一定用于表示特定顺序。通常，术语“第一”、“第二”、“第三”等用于区分不同的元素。如果没有显示特定的术语“第一”、“第二”、“第三”等表示特定的顺序，这些术语不应被理解为表示特定的顺序。

本文陈述的所有示例和条件语言旨在用于教学对象以帮助读者理解本公开和由发明人提供的用于推进技术的概念，并且应被解释为不限于这些具体陈述的示例和条件。尽管已经详细描述了本公开的实施例，但是应当理解，可以对其进行各种改变、替换和变更，而不脱离本公开的精神和范围。

Claims

1.一种计算机实现的图形用户界面元素调整方法，所述方法包括：

呈现图形用户界面元素，其包括在图形用户界面元素中的第一端值和第二端值之间延伸的滑动线；

在滑块线上呈现可调整元素，所述可调整元素被配置为沿着滑块线移动以调整第一端值和第二端值之间的值的选择；

响应于可调整元素沿滑块线的移动来调整值的选择：

确定可调整元素的移动速度；

如果速度低于阈值，则选择第一端值进行调整，如果速度高于阈值，则选择第二端值进行调整；

确定选定的端值的更新后的端值；以及

在图形用户界面元素中呈现更新后的端值来代替所述选定的端值。

2.根据权利要求1所述的计算机实现的方法，还包括获得图形用户界面元素中的可调整元素移动的距离，其中基于时间和距离选择第一端值，并且其中更新后的端值基于选定的端值、可调整元素的移动距离和可调整元素的移动时间确定。

3.根据权利要求1所述的计算机实现的方法，其中所述图形用户界面元素包括滑动条并且所述可调整元素是所述滑动条上沿着具有范围在第一端值和第二端值之间的值的线滑动的滑动元素。

4.根据权利要求1所述的计算机实现的方法，其中所述图形用户界面元素还包括与所述滑动线相邻的多值显示元素，其中响应于所述可调整元素离开所述滑动线到所述多值显示元素之一的移动，还包括将值的选择调整为所述多值显示元素之一的值。

5.根据权利要求4所述的计算机实现的方法，其中，所述多值显示元素之一的值和所述多值显示元素中其他元素的值在第一端值和第二端值之间。

6.根据权利要求1所述的计算机实现的方法，其中，所述确定选定的端值的更新后的端值至少部分地基于可调整元素的移动速度。

7.根据权利要求1所述的计算机实现的方法，其中，所述确定选定的端值的更新后的端值至少部分地基于可调整元素在移动之后的位置。

8.根据权利要求1所述的计算机实现的方法，其中，所述确定选定的端值的更新后的端值至少部分地基于可调整元素的移动距离或可调整元素的移动时间。

9.根据权利要求1所述的计算机实现的方法，其中，所述第一端值位于所述滑块线的左侧，并且所述第二端值位于所述滑块线的右侧。

10.根据权利要求1所述的计算机实现的方法，其中，所述第二端值位于所述滑块线的左侧，并且所述第一端值位于所述滑块线的右侧。

11.一种计算设备，包括：

至少存储器和执行操作的处理器，所述操作包括：

响应于可调整元素沿滑块线的移动来调整值的选择：

确定可调整元素的移动速度；

确定选定的端值的更新后的端值；以及

12.根据权利要求11所述的计算设备，其中所述操作还包括获得图形用户界面元素中的可调整元素移动的距离，其中基于时间和距离选择第一端值，并且其中更新的端值基于选定的端值、可调整元素的移动距离和可调整元素的移动时间来确定。

13.根据权利要求11所述的计算设备，其中，所述图形用户界面元素包括滑动条，并且所述可调整元素是所述滑动条沿着具有值的范围在第一端值和第二端值之间的线滑动的滑动元素。

14.根据权利要求11所述的计算设备，其中所述图形用户界面元素还包括与所述滑动线相邻的多值显示元素，其中响应于所述可调整元素离开所述滑动线到所述多值显示元素之一的移动，所述操作还包括将值的选择调整为所述多值显示元素之一的值。

15.根据权利要求14所述的计算设备，其中，所述多值显示元素之一的值和所述多值显示元素中其他元素的值在第一端值和第二端值之间。

16.根据权利要求11所述的计算设备，其中，所述确定选定的端值的更新后的端值至少部分地基于可调整元素的移动速度。

17.根据权利要求11所述的计算设备，其中，所述确定选定的端值的更新后的端值至少部分地基于可调整元素在移动之后的位置。

18.根据权利要求11所述的计算设备，其中，所述确定选定的端值的更新后的端值至少部分地基于可调整元素的移动距离或可调整元素的移动时间。

19.根据权利要求11所述的计算设备，其中，所述第一端值位于所述滑块线的左侧，并且所述第二端值位于所述滑块线的右侧。

20.根据权利要求11所述的计算设备，其中，所述第二端值位于所述滑块线的左侧，并且所述第一端值位于所述滑块线的右侧。

21.一种或多种非暂时性计算机可读介质，被配置为存储指令，当一个或多个处理系统执行指令时，执行前述权利要求1-10中的任一方法。