CN114205457B - 一种移动用户界面元素的方法、电子设备及存储介质 - Google Patents

Abstract

一种移动用户界面元素的方法及电子设备。在该方法中，电子设备显示第一用户界面，第一用户界面中多个元素列表排列；多个元素中包括第一元素和第二元素；电子设备检测到第一操作，第一操作用于移动所述多个元素；第一操作触控位置处的元素为第一元素；响应于第一操作，电子设备将第一元素移动第一距离，将第二元素移动第二距离；第一距离与第二距离不同。实施本申请提供的技术方案，电子设备可以将列表排列的多个元素进行差异化的移动。

Description

一种移动用户界面元素的方法、电子设备及存储介质

技术领域

本申请涉及电子技术领域，尤其涉及一种移动用户界面元素的方法及电子设备。

背景技术

随着电子技术的发展，大多数电子设备都具有触摸屏。触摸屏(touch screen)又称为“触控屏”、“触控面板”。触摸屏可以用来显示用户界面，用户界面可以包含多个元素(例如，控件、图片和文本)。用户可以在触摸屏中滑动手指，电子设备可以检测到用户的滑动手势。响应于用户操作，电子设备用户界面中的所有元素会随着用户手指滑动的方向整体移动。电子设备中的每个元素无法进行差异化的移动。这样，不能给用户带来更好的交互体验。

由此，电子设备如何使得用户界面中每个元素随着用户操作进行差异化移动是亟待解决的问题。

发明内容

本申请实施例提供了一种移动用户界面元素的方法，按照该方法，电子设备可以将列表排列的多个元素进行差异化的移动。

第一方面，本申请提供了一种移动用户界面元素的方法，该方法可以包括：电子设备显示第一用户界面，第一用户界面中多个元素列表排列；多个元素中包括第一元素和第二元素；电子设备检测到第一操作，第一操作用于移动多个元素；第一操作触控位置处的元素为第一元素；响应于第一操作，电子设备将第一元素移动第一距离，将第二元素移动第二距离；第一距离与第二距离不同。

其中，第一操作可以用于移动多个元素，且可以用于查看列表排列的多个元素中隐藏的元素。第一操作可以是用户手指接触显示屏向一个方向滑动，例如向左滑动，向右滑动，向上滑动，向下滑动。

可以理解的，第一用户界面中的列表排列的多个元素可以是单行或者单列排列的，也可以是多行多列排列的。多个元素间的间距相等。

这样，电子设备可以使用户界面中列表排列的多个元素进行差异化的移送，可以提升用户体验。

结合第一方面，在一种可能的实现方式中，响应于第一操作，电子设备将第一元素移动第一距离，将第二元素移动第二距离；第一距离与第二距离不同，具体包括：响应于第一操作，电子设备设置第一元素的第一传导参数值和传导系数，并根据第一传导参数值和传导系数设置第二元素的第二传导参数值；电子设备根据第一传导参数值将第一元素移动第一距离，根据第二传导参数值将第二元素移动第二距离，第一距离与第二距离不同。这样，电子设备可以使得第一元素和第二元素移动的距离不同，即进行差异化的移动。

结合第一方面，在一种可能的实现方式中，第一传导参数值大于第二传导参数值，第一距离与第二距离不同，具体包括：第一距离大于第二距离。这样，第一元素和第二元素间的间距会改变。

结合第一方面，在一种可能的实现方式中，第一传导参数值小于第二传导参数值，第一距离与第二距离不同，具体包括：第一距离小于第二距离。这样，第一元素和第二元素间的间距会改变。

结合第一方面，在一种可能的实现方式中，多个元素包括第三元素，电子设备设置第一元素的第一传导参数值和传导系数，并根据第一传导参数值和传导系数设置第二元素的第二传导参数值，还包括：电子设备根据第一传导参数值和传导系数设置第三元素的第三传导参数值。这样，电子设备可以通过传导系数将多个元素关联，形成一个类似弹簧的模型。

结合第一方面，在一种可能的实现方式中，当第二元素与第一元素的距离，和第三元素与第一元素的距离相等时，第二元素的传导参数值和第三元素的传导参数值相同；当第二元素与第一元素的距离，小于第三元素与第一元素的距离时，第二元素的传导参数值大于第三元素的传导参数值。这样，以第一元素为分界点，在第一操作的方向上的元素间的间距变小，在第一操作的反方向上的元素间的间距变大。

结合第一方面，在一种可能的实现方式中，第二元素与第一元素的距离，和第三元素与第一元素的距离相等，包括：第二元素与第一元素的欧式距离，和第三元素与第一元素的欧式距离相等；第二元素与第一元素的切比雪夫距离，和第三元素与第一元素的切比雪夫距离相等；第二元素与第一元素的曼哈顿距离，和第三元素与第一元素的曼哈顿距离相等。

结合第一方面，在一种可能的实现方式中，第一距离由第一操作在电子设备的显示屏滑动的距离确定。

结合第一方面，在一种可能的实现方式中，第一距离由第一操作在电子设备的显示屏滑动的距离确定，包括：第一距离等于第一操作在电子设备的显示屏滑动的距离。

结合第一方面，在一种可能的实现方式中，第二距离由第二传导系数和第一距离确定。

结合第一方面，在一种可能的实现方式中，响应于第一操作，电子设备将第一元素移动第一距离，将第二元素移动第二距离；第一距离与第二距离不同，具体包括：响应于第一操作，电子设备设置第二元素的第一时间偏移系数；电子设备将第一元素移动第一距离，并在第一时间偏移系数后开始将第二元素移动第二距离；第一距离与第二距离不同。

结合第一方面，在一种可能的实现方式中，第一元素移动的速度大于或等于第二元素移动的速度，第一距离与第二距离不同，包括：述第一距离大于第二距离。

第二方面，提供一种电子设备，该电子设备可以包括：通信接口、存储器和处理器；通信接口、存储器与处理器耦合，存储器可以用于存储计算机程序代码，计算机程序代码包括计算机指令，当处理器从存储器中读取计算机指令，以使得该电子设备执行如第一方面中任一种可能的实现方式。

第三方面，提供一种计算机可读存储介质，包括指令，其特征在于，当上述指令在电子设备上运行时，以使得电子设备执行如第一方面中任一种可能的实现方式。

第四方面，提供一种计算机产品当所述计算机程序产品在计算机上运行时，使得所述计算机执行如第一方面中任一种可能的实现方式。

附图说明

图1A-图1B是本申请实施例提供的电子设备的一组用户界面示意图；

图2是本申请实施例提供的电子设备的一种用户界面示意图；

图3是本申请实施例提供的电子设备的一种用户界面示意图；

图4是本申请实施例提供的电子设备的一种用户界面示意图；

图5A-图5C是本申请实施例提供的电子设备的一组用户界面示意图；

图6A-图6I是本申请实施例提供的电子设备的一组用户界面示意图；

图7A-图7G是本申请实施例提供的电子设备的一组用户界面示意图；

图8是本申请实施例提供的一种移动用户界面元素的方法流程示意图；

图9A-图9C是本申请实施例提供的一组多个元素移动示意图；

图10是本申请实施例提供的电子设备的硬件结构示意图；

图11是本申请实施例提供的电子设备的软件架构示意图。

具体实施方式

本申请以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括复数表达形式，除非其上下文中明确地有相反指示。还应当理解，本申请中使用的术语“和/或”是指并包含一个或多个所列出项目的任何或所有可能组合。

以下，术语“第一”、“第二”仅用于描述目的，而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征，在本申请实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。

本申请的说明书和权利要求书及附图中的术语“用户界面(user interface，UI)”，是应用程序或操作***与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。应用程序的用户界面是通过java、可扩展标记语言(extensible markup language，XML)等特定计算机语言编写的源代码，界面源代码在终端设备上经过解析，渲染，最终呈现为用户可以识别的内容，比如图像、文本、按钮等控件。控件(control)也称为部件(widget)，是用户界面的基本元素，典型的控件有工具栏(toolbar)、菜单栏(menu bar)、输入框、按钮(button)、滚动条(scrollbar)、图像和文本。界面中的控件的属性和内容是通过标签或者节点来定义的，比如XML通过<Textview>、<ImgView>、<VideoView>等节点来规定界面所包含的控件。一个节点对应界面中一个控件或属性，节点经过解析和渲染之后呈现为用户可视的内容。此外，很多应用程序，比如混合应用(hybrid application)的界面中通常还包含有网页。网页，也称为页面，可以理解为内嵌在应用程序界面中的一个特殊的控件，网页是通过特定计算机语言编写的源代码，例如超文本标记语言(hyper text markup language，GTML)，层叠样式表(cascading stylesheets，CSS)，java脚本(JavaScript，JS)等，网页源代码可以由浏览器或与浏览器功能类似的网页显示组件加载和显示为用户可识别的内容。网页所包含的具体内容也是通过网页源代码中的标签或者节点来定义的，比如GTML通过<p>、<img>、<video>、<canvas>来定义网页的元素和属性。

用户界面常用的表现形式是图形用户界面(graphic user interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个窗口、控件等界面元素。

例如，图1A示出了手机10的用户界面100。用户界面100可以包括应用程序的图标和状态指示符等元素。如图1A所示，用户界面100中的应用程序图标可以包括：设置的图标111、商城的图标112、备忘录的图标113、相机的图标114、文件管理的图标115、电子邮件的图标116、音乐的图标117、计算器的图标118、通讯录的图标119和信息的图标120。用户界面100中的状态指示符可以包括：移动通信信号(又可称为蜂窝信号)的一个或多个信号强度指示符121、移动通信信号(又可称为蜂窝信号)的一个或多个信号强度指示符122、电池状态指示符124和时间指示符125等等。

下面先对本申请实施例涉及的相关术语及概念进行介绍。

1、基准元素

本申请实施例将用户在用户界面中进行触控操作时，用户手指与显示屏接触位置处的元素，称为基准元素。如图1B所示，用户在用户界面100中进行触控操作。用户的手指于显示屏接触位置处的元素为电子邮件的图标116。即此时电子邮件的图标116可以称为基准元素。

在本申请实施例中，基准元素可以是第一元素。

2、链式联动

在本申请实施例，电子设备可以将用户界面中的元素设置为链式联动。即各个元素相互关联的移动，但又有差异的移动方式，在本申请实施例中可以称为链式联动。具体地，电子设备通过给用户界面的元素设置传导系数、时间偏移系数来实现用户界面中元素的链式联动。本申请实施例中涉及到的链式联动的具体形式可以参考下文中的描述，此处先不赘述。

3、传导系数

在本申请实施例，电子设备通过设置元素的传导系数来决定其他元素和基准元素位移的差异。传导系数越大，其他元素的位移与基准元素的位移之间的差异越大。传导系数可以是正数，也可以是负数。在本申请实施例中，电子设备根据基准元素的传导系数和传导参数值来设置其他元素的传导参数值。传导系数可以包括刚性系数和阻尼系数。传导参数值可以是刚度值或者阻尼值。

可以理解的是，电子设备中配置有基准元素的传导系数和传导参数值。当电子设备根据用户操作确定基准元素后，电子设备可以将基准元素的传导系数设置为***中配置的传导系数。电子设备可以将基准元素的传导参数值设置为***中配置的传导参数值。

4、时间偏移系数

在本申请实施例中，电子设备通过设置元素的时间偏移系数来决定元素开始移动的时间。电子设备可以根据基准元素开始移动的时间来设置其他元素的时间偏移系数。举例来说，若元素的时间偏移系数为t，则该元素在基准元素移动时间t后才开始移动。

5、列表类用户界面

本申请实施例将存在多个元素列表排列的用户界面称为列表类用户界面。在一些列表类用户界面中，列表排列的一部分元素隐藏。用户可以通过用户操作(例如，向上滑动、向下滑动、向左滑动、向右滑动等等)查看用户界面中隐藏的元素。该用户操作可以是本申请实施例的第一操作。

在一些例子中，本申请实施例的列表类用户界面可以是图1A和图1B中示出的用户界面100。用户界面100中设置的图标111、商城的图标112、备忘录的图标113、相机的图标114、文件管理的图标115、电子邮件的图标116、音乐的图标117、计算器的图标118等元素按照列表排列。

在又一个例子中，本申请实施例的列表类用户界面可以是图2中示出的用户界面200。用户界面200中可以包括用于搜索设置项的控件201、用于设置用户账号(例如华为账号、付款与账单账号等等)的控件202、用于设置无线局域网(Wireless Local AreaNetwork，WLAN)的控件203、用于设置蓝牙的控件204、用于设置移动网络的控件205、用于选择其他连接的控件206、用于设置桌面和壁纸的控件207、用于设置显示屏显示和亮度的控件208等等。其中，用户界面200中控件202、控件203、控件204、控件205、控件207、控件208等呈列表排列。用户界面200中还可以有更多的控件，用户可以通过向上滑动手势查看用户界面200中列表排列的其他控件。

在另一个例子中，本申请实施例中的列表类用户界面可以是图3示出的用户界面300。用户可以在用户界面300中找到想要安装的第一应用，并下载安装第一应用。用户界面300中可以显示一些提供给用户下载的应用的图标。例如，时钟应用的图标301、日历应用的图标302、图库应用的图标303、备忘录应用的图标304，视频应用的图标305、健康应用的图标306、天气应用的图标307、浏览器应用的图标308、生活应用的图标309、设置应用的图标310、录音机应用的图标311、商场应用的图标312。其中，时钟应用的图标301、日历应用的图标302、图库应用的图标303、备忘录应用的图标304列表排列。视频应用的图标305、健康应用的图标306、天气应用的图标307、浏览器应用的图标308列表排列。生活应用的图标309、设置应用的图标310、录音机应用的图标311、商场应用的图标312列表排列。

在又一些例子中，本申请实施例中的列表类用户界面可以是如图4示出的用户界面400。用户界面400中可以包括窗口401、窗口402和窗口403。其中，窗口401、窗口402以及窗口403列表排列。用户可以向左或向右滑动列表排列的各个窗口。

在另一个例子中，本申请实施例中的列表类用户界面可以是图5A中示出的用户界面50A。用户界面50A中可以包括文本501、选项框502、控件503、控件504、控件505、输入框506、输入框507、输入框508、输入框509、输入框510等等。其中输入框506、输入框507、输入框508、输入框509、输入框510等输入框按照列表排列。用户可以在输入框中输入文本或图片信息。用户可以通过向上滑动手势查看用户界面50A中更多的输入框。

在现有技术中，用户可以用户界面中有列表排列元素的区域进行操作来查看该区域中列表排列的所有元素。例如，如图5B所示，用户可以从输入框508处向上滑动手指。如图5C所示，响应于用户的操作，手机10显示用户界面50B。随着用户在用户界面50A中向上滑动手指，用户界面50A中列表排列的元素(例如输入框506、输入框507、输入框508等等)向上移动。用户界面50B可以是用户界面50A中元素随用户手势向上移动后的用户界面。这样，用户可以在用户界面50B中查看到用户界面50A中隐藏的元素。例如输入框510和输入框511。当用户向上滑动手指时，用户界面中的列表排列的元素会整体移动，移动的距离都是相同的。用户界面中的每个元素无法进行差异化的移动。这样，不能提升用户体验。

针对现有技术中用户界面中列表排列的每个元素无法进行差异化移动的问题，本申请实施例提出一种移动用户界面元素的方法。该方法可以包括：电子设备显示第一用户界面，第一用户界面中多个元素列表排列；多个元素中包括第一元素和第二元素；电子设备检测到第一操作，第一操作用于移动所述多个元素；第一操作触控位置处的元素为第一元素；响应于第一操作，电子设备将第一元素移动第一距离，将第二元素移动第二距离；第一距离与第二距离不同。这样，通过本申请实施例提供的一种移动用户界面元素的方法，电子设备可以使得用户界面中列表排列的元素进行差异化的移动。

下面结合附图详细描述电子设备中用户界面列表排列的元素具体可以如何进行差异化移动。

以手机为例，图6A-图6B示例性地示出了响应于用户的向上滑动操作，手机10的用户界面列表排列的元素进行差异化移动。

图6A示出了手机10的用户界面50A。用户界面50A中可以包括文本501、选项框502、控件503、控件504、控件505、输入框506、输入框507、输入框508、输入框509、输入框510等等。其中输入框506、输入框507、输入框508、输入框509、输入框510等输入框按照列表排列。用户界面50A可以参考上述图5A中的描述，此处不再赘述。列表排列的输入框之间的距离均为d1。输入框507与输入框508之间的距离为d1。输入框508与输入框509之间的距离为d1。输入框509与输入框510之间的距离为d1。输入框510与输入框511之间的距离为d1。用户可以在用户界面50A中进行向上滑动操作。例如，用户手指在触摸输入框508的位置开始向上滑动。此时输入框508可以是本申请实施例中的基准元素。响应于用户操作，手机10显示用户界面50D。

图6B示出了手机10的用户界面50D。用户界面50D中具体包括的元素与用户界面50A中相同。具体描述可以参考上文对用户界面50A的描述，此处不再赘述。用户界面50D中的输入框508可以跟随用户的滑动手势向上移动。输入框506、输入框507以及输入框509、输入框510也会向上移动，但是和输入框508的移动速度不一样。输入框506和输入框507之间的距离从d1变为d2。输入框507和输入框508之间的距离从d1变为d3。输入框508和输入框509之间的距离从d1变为d4。输入框509和输入框510的之间的距离从d1变为d5。输入框508的移动速度与输入框506、输入框507、输入框509以及输入框510的移动速度不同。

其中，d2和d3均小于d1，d4和d5均大于d1。

在一种可能的实现方式中，d3小于d2，d4小于d5。

在一种可能的实现方式中，d3等于d2，d4等于d5。

可以理解的是，输入框508的位移可以由用户向上滑动的位移决定。手机10可以通过触摸传感器检测到用户手势在显示屏上向上滑动，以及向上滑动的位移。手机10可以设置基准元素的跟手比率，当跟手比率为1:1时，即基准元素的位移等于用户手指的位移。手机10确定基准元素后，可以设置基准元素的传导系数。然后根据基准元素的传导系数来设置其他元素的传导系数。手机10还可以设置其他元素的时间偏移系数。手机10可以通过给列表排列的元素设置不同传导系数和时间偏移系数，使得各个元素向上滑动的位移不一样。用户从用户界面中可以看到列表排列的各个元素在移动过程中各个元素之间的距离变化有差异。

这样，用户在列表类用户界面进行滑动时，列表类用户界面中列表排列的元素可以差异化的移动。即列表排列的每个元素的移动速度和开始移动的时间可以不一样。用户可以看到列表排列的元素之间的距离发生变化。例如，图6B中示出的用户界面50B，以基准元素(即输入框508)为分界线，在用户滑动手势正方向的元素之间的距离变小，在用户滑动手势反方向的元素之间的距离变大。用户可以用户界面中看到列表排列的元素差异化的移动，这样，可以提升用户体验。

在一种可能的实现方式中，当用户将列表排列的最底部的元素向上滑动到一定位置时，用户的手指离开用户界面后列表排列的元素可以移动到用户滑动前的位置。如图6C-图6E示例性地示出了用户界面50E中列表排列的最底部的元素(即输入框511)从底端向上滑动到一定位置，用户的手指离开用户界面后用户界面的元素可以移动到用户滑动前的位置。

在图6B中示出的用户界面50D中，用户可以继续往上滑动，滑动到用户界面50D中的列表排列的元素无法向上移动。响应于该用户操作，手机10可以显示用户界面50E。

图6C示出了手机10的用户界面50E。用户界面50E中可以包括文本501、选项框502、控件503、控件504、控件505、输入框508、输入框509、输入框510和输入框511等等。输入框508和输入框509之间的距离从图6B示出的d4变为d6。输入框509和输入框510之间的距离从图6B示出的d5变为d7。输入框510和输入框511之间的距离为d8。当用户继续向上滑动时，列表排列的最底部的元素(即输入框511)已经移动到一定位置。此时，列表排列的元素无法在随着用户向上滑动的手势继续向上移动。

用户的手指可以离开手机10的显示屏，如图6D所示。当手机10在显示屏中未检测到用户的触摸操作。手机10的用户界面50E列表排列的元素可以移动到未接收到用户操作之前时在用户界面中的位置。且列表排列的元素之间的距离恢复到d1。如图6E所示，手机10中显示用户界面50A。

在一种可能的实现方式中，当用户触摸在基准元素上，将基准元素向上甩动时，基准元素的移动速度可以和用户甩动的速度相同。并且当基准元素移动到一定位置后，在摩擦力的作用下移动速度还未减为0时，基准元素开始向反方向移动，列表排列的其他元素也会向反方向移动，直至列表排列顶部的元素回到初始位置后停止，其他元素依次停止移动。例如，图6F-图6I示例性地示出了列表排列的各个元素在摩擦力的作用下停止移动的过程。

图6F示出了手机10的用户界面50A。关于用户界面50A可以参考上文中的描述，此处不再赘述。如图6F所示，用户可以触摸在输入框508处将输入框508向上甩动。响应于用户操作，用户界面50A中列表排列的元素向上移动。基准元素，即输入框508的移动速度由用户向上甩动的速度确定。移动后的用户界面可以如图6G中示出的用户界面50F所示。

图6G示出了手机10的用户界面50F。用户界面50F可以包括文本501、选项框502、控件503、控件504、控件505、输入框508、输入框509、输入框510和输入框511等等。输入框508和输入框509之间的距离从图6F示出的d1变为d9。输入框509和输入框510之间的距离从图6F示出的d1变为d10。输入框510和输入框511之间的距离为d11。当输入框508移动到一定位置后，开始向反方向移动(即向下移动)。其他元素，如输入框509、输入框510输入框511也会随着输入框508开始反向移动。以及隐藏的输入框506和输入框507也会向下移动。移动后的用户界面可以如图6H示出的用户界面50G所示。

图6H示出了手机10的用户界面50G。用户界面50G可以包括文本501、选项框502、控件503、控件504、控件505、输入框508、输入框509、输入框510和输入框511等等。输入框508和输入框509之间的距离从图6G示出的d9变为d12。输入框509和输入框510之间的距离从图6G示出的d10变为d13。输入框510和输入框511之间的距离从图6G示出的d11变为d14。输入框508、输入框509、输入框510以及输入框511以及隐藏的输入框506和输入框507会继续向下移动。输入框506恢复到原先的位置后停止移动。然后其它输入框恢复到原先的位置后也停止移动。最终手机10中显示用户进行向上甩动操作之前的用户界面50A。如图6I所示，输入框506-输入框511都移动到原先的位置，输入框之间的距离也变为d1。

在一种可能的实现方式中，电子设备可以将与基准元素欧式距离相同的元素设置相同的传导参数值和时间偏移系数。这样，电子设备以基准元素为圆心，将用户界面中距离基准元素不同的元素分为多组元素。其中，同一组中的每个元素与基准元素的欧式距离相等。具体可以如图7A所示。

图7A示出的手机10的用户界面100。关于用户界面100中包含的元素具体可以参考上文中描述，此处不再赘述。图7A中以基准元素是电子邮件的图标116为例。例如，手机10可以将与电子邮件的图标116的欧氏距离相等的文件管理的图标115和音乐的图标117分为一组。手机10可以将与电子邮件的图标116的欧式距离相等的设置的图标111、商场的图标112以及备忘录的图标113分为一组。即图中示出的在同一个圆上的元素为一组元素，同一组元素中的每个元素的运动相同。关于欧式距离如何计算可以参考现有技术中的描述，此处不赘述。

可选地，手机10将中心与基准元素的欧式距离相等的元素分为一组。即，中心在一个圆上的元素为一组元素。例如用户界面100中，设置的图标111和商城的图标112在同一个圆上。但是，设置的图标111的中心和商城的图标112的中心不在一个圆上。这样，设置的图标111和商城的图标112不能被分为到同一组。手机10也可以将元素中的某一点(例如，中心点，左上角顶点、右上角顶点等等，此处不作限定)与基准元素的欧式距离相等的元素分为一组。

图7B示例性地示出了多个元素通过与基准元素的欧式距离分为不同组。如图7B所示，元素700为用户手指触摸处的元素。因此，元素700被设置为基准元素。中心点与元素700的欧式距离相等的元素可以分为一组元素。例如，元素701、元素702、元素703和元素704可以分为一组元素。元素705、元素706、元素707和元素708可以分为一组元素。元素709、元素710、元素711和元素712可以分为一组元素。元素713、元素714、元素715、元素716、元素717、元素718、元素719和元素720可以分为一组元素。元素721、元素722、元素723和元素724可以分为一组元素。同一组的每个元素的传导参数值相同，时间偏移系数也相同。

如图7C所示，图7C示例性地示出了同一组的元素运动相同，不同组的元素运动不相同。图7C中的a图和图7C中的b图中每个圆均示意一组元素。当用户向a图中示出的运动方向滑动时，所有元素会向该运动方向移动。但是由于不同组元素的传导参数值和时间偏移系数不同，因此不同组的元素的位移不一样。如图7C中的b图所示，由基准元素开始带动距离最近的一个圆上的一组元素开始移动。在移动过程中，滑动方向同一侧元素间间距缩小，滑动反方向一侧元素间距增大。

在一种可能的实现方式中，电子设备可以将与基准元素切比雪夫距离相同的元素设置相同的传导参数值和时间偏移系数。这样，电子设备以基准元素为圆心，将用户界面中与基准元素的切比雪夫距离不同的元素分为多组元素。其中，同一组中的每个元素与基准元素的切比雪夫距离相等。具体可以如图7D所示。

图7D示出的手机10的用户界面100。关于用户界面100中包含的元素具体可以参考上文中描述，此处不再赘述。图7D中以基准元素是电子邮件的图标116为例。例如，手机10可以将与电子邮件的图标116的切比雪夫距离相等的文件管理的图标115和音乐的图标117分为一组。手机10可以将与电子邮件的图标116的切比雪夫距离相等的商场的图标112和计算器的图标118分为一组。即图中示出的在同一个菱形上的元素为一组元素，同一组元素中的每个元素的运动相同。关于切比雪夫距离具体如何计算可以参考现有技术中的描述，此处不赘述。

图7E示例性地示出了多个元素通过与基准元素的切比雪夫距离分为不同组。如图7E所示，元素700为用户手指触摸处的元素。因此，元素700被设置为基准元素。中心点与元素700的切比雪夫距离相等的元素可以分为一组元素。例如，元素701、元素702、元素703和元素704可以分为一组元素。元素705、元素706、元素707、元素708、元素709、元素710、元素711和元素712可以分为一组元素。元素713、元素714、元素715、元素716、元素717、元素718、元素719和元素720可以分为一组元素。元素721、元素722、元素723和元素724可以分为一组元素。同一组的每个元素的传导参数值相同，时间偏移系数也相同。

在一种可能的实现方式中，电子设备可以将与基准元素曼哈顿距离相同的元素设置相同的传导参数值和时间偏移系数。这样，电子设备以基准元素为圆心，将用户界面中与基准元素的曼哈顿距离不同的元素分为多组元素。其中，同一组中的每个元素与基准元素的曼哈顿距离相等。具体可以如图7F所示。

图7F示出的手机10的用户界面100。关于用户界面100中包含的元素具体可以参考上文中描述，此处不再赘述。图7F中以基准元素是电子邮件的图标116为例。例如，手机10可以将与电子邮件的图标116的曼哈顿距离相等的文件管理的图标115和音乐的图标117分为一组。手机10可以将与电子邮件的图标116的曼哈顿距离相等的设置的图标111、商场的图标112、备忘录的图标113、相机的图标114和计算器的图标118分为一组。即图中示出的在同一个矩形上的元素为一组元素，同一组元素中的每个元素的运动相同。关于曼哈顿距离具体如何计算可以参考现有技术在中的描述，此处不赘述。

图7G示例性地示出了多个元素通过与基准元素的曼哈顿距离分为不同组。如图7E所示，元素700为用户手指触摸处的元素。因此，元素700被设置为基准元素。中心点与元素700的曼哈顿距离相等的元素可以分为一组元素。例如，元素701、元素702、元素703、元素704、元素705、元素706、元素707和元素708可以分为一组元素。元素709、元素710、元素711、元素712、元素713、元素714、元素715、元素716、元素717、元素718、元素719和元素720、元素721、元素722、元素723和元素724可以分为一组元素。同一组的每个元素的传导参数相同，时间偏移系数也相同。

本申请实施例中，电子设备中的列表排列的多个元素互相关联，但是传导参数不同，或者时间偏移系数不同。由于传导系数和/或时间偏移系数不同，列表排列的每个元素的位移可以不同。用户可以看到电子设备的用户界面中列表排列的元素可以差异化的移动。这样，提升了用户体验。

下面结合附图介绍本申请实施例提供的一种移动用户界面元素的方法。如图8所示，该方法具体可以包括：

S800、电子设备在第一用户界面中检测到第一操作，响应于第一操作，电子设备确定第一用户界面的第一元素为基准元素，第一用户界面中包括列表排列的多个元素，多个元素包括第一元素和第二元素。

在本申请实施例中，多个元素中除了基准元素的其他元素可以是第二元素。

第一用户界面为列表类用户界面，即第一用户界面中的一些元素列表排列。例如，第一用户界面可以是图1A中示出的用户界面100，也可以是图2示出的用户界面200。第一用户界面还可以是图3示出的用户界面300。第一用户界面还可以是图4示出的用户界面500，以及图5A示出的用户界面50A。本申请实施例对第一用户界面的具体形式不作限定。

第一操作用于移动第一用户界面中列表排列的元素。第一操作可以是用户手指触摸在显示屏中向一个方向滑动(例如向左滑动、向上滑动、向下滑动、向右滑动等等)。或者第一操作可以是用户手指触摸在显示屏中向一个方向甩动。本申请实施例对第一操作不作限定。

当电子设备检测到第一操作，电子设备将用户只需第一操作手指触摸处的元素作为基准元素。如图6A所示，图6A中示出的用户界面50A可以是本申请实施例中的第一用户界面。其中，输入框508可以是本申请实施例中的第一元素。输入框506、输入框507、输入框509以及输入框510等等可以是与第一元素列表排列的第二元素。用户执行第一操作时，手指触摸处的元素为输入框508，电子设备将输入框508作为基准元素。

S801、电子设备设置基准元素的第一传导参数值和传导系数。

电子设备的***中可以配置有第一传导数值和传导系数，例如，第一传导参数值可以是元素的刚度值或者阻尼值。又例如，第一元素的刚度值可以为20，或者第一元素的阻尼值可以为20。此处不作限定。当电子设备确定基准元素后，电子设备将配置的传导系数设置为基准元素的传导系数。传导系数越大，列表排列的元素间的移动差异越大。传导系数越小，列表排列的元素间的移动差异越小。

在一种可能的实现方式中，电子设备还设置基准元素的跟手比率，跟手比率为基准元素的位移与第一操作的位移的比率。

电子设备的***中可以配置有跟手比率。电子设备可以将配置的跟手比率设置为基准元素的跟手比率。跟手比率用于决定着基准元素跟随着用户手指移动的位移大小。***中配置的跟手比率可以是动态的比率，也可以是固定的比率。固定的比率可以是1:1，1:0.5等等，此处不作限定。可以理解的是，当跟手比率为1:1时，用户手移动m厘米时，基准元素也会移动m厘米。当跟手比率为1:0.5时，用户手移动m厘米时，基准元素也会移动0.5m厘米。动态的跟手比率公式可以是f(y)＝e^(-k*y)，其中y为用户手指在电子设备的显示屏上的位移。f(y)表示基准元素的位移。K为常数，一般可以为1.848。

S802、电子设备设置与第一元素列表排列的第二元素的第二传导参数值和/或时间偏移系数，第二传导参数值由第一传导参数值和传导系数确定。

在一种可能的实现方式中，元素离基准元素的距离越小，传导参数值越大。第二传导系数可以根据如下表1中的类型A的公式得到，也可以根据表1中的类型B得到。表1具体如下：

表1传导系数公式

类型	公式	说明
			A	<![CDATA[x<sub>n</sub>＝x*(n+1)<sup>-0.18*g</sup>]]>	曲线变化
B	<![CDATA[x<sub>n</sub>＝x-g*n]]>	等比变化

表1中，x为基准元素的第一传导参数值。n为以基准元素为中心由近到远的元素的编号。例如，意图6A示出的用户界面50A为例，输入框507和输入框509的编号为1，输入框506和输入框510的编号为2。g为刚性/阻尼传导系数，g的值可以由***配置。当g＝0时，其他元素的传导系数值等于基准元素的传导参数值。这里的g即为本申请实施例中的传导系数。

电子设备可以通过调节刚性/阻尼系数来调整用户界面中多个元素的传导参数值。电子设备还可以分别调整刚性传导系数或阻尼传导系数来调整用户界面中多个元素的传导参数值。g可以分解成gs和gd这两个参数。其中gs为刚性传导系数，gd为阻尼传导系数。刚性传导值为xs_n，xs_n＝xs*(n+1)^-0.18*gs或xs_n＝xs-gs*n。阻尼传导系数值为xd_n，xd_n＝xd*(n+1)^-0.18*gd或xd_n＝xd-gd*n。传导系数越大，第二传导参数与第一传导参数的差值越大，基准元素与第二元素的运动差异越大。

这里，传导系数g的取值可以是正数，也可以是负数。当g为正数时，传导系数g的取值越大，其他元素的传导参数值越小。例如，g可以取值0.9，也可以取值1等等。

在一种可能的实现方式中，多个元素中与基准元素的欧式距离相等的元素编号相同。如图7B所示，元素701、元素702、元素703、元素704与基准元素701的欧式距离相等，且距离基准元素最近。这样，元素701、元素702、元素703、元素704的编号n相同，n可以等于1。元素705、元素706、元素707、元素708与基准元素701的欧式距离相等。这样，元素705、元素706、元素707、元素708的编号n相同，n可以等于2。欧式距离的具体计算方法可以参考现有技术，此处不再赘述。

在一种可能的实现方式中，多个元素中与基准元素的切比雪夫距离相等的元素编号相同。如图7E所示，元素701、元素702、元素703、元素704与基准元素701的切比雪夫距离相等，且距离基准元素最近。这样，元素701、元素702、元素703、元素704的编号n相同，n可以等于1。元素705、元素706、元素707、元素708、元素709、元素710、元素711、元素712与基准元素701的切比雪夫距离相等。这样，元素705、元素706、元素707、元素708的编号n相同，n可以等于2。切比雪夫距离的具体计算方法可以参考现有技术，此处不再赘述。

在一种可能的实现方式中，多个元素中与基准元素的曼哈顿距离相等的元素编号相同。如图7G所示，元素701、元素702、元素703、元素704、元素705、元素706、元素707、元素708与基准元素701的曼哈顿距离相等，且距离基准元素最近。这样，元素701、元素702、元素703、元素704、元素705、元素706、元素707、元素708的编号n相同，n可以等于1。元素709、元素710、元素711、元素712、元素713、元素714、元素715、元素716、元素717、元素718、元素719和元素720、元素721、元素722、元素723和元素724与基准元素701的曼哈顿距离相等。这样，元素709、元素710、元素711、元素712、元素713、元素714、元素715、元素716、元素717、元素718、元素719和元素720、元素721、元素722、元素723和元素724的编号n相同，n可以等于2。曼哈顿距离的具体计算方法可以参考现有技术，此处不再赘述。

S803、电子设备移动基准元素第一距离，根据第二传导参数值和/或时间偏移系数将第二元素移动第二距离，第一距离和第二距离不同。

电子设备可以根据设置的跟手比率移动基准元素。电子设备移动基准元素的距离由跟手比率和用户手指在显示屏中移动的距离决定。多个元素按照设置的时间偏移系数确定开始移动的时间。这样，多个元素、基准元素，每个元素的位移可以不一样。

在一种可能的实现方式中，传导系数为正数，第一传导参数值大于第二传导参数值，第一距离与第二距离不同，具体包括：第一距离大于第二距离。即当传导系数为正数时，以基准元素为分界线，在用户操作正方向上的元素间的间距会变小，在用户操作反方向上的元素间的间距会变大。

在一种可能的实现方式中，传导系数为负数，第一传导参数值小于第二传导参数值，第一距离与第二距离不同，具体包括：第一距离小于第二距离。这样，第一元素和第二元素间的间距会改变。即当传导系数为负数时，以基准元素为分界线，在用户操作正方向上的元素间的间距会变大，在用户操作反方向上的元素间的间距会变小。

在一种可能的实现方式中，多个元素包括第三元素，电子设备设置第一元素的第一传导参数值，并根据第一传导系数设置第二元素的第二传导参数值，还包括：电子设备根据第一传导参数值和传导参数设置第三元素的第三传导参数值。这样，电子设备可以通过传导系数将多个元素关联，形成一个类似弹簧的模型。

在一种可能的实现方式中，当第二元素与第一元素的距离，和第三元素与第一元素的距离相等时，第二元素的传导系数和第三元素的传导参数值相同；当第二元素与第一元素的距离，小于第三元素与第一元素的距离时，第二元素的传导参数值大于第三元素的传导参数值。这样，以第一元素为分界点，在第一操作的方向上的元素间的间距变小，在第一操作的反方向上的元素间的间距变大。

在一种可能的实现方式中，基准元素的位移大于第二元素的位移。基准元素的位移根据电子设备设置的跟手比率和用户手指在显示屏中滑动的距离确定。例如，当电子设备设置的跟手比率为1:1时，基准元素的位移等于用户手指在显示屏中滑动的距离确定。第二元素的位移由第二传导参数值和第一元素的位移确定。传导系数越大，第二传导参数越小，第二元素的位移与第一元素的位移的差异越大。

在一种可能的实现方式中，电子设备可以只设置多个元素的时间偏移系数，不设置刚性/阻尼传导系数。即，多个元素中的基准元素和其他元素的运动开始时间不一样。基准元素的传导参数值和其他元素的传导参数值一样。如图9A所示，基准元素和元素A、元素B、元素C为用户界面中列表排列的元素。当时间偏移系数设置为t，刚性/阻尼传导系数设置为0时，基准元素和元素A、元素B、元素C的运动开始时间不一样。

在一种可能的实现方式中，电子设备可以只设置刚性/阻尼传导系数，不设置多个元素的时间偏移系数。即多个元素开始移动的时间一样。但是运动时长相同时，位移不一样。如图9B所示，基准元素和元素A、元素B、元素C为用户界面中列表排列的元素。当时间偏移系数设置为0，刚性/阻尼传导系数设置为g时，基准元素和元素A、元素B、元素C的运动开始时间一样。运动时长相同时，位移不一样。元素由于变形产生的位移不一样。这样，离基准元素越近的元素会缩小越多，

在一种可能的实现方式中，电子设备既设置基准元素的刚性/阻尼传导系数，又设置多个元素的时间偏移系数。即多个元素开始移动的时间不一样。且运动时长相同时，位移不一样。如图9C所示，基准元素和元素A、元素B、元素C为用户界面中列表排列的元素。当时间偏移系数设置为t，刚性/阻尼传导系数设置为g时，基准元素和元素A、元素B、元素C的运动开始时间不一样。且运动时长相同时，位移不一样。

电子设备中基准元素和多个元素移动的过程可以参考上述图6A-图6B的描述，此处不再赘述。在基准元素和多个元素移动的过程中，以基准元素为分界线，用户移动正方向的元素间的间距逐渐变小，用户移动反方向的元素间的间距逐渐变小。

在一种可能的实现方式中，用户界面中列表排列的多个元素中的顶部元素或底部元素从第一位置移动到第二位置，用户离手后用户界面中的多个元素移动到第一位置。这里，可以参考图6C-图6E的描述。此处不再赘述。

在一种可能的实现方式中，用户离手后，基准元素可以继承用户离手时的滑动速度，在摩擦力的作用下停止移动。摩擦力可以由电子设备的***配置。这里，可以参考图6F-图6I的描述，此处不再赘述。

下面介绍本申请实施例提供的示例性电子设备100。

图10是本申请实施例提供的电子设备100的结构示意图。

下面以电子设备100为例对实施例进行具体说明。应该理解的是，电子设备100可以具有比图中所示的更多的或者更少的部件，可以组合两个或多个的部件，或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。

电子设备100可以包括：处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。

可以理解的是，本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了***的效率。

在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。

I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。

I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过I2S接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。

PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中，音频模块170也可以通过PCM接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。

UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现通过蓝牙耳机播放音乐的功能。

MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等***器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(displayserial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备100的显示功能。

GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据信号。在一些实施例中，GPIO接口可以用于连接处理器110与摄像头193，显示屏194，无线通信模块160，音频模块170，传感器模块180等。GPIO接口还可以被配置为I2C接口，I2S接口，UART接口，MIPI接口等。

SIM接口可以被用于与SIM卡接口195通信，实现传送数据到SIM卡或读取SIM卡中数据的功能。

USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与***设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。

可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。

电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。

调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。

无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星***(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。

在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯***(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivision multiple access，CDMA)，宽带码分多址(wideband code division multipleaccess，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位***(global positioning system，GPS)，全球导航卫星***(global navigation satellite system，GLONASS)，北斗卫星导航***(beidounavigation satellite system，BDS)，准天顶卫星***(quasi-zenith satellitesystem，QZSS)和/或星基增强***(satellite based augmentation systems，SBAS)。

电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。

电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。

ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。

摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。

视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。

NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作***，至少一个功能所需的应用(比如人脸识别功能，指纹识别功能、移动支付功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如人脸信息模板数据，指纹信息模板等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universalflash storage，UFS)等。

电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。

扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐，或收听免提通话。

受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。

麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中，电子设备100可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备100还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。

耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。

压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。

陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即，x，y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备100抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备100的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。

气压传感器180C用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。

磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中，当电子设备100是翻盖机时，电子设备100可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态，设置翻盖自动解锁等特性。

加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。

距离传感器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。

接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近有物体。当检测到不充分的反射光时，电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。

环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。

指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。

温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备100执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。

触摸传感器180K，也称“触控面板”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。

马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。

指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。

SIM卡接口195用于连接SIM卡。SIM卡可以通过***SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。同一个SIM卡接口195可以同时***多张卡。所述多张卡的类型可以相同，也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。

图11是本申请实施例的电子设备100的软件结构框图。

分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将***分为四层，从上至下分别为应用程序层，应用程序框架层，运行时(Runtime)和***库，以及内核层。

应用程序层可以包括一系列应用程序包。

如图11所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序(也可以称为应用)。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图11所示，应用程序框架层可以包括窗口管理器，内容提供器，视图***，电话管理器，资源管理器，通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

视图***包括可视控件，例如显示文字的控件，显示图片的控件等。视图***可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通，挂断等)。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在***顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话界面形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。

运行时(Runtime)包括核心库和虚拟机。Runtime负责***的调度和管理。

核心库包含两部分：一部分是编程语言(例如，jave语言)需要调用的功能函数，另一部分是***的核心库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的编程文件(例如，jave文件)执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

***库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，二维图形引擎(例如：SGL)等。

表面管理器用于对显示子***进行管理，并且为多个应用程序提供了二维(2-Dimensional，2D)和三维(3-Dimensional，3D)图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现3D图形绘图，图像渲染，合成，和图层处理等。

2D图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动，虚拟卡驱动。

下面结合捕获拍照场景，示例性说明电子设备100软件以及硬件的工作流程。

当触摸传感器180K接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别该输入事件所对应的控件。以该触摸操作是触摸单击操作，该单击操作所对应的控件为相机应用图标的控件为例，相机应用调用应用框架层的接口，启动相机应用，进而通过调用内核层启动摄像头驱动，通过摄像头193捕获静态图像或视频。

以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

上述实施例中所用，根据上下文，术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地，根据上下文，短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。

Claims (12)

1.一种移动用户界面元素的方法，其特征在于，包括：

电子设备显示第一用户界面，所述第一用户界面中多个元素列表排列；所述多个元素的间距相等，所述多个元素中包括列表排列的第一元素和第二元素；

所述电子设备检测到第一操作，所述第一操作用于移动所述多个元素；所述第一操作触控位置处的元素为所述第一元素；

响应于所述第一操作，所述电子设备将所述第一元素移动第一距离，将所述第二元素移动第二距离；所述第一距离与所述第二距离不同，所述第一距离由跟手比率和所述第一操作中用户手指在显示屏中移动的距离决定，所述跟手比率由所述电子设备配置，为所述第一元素的位移与所述第一操作中用户手指在显示屏中的位移的比率。

2.根据权利要求1所述的方法，其特征在于，所述响应于所述第一操作，所述电子设备将所述第一元素移动第一距离，将所述第二元素移动第二距离；所述第一距离与所述第二距离不同，具体包括：

响应于所述第一操作，所述电子设备设置所述第一元素的第一传导参数值和传导系数，并根据所述第一传导参数值和所述传导系数设置所述第二元素的第二传导参数值；所述传导系数越大，所述第二传导系数和所述第一传导系数的差值越大；

所述电子设备将所述第一元素移动第一距离，根据所述第二传导参数值将所述第二元素移动第二距离，所述第一距离与所述第二距离不同；所述第二传导参数越小，所述第二距离和所述第一距离的差异越大。

3.根据权利要求2所述的方法，其特征在于，

所述第一传导参数值大于所述第二传导参数值，所述第一距离与所述第二距离不同，具体包括：所述第一距离大于所述第二距离；

所述第一传导参数值小于所述第二传导参数值，所述第一距离与所述第二距离不同，具体包括：所述第一距离小于所述第二距离。

4.根据权利要求2所述的方法，其特征在于，所述多个元素包括第三元素，所述电子设备设置所述第一元素的第一传导参数值和传导系数，并根据所述第一传导参数值和所述传导系数设置所述第二元素的第二传导参数值，还包括：

所述电子设备根据所述第一传导参数值和所述传导系数设置所述第三元素的第三传导参数值。

5.根据权利要求4所述的方法，其特征在于，当所述第二元素与所述第一元素的距离，和所述第三元素与所述第一元素的距离相等时，所述第二元素的所述第二传导参数值和所述第三元素的所述第三传导参数值相同；

当所述第二元素与所述第一元素的距离，小于所述第三元素与所述第一元素的距离时，所述第二元素的所述第二传导参数值大于所述第三元素的所述第三传导参数值。

6.根据权利要求5所述的方法，其特征在于，所述第二元素与所述第一元素的距离，和所述第三元素与所述第一元素的距离相等，包括：

所述第二元素与所述第一元素的欧式距离，和所述第三元素与所述第一元素的欧式距离相等；所述第二元素与所述第一元素的切比雪夫距离，和所述第三元素与所述第一元素的切比雪夫距离相等；所述第二元素与所述第一元素的曼哈顿距离，和所述第三元素与所述第一元素的曼哈顿距离相等。

7.根据权利要求1所述的方法，其特征在于，所述第一距离由所述第一操作在所述电子设备的显示屏滑动的距离确定。

8.根据权利要求7所述的方法，其特征在于，所述第一距离由所述第一操作在所述电子设备的显示屏滑动的距离确定，包括：所述第一距离等于所述第一操作在所述电子设备的显示屏滑动的距离。

9.根据权利要求1所述的方法，其特征在于，所述响应于所述第一操作，所述电子设备将所述第一元素移动第一距离，将所述第二元素移动第二距离；所述第一距离与所述第二距离不同，具体包括：

响应于所述第一操作，所述电子设备设置所述第二元素的第一时间偏移系数；

所述电子设备将所述第一元素移动第一距离，并在所述第一时间偏移系数后开始将所述第二元素移动第二距离；所述第一距离与所述第二距离不同。

10.根据权利要求9所述的方法，其特征在于，所述第一元素移动的速度大于或等于所述第二元素移动的速度，所述第一距离与所述第二距离不同，包括：所述第一距离大于所述第二距离。

11.一种电子设备，其特征在于，包括：通信接口、存储器和处理器；所述通信接口、所述存储器与所述处理器耦合，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，当所述处理器从所述存储器中读取所述计算机指令，以使得所述电子设备执行如权利要求1至10任一项所述的方法。

12.一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1至10任一项所述的方法。

Images