CN108139848B - 提供流体式用户界面的电子装置和方法 - Google Patents

Abstract

提供了一种用于提供流体式用户界面(UI)的电子设备及其方法。所述电子设备包括：显示器，被配置为显示至少一个第一图标；输入器，被配置为接收用户命令，以选择至少一个第一图标并且将至少一个第一图标移动到显示器的另一区域；以及至少一个处理器，被配置为控制显示器以确定接收用户命令的持续时间并且确定用户命令的移动距离，并且基于持续时间和移动距离显示位于至少一个第一图标周围的至少一个第二图标。

Description

提供流体式用户界面的电子装置和方法

技术领域

本公开涉及一种用户界面(UI)。更具体地，本公开涉及一种用于在动作确认中使用流体式UI元件(fluid UI element)来提供灵活性的电子装置和方法。

背景技术

用户界面(UI)元件仅能够实现分立式交互，例如按压或滑动按钮以触发一个特定动作。然而，用户的心理模型在做出判定的同时通过模糊状态来工作。因此，UI元件应该与用户的该心理模型保持一致，并且允许用户在与UI或用户体验(UX)元件进行交互时灵活地修改判定。

UI元件不提供相关信息和选项以随着交互目标即兴发挥，例如，当接收呼叫时用户可能想打开扬声器，这应该在接受呼叫时作为选项而预先显示。

UI元件不适应不同的上下文，例如，用于接受/拒绝呼叫的窗口小部件在来自亲密联系人或来自未知号码的来电呼叫期间呈现相同的交互行为。但是，应该自动提高对未知号码进行响应的阻力水平，以符合该特定上下文。

UI元件不会响应由执行手势的持续时间表明的用户的投入程度。在示例中，滑动动作触发器不会对滑动速度的改变做出反应。当用户确定执行主动作时，滑动很快并且触发动作。然而，当用户未判定时，用户通过滑动减速/中途停止。在这种情况下，UI元件应该为用户提供选项以修改目标。

因此，需要一种用于在动作确认中使用流体式UI元件来提供灵活性的电子装置和方法。

发明内容

[技术问题]

本公开的各个方面是为了至少解决上述问题和/或缺点，并且至少提供以下描述的优点。因此，本公开的一方面在于提供一种用于在动作确认中使用流体式用户界面(UI)元件提供灵活性的方法。

本公开的另一方面是提供一种方法：估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。

本公开的另一方面是提供一种方法：响应于确定所估计的持续时间未达到预定义持续时间阈值并且所估计的程度达到预定义程度阈值，来分开流体式UI元件。

本公开的另一方面是提供一种方法：响应于确定所估计的持续时间已经达到预定义持续时间阈值并且所估计的程度还未达到预定义程度阈值，以预定义间隔顺序地呈现多个动作项目。

本公开的另一方面是提供一种方法：根据所估计的与流体式UI 元件的交互的持续时间以及与流体式UI元件的交互的程度，来引起流体式UI元件的变形。

本公开的另一方面是提供一种用于引起UI的变形以与所选择的项目结合的方法。

本公开的另一方面是提供一种用于在UI元件上没有用户输入的情况下恢复UI的变形的方法。

[问题的解决方案]

根据本公开的一个方面，提供了一种电子设备。所述电子设备包括：显示器，被配置为显示至少一个第一图标；输入器，被配置为接收用户命令，以选择至少一个第一图标并且将该至少一个第一图标移动到显示器的另一区域；以及至少一个处理器，被配置为控制显示器确定接收用户命令的持续时间并且确定用户命令的移动距离，并且基于持续时间和移动距离显示位于至少一个第一图标周围的至少一个第二图标。

当持续时间等于或大于预定义持续时间时，并且当移动距离小于预定义移动距离时，处理器可以控制显示器将第一图标的形状变形和显示为具有粘度的流体，其中第一图标的形状是从选择第一图标的起始区域到输入了用户命令的最后区域是连续的。

至少一个处理器可以控制显示器根据持续时间顺序地显示至少一个第二图标。

至少一个处理器可以控制显示器，使得当用户选择至少一个第二图标之一时，第一图标与所选择的第二图标结合，并且当存在多个至少一个第二图标时，多个第二图标之中的未被选择的剩余的第二图标消失。

当第一图标通过用户接近多个第二图标之一时，至少一个处理器可以控制显示器，使得与第一图标相邻的第二图标的形状被显示为与剩余第二图标的形状不同。

至少一个处理器可以确定通过用户命令而被输入到第一图标的压力，并且基于接收用户命令的持续时间和所确定的压力，将第一图标变形为具有粘度的流体形状的图标。

当持续时间等于或大于预定义持续时间时，并且当所确定的压力值等于或大于预定义压力值时，至少一个处理器可以控制显示器，以将第一图标变形并显示为具有粘度的流体类型的图标，使得第一图标根据持续时间在指定范围内扩展。

当第一图标的轮廓达到指定范围时，至少一个处理器可以控制显示器，使得根据持续时间在变形成流体类型的第一图标的周围顺序地显示至少一个第二图标。

当用户选择至少一个第二图标之一时，至少一个处理器可以控制显示器，使得第一图标与所选择的第二图标结合，并且当存在多个至少一个第二图标时，多个第二图标之中的未被选择的剩余的第二图标消失。

当持续时间等于或大于预定义第一阈值时，并且当移动距离等于或大于预定义第二阈值时，至少一个处理器可以控制显示器，以在输入了用户命令的第一图标周围显示用于对与第一图标相对应的菜单项目进行编辑的UI。

根据本公开的另一方面，提供了一种UI提供方法。UI提供方法包括：显示至少一个第一图标；接收用户命令，以选择至少一个第一图标并且将该至少一个第一图标移动到显示器的另一区域；确定接收用户命令的持续时间和用户命令的移动距离；以及，基于持续时间和移动距离，将至少一个第一图标变形并显示为具有粘度的流体类型的图标。

所述显示还可以包括：当持续时间等于或大于预定义持续时间时，并且当移动距离小于预定义移动距离时，将第一图标的形状变形和显示为具有粘度的流体，其中第一图标的形状从选择第一图标的起始区域到输入了用户命令的最后区域是连续的。

所述显示还可以包括根据持续时间在第一图标周围顺序地显示至少一个第二图标。

所述显示还可以包括：通过用户选择至少一个第二图标之一；将第一图标与所选择的第二图标耦接并进行显示；以及，当存在多个至少一个第二图标时，多个第二图标之中的未被选择的剩余第二图标消失。

所述显示还可以包括：当第一图标通过用户接近多个第二图标之一时，进行显示，使得与第一图标相邻的第二图标的形状被显示为与剩余第二图标的形状不同。

所述方法还包括：确定通过用户命令而被输入到第一图标的压力；以及基于接收用户命令的持续时间和所确定的压力，将至少一个第一图标变形并显示为具有粘度的流体形状的图标。

所述显示还可以包括：当持续时间等于或大于预定义持续时间时，并且当所确定的压力值等于或大于预定义压力值时，将至少一个第一图标变形并显示为具有粘度的流体类型的图标，使得第一图标根据持续时间在指定范围内扩展。

所述显示还可以包括：当第一图标的轮廓在指定范围中达到阈值时，根据持续时间在第一图标周围顺序地显示至少一个第二图标。

所述显示还可以包括：通过用户选择至少一个第二图标之一；将第一图标与所选择的第二图标耦接并进行显示；以及，当存在多个至少一个第二图标时，多个第二图标之中的未被选择的第二图标消失。

所述显示还可以包括：当持续时间等于或大于预定义第一阈值时，并且当移动距离等于或大于预定义第二阈值时，在输入了用户命令的第一图标周围显示用于对与第一图标相对应的菜单项目进行编辑的UI。

[发明的有益效果]

根据结合附图公开了本公开各种实施例的以下详细描述，本公开的其它方面、优点和突出特征对于本领域技术人员将变得清楚明白。

附图说明

图1示出了根据本公开实施例的用于在动作确认中使用流体式用户界面(UI)元件来提供灵活性的电子设备的各种单元。

图2和图3示出了根据本公开各种实施例的流体式UI元件的操作机制。

图4示出了根据本公开实施例的流体式UI元件，其中变形的流体式UI元件与所选择的动作项目结合。

图5A是示出了根据本公开实施例的用于引起流体式UI元件的变形的方法的流程图。

图5B是示出了根据本公开实施例的用于将变形的流体式UI元件与所选择的动作项目结合起来的方法的流程图。

图5C是示出了根据本公开实施例的用于在流体式UI元件上没有用户输入的情况下恢复流体式UI元件的变形的方法的流程图。

图6示出了根据本公开各种实施例的根据使用流体式UI元件实现的交互而显示的来电呼叫相关选项。

图7示出了根据本公开各种实施例的在联系人应用中的根据使用流体式UI元件实现的“滑动以发消息”交互而显示的消息发送选项。

图8示出了根据本公开各种实施例的在通知面板中的根据使用流体式UI元件实现的“滑动以删除”交互而显示的选项。

图9A和图9B示出了根据本公开各种实施例的根据使用流体式 UI元件实现的交互而调用的删除功能。

图10示出了根据本公开各种实施例的图库中的根据使用流体式 UI元件实现的交互而显示的各种社交网络服务(SNS)。

图11示出了根据本公开各种实施例的图库应用中的根据使用流体式UI元件实现的交互而显示的用于编辑的选项。

图12示出了根据本公开各种实施例的浏览器中的根据使用流体式UI元件实现的交互而显示的用于共享的各种SNS。

图13示出了根据本公开各种实施例的音乐列表中的根据使用流体式UI元件实现的交互而显示的各种音乐播放器。

图14示出了根据本公开各种实施例的日历应用中的根据使用流体式UI元件实现的交互而显示的各种选项。

图15示出了根据本公开各种实施例的可穿戴设备中的根据使用流体式UI元件实现的交互而显示的各种选项。以及

图16示出了根据本公开各种实施例的实现用于在动作确认中使用流体式UI元件来提供灵活性的方法的计算环境。

具体实施方式

提供以下参考附图的描述以帮助全面理解由权利要求及其等同物限定的本公开的各实施例。以下描述包括各种具体细节以帮助理解，但这些具体细节应被视为仅仅是示例性的。因此，本领域普通技术人员将认识到：在不脱离本公开的范围和精神的情况下，可以对本文所述的各种实施例进行各种改变和修改。此外，为了清楚和简洁起见，可以省略对已知功能和结构的描述。

以下描述和权利要求中使用的术语和词语不限于其书面含义，而是仅仅被发明人用来实现对本公开清楚一致的理解。因此，对于本领域技术人员来说应当清楚明白的是，提供本公开的各种实施例的以下描述以仅用于说明的目的，而不是用于限制由所附权利要求及其等同物限定的本公开的目的。

应当理解的是，除非上下文中另有清楚指示，否则单数形式“一”、“一个”和“所述”包括复数指示物。因此，例如，对“组件表面”的引用包括对这样的表面中的一个或多个的引用。

术语“实质上”意味着所记载的特征、参数或者值不需要精确实现，而是可以出现包括诸如公差、测量误差、测量精度限制及本领域技术人员已知的其他因素在内的偏差或变化，该偏差或变化可以以不妨碍该特征预期所要提供的效果的量来出现。

在整个描述中，术语“用户界面(UI)元件”和“流体式UI元件”可以互换使用。

在整个描述中，术语“动作项目”和“选项”可以互换使用。

在整个描述中，术语“预定义持续时间阈值”和“持续时间阈值”可以互换使用。

在整个描述中，术语“预定义程度阈值”和“程度阈值”可以互换使用。

本文的各种实施例实现了在电子设备中实现的方法。该方法包括接收流体式UI元件上的用户输入。此外，该方法包括估计与流体式 UI元件的交互的持续时间以及与流体式UI元件的交互的程度。此外，该方法包括引起流体式UI元件的变形。

在本公开的实施例中，UI元件的变形表示虚拟流体的模仿粘度。

在本公开的实施例中，根据所估计的与流体式UI元件的交互的持续时间和程度，通过确定所估计的持续时间达到预定义持续时间阈值并且确定所估计的程度达到预定义程度阈值，来引起UI元件的变形。

在本公开的实施例中，基于所述确定引起流体式UI元件的变形包括：响应于确定所估计的持续时间达到预定义持续时间阈值并且所估计的程度未达到预定义程度阈值，以预定义间隔顺序地呈现多个动作项目。

在本公开的实施例中，引起UI元件的变形包括：响应于确定所估计的持续时间未达到预定义持续时间阈值并且所估计的程度达到预定义程度阈值，来分开UI元件。

在本公开的实施例中，所述方法包括：接收从多个动作项目中对动作项目的选择，并且引起UI元件的变形以与所选择的项目结合。

在本公开的实施例中，根据所接收到的与所显示的项目有关的交互来顺序呈现多个动作项目。

在本公开的实施例中，用户程度与在UI元件上施加的压力相对应。

在本公开的实施例中，根据所施加的压力使得UI元件成比例地变形。

在本公开的实施例中，所述方法还包括在UI元件上没有用户输入的情况下恢复UI元件的变形。

本文的各种实施例实现了在电子设备中实现的方法。所述方法包括：检测流体式UI元件上的用户输入发起；估计与流体式UI元件的交互的持续时间和与流体式UI元件的交互的程度。此外，所述方法包括：响应于所估计的持续时间超过预定义持续时间阈值并且所估计的交互的程度不超过预定义程度阈值，确定用户输入的不确定性。此外，所述方法包括针对所确定的不确定性来引起流体式UI元件的变形。

本文中的各种实施例实现了电子设备。电子设备被配置为接收在流体式UI元件上的用户输入。此外，电子设备被配置为估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。电子设备还被配置为引起流体式UI元件的变形。

本文的各种实施例提供了一种电子设备，该电子设备被配置为：检测流体式UI元件上的用户输入发起；估计与流体式UI元件的交互的持续时间和与流体式UI元件的交互的程度。此外，电子设备被配置为：响应于所估计的持续时间超过预定义持续时间阈值并且所估计的交互的程度不超过预定义程度阈值，确定用户输入的不确定性。此外，电子设备被配置为针对所确定的不确定性来引起流体式UI元件的变形。

本文的各种实施例提供了一种计算机程序产品，包括记录在计算机可读非暂时性存储介质上的计算机可执行程序代码。计算机可执行程序代码在被执行时引起包括接收流体式UI元件上的用户输入在内的动作。计算机可执行程序代码在被执行时引起包括如下操作在内的动作：估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。计算机可执行程序代码在被执行时引起包括引起流体式UI元件的变形在内的动作。

本文的各种实施例提供了一种计算机程序产品，包括记录在计算机可读非暂时性存储介质上的计算机可执行程序代码。计算机可执行程序代码在被执行时引起包括如下操作在内的动作：检测流体式用户接口(UI)元件上的用户输入发起；估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。计算机可执行程序代码在被执行时引起包括以下操作在内的动作：响应于所估计的持续时间超过预定义持续时间阈值并且所估计的交互的程度不超过预定义程度阈值，确定用户输入的不确定性。计算机可执行程序代码在被执行时引起包括针对所确定的不确定性来引起流体式UI元件的变形在内的动作。

与相关技术的***和方法不同，所提出的方法提供以下特征：

A.基于流体粘度的灵活交互机制：向UI元件指派流体行为的属性。将动作按钮表示为虚拟流体块。用户的手势(即，点击、按住不动、滑动、拖动等)以多种方式使虚拟流体块如真实的流体那样变形 (即，展开、分离、涂抹等)。在特定的变形程度下，超过阈值并且流体块断裂，这指示动作确认。使用流体的粘度属性来使得能够实现基于灵活阈值的触发机制。这会改善用户体验。

B.流体式UI启用手势选项：在使用流体式UI元件采取动作时，基于手势的步调运行中(on the fly)向用户提供选项。实现在手势期间流体式UI元件按需提供多个目标。

C.手势步调灵敏度：以连续的方式将手势步调的变化映射成调用的选项的数量。这种连续性是通过UI的流体式行为实现的。这使得增强了用户体验。

D.利用主动作实现的自动化上下文预览：在与流体式UI元件交互时，用户有机会查看选项和信息。实现了自动化上下文预览，这帮助用户了解情况并采取适当的动作。这会改善用户体验。

E.流体粘度基于上下文来在交互时实现差别的阻力：UI元件在不同情况下呈现有不同的粘度水平，从而实现对用户手势的上下文适当的阻力。

F.存滑动触发动作时快速提炼童图：在滑动触发动作时，用户可以快速即兴地为用户特定的目标选择更适当的变体。在示例中，在解除通知时，用户可以选择为其设置提醒的选项。

G将后续动作与主动作相组合的灵活性：该解决方案将涉及多个分离动作和手势的实现目标简化成一个单个的滑动动作。在示例中，用户可以通过将视频提示到时间线上的最后一个暂停点来选择播放视频。

H.通过滑动速度来控制选项范围：该解决方案通过操纵滑动手势的速度，提供了控制期望的相关选项数量的独特灵活性。

I.基于流体粘度的直观阈值机制：用户从现实生活中已知流体行为物理学，因此操纵对用户来说是直观的。手势减速表明缺乏明确的判定，在这一点上，附加选项似乎表明客观上的变化。这两个功能都直观地与用户的行为模式一致。

J.利用主要动作实现的自动化上下文预览：相关/后续动作的可供性为用户提供了主要意图的范围和上下文。这是可以帮助了解情况并影响用户的判定的自动化信息支持。

与相关技术的方法和***不同，所提出的方法为用户提供简单直观的方式来在与流体式UI元件交互的同时选择多个选项以完成操作。

与相关技术的方法和***不同，在超过阈值持续时间和/或达到阈值变形程度时，所提出的方法改善了用户的主要意图。这提供了多个选项(可以包括主要意图)，以便用户选择其它选项。这克服了用户只剩下选择主要意图或不选择相关技术的主要意图这一个选项的方法中的问题。在所提出的方法中，如果选择主要意图(默认选项)存在延迟，则将显示多个其它相关意图。由此，用户可以选择主要意图或者正在显示的相关意图中的一个。

现在参考附图，更具体地参考图1、图2、图3、图4、图5A、图5B、图5C、图6、图7、图8、图9A、图9B、图10、图 11、图12、图13、图14、图15和图16，其中在整个附图中，相似的附图标记始终表示对应特征，示出了最优实施例。

图1示出了根据本公开实施例的用于在动作确认中使用流体式 UI元件来提供灵活性的电子设备的各种单元。

参考图1，电子设备100可以是例如但不限于智能电话、移动电话、个人数字助理(PDA)、数码相框、平板电脑、膝上型电脑、智能手表、智能眼镜等。

电子设备100包括显示器110、输入器120和处理器130。电子设备100还可以包括除了上述元件之外的附加元件，并且不限于此。

显示器110可以包括显示各种UI和内容的触摸屏。显示器110 可以包括柔性显示面板。显示器110可以显示至少一个第一图标和作为与第一图标相对应的子图标的至少一个第二图标。此外，显示器110 可以显示具有粘度的流体形状的图形效果。在本公开的实施例中，图标可以指示显示器上的由用户选择的区域和/或一个点。例如，当用户触摸并选择显示器110上显示的图像的点和/或区域时，可以理解点和 /或区域是图标。此外，图标可以包括显示指示特定UI(用户界面) 的项目的图像类型。此外，在本公开的实施例中，子图标可以不具有带图标的分级结构。例如，第一图标可以是指示来电呼叫的图标，并且作为第二图标的至少一个子图标可以指示消息或扬声器。此外，在本公开的实施例中，图标、子图标、项目、动作项目、流体式UI元件和UI元件可以互换使用。

输入器120可以接收用户输入以选择显示器上显示的图标。此外，输入器120可以接收用户命令以将用户选择的图标移动到显示器110 的不同区域。

例如，输入器120可以通过经由输入设备(例如，用户和/或触控笔)触摸显示器110来接收用户命令。此外，输入器120可以接收用户通过用户手势(例如，拖动、滑动、敲击、捏合、按住不动等)选择的图标的用户命令。此外，输入器120可以通过用户的语音命令来接收用户命令。以上示例不限于此，并且输入器120可以通过各种方法来接收用户命令。

基于与通过输入器120接收的至少一个图标有关的用户命令，处理器130可以确定接收用户命令的持续时间和用户命令的移动距离。基于所确定的用户命令输入持续时间和用户命令移动距离，处理器 130可以控制显示器110在显示器110上显示位于用户选择的至少一个第一图标周围的至少一个第二图标。

此外，基于所确定的持续时间和移动距离，处理器130可以控制显示器110将输入了用户命令的第一图标变形和显示为具有粘度的流体。

当用户命令的持续时间大于或等于预定持续时间并且用户命令的移动距离小于预定义移动距离时，处理器130可以控制显示器110 将第一图标变形和显示为具有粘度形状的流体，其中第一图标的形状从第一图标的起始区域连接到输入了用户命令的最后区域。

例如，用户可以通过触摸输入(例如，“点击”或“按住不动”)来选择在显示器110上显示的至少一个图标。此时，用户在图标上输入的“点击”的持续时间或“按住不动”的持续时间可以是大于或等于预定时间(例如，0.5ms)的0.6ms。此外，用户可以使用“拖动”或“滑动”的方法来移动通过显示器110选择的至少一个图标。此时，用户命令 (“拖动”或“滑动”)的移动距离可以是小于预定义移动距离(例如， 2cm)的1.99cm。此时，处理器130可以向显示器110提供如下图形效果：从起始区域到最后区域(该区域中输入了用户命令)的图标具有下垂的流体形状(例如，橡胶)。上述实施例不限于此。

处理器130可以控制显示器110，以便根据用户命令持续时间以流体形状顺序地在第一图标周围显示作为与第一图标相对应的多个子图标的第二图标。

例如，用户命令保持时间大于或等于预存储的第一持续时间，处理器130可以控制显示器110以规则的时间间隔顺序地显示第二图标。可以不同地体现显示器110上显示的第二图标的顺序和/或形状。

当用户选择至少一个第二图标中的一个时，处理器130可以控制显示器110，使得变形为流体的第一图标可以与选择的第二图标结合。此外，至少一个第二图标是复数，处理器130可以控制显示器110，使得剩余的第二图标从未被选择的图标中消失。此时，可以不同地体现未选择的其它第二图标从显示器110消失的顺序和形状。此外，当改变成流体形状的第一图标与所选择的第二图标完全结合时，处理器 130可以控制显示器110，使得组合第一图标和第二图标的UI可以消失。

当沿至少一个第二图标中的方向输入手势(例如，滑动)时，处理器130可以确定用户选择了与第一图标最接近的第二图标。

此外，当第一图标与变形成流体类型的图标和所选择的第二图标完全结合时，处理器130可以控制显示器110，使得在屏幕上显示与所选择的第二图标相对应的UI。

例如，用于选择显示在显示器上的至少一个图标的图标可以是指示来电呼叫的图标。当用户选择来电呼叫并向右侧方向滑动超过预存储时间时，可以显示指示功能的子图标(例如，与来电呼叫相对应的消息和扬声器电话)。当所选择的子图标指示扬声器电话时，具有粘度的流体类型的来电呼叫图标可以与指示扬声器电话的子图标结合。当流体类型的来电呼叫与指示扬声器电话的子图标完全结合时，来电呼叫可以从屏幕消失，并且可以在屏幕上提供与扬声器电话相对应的 UJ。

当存在多个第二图标并且由用户变形为流体的第一图标接近多个第二图标中的一个时，处理器130可以控制显示器110，使得第一图标附近的第二图标的形状与剩余的第二图标的形状不同地显示。例如，通过用户命令(即，向上/向下/向左/向右滑动)，变形为下垂形状的第一图标(例如，橡胶)可以接近四个第二图标。此时，四个第二图标中的最接近第一图标的第二图标的形状可以不同于剩余3个图标的形状不同，并且形状可以被不同地体现。

处理器130可以控制显示器110确定通过用户命令而被输入到第一图标的压力，并且基于接收用户命令的持续时间和所确定的压力，将第一图标变形为具有粘度的流体形状的图标。

当用于接收用户命令的持续时间大于预定持续时间并且所确定的压力值大于预定义压力值时，处理器130可以控制显示器110将第一图标变形为具有粘度的流体类型图标，使得根据持续时间而将第一图标扩展到预定义范围内。

当第一图标的形状达到阈值边缘时，处理器130可以控制显示器 110根据持续时间顺序地显示位于流体类型图标周围的至少一个第二图标，以接收用户命令。

当用户选择至少一个第二图标中的一个时，处理器130可以将该第二图标与变形成流体类型的第一图标结合。

当用于接收用户命令的持续时间大于预定义第一阈值时，当用户命令的移动距离大于第二阈值时，处理器130控制显示器110在输入用户命令的第一图标周围显示用于对与第一图标相对应的菜单项目进行编辑的UI。

所提出的方法示出了被指派了流体行为属性的流体式UI元件。动作确认被表示为虚拟流体块。用户的手势(即，点击、按压、滑动等)以多种方式使虚拟流体块如真实的流体那样变形(即，展开、分离、涂抹等)。在特定的变形程度下，超过阈值并且流体块断裂，这指示动作确认。实现了使用流体的粘度属性来实现基于灵活阈值的触发机制。

输入器120被配置为接收在流体式UI元件上的用户输入。在接收到流体式UI元件上的用户输入之后，处理器130被配置为估计与流体式UI元件的交互的持续时间。处理器130被配置为估计与流体式UI元件的交互的程度水平。基于该估计，处理器130被配置成引起流体式UI元件的变形。

在本公开的实施例中，流体式UI元件的变形表示虚拟流体的模仿粘度。

在本公开的实施例中，根据所估计的与流体式UI元件的交互的持续时间和程度水平，通过确定所估计的持续时间达到预定义持续时间阈值并且确定所估计的程度达到预定义程度阈值，来引起UI元件的变形。

图2和图3示出了根据本公开各种实施例的流体式UI元件的操作机制。

图2是示出了图标根据用户命令的移动距离而变形为具有粘度的流体形状的图形效果的图。

参考图2，在示例中，用户手指放置在流体式UI元件(210-1) 上，并且将流体式UI元件(210-2)拖向阈值边缘(220)。当被拖动的流体式UI元件(210-2)到达阈值边缘(220)时，被拖动的流体式 UI元件分开(210-3，210-4)，并且启动了一个或多个动作项目(未示出)。

图3是示出了图标根据用户命令输入的持续时间而变形为具有粘度的流体形状的图形效果的图。

参考图3，在另一示例中，用户手指放置在流体式UI元件310 上并向内按压。流体式UI元件310向阈值边缘320扩展。当扩展的 UI元件330到达阈值边缘320时，扩展的UI元件330分开成340-1、 340-2、340-3、340-4(如图3所示)，并且启动了一个或多个动作项目(未示出)。

在本公开的实施例中，一个或多个动作项目是基于用户交互而填入的(即，如果电子设备100的用户快速地在流体式UI上执行手势，则填入在流体式UI元件上的选项是最小化的，并且如果电子设备100 的用户缓慢地在流体式UI上执行手势，则填入在流体式UI元件上的选项是最大化的)。

在本公开的实施例中，流体式UI元件的变形的速率或水平基于针对流体式UI元件而施加的力，例如流体式UI元件中的拖动手势或在流体式UI元件上施加压力。

在本公开的实施例中，流体式UI的变形的速率或水平可以基于预定义设置而变化。

在本公开的实施例中，基于所述确定引起流体式UI元件的变形包括：响应于确定所估计的持续时间达到预定义持续时间阈值并且所估计的与流体式UI元件的交互的程度达到预定义程度阈值，顺序地呈现多个动作项目。

在本公开的实施例中，引起UI元件的变形包括：响应于确定所估计的持续时间达到预定义持续时间阈值并且所估计的程度达到预定义程度阈值，来分开UI元件。

此外，输入器120被配置为接收从多个动作项目中对动作项目的选择，并且引起UI元件的变形以与所选择的项目结合。在本公开的实施例中，根据所接收到的与所显示的项目有关的交互来顺序呈现多个动作项目。在示例中，当交互延长超过针对***预定义的阈值持续时间时，顺序地呈现多个动作项目。

图4示出了根据本公开实施例的流体式UI元件，其中变形的流体式UI元件与所选择的动作项目结合。

参考图4，当与具有粘度的流体类型的图标410-1、410-2和410-3 有关的用户输入持续时间大于预存时间，并且用户命令移动距离大于预存移动距离时，可以根据用户输入的持续时间来显示与图标410-1 和410-2相对应的多个子图标420、430、440和450。例如，当在预设时间内以预设时间间隔来顺序地显示子图标420、430、440和450 时。

此外，当用户将流体类型图标410-1拖动并移动到多个子图标 420、430、440和450中的每一个时，与图标410-1相邻的子图标420、 430、440和450的形状可以与其它子图标的形状不同。

例如，用户可以沿向上方向滑动图标410-1以接近子图标420。此时，图标410-1附近的子图标420的形状可以与其它子图标430、 440和450不同。例如，子图标420的大小可以大于其它子图标430、 440和450。或者，子图标420的大小不能变形，并且其它子图标430、440和450的大小可以比子图标420显示地更小。上述实施例不限于此。

在另一示例中，响应于确定所估计的持续时间达到预定义持续时间阈值并且所估计的程度达到预定义程度阈值，来划分UI元件410-3。电子设备100接收从多个动作项目420-1、430-1、440-1和440-5中对动作项目420-1的选择，并且与所选择的项目420-1结合(如图4所示)。

例如，用户可以从多个子图标420-1、430-1、440-1和440-5中选择一个子图标420-1。当用户输入用户命令(例如，将流体类型的图标410-3沿子图标420-1的方向滑动并拖动超过预存距离(阈值边缘)) 时，电子设备100可以确定用户选择了子图标420-1。此时，电子设备100可以提供将流体类型图标410-3与所选择的子图标420-1结合的图形效果，并且使未选择的其它子图标430-1、440-1和450-1消失。此外，电子设备100可以提供将屏幕改变为与所选择的子图标420-1 相对应的操作屏幕的图形效果。

在示例中，如果电子设备100的用户拒绝呼叫，则当用户降低滑动速度时，出现相关的后续动作(动作项目)420、430、440和450。根据滑动速度，用于拒绝呼叫的可能选项目“利用消息拒绝”420、“利用自动答复拒绝”430、以及“利用回拨提醒拒绝”440出现在屏幕中。如果用户选择“利用消息拒绝”420-1，则变形的UI元件410-3与“利用消息拒绝”420-1结合。

在示例中，当用户对于期望向另一用户发送消息感到迷乱(不确定性)时，用户缓慢地拉伸流体式UI元件。该手势为消息发送提供了多个选项(或动作项目)(如图7所示)。

在本公开的实施例中，流体式UI元件的程度与施加在流体式UI 元件上的压力相对应。

在本公开的实施例中，根据所施加的压力使得流体式UI元件成比例地变形。

在本公开的实施例中，基于拖动距离来使流体式UI元件变形(即，测量距起始位置的拖动距离，并按比例变形流体式UI元件)。

在本公开的实施例中，基于拖动距离和所施加的压力来使流体式 UI元件变形。

此外，变形管理单元被配置为在流体式UI元件上没有用户输入的情况下恢复流体式UI元件的变形。

在本公开的实施例中，所提出的方法中的流体式UI元件表示对象。例如，该对象可以是带花瓣的花朵。当朝向所显示的选项与花瓣的交互程度超过程度阈值时，则花瓣与所选择的选项相关联。

在本公开的实施例中，流体式UI元件的变形可以模仿UI上的物理交互。在本公开的实施例中，模仿可以包括流体式UI元件的变形与模仿的交互之间的直接映射。在本公开的实施例中，模仿可以包括流体式UI元件的变形与模仿的交互之间的代表性映射。

在本公开的实施例中，流体式UI元件的变形可以模仿与流体式 UI元件的交互，这种交互指示虚拟流体的移动。

在本公开的实施例中，流体式UI元件能够变形到多个不同的位置。流体式UI元件可以用于以沿着一个或多个运动度(例如，沿向外方向、向内方向、扭转运动、和拉伸运动、或其任何组合)变形。

在本公开的实施例中，流体式UI元件可以可操作为以自由形态方式(比如，以海绵状材料的变形的方式)变形。

处理器130可以使所选择的动作项目的表面变形。

在双显示屏幕的情况下，流体式UI元件与显示屏幕共面，以及置于显示屏的上方、下方或作为显示屏的一部分中。在示例中，流体式UI元件置于电子设备100的背面上。

图5A是示出了根据本公开实施例的用于引起流体式UI元件的变形的方法的流程图。

参考图5A，在操作502a处，该方法包括接收UI元件上的用户输入。在本公开的实施例中，该方法允许输入识别单元接收UI元件上的用户输入。在操作504a处，该方法包括估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。在本公开的实施例中，该方法允许处理器130估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。在操作506a处，该方法包括引起UI元件的变形。在本公开的实施例中，该方法允许处理器130 引起UI元件的变形。

所提出的方法使用基于流体粘度的UI元件提供了灵活性。这种灵活性可以通过两种方式实现。

基于触发动作的持续时间的多样化功能：UI元件需要变形到阈值点以触发动作。使基于流体的触发器的变形的的持续时间的增加利用相关信息或动作项目来逐渐证实原始意图。这是因为将延迟映射到了用户对更多上下文内容的需求或围绕主要意图的提炼。

流体式UI元件的粘度的上下文相关改变：第二种灵活性方式是当界面根据特定上下文改变流体式UI元件的粘度时，使得执行相同动作可以具有不同难度水平(即，压力、持续时间、时间等)。

可以按照所呈现的顺序、按照不同顺序或同时地执行所述方法中的各种动作、行为、块、操作等。此外，在本公开的一些实施例中，在不脱离本公开的范围的情况下，一些动作、行为、块、操作等可以被省略、添加、修改、跳过等。

图5B是示出了根据本公开实施例的用于将变形的流体式UI元件与所选择的项目结合起来的方法的流程图。

参考图5B，在操作502b处，该方法包括接收流体式UI元件上的用户输入。在本公开的实施例中，该方法允许输入器120接收UI 元件上的用户输入。在操作504b处，该方法包括估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。在本公开的实施例中，该方法允许处理器130估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。在操作506b处，该方法包括引起UI元件的变形。在本公开的实施例中，该方法允许处理器引起UI元件的变形。

在操作508b处，该方法包括基于该变形接收从多个动作项目中对动作项目的选择。在本公开的实施例中，该方法允许输入器120基于变形接收从多个动作项目中对动作项目的选择。在操作510b处，该方法包括引起UI元件的变形以与所选择的项目结合。在本公开的实施例中，该方法允许处理器130引起UI元件的变形以与所选择的项目结合。

可以按照所呈现的顺序、按照不同顺序或同时地执行所述方法中的各种动作、行为、块、操作等。此外，在本公开的一些实施例中，在不脱离本公开的范围的情况下，一些动作、行为、块、操作等可以被省略、添加、修改、跳过等。

图5C是示出了根据本公开实施例的用于在流体式UI元件上没有用户输入的情况下恢复流体式UI元件的变形的方法的流程图。

参考图5C，在操作502c处，该方法包括接收UI元件上的用户输入。在本公开的实施例中，该方法允许输入单元接收UI元件上的用户输入。在操作504c处，该方法包括估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。在本公开的实施例中，该方法允许处理器130估计与流体式UI元件的交互的持续时间以及与流体式UI元件的交互的程度。在操作506c处，该方法包括引起流体式UI元件的变形。在本公开的实施例中，该方法允许处理器130 引起UI元件的变形。在操作508c处，该方法包括在流体式UI元件上没有用户输入的情况下恢复UI元件的变形。在本公开的实施例中，该方法允许处理器130在UI元件上没有用户输入的情况下恢复流体式UI元件的变形。没有用户输入例如可以是但不限于释放对UI元件的拖动操作、释放对UI元件的按压操作或两者的组合。

所提出的方法增强了用户便利性，并且增加了UI元件的可用性和竞争性。

可以按照所呈现的顺序、按照不同顺序或同时地执行所述方法中的各种动作、行为、块、操作等。此外，在本公开的一些实施例中，在不脱离本公开的范围的情况下，一些动作、行为、块、操作等可以被省略、添加、修改、跳过等。

图6示出了根据本公开各种实施例的根据使用流体式UI元件实现的交互而显示的来电呼叫相关选项。

参考图6，当电子设备100的用户接收到来自呼叫方的呼叫时，用户可以通过在持续时间阈值内使流体式UI元件变形超出程度阈值来直接参加呼叫。当用户对于参加呼叫具有不确定性并且期望有附加选项时，则用户不会在持续时间阈值内将流体式UI元件变形到程度阈值。

例如，用户可以选择呼叫图标610，并且沿向右方向滑动超过用户命令输入的持续时间。此时，呼叫图标610可以变形为具有粘度的流体类型的图标610-1。当用户沿向右方向滑动呼叫图标610-1超过预存移动距离并且达到存储的移动距离的阈值边缘时，呼叫图标610-1 可以变形为与移动距离一样长、具有粘度的流体类型的图标610-2。

当超过持续时间阈值时，与呼叫610相关的选项(即，动作项目) 620、630、640和650出现在用户眼前。随着在交互上花费更多时间而超出交互持续时间阈值，在该流体式UI元件上顺序地呈现更多地选项。随着用户继续在交互上花费更多时间，以预定义时间间隔呈现选项。如果在任何时间点处，用户松开了，则变形恢复。如图6所示，动作项目620、630、640和650是扬声器选项620、视频呼叫选项630、镜像屏幕选项640和录音选项650。这些选项根据UI元件的变形而顺序呈现。预定义时间间隔是指在呈现选项的预定义时间之后顺序呈现选项。例如，以2毫秒呈现扬声器选项620、视频呼叫选项630，以 2.5毫秒呈现镜像屏幕选项640，以3毫秒呈现录音选项650。当用户期望选择选项时，用户必须对UI执行动作(即，与视频呼叫在一起来参加呼叫)。响应于用户选择了项目630-1，变形的UI元件610-3 与用户选择的项目630-1(即，视频呼叫)结合，并且未选择的剩余项目620-1、640-1、650-1逐渐消失。

图7示出了根据本公开各种实施例的在联系人应用中的根据使用流体式UI元件实现的“滑动以发消息”交互而显示的消息发送选项。

参考图7，当电子设备100的用户期望向联系人列表700中的多个联系人710之中的联系人710-1发送消息时，用户可以通过使流体式UI元件720变形超出程度阈值来发送消息。当用户对向联系人 710-1发送消息具有不确定性并且期望附加选项时，则用户不会在持续时间阈值内使流体式UI元件720变形到程度阈值。当超过持续时间阈值时，在流体式UI元件720-1上出现与消息收发应用相对应的动作项目730、740、750和760(即，消息、关于第三方应用的消息、将在特定时间处要发送的消息、以及至多个联系人的消息)。随着在交互上花费更多时间超过持续时间阈值，在流体式UI元件720-1上以预定义间隔顺序地呈现动作项目730、740、750和760。如果在任何时间处，用户松开了，则变形恢复。

当用户期望选择选项时，用户必须执行动作以选择特定动作项目 740(即，关于第三方应用的消息)。响应于选择了动作项目740，变形的UI元件720-2与所选择的项目740-1(即关于第三方应用的消息) 结合，并且将通过第三方应用向联系人2发送消息。

此时，电子设备100可以提供将变形的UI元件720-2结合到所选择的动作项目740-1的图形效果，并且未选择的动作项目730-1、750-1 和760-1消失。此外，电子设备100可以在屏幕上提供与所选择的动作项目740-1(即，关于第三方应用的消息)相对应的消息发送UI。

图8示出了根据本公开各种实施例的在通知面板中的根据使用流体式UI元件实现的“滑动以删除”交互而显示的选项。

电子设备100的用户倾向于拒绝通知并忘记关注一些重要通知。所提出的方法提供了建议性选项在通知面板800中拒绝时关注重要通知。在示例中，针对漏接呼叫通知810的可能后续选项是“稍后提醒”、“回拨”或“发送消息”。

参考图8，当电子设备100的用户期望在通知面板800中选择漏接呼叫时，用户可以通过使流体式UI元件820变形超出程度阈值并在持续时间阈值内来直接删除漏接呼叫。当用户对于删除漏接呼叫通知具有不确定性并且期望有附加选项时，则用户不会在持续时间阈值内将流体式UI元件变形到程度阈值。当超过持续时间阈值时，在流体式UI元件820-1上呈现选项830、840和850。随着在交互上花费更多时间而超出交互的持续时间阈值，将在该UI上以预定义间隔顺序地呈现更多地选项。如果在任何时间点处，用户松开了，则变形恢复。用户期望对流体式UI元件820-1执行与选项850(即，稍后提醒) 相关联的动作。基于用户选择，变形的UI元件820-2与选择的项目 850-1(即，稍后提醒)结合。此时，电子设备100可以提供未被选择的项目830-1和840-1消失的图形效果。

图9A和图9B示出了根据如本文中所公开的各种实施例的根据使用流体式UI元件实现的交互而调用的删除功能。

当用户输入持续时间大于第一阈值并且用户命令移动距离大于预定义第二阈值时，电子设备100可以提供显示UI的图形效果，以对与输入了用户命令的图标相对应的菜单项目进行编辑。

参考图9A，电子设备100可以接收命令以选择一个邮件(例如，医生顾问)，并且沿向右方向滑动920以将所选择的邮件从文件夹900 中的电子邮件列表中删除。此时，电子设备100可以提供与滑动920 命令相对应的流体式UI 930和删除菜单图标940。当与流体式UI930 有关的用户的命令输入持续时间小于预存第一阈值(例如，0.1ms)并且用户命令移动距离达到预存第二阈值(例如，1cm)时，电子设备 100可以自动将流体式UI 930-1与删除菜单图标结合以删除所选择的邮件。

参考图9B，电子设备100可以接收命令以选择一个邮件(例如，银行对账单)，并且沿向右方向滑动950以将所选择的邮件从主文件夹 910中的电子邮件列表中删除。此时，电子设备100可以提供与滑动命令950相对应的流体式UI 960和删除菜单图标970。当用户输入持续时间和用户命令移动距离满足图9A所述的第一阈值和第二阈值时，电子设备100可以不自动删除所选择的邮件。相反，当与流体式UI 960-1有关的用户命令输入持续时间大于预存第三阈值(例如，0.5ms) 并且用户命令移动距离达到预存第四阈值(例如，2.5cm)时，电子设备100可以提供流体式UI 960-1与删除菜单图标970结合的流体式 UI 960-2，并且删除所选择的电子邮件。

例如，电子设备100可以被设置为基于用户输入持续时间和用户命令移动距离根据流体式UI的粘度操作不同的操作。如上所述，当需要针对所选择的项目(比如，垃圾邮件邮箱)快速执行命令时，电子设备100可以将流体式UI的粘度设置为低，以使得用户命令输入持续时间短并且用户命令移动距离短。相反，当需要针对所选择的项目(例如，主邮箱而不是垃圾邮件邮箱)执行命令时，电子设备100 可以将流体式UI的粘度设置为高，以使得用户命令持续时间更长，并且用户命令移动距离更长。上述阈值是为了描述本公开，并不限于此。阈值可以根据电子设备的大小和响应速度而不同地改变。

电子设备100的用户倾向于删除电子邮件中的消息。与主要文件夹910中的UI元件的变形阈值距离相比，文件夹900中的UI元件的变形阈值距离较小。因此，相对于文件夹900的UI元件的变形阈值距离而言(如图9A所示)，用户能够容易地执行操作，这是因为与文件夹900相比，在针对相同删除操作将需要更多时间/压力的主要文件夹910的情况下，虚拟流体的粘度也更大。因此，所提出的方法提供了相对于施加了变形的上下文对于类似操作而言易于执行的灵活性。主要文件夹910的重要性高于文件夹900的重要性，并且在主要文件夹910的情况下，UI提供更大的阻力以允许用户在删除更重要的电子邮件时花更多的时间来做出判定。

图10示出了根据本公开各种实施例的图库中的根据使用流体式 UI元件实现的交互而显示用于共享图像的社交网络服务(SNS)。

参考图10，在图库应用中，用户从图库1000中选择图像。当用户期望使用默认SNS向另一用户发送图像时，用户通过施加压力来使流体式UI元件变形，并在持续时间阈值1010-1内使压力超过压力(程度)阈值。然而，如果用户感到迷乱(不确定性)，则用户不会在持续时间阈值1010-1内使压力超过压力阈值。当超过持续时间阈值时，在流体式UI元件上呈现更多选项1020、1030、1040和1050。例如，用户可以通过在图库中的触摸或点击输入来选择一个图片。此时，所选择的图标1010可以显示在用户输入的点上。电子设备100可以提供如下图形效果：在指定范围内根据时间来扩展图标1010，直到输入持续时间变成预存时间为止。随着用户继续在交互上花费更多时间，以预定义规则间隔顺序地呈现选项1020、1030、1040和1050。如果在任何时间点处，用户松开了，则变形恢复。在流体式UI上呈现了多个选项1020、1030、1040和1050(即，在SNS 1至SNS 4上共享所选择的图片)。基于用户选择了选项1030(即，用户选择通过SNS 2共享图片)，变形的UI元件1010-2与所选择的选项1030(即，SNS 2) 结合。通过SNS 2 1030将所选择的图像共享给另一电子设备。

图11示出了根据本公开各种实施例的图库中的根据使用流体式 UI元件实现的交互而显示的用于编辑的各种选项。

参考图11，用户从图库中选择图像1100。当用户期望通过按压自动增强选项来编辑图像1100时，用户通过施加压力使流体式UI元件1110变形并且在持续时间阈值1110-1内使压力超过压力(程度) 阈值。然而，如果用户对于编辑图片感到迷乱(不确定性)，则用户不会在持续时间阈值1110-1内使压力超过压力阈值。当超过持续时间阈值时，在流体式UI元件上呈现更多选项1120、1130、1140和1150。随着用户继续在交互上花费更多时间，以预定义间隔呈现选项1020、 1130、1140和1150。如果在任何时间点处，用户松开了，则变形恢复。作为响应，在UI上顺序地呈现选项1120、1130、1140和1150(即，删除图片、旋转图片、剪裁图片和工具)。基于用户选择了选项1130 (即，用户选择旋转图片)，变形的UI元件1110-2与所选择的选项 1130结合。在图库中旋转所选择的图片。

图12示出了根据本公开各种实施例的浏览器中的根据使用流体式UI元件实现的交互而显示的用于共享新闻内容的各种SNS。

内容可以是例如但不限于新闻、视频、音频、多媒体等。

参考图12，当用户期望使用默认SNS向另一用户发送新闻内容 1200时，用户通过施加压力来使流体式UI元件1210变形，并且在持续时间阈值1210-1内使压力超过压力(程度)阈值。然而，如果用户感到迷乱(不确定性)，则用户不会在持续时间阈值内使压力超过压力阈值。当超过持续时间阈值时，在流体式UI元件上呈现更多选项1220、 1230、1240和1250。随着用户继续在交互上花费更多时间，以预定义规则时间间隔呈现选项。如果在任何时间点处，用户松开了，则变形恢复。在流体式UI元件1210上顺序呈现了多个选项1220、1230、1240 和1250(即，通过SNS 1至SNS 4共享所选择的新闻)。基于用户选择了选项1230(即，用户选择通过SNS2共享新闻)，变形的UI元件 1210-2与所选择的项1230(即，SNS2)结合。通过SNS2将所选择的新闻共享给其它用户。

图13示出了根据本公开各种实施例的音乐列表中的根据使用流体式UI元件实现的交互而显示的各种音乐播放器。

参考图13，当用户期望选择将以默认播放器播放的音乐1300时，用户通过施加压力来使流体式UI元件1310变形，并且在持续时间阈值1310-1内使压力超过压力(程度)阈值。然而，如果用户感到迷乱 (不确定性)，则用户不会在持续时间阈值1310-1内使压力超过压力阈值。当超过持续时间阈值时，在流体式UI元件上呈现更多选项1320、 1330、1340和1350。随着用户继续在交互上花费更多时间，以预定义规则间隔呈现选项1320、1330、1340和1350。如果在任何时间点处，用户松开了，则变形恢复。在流体式UI元件上顺序呈现了多个选项 1320、1330、1340和1350(即，音乐播放器1至音乐播放器4)。基于用户选择了选项1350(即，用户选择以播放器4来播放所选择的歌曲)，变形的UI元件1310-2与选项1350相对应的所选择的播放器4 结合。

图14示出了根据本公开各种实施例的日历应用中的根据使用流体式UI元件实现的交互而显示的各种选项。

参考图14，当电子设备100的用户期望在日历应用1400中设置提醒时，用户通过施加压力来使流体式UI元件1410变形，并且在持续时间阈值1410-1内使压力超过压力(程度)阈值。然而，如果用户感到迷乱(不确定性)，则用户不会在持续时间阈值1410-1内使压力超过压力阈值。当超过持续时间阈值时，在流体式UI元件上呈现更多选项1420、1430、1440和1450。随着用户继续在交互上花费更多时间，以预定义规则间隔顺序地呈现选项1420、1430、1440和1450。如果在任何时间点处，用户松开了，则变形恢复。在流体式UI元件上顺序呈现了多个选项1420、1430、1440和1350(比如，提醒、邀请通知、会议和任务)。基于用户选择了选项1430(即，用户选择在日历应用中设置提醒)，变形的UI元件1410-2与所选择的选项1430 (即，提醒)结合。

图15示出了根据本公开各种实施例的可穿戴设备中的根据使用流体式UI元件实现的交互而显示的各种选项。

参考图15，本文中提及的可穿戴设备100是智能手表。用户可以通过在持续时间阈值内使流体式UI元件1500变形超出程度阈值来直接参加呼叫。当用户对于参加呼叫具有不确定性并且期望有附加选项时，则用户不会在持续时间阈值内将流体式UI元件变形到程度阈值。当超过持续时间阈值时，根据流体式UI元件1500的变形程度顺序地呈现多个选项1510、1520和1530。随着用户继续在交互上花费更多时间，以预定义间隔呈现选项1510、1520和1530。如果在任何时间点处，用户松开了，则变形恢复。当用户期望选择选项1520时，用户必须对UI执行动作1520(即，与扬声器打开选项在一起来参加呼叫)。响应于用户选择1520，变形的UI元件1500-1与所选择的项目1520 结合(即，利用扬声器打开选项来接受呼叫)。预定义时间间隔是指在呈现选项的预定义时间之后顺序呈现选项。例如，以2毫秒呈现利用扬声器接受呼叫，并且以2.20毫秒呈现录音呼叫选项。图15的选项 1510、1520、1530的顺序和时间的示例不限于此。

图16示出了根据本公开各种实施例的实现用于在动作确认中使用流体式UI元件来提供灵活性的方法的计算环境。

参考图16，计算环境1602包括：配备有控制单元1604和算术逻辑单元(ALU)1606的至少一个处理单元1608、存储器1610、贮存器1612、多个联网设备1616和多个输入输出(I/O)设备1614。处理单元1608负责处理技术指令。处理单元1608从控制单元1604接收命令以便执行其处理。此外，在ALU 1606的帮助下计算执行指令所涉及的任何逻辑和算术运算。

整个计算环境1602可以包括多个同质或异质核、多个不同种类的中央处理单元(CPU)、特定介质和其它加速器。处理单元1608负责处理技术指令。此外，多个处理单元1604可以位于单个芯片上或横跨多个芯片。

包括针对实现所需的指令和代码在内的技术被存储在存储器 1610、存储装置1612之一或两者中。在执行时，可以从对应的存储器 1610或存储装置1612中获取指令，并且由处理单元1608执行指令。

在任意硬件实现的情况下，可以将各种联网设备1616或外部I/O 设备1614与计算环境1602连接，以通过联网单元和I/O设备单元来支持实现。

可以通过使得至少一个软件程序在至少一个硬件设备上运行并且执行网络管理功能以控制这些元件，来实现本文公开的各种实施例。图1、图2、图3、图4、图5A、图5B、图5C、图6、图7、图8、图9A、图9B、图10、图11、图12、图13、图14、图15和图16中所示的元件包括可以是至少一个硬件设备或者硬件设备和软件模块的组合的块。

本公开的某些方面还可以体现为非暂时性计算机可读记录介质上的计算机可读代码。非暂时性计算机可读记录介质是能够存储随后可由计算机***读取的数据的任何数据贮存设备。非暂时性计算机可读记录介质的示例包括只读存储器(ROM)、RAM、压缩盘ROM(CD-ROM)、磁带、软盘和光学数据存储设备。非暂时性计算机可读记录介质也可以分布在联网的计算机***上，使得以分布式方式存储和执行计算机可读代码。此外，用于实现本公开的功能程序、代码和代码段能够容易地被本公开所属领域的编程技术人员解译。

在这点上，应注意，如上所述的本公开的各种实施例通常在一定程度上涉及输入数据处理和输出数据生成。这种输入数据处理和输出数据生成可以实现用硬件或软件与硬件的组合来实现。例如，可以在移动设备或者类似或相关电路中采用特定的电子组件，以实现与上述本公开的各种实施例相关联的功能。备选地，根据所存储的指令操作的一个或多个处理器可以实现与上述本公开的各种实施例相关联的功能。如果是这种情况，则这种指令可以存储在一个或多个非暂时性处理器可读介质上在本公开的范围内。处理器可读介质的示例包括 ROM、RAM、CD-ROM、磁带、软盘和光学数据存储设备。处理器可读介质还可以分布在联网的计算机***上，使得以分布方式存储和执行指令。此外，用于实现本公开的功能计算机程序、指令和指令段能够容易地被本公开所属领域的编程技术人员解译。

以上对特定实施例的描述充分揭示了本文中各种实施例的一般性质，从而其他技术人员能够在不背离总体构思的前提下，通过应用现有知识容易地针对各种应用对这些特定实施例进行修改和/或调整，因此，这种调整和修改应该且意图被包括在所公开的实施例的等同物的意义和范围内。可以理解，本文使用的短语和术语用于描述目的而不是限制。

尽管参考本公开各实施例示出并描述了本公开，但是本领域技术人员将理解：在不脱离由所附权利要求及其等同物限定的本公开的精神和程度的前提下，可以进行形式和细节上的各种改变。

Claims (11)

1.一种电子设备，包括：

显示器，被配置为显示至少一个第一图标；

输入器，被配置为接收用户命令，以选择所述至少一个第一图标并且将所述至少一个第一图标移动到所述显示器的另一区域；以及

至少一个处理器，被配置为：

确定接收所述用户命令的持续时间并且确定所述用户命令的移动距离，

基于所述持续时间和所述移动距离，控制在所述显示器上显示位于所述至少一个第一图标周围的至少一个第二图标，

基于所述持续时间等于或大于预定义持续时间以及所述移动距离小于预定义移动距离，控制将所述至少一个第一图标的形状变形并在所述显示器上显示为具有粘度的流体，其中所述至少一个第一图标的形状从选择所述至少一个第一图标的起始区域到输入了所述用户命令的最后区域是连续的，

基于所述至少一个第二图标之一被用户选择，将所述至少一个第一图标与所选择的至少一个第二图标结合，以及

基于存在多个所述至少一个第二图标，使所述多个第二图标之中的未被选择的剩余第二图标消失。

2.根据权利要求1所述的电子设备，其中，所述至少一个处理器还被配置为：控制所述显示器根据所述持续时间顺序地显示所述至少一个第二图标。

3.根据权利要求1所述的电子设备，其中，所述至少一个处理器还被配置为：当所述至少一个第一图标通过所述用户接近所述多个第二图标之一时，控制所述显示器，使得与所述至少一个第一图标相邻的第二图标的形状显示为与剩余第二图标的形状不同。

4.根据权利要求1所述的电子设备，其中，所述至少一个处理器还被配置为：

确定通过所述用户命令而被输入到所述至少一个第一图标的压力，以及

基于接收用户命令的持续时间和所确定的压力，将所述至少一个第一图标变形并显示为具有粘度的流体形状的图标。

5.根据权利要求4所述的电子设备，其中，所述至少一个处理器还被配置为：当所述持续时间等于或大于预定义持续时间时并且当所确定的压力值等于或大于预定义压力值时，控制所述显示器将所述至少一个第一图标变形并显示为具有粘度的流体类型的图标，使得所述至少一个第一图标根据所述持续时间在指定范围内扩展。

6.根据权利要求5所述的电子设备，其中，所述至少一个处理器还被配置为：当所述至少一个第一图标的轮廓达到所述指定范围时，控制所述显示器，使得在根据所述持续时间变形成流体类型的所述至少一个第一图标的周围顺序地显示所述至少一个第二图标。

7.根据权利要求6所述的电子设备，

其中，所述至少一个处理器还被配置为：当所述用户选择所述至少一个第二图标之一时，控制所述显示器，使得所述至少一个第一图标与所选择的第二图标结合，并且

其中，当存在多个所述至少一个第二图标时，所述多个第二图标之中的未被选择的剩余第二图标消失。

8.根据权利要求1所述的电子设备，其中，所述至少一个处理器还被配置为：当所述持续时间等于或大于第一阈值时并且当所述移动距离等于或大于第二阈值时，控制所述显示器在输入了所述用户命令的所述至少一个第一图标周围显示用于对与所述至少一个第一图标相对应的菜单项目进行编辑的UI。

9.一种用于电子设备的方法，包括：

在所述电子设备的显示器上显示至少一个第一图标；

接收用户命令，以选择所述至少一个第一图标并且将所述至少一个第一图标移动到所述显示器的另一区域；

确定接收所述用户命令的持续时间和所述用户命令的移动距离；

基于所述持续时间和所述移动距离，在所述显示器上显示位于所述至少一个第一图标周围的至少一个第二图标；

基于所述持续时间等于或大于预定义持续时间以及所述移动距离小于预定义移动距离，将所述至少一个第一图标的形状变形并在所述显示器上显示为具有粘度的流体，其中所述至少一个第一图标的形状从选择所述至少一个第一图标的起始区域到输入了所述用户命令的最后区域是连续的；

基于所述至少一个第二图标之一被用户选择，将所述至少一个第一图标与所选择的至少一个第二图标结合；以及

基于存在多个所述至少一个第二图标，使所述多个第二图标之中的未被选择的剩余第二图标消失。

10.根据权利要求9所述的方法，其中，显示所述至少一个第一图标包括：

根据所述持续时间在所述至少一个第一图标周围顺序地显示所述至少一个第二图标。

11.根据权利要求9所述的方法，其中，显示所述至少一个第一图标包括：

当所述至少一个第一图标通过用户接近所述多个第二图标之一时，进行显示，使得与所述至少一个第一图标相邻的第二图标的形状被显示为与剩余第二图标的形状不同。

Images