人机交互方法、计算机可读介质和电子设备

技术领域

本申请涉及通信技术领域，特别涉及一种人机交互方法、计算机可读介质和电子设备。

背景技术

应用程序安装于终端设备后，对应的图标显示于终端设备的显示界面中。而随着终端设备的发展，终端设备的性能不断提高，终端设备的存储空间快速增大。如终端设备为手机，用户安装于手机上的应用程序越来越多，多种图标显示于手机的显示界面。

在一些技术方案中，对于手机显示界面中的图标而言，每个图标的显示方式是预设的。即便用户能够对两个特定的图标(例如相机和镜头包)进行相关操作，例如图1(a)和图1(b)所示，用户通过触摸操作将镜头图标100′和相机图标200′合并以得到一个镜头相机图标300′，但镜头相机图标300′实际上是基于镜头图标100′和相机图标200′预先生成并存储手机中的图标。

基于此，目前手机显示界面中图标的显示方式均为预设方式，基于用户触摸操作的人机交互过程，实质上为图标的调用及显示。手机无法根据用户的触摸操作，灵活、准确地调整显示界面中的图标，导致图标的显示方式较为单一，图标的可玩性较差，人机交互体验不佳。

发明内容

本申请公开了一种人机交互方案：显示模型可以表征为矩阵或者变量。在用户对图标或者卡片进行操作时，电子设备根据触摸操作的类型调整对应的显示模型，以实现显示模型显示效果的改变。电子设备将显示效果改变后的显示模型映射到用于绘制图标的画布上，电子设备显示界面中的图标发生与用户操作对应的改变。上述人机交互方法中，由于显示元素能够根据调整后的显示模型进行显示，且显示效果是根据实时、灵活变化地调整变量调整的，因此本申请能够实现用户与显示元素充分、灵敏、准确地交互，减弱了用户与显示元素交互时的卡顿感，提高了用户与显示元素交互时的流畅感，提升了用户的体验感。

本申请的第一方面提供了一种人机交互方法，该方法能够应用于电子设备，包括：获取用户对电子设备上显示的至少一个显示元素的触摸操作；根据触摸操作的类型，对触摸操作施加的至少一个显示元素的至少一个显示模型进行显示效果调整；根据显示效果调整后的显示模型改变显示模型对应的显示元素、在电子设备上的显示效果。

其中，电子设备可以是电子设备可以是手机、平板等具有显示屏的设备，显示元素可以是显示于电子设备的显示界面中的图标、卡片、部件和组件等元素中的至少一种。其中显示界面可以是电子设备的显示桌面，还可以是应用程序对应的应用界面。触摸操作是指用户触摸调整界面时形成的操作。触摸操作的类型是指用户的触摸操作对应的显示元素的调整方式。例如，触摸操作的类型包括调整单个显示元素的显示方向、调整批量显示元素的显示方向、用一显示元素覆盖另一显示元素、交换两个显示元素的显示位置、调整两个显示元素的尺寸等等。显示效果包括显示元素的显示位置、显示尺寸、显示方向、显示颜色、显示内容和显示细节等等。显示模型是一种与显示元素相对应的数据，显示模型可以是二维模型或者三维模型。

即在本申请的实现方式中，电子获取用户对至少一个显示元素的触摸操作，电子设备通过触摸传感器获取用户对显示元素的触摸操作产生的触摸数据，并提取触摸数据中的触摸参数，电子设备通过触摸参数基于预设规则判断出触摸操作的触摸操作的类型。电子设备根据触摸参数和触摸操作的类型确定显示元素中各子显示元素的调整参数及调整变量。电子设备根据显示元素中子显示元素的调整参数和调整变量，对应调整对应模型的显示效果，进而对应调整显示元素中的子显示元素，并根据调整后的子显示元素得到调整后的显示元素。最后电子设备隐藏原来的显示元素，并显示更新后的显示元素。

在一种实现方式中，上述显示元素的调整方案可以用于调整电子设备显示的一个显示元素中至少一个显示元素的显示效果。

在一种实现方式中，上述显示元素的调整方案还可以用于同时调整电子设备显示的至少一个显示元素中至少两个显示元素的显示效果。其中两个显示元素可以是同一应用程序对应的两个显示元素，还可以是两个应用程序对应的两个显示元素。显示元素显示方向的调整包括根据触摸操作单独或者批量对显示元素的显示方向直接调整，不包括显示元素对其他显示元素的显示方向的沿用或继承。

除此之外，用户的触摸操作为单独调整一显示元素的显示方向时，则很有可能用户想要将该显示元素的显示方向保持为一固定方向。而用户的触摸操作为批量调整多个显示元素时，则很有可能用户想要将多个显示元素对应的显示位置保持为固定的显示方向。在采用上述人机交互方案调整单个显示元素的显示方向之后，本申请还包括一种两个或者两个以上的显示元素的人机交互方案，例如同一应用程序对应的一个卡片覆盖另一个卡片，再例如两个显示元素交互位置，还例如两个相邻显示元素调整显示尺寸。

可以理解，基于上述单独调整和批量调整实际所产生的调整效果可知，本申请中触摸操作的两个或者两个以上的显示元素的最后一次显示方向的调整方式，以及两个或者两个以上的显示元素的最后一次显示方向的调整顺序均会影响触摸操作后两个或者两个以上的显示元素的显示效果。

例如，两个或者两个以上的显示元素中最后一次调整了显示方向的显示元素具有最高的优先级，并按照调整顺序的逆序，显示元素的优先级依次降低。具体地，最后一次显示方向的调整是对于第一显示元素的单独调整，则第一显示元素调整至其他显示位置时，第一显示元素的显示方向始终保持不变，而最后一次显示方向的调整是对于第二显示元素和其他显示元素的批量调整，则其他元素调整至第二显示元素的所在位置时，均会继续沿用第二显示元素的显示方向。下面基于此来描述两个或者两个以上的显示元素的人机交互方案。

上述人机交互方法中，通过接收用户的触摸操作判断出用户对显示元素的触摸操作的类型，进而根据触摸操作的类型以及具体地触摸操作对应的触摸参数灵活地调整显示元素的显示效果。由于显示元素能够根据调整后的显示模型进行显示，且显示效果是根据实时、灵活变化地调整变量调整的，因此本申请能够实现用户与显示元素充分、灵敏、准确地交互，减弱了用户与显示元素交互时的卡顿感，提高了用户与显示元素交互时的流畅感，提升了用户的体验感。

在上述第一方面一种可能的实现中，上述人机交互方法中至少一个显示效果包括显示元素的显示位置、显示尺寸、显示方向、显示颜色、显示内容和显示细节中的至少一种。

其中，显示位置是指显示元素中各个子显示元素的布置位置。也即显示位置包括显示元素的布置位置，以及显示元素中各个子显示元素的相对位置。显示尺寸是指显示元素中各个子显示元素的尺寸，其中显示尺寸可以通过各个子显示元素距离画布的边界的距离。显示方向是指显示元素的朝向，例如，当显示元素与显示屏平行时，显示元素的显示方向向前。当显示元素左侧向前且右侧向后时，显示元素的显示方向向右。当显示元素左侧向后且右侧向前时，显示元素的显示方向向左。当显示元素上侧向前且下侧向后时，显示元素的显示方向向下。当显示元素上侧向后且下侧向前时，显示元素的显示方向向上。上述人机交互方法中，显示元素的显示效果的种类繁多，进而能够满足用户多种多样的需求。

在上述第一方面一种可能的实现中，上述人机交互方法还包括：根据预设规则，确定触摸操作的类型，其中预设规则是基于至少一个显示元素的数量、至少一个显示元素对应的应用程序是否相同和触摸操作所设置的。

即在本申请的实现方式中，预设规则是指预先存储电子设备中的，用于根据触摸操作对应的触摸参数确定触摸操作的类型。其中，预设规则包括：当用户触摸操作的初始位置和终止位置位于同一个显示元素上，触摸操作的类型为调整单个显示元素的显示方向；当用户触摸操作的初始位置位于一应用程序对应的一显示元素所在的区域，用户触摸操作的终止位置位于同一应用程序对应的另一个显示元素上时，触摸操作的类型为用一显示元素覆盖替换另一显示元素；当用户触摸操作的初始位置位于一显示元素所在的区域，用户触摸操作的终止位置位于相邻的另一个显示元素上，且终止位置越过另一显示元素的中心线时，触摸操作的类型为交换两个相连显示元素的显示位置；当用户触摸操作的初始位置位于相邻两个显示元素的中间区域，用户触摸操作的终止位置位于其中一个显示元素上时，触摸操作的类型为调整两个显示元素的尺寸。

上述人机交互方法中，根据至少一个显示元素的数量、至少一个显示元素对应的应用程序是否相同和触摸操作即可以判断出触摸操作的类型，判断方式简单，判断周期短。

在上述第一方面一种可能的实现中，上述人机交互方法中，获取用户对电子设备上显示的至少一个显示元素的触摸操作，包括：在用户选择对多个显示元素进行显示效果调整的情况下，触摸操作用于同时对选择的多个显示元素进行显示效果的调整。例如，多个显示元素的显示效果调整后，可以实现显示元素的3D立体效果，进而实现裸眼3D效果。

用户的触摸操作可以是用于使得电子设备根据显示元素在电子设备显示界面中的位置以及用户设置的基准位置而设置的、用于将显示元素调整至朝向基准位置。用户的触摸操作用于生成一种自动控制指令，该自动控制指令无需用户给出具体地触摸数据即能够实现至少一个显示元素的调整。

上述人机交互方法中，电子设备通过触摸操作可以同时调整多个显示元素的显示效果的调整，调整显示元素的效率较高，操作方便。

在上述第一方面一种可能的实现中，上述人机交互方法中，根据触摸操作的类型，对触摸操作施加的至少一个显示元素的至少一个显示模型进行显示效果调整，包括：根据触摸操作的类型，对多个显示元素中的至少两个显示元素的显示模型进行不同的显示效果的批量调整。

上述人机交互方法中，电子设备通过触摸操作可以同时对多个显示元素进行不同显示效果的调整，实现多个显示元素的不同显示效果的调整，操作方便，进一步满足用户对显示元素的调整需求。

在上述第一方面一种可能的实现中，上述人机交互方法中，对多个显示元素中的至少两个显示元素的显示模型进行不同的显示效果的调整包括：根据用户的触摸操作和至少两个显示元素中每个显示元素的显示位置确定用户对每个显示元素的子触摸操作；根据子触摸操作确定每个显示元素的旋转轴、旋转方向和旋转角度，并对应触摸操作，以确定的每个显示元素的旋转轴、旋转方向和旋转角度对每个显示元素的显示方向进行批量调整。

在上述第一方面一种可能的实现中，上述人机交互方法中，根据触摸操作的类型，对触摸操作施加的至少一个显示元素的至少一个显示模型进行显示效果调整，包括：根据触摸操作的类型，对多个显示元素的多个显示模型进行相同的显示方向的批量调整。

在上述第一方面一种可能的实现中，上述人机交互方法中，操作类型包括采用第一显示元素覆盖第二显示元素，第一显示元素和第二显示元素对应于同一应用程序，其中，采用第一显示元素覆盖第二显示元素包括第一显示元素沿用第二显示素的第二至少部分显示效果，以及隐藏第二显示元素，其中第二至少部分显示效果包括第二显示元素的第二显示位置和第二显示尺寸。

在上述第一方面一种可能的实现中，上述人机交互方法中，在第二显示元素的触摸操作的类型为批量调整显示方向的情况下，第二至少部分显示效果还包括第二显示元素的第二显示方向。

在本申请的一种可能的实现方式中，应用场景为原来的显示元素的最后一次显示方向的调整位于新的显示元素的最后一次显示方向的调整之后，且原来的显示元素的最后一次显示方向的调整方式为批量调整，用户拖动一应用程序对应的一个新的显示元素至同一应用程序对应的另一个原来的显示元素上，显示界面中被拖动的新的显示元素覆盖原来的显示元素，且覆盖后的新的显示元素继续沿用原来的显示元素的显示方向。

可以理解，显示元素显示方向的调整包括根据触摸操作单独或者批量对显示元素的显示方向直接调整，不包括显示元素对其他显示元素的显示方向的沿用或继承。

在上述第一方面一种可能的实现中，上述人机交互方法中，根据触摸操作的类型，对触摸操作施加的至少一个显示元素的至少一个显示模型进行显示效果调整包括：获取用户的触摸操作对应的第二显示元素；根据第二显示元素的至少部分显示效果调整第一显示元素的显示模型，对应触摸操作，隐藏第二显示元素，并以调整后的显示模型对第一显示元素的显示效果进行调整。

即在本申请的实现方式中，电子设备调用invalide函数实现显示元素和更新后的显示元素之间的交互动画。

在上述第一方面一种可能的实现中，上述人机交互方法中，触摸操作的类型包括交换第三显示元素和第四显示元素的显示位置，在第三显示元素的最近一次触摸操作的类型为批量调整显示方向的情况下，交换第三显示元素和第四显示元素的显示位置包括：第三显示元素沿用第四显示素的第四至少部分显示效果，第四显示元素沿用第三显示素的第三至少部分显示效果，其中第四至少部分显示效果包括第四显示元素的第四显示位置，第三至少部分显示效果包括第三显示元素的第三显示位置和第三显示方向。

在本申请的实现方式中，两个或者两个以上的显示元素中最后一次调整了显示方向的显示元素具有最高的优先级，并按照调整顺序的逆序，显示元素的优先级依次降低。具体地，最后一次显示方向的调整是对于第一显示元素的单独调整，则第一显示元素调整至其他显示位置时，第一显示元素的显示方向始终保持不变，而最后一次显示方向的调整是对于第二显示元素和其他显示元素的批量调整，则其他元素调整至第二显示元素的所在位置时，均会继续沿用第二显示元素的显示方向。下面基于此来描述两个或者两个以上的显示元素的人机交互方案。

在本申请的实现方式中，第四显示元素的最后一次显示方向的调整方式为单独调整，第三显示元素的最后一次显示方向的调整方式为批量调整，第四显示元素与第三显示元素互相交换位置。在第四显示元素的最后一次显示方向的调整早于第三显示元素的最后一次显示方向的调整时，交换位置后的第四显示元素的显示方向沿用第三显示元素的显示方向，交换位置后的第三显示元素的显示方向不变。

在上述第一方面一种可能的实现中，上述人机交互方法中，触摸操作的类型包括交换第三显示元素和第四显示元素的显示位置，在第三显示元素和第四显示元素的最近一次触摸操作的类型均为批量调整显示方向的情况下，交换第三显示元素和第四显示元素的显示位置包括：第三显示元素沿用第四显示元素的第四至少部分显示效果，以及第四显示元素沿用第三显示素的第三至少部分显示效果，其中第三至少部分显示效果包括第三显示元素的第三显示位置和第三显示方向，第四至少部分显示效果包括第四显示元素的第四显示位置和第四显示方向。

在本申请的实现方式中，人机交互方案适用的一种应用场景为第三显示元素的最后一次显示方向的调整和第四显示元素的最后一次显示方向的调整方式均为批量调整，并不限定于必须为同一次批量调整，则交换位置后的第三显示元素沿用原第四显示元素的显示方向，交换位置后的第四显示元素沿用原第三显示元素的显示方向。

上述方案实现了交换过来的显示元素对原显示元素的显示方向和显示位置的继续沿用，也即在显示元素位置互换的过程中，保证电子设备显示界面中同一位置处的显示元素始终按照相同的显示方向进行显示，保持了符合用户使用习惯的裸眼3D效果的显示方向，还简化了电子设备显示界面中显示元素的调整步骤。

在上述第一方面一种可能的实现中，上述人机交互方法中，触摸操作的类型包括同步调整第五显示元素和第六显示元素的显示效果，第五显示元素和第六显示元素相邻显示于电子设备上，同步调整第五显示元素和第六显示元素的显示效果包括：根据触摸操作同步调整第五显示元素的第五显示尺寸以及第六显示元素的第六显示尺寸，且第五显示尺寸与第六显示尺寸之和保持不变。

上述方案中，通过用户在两个相邻显示元素之间区域的触摸操作，还能够实时、动态地调整两个显示元素的尺寸以及显示方向，提高两个显示元素变换显示方式过程中的流畅性，实现两个显示元素显示效果的多样性。

在上述第一方面一种可能的实现中，上述人机交互方法中，同步调整第五显示元素和第六显示元素的显示效果还包括：根据触摸操作调整第五显示元素的第五显示内容和/或第六显示元素的显示内容。

在上述第一方面一种可能的实现中，上述人机交互方法中，在第五显示元素基于第五调整尺寸调整后的尺寸为最小显示尺寸的情况下，同步调整第五显示元素和第六显示元素的显示效果还包括调整第五显示元素的第五显示方向。其中，第五调整尺寸可以为第五元素的原始显示尺寸与调整后显示尺寸的差值。

在本申请的实现方式中，电子设备中显示界面中显示元素由其他尺寸调整至最小单元尺寸时，显示元素的显示方向默认被调整至朝向前侧。可以理解，显示元素的显示方向虽然被调整至朝向前侧，但仍然认为该显示元素为已经被调整过显示方向的显示元素。

在上述第一方面一种可能的实现中，上述人机交互方法还包括：在用户的触摸操作过程中，根据用户的触摸位置获取对应的第五实时尺寸和第六实时尺寸，且第五实时尺寸与第六实时尺寸之和保持不变；根据第五实时尺寸实时调整第五显示元素的显示效果，以及根据第六实时尺寸实时调整第六显示元素的显示效果。

在上述第一方面一种可能的实现中，上述人机交互方法中，根据显示效果调整后的显示模型改变显示模型对应的显示元素、在电子设备上的显示效果包括：通过画布绘制显示效果调整后的显示模型，以改变显示模型对应的显示元素在电子设备上的显示效果。其中，画布是指能够基于显示模型对显示元素进行布局和渲染的抽象空间。

在上述第一方面一种可能的实现中，上述人机交互方法中，触摸操作的类型包括调整显示元素的显示方向，其中，调整显示元素的显示方向包括确定显示元素的旋转轴、旋转方向和旋转角度。

在上述第一方面一种可能的实现中，上述人机交互方法中，根据触摸操作的类型，对触摸操作施加的至少一个显示元素的至少一个显示模型进行显示效果调整包括：根据用户的触摸操作，确定显示元素的显示模型的旋转轴、旋转方向和旋转角度，并对应触摸操作，以确定的旋转轴、旋转方向和旋转角度对显示元素的显示方向进行调整。

在上述第一方面一种可能的实现中，上述人机交互方法中，至少一个显示元素包括图标、卡片和部件中的至少一种。

在上述第一方面一种可能的实现中，上述人机交互方法中，至少一个显示元素中每个显示元素包括前景元素和背景元素，方法还包括：根据触摸操作的类型，对触摸操作施加的至少一个显示元素中的至少一个子显示元素对应的前景元素和/或背景元素进行显示效果调整。

在上述第一方面一种可能的实现中，上述人机交互方法中，显示模型包括二维显示模型和三维显示模型中的至少一种。其中，二维显示模型能够显示出图标或者卡片等显示元素的平面形状，三维显示模型能够显示出图标或者卡片等显示元素的立体形状，显示模型可以通过矩阵或者变量来表征。

本申请的第二方面提供了一种计算机可读介质，计算机可读介质上存储有指令，该指令在电子设备上执行时使电子设备执行上述第一方面中任一种人机交互方法。

本申请的第三方面提供了一种电子设备，包括：存储器，用于存储由电子设备的一个或多个处理器执行的指令，以及处理器，是电子设备的处理器之一，用于执行上述第一方面中任一种人机交互方法。

附图说明

图1(a)示出了一种手机1′的显示界面11′；

图1(b)示出了一种用户操作后的手机1′的显示界面11′；

图2示出了本申请一种手机1的显示界面11；

图3(a)示出了本申请一种用户对相机图标104的触摸操作；

图3(b)示出了本申请一种手机1的显示界面11中i区域局部放大图；

图4(a)示出了本申请另外两种用户对显示界面11中i区域的图标的触摸操作；

图4(b)示出了本申请一种手机1的显示界面11中i区域局部放大图；

图5(a)示出了一种手机1″的显示界面11″；

图5(b)示出了一种用户操作后的手机1″的显示界面11″；

图6(a)示出了本申请一种用户对联系人B卡片和联系人A卡片的触摸操作；

图6(b)示出了本申请一种手机1的显示界面11中ii区域局部放大图；

图6(c)示出了本申请一种用户对联系人C卡片和联系人A卡片的触摸操作；

图6(d)示出了本申请一种手机1的显示界面11中ii区域局部放大图；

图7(a)示出了本申请一种用户对闹钟卡片和遥控器卡片的触摸操作；

图7(b)示出了本申请一种手机1的显示界面11中ii区域局部放大图；

图8(a)示出了本申请一种用户对遥控器卡片和闹钟卡片的触摸操作；

图8(b)示出了本申请一种手机1的显示界面11中ii区域局部放大图；

图9(a)示出了本申请一种手机1中卡片的生成原理图；

图9(b)示出了本申请中卡片的背景元素的绘制示意图；

图9(c)示出了本申请中卡片的前景元素和文字元素的绘制示意图；

图9(d)示出了本申请一种手机1中的卡片显示原理图；

图10示出了本申请一种卡片的更新原理示意图；

图11示出了本申请中的一种手机1的显示元素人机交互方案的流程图；

图5(b)示出了图5(a)中显示元素的一种3D效果；

图12(a)示出了本申请中的一种手机1显示界面11中显示的相机图标104的示意图；

图12(b)示出了本申请中一种手机1的显示界面11中用户的触摸轨迹的示意图；

图12(c)示出了本申请中另外一种手机1的显示界面11中用户的触摸轨迹的示意图；

图12(d)示出了本申请中再一种手机1的显示界面11中用户的触摸轨迹的示意图；

图13(a)至图13(j)示出了本申请中的一种手机1中相机图标104在调整界面12中按照不同调整参数的调整示意图；

图13(k)示出了本申请中一种手机1中相机图标104调整后锁定的示意图；

图13(l)示出了本申请中一种手机1中相机图标104调整后的示意图；

图14(a)示出了本申请中一种手机1调整界面12中图标进入批量调整的示意图；

图14(b)示出了本申请中一种手机1调整界面12中选择批量调整的图标的示意图；

图14(c)示出了本申请中一种手机1调整界面12中图标批量调整操作的示意图；

图14(d)示出了本申请中一种手机1调整界面12中图标批量调整确定时的示意图；

图14(e)示出了本申请中一种手机1图标批量调整后的示意图；

图14(f)示出了本申请中另一种手机1调整界面12中图标批量调整确定时示意图；

图14(g)示出了本申请中另一种手机1图标批量调整后的示意图；

图15(a)至图15(d)示出了本申请中一种手机1中卡片100和卡片200调整大小时的示意图；

图16示出了本申请中的一种手机1的结构示意图；

图17示出了本申请中的一种手机1的软件结构框图。

具体实施方式

本申请的说明性实施例包括但不限于一种人机交互方法、装置、可读介质和电子设备。下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

可以理解，本申请中的电子设备可以是手机、平板等具有显示屏的设备，下面以电子设备为手机进行说明。显示元素可以是显示于手机显示界面中的任意元素，例如图标、子图标、卡片、部件和组件等元素等中的至少一种。显示元素对应的应用程序可以为联系人、通话、短信、浏览器、闹钟以及遥控器等程序。除此之外，为便于描述，将手机屏幕的宽度方向设为X轴，将手机屏幕的长度方向设为Y轴，将手机的厚度方向设为Z轴，且X轴、Y轴和Z轴两两相互垂直。手机的左侧和手机的右侧是指沿着X轴方向上手机的两侧，手机的上侧和手机的下侧是指沿着Y轴方向上手机的两侧。手机的前侧和手机的后侧是指沿着Z轴方向上手机的两侧。

为了解决上述问题，本申请公开了一种手机显示界面中显示元素的人机交互方案，对显示界面上每个图标、每个卡片等显示元素设置了对应的显示模型。其中，显示模型可以包括二维显示模型和/或三维显示模型，二维显示模型能够显示出图标或者卡片等显示元素的平面形状，三维显示模型能够显示出图标或者卡片等显示元素的立体形状，显示模型可以通过矩阵或者变量来表征。然后在用户对图标或者卡片进行操作时，手机根据触摸操作的类型改变对应的显示模型，例如，用户的操作为旋转单个图标，则手机旋转显示模型，以改变显示模型的显示角度。然后将改变后的显示模型映射到用于绘制图标的画布上，如此，手机显示界面中的图标发生与用户操作对应的改变。其中，画布是指能够基于显示模型对显示元素进行布局和渲染的抽象空间。

可以理解，触摸操作的不同类型对应于不同调整方式，不同调整方式对应于不同的调整参数。手机根据触摸操作得到调整参数的调整变量，进而根据调整变量调整调整参数，以使得显示模型根据调整后的调整参数进行显示，最终完成用户与显示元素的一次交互。

上述人机交互方法中，通过接收用户的触摸操作判断出用户对显示元素的触摸操作的类型，进而根据触摸操作的类型以及具体地触摸操作对应的触摸参数灵活地调整显示元素的显示效果。由于显示元素能够根据调整后的显示模型进行显示，且显示效果是根据实时、灵活变化地调整变量调整的，因此本申请能够实现用户与显示元素充分、灵敏、准确地交互，减弱了用户与显示元素交互时的卡顿感，提高了用户与显示元素交互时的流畅感，提升了用户的体验感。

为了便于理解上述显示元素的人机交互方案，下面将结合附图中的触摸操作简要描述本申请技术方案所实现的显示效果。

如前所述，在一种人机交互方案中，在图标的调整界面内，用户触摸图标的周围区域并滑动，手机能够根据滑动轨迹和滑动方向调整图标的显示方向。其中，显示方向是指图标的朝向，其中，当图标与显示屏平行时，图标的显示方向向前。当图标左侧向前且右侧向后时，图标的显示方向向右。当图标左侧向后且右侧向前时，图标的显示方向向左。当图标上侧向前且下侧向后时，图标的显示方向向下。当图标上侧向后且下侧向前时，图标的显示方向向上。

具体地，图2示出了本申请中一种手机1的显示界面11，其中显示界面11的i区域从左至右依次显示有通话图标101、短信图标102、浏览器图标103和相机图标104。图3(a)和图3(b)示出了在用户向左触摸时，图2中相机图标104的人机交互方案。如图3(a)所示，用户触摸手机1显示界面11中的相机图标104，进入相机图标104的调整界面12，用户在调整界面12内在相机图标104的下部沿着X轴平行的方向，由起始位置P

再例如，在另外一种人机交互方案中，在图标的调整界面内显示有至少两个图标，用户选择出一个基准点，手机能够根据基准点与每个图标的位置分别调整每个图标的显示方向，以使至少两个图标均朝向该基准点。

具体地，图4(a)示出了用户触摸的中心点。图4(b)示出了一种手机1显示界面11的示意图。结合图4(a)与图4(b)可知，用户点击i区域中的中间位置P

上述的人机交互方案除了可以应用于手机1中的图标，还可以应用于手机1中的卡片以及子图标，且卡片以及子图标的具体显示效果与上述图标的显示后显示效果相似，本申请不作赘述。其中，卡片是指桌面上用于与应用程序部分功能模块对应的元素，卡片可以显示为该部分功能模块的功能界面的缩略界面，子图标是指桌面上用于应用程序部分功能模块对应的图标，子图标可以显示为该部分功能模块的图标。参阅图5(a)和图5(b)可知，同一应用程序同一功能模块(例如：联系人14″)可以对应有不同大小、不同形式、不同颜色的卡片(例如：第一卡片201″和第二卡片202″)。

可以理解，用户的触摸操作为单独调整一显示元素的显示方向时，则很有可能用户想要将该显示元素的显示方向保持为一固定方向。而用户的触摸操作为批量调整多个显示元素时，则很有可能用户想要将多个显示元素对应的显示位置保持为固定的显示方向，例如将图4(b)中i区域中，右侧的两个显示元素朝向左侧，左侧的两个显示元素朝向右侧。

在采用上述人机交互方案调整单个图标或者卡片的显示方向之后，本申请还包括一种两个或者两个以上的显示元素的人机交互方案，例如同一应用程序对应的一个卡片覆盖另一个卡片，再例如两个显示元素交互位置，还例如两个相邻显示元素调整显示尺寸。

可以理解，基于上述单独调整和批量调整实际所产生的调整效果可知，本申请中触摸操作的两个或者两个以上的显示元素的最后一次显示方向的调整方式，以及两个或者两个以上的显示元素的最后一次显示方向的调整顺序均会影响触摸操作后两个或者两个以上的显示元素的显示效果。

在一种实现方式中，显示元素显示方向的调整包括根据触摸操作单独或者批量对显示元素的显示方向直接调整，不包括显示元素对其他显示元素的显示方向的沿用或继承。

例如，两个或者两个以上的显示元素中最后一次调整了显示方向的显示元素具有最高的优先级，并按照调整顺序的逆序，显示元素的优先级依次降低。具体地，最后一次显示方向的调整是对于第一显示元素的单独调整，则第一显示元素调整至其他显示位置时，第一显示元素的显示方向始终保持不变，而最后一次显示方向的调整是对于第二显示元素和其他显示元素的批量调整，则其他元素调整至第二显示元素的所在位置时，均会继续沿用第二显示元素的显示方向。下面基于此来描述两个或者两个以上的显示元素的人机交互方案。

本申请还包括一种应用于同种应用程序对应的显示元素的人机交互方案，例如，用户拖动一应用程序对应的一个新的图标或者卡片至同一应用程序对应的另一个原来的图标或者卡片上，显示界面中被拖动的新的图标或者卡片覆盖原来的图标或者卡片，且覆盖后的新的图标或者卡片继续沿用原来的图标或者卡片的显示方向。其中，显示元素包括显示于手机显示界面中的所有元素，例如图标、子图标、卡片、部件和组件等等。

具体地，继续参阅图2，手机1显示界面11中ii区域中显示有从左至右依次分布的闹钟卡片201、遥控器卡片202和联系人A卡片203。手机1显示界面11中iii区域中显示有联系人B卡片204和联系人C图标205。如图6(a)所示，当用户触摸联系人B卡片204，并将联系人B卡片204拖动至联系人A卡片203上时，联系人A卡片203被覆盖为联系人B卡片204a。如图6(b)所示，覆盖后的联系人B卡片204a继续沿用联系人A卡片203的显示方向和尺寸。也即手机隐藏联系人A卡片203，并将联系人B卡片204显示方向由朝向右侧调整为朝向前侧，以与联系人A卡片203的显示方向一致。手机1还将联系人B卡片204尺寸调整为联系人A卡片203的尺寸，而后在联系人A卡片203的位置处进行显示。

可以理解，上述人机交互方案适用的一种应用场景为联系人A卡片203的最后一次显示方向的调整位于联系人B卡片204的最后一次显示方向的调整之后，且联系人A卡片203的最后一次显示方向的调整方式为批量调整。图6(a)示出的示意图中，联系人B卡片204自左向右拖动至联系人A卡片203上，仅为联系人B卡片204的显示位置及拖动方向的一种示例，联系人B卡片204可以分布于显示界面11的任意位置处，且联系人B卡片204向联系人A卡片203的拖动方向可以为任意方向，本申请不作具体限制。同理，下文中联系人C图标205向着联系人A卡片203的拖动方案本申请也不作具体限制。

相似地，如图6(c)所示，当用户触摸联系人C图标205，并将联系人C图标205拖动至联系人A卡片203上时，如图6(d)所示，联系人A卡片203被覆盖为联系人C图标205a，且覆盖后的联系人C图标205a继续沿用联系人A卡片203的显示方向和尺寸。

上述方案中，被覆盖的显示元素的位置处按照被覆盖的显示元素的显示方向显示覆盖的显示元素，并不再显示被覆盖的显示元素，实现了覆盖的显示元素对被覆盖的显示元素的显示方向和显示位置的继承，也即保证手机显示界面11中同一位置处的显示元素始终按照相同的显示方向显示，保证了符合用户使用习惯的裸眼3D效果，同时还简化了显示元素的调整步骤。

在采用上述人机交互方案调整单个图标或者卡片的显示方向之后，本申请还包括一种不同应用程序对应的显示元素的人机交互方案，例如，用户拖动一应用程序对应的卡片至另一应用程序对应的卡片上，显示界面中不同应用程序对应的卡片位置互换，且两个应用程序对应的卡片基于对方的位置适应性调整显示方向和显示方式。

具体地，如图7(a)所示，闹钟卡片201的显示方向朝向右侧，遥控器卡片202的显示方向朝向左侧，用户触摸闹钟卡片201，并将闹钟卡片201拖动至遥控器卡片202上后，闹钟卡片201与遥控器卡片202交换位置，且交换位置后的闹钟卡片201a采用原遥控器卡片202的显示方向，交换位置后的遥控器卡片202a采用原闹钟卡片201的显示方向，如图7(b)所示。对比图7(a)和图7(b)不难发现，交换位置后的闹钟卡片201a相较于原闹钟卡片201尺寸未发生改变，交换位置后的遥控器卡片202a和原遥控器卡片202尺寸未发生改变，但交换位置后的闹钟卡片201a内的各个元素和交换位置后的遥控器卡片202a内的各个元素的显示方式做了适应性调整。可以理解，元素包括背景元素、前景元素以及文字元素等，具体特征将在下文进行详细描述。

可以理解，上述人机交互方案适用的一种应用场景为闹钟卡片201的最后一次显示方向的调整和遥控器卡片202a的最后一次显示方向的调整方式均为批量调整，并不限定于必须为同一次批量调整。

上述方案实现了交换过来的显示元素对原显示元素的显示方向和显示位置的继续沿用，也即在显示元素位置互换的过程中，保证手机显示界面11中同一位置处的显示元素始终按照相同的显示方向进行显示，保持了符合用户使用习惯的裸眼3D效果的显示方向，还简化了手机1显示界面中显示元素的调整步骤。

在采用上述人机交互方案调整单个图标或者卡片的显示方向之后，本申请还包括相邻的显示元素的人机交互方案，例如，用户于触摸一卡片与邻近另一卡片之间的某个位置，并向着其中一个卡片滑动，显示界面中相邻两个卡片的尺寸及显示方向发生变化。

具体地，如图8(a)所示，交换位置后的遥控器卡片202a为小尺寸，交换位置后的闹钟卡片201a为大尺寸，且交换位置后的遥控器卡片202a和交换位置后的闹钟卡片201a相邻。用户触摸交换位置后的遥控器卡片202a和交换位置后的闹钟卡片201a之间的区域，并向着交换位置后的闹钟卡片201a拖动，调整交换位置后的遥控器卡片202a和交换位置后的闹钟卡片201a的尺寸发生改变，且调整交换位置后的遥控器卡片202a和交换位置后的闹钟卡片201a之间的最小距离不变。如图8(b)所示，调整后的遥控器卡片202b为大尺寸，调整后的闹钟卡片201b为小尺寸。此外，结合图8(a)和图8(b)可知，在交换位置后的遥控器卡片202a切换至调整后的遥控器卡片202b过程中，遥控器卡片尺寸由小变大，与遥控器相关的文字元素“华为智慧屏”显现出来。相反地，在交换位置后的闹钟卡片201a切换至调整后的闹钟卡片201b过程中，闹钟卡片的尺寸由大变小，且与闹钟卡片相关的文字元素“上午7:20”被隐藏。可以理解，本申请以交换位置后的遥控器卡片202a和交换位置后的闹钟卡片201a为例描述了相邻两个显示元素的人机交互方案，其他相邻两个显示元素也适用于上述人机交互方案，在此不作赘述。

除此之外，用户触摸一卡片与邻近另一卡片之间的某个位置时，卡片的显示方向也会发生改变。在一种实现方式中，改变两个卡片的显示尺寸时，显示尺寸变小的卡片的显示方向逐渐恢复至初始状态。在另外一种实现方式中，改变两个卡片的显示尺寸时，每个卡片随着显示尺寸的变化显示方向发生改变，例如，用户的触摸操作一方面可以用于调整两个卡片的显示尺寸，另一方面，还可以基于用户的触摸操作参考图6(a)中的方式调整卡片的显示方向。

上述方案中，通过用户在两个相邻显示元素之间区域的触摸操作，还能够实时、动态地调整两个显示元素的尺寸以及显示方向，提高两个显示元素变换显示方式过程中的流畅性，实现两个显示元素显示效果的多样性。

下面将结合附图进一步详细说明本申请中的显示元素的调整方案。

由于显示元素的多样性及复杂性，为了便于理解下文中显示元素显示效果的变化，在描述显示元素具体地调整方案之前，先简要描述下手机中各种显示元素的组成部分，以及手机中各种显示元素的生成原理及更新原理。

图9(a)示出了一种卡片的生成原理图，图9(b)示出了一种卡片的背景元素的绘制示意图，图9(c)示出了一种卡片的前景元素和文字元素的绘制示意图，图9(d)示出了一种卡片的显示原理图。

如图9(a)所示，卡片100包括前景元素110、背景元素120和文字元素130。其中，前景元素110分布于前景元素层C1内，背景元素120分布于背景元素层C2内，文字元素130分布于文字元素层C3内。一般而言，前景元素层C1和文字元素层C3位于背景元素层C2的前侧，手机1将前景元素110、背景元素120和文字元素130相互叠加，组成卡片100。

其中，手机1获取的具有图标意义的初始元素110′，并旋转初始元素110′后，得到前景元素110。可以理解，前景矩阵为前景元素对应的显示模型的一种存储形式。手机1根据尺寸、位置、颜色、细节等参数生成背景元素120。手机1根据用户信息以及功能模块的名称等参数生成文字元素130。手机1将前景元素110、背景元素120和文字元素130相互平移、缩放并叠加，生成图标100。可以理解，手机也可以旋转背景元素和文字元素，以获得整体立体效果的卡片(未图示)。

如图9(b)所示，手机1获取与背景元素120对应的背景矩阵后，手机1中的绘图应用程序根据背景矩阵在画布中绘制出背景元素120。其中，背景矩阵为能够体现背景元素的显示信息的矩阵。可以理解，背景矩阵为背景元素对应的显示模型的一种存储形式。背景元素的显示信息包括背景元素的显示方向、背景元素的颜色、背景元素的尺寸和背景元素的显示位置等参数中的至少一种。可以理解，文字矩阵为文字元素对应的显示模型的一种存储形式。画布为包括多个像素点的可绘制载体。

例如，手机1中的绘图应用程序根据背景矩阵中的背景元素120距离画布边界的距离d1、距离下边界的距离d2、距离左边界的距离d3和距离右边界的距离d4确定出背景矩阵对应的画布中的像素点。

如图9(c)所示，手机1获取与前景元素110对应的前景矩阵和文字元素130对应的文字矩阵后，手机1中的绘图应用程序根据前景矩阵在画布中绘制出前景元素110，并根据文字矩阵在画布中绘制出文字元素130。手机中的绘图应用程序还能够缩放以及平移前景元素110和文字元素130，以在画布上绘制前景元素110和文字元素130。前景元素110对应的前景矩阵为能够体现前景元素的显示信息的矩阵。前景元素的显示信息包括前景元素的方向、前景元素的颜色、前景元素的尺寸和前景元素的位置等参数中的至少一种。文字元素130对应的文字矩阵为能够体现文字元素的显示信息的矩阵。文字元素的显示信息包括文字的内容、文字的颜色、文字的字号和文字的字体等参数中的至少一种。

例如，手机1中的绘图应用程序根据前景矩阵中的前景元素110距离画布上边界的距离d5、距离下边界的距离d6、距离左边界的距离d7和距离右边界的距离d8确定出前景矩阵对应的画布中的像素点。手机1中的绘图应用程序根据文字矩阵中的文字元素130距离画布上边界的距离d9、距离下边界的距离d10、距离左边界的距离d11和距离右边界的距离d12确定出前景矩阵对应的画布中的像素点。

下面将详细介绍卡片100的人机交互方案。例如图9(d)所示，前景元素110和文字元素130并列位于背景元素120前侧，且前景元素110和文字元素130均为非透明元素。沿着Z轴相反的方向观察时，背景元素120包括与前景元素110重合的重合区域121，与文字元素130重合的重合区域122，以及非重合区域123，则卡片100的最终显示效果为前景元素110、文字元素130与背景元素120中的非重合区域123的叠加效果。再例如，前景元素110和文字元素130为透明元素或者半透明元素，则卡片100的最终显示效果为前景元素110、背景元素120和文字元素130的简单叠加效果。

可以理解，图标与卡片的不同之处在于，图标仅包括前景元素和背景元素。图标相较于卡片不涉及文字元素的处理，在此不作赘述。

图10示出了本申请一种卡片的更新原理示意图，其中卡片100想要更新前景元素110以得到更新后的卡片100a。下面将结合图9(a)至图10描述手机1中卡片的更新原理。

例如，用户通过触摸操作调整卡片中的前景元素的显示方向。手机1获取与前景元素对应的前景矩阵、背景元素对应的背景矩阵以及与文字元素对应的文字矩阵。手机1根据用户对显示元素的触摸操作的类型确定出调整参数，并基于用户对显示元素的触摸操作确定出显示元素的调整变量，进而根据调整参数和调整变量调整手机1获取到的前景矩阵，以得到调整后的前景矩阵。手机保留获取到的背景矩阵和获取到的文字矩阵。其中，调整参数包括用于调整前景元素显示方向的相机参数、用于调整前景元素颜色的颜色参数和用于调整前景元素细节特征的细节参数，等等。其中，相机参数包括绕着X轴旋转的旋转角度，绕着Y轴旋转的旋转角度和绕着Z轴旋转的旋转角度等参数中的至少一种。例如，手机1调用与前景矩阵对应的预设函数，并在预设函数中输入调整参数对应的调整变量，以修改前景矩阵。

在一种实现方式中，手机1根据调整后的前景矩阵得到更新后的前景元素110a，并获取与背景矩阵对应的背景元素120以及与文字矩阵对应的文字元素130。手机1通过对更新后的前景元素110a、背景元素120和文字元素130叠加得到更新后的显示元素100a。

在另外一种实现方式中，手机1根据调整后的前景矩阵、保留的背景矩阵和保留的文字矩阵生成复合矩阵，进而根据复合矩阵在画布中绘制出更新后的卡片100a。

可以理解，上述更新方案仅示出了手机1调整前景元素的示例，可以理解上述更新方案还可以用于卡片中背景元素和文字元素的调整。除此之外，上述更新方案还可以用于图标中前景元素和背景元素的更新，在此不作赘述。

在描述完显示元素的显示原理和更新原理之后，下面将详细描述本申请中显示元素的人机交互方案。图11示出了显示元素的人机交互方案的流程图。如图11所示，本申请中显示元素的人机交互方案，具体包括以下步骤：

S1101：手机1的屏幕中的触摸传感器获取用户对显示元素的触摸操作产生的触摸数据，并提取触摸数据中的触摸参数。

其中，用户触摸操作是指用户触摸调整界面时形成的操作。调整界面可以是手机1的显示桌面，或者响应于用户特定操作进入的特定界面。特定操作可以是单击显示元素，双击显示元素，或者长按显示元素，等等。可以理解，以上仅是特定操作的示例性举例，特定操作还可以为结合触摸位置、触摸时间、触摸压力、触摸频率和触摸面积等参数而形成的其他操作形式，本申请不作具体限定。触摸数据为根据用户触摸操作生成的原始数据，例如按照触摸顺序排列的触摸点坐标。触摸参数是指从触摸数据中提取的或者基于触摸数据生成的，能够体现用户想要实现的调整方式的相关参数。例如，触摸参数包括起始点坐标、终止点坐标、触摸方向、触摸轨迹和触摸轨迹的长度。其中，起始点是指用户手指开始触摸调整界面的第一个位置点，终止点是指用户手指即将离开调整界面的最后一个位置点，触摸路径可以为用户手指由起始点向着终止点滑动过程中所经过的所有位置点的连线，触摸路径的延伸方向为由起始点沿着触摸路径指向终止点的方向。触摸路径的延伸方向用于表征显示元素的旋转方向，触摸路径的长度用于表征显示元素的旋转角度。可以理解，触摸方向、触摸轨迹和触摸轨迹的长度与相机参数一一对应。

S1102：手机1根据触摸参数基于预设规则判断出触摸操作的类型。

例如，手机1根据显示元素、触摸参数得到触摸操作的类型。其中，显示元素的属性包括显示元素的数量、显示元素对应的应用程序等。

触摸操作的类型是指用户的触摸操作对应的显示元素的调整方式。例如，触摸操作的类型包括调整单个显示元素的显示方向、调整批量显示元素的显示方向、用一显示元素覆盖另一显示元素、交换两个显示元素的显示位置、调整两个显示元素的尺寸等等。

在一些实现方式中，预设规则包括：当用户触摸操作的初始位置和终止位置位于同一个显示元素上，触摸操作的类型为调整单个显示元素的显示方向；当用户触摸操作的初始位置位于一应用程序对应的一显示元素所在的区域，用户触摸操作的终止位置位于同一应用程序对应的另一个显示元素上时，触摸操作的类型为用一显示元素覆盖替换另一显示元素；当用户触摸操作的初始位置位于一显示元素所在的区域，用户触摸操作的终止位置位于相邻的另一个显示元素上，且终止位置越过另一显示元素的中心线时，触摸操作的类型为交换两个相连显示元素的显示位置；当用户触摸操作的初始位置位于相邻两个显示元素的中间区域，用户触摸操作的终止位置位于其中一个显示元素上时，触摸操作的类型为调整两个显示元素的尺寸。

S1103：手机1根据触摸参数和触摸操作的类型确定显示元素中各子显示元素的调整参数及调整变量。

各子显示元素可以是图标中的前景元素和背景元素。各子显示元素还可以是卡片中的前景元素、背景元素和文字元素。调节参数是指根据触摸操作的类型确定的、为了实现调整效果在显示信息中所要调整的参数，调节参数和调整边变量也是用于调整各子显示元素对应的显示模型。例如，调节参数可以显示方向，具体包括X轴旋转角度参数、Y轴旋转角度参数以及Z轴旋转角度参数中的至少一种。调整变量是指根据触摸操作获取的与各个触摸操作的类型对应的各个调整参数所要改变的量。

S1104：手机1根据显示元素中子显示元素的调整参数和调整变量，对应调整显示元素中的子显示元素，并根据调整后的子显示元素得到调整后的显示元素。显示元素各自对应的矩阵分别分布于按照预设序列排列的多层画布中，多层画布中的每一层画布分别显示设置于该层内的矩阵对应的子显示元素。手机调用预设函数，并在预设函数中输入一个或多个子显示元素调整参数的调整变

在一些实施例中，显示元素中的各个子显示元素具有各自对应的矩阵。各个子量，以修改这些子显示元素对应的矩阵。得到这些子显示元素对应的调整后的矩阵后，手机将这些子显示元素对应的调整后的矩阵分别设置于多层画布中对应画布中，以使重新被设置的画布能够根据调整后的矩阵更新子显示元素。最后，多层画布根据更新后的子显示元素以及被保留的子显示元素生成调整后的显示元素。

例如，显示元素包括前景元素和背景元素，且前景元素设置于前层画布，背景元素设置于后层画布，调整参数为前景元素绕着X轴旋转的旋转角度。手机在预设函数中输入前景元素绕着X轴旋转的旋转角度的值，以修改前景元素对应的前景矩阵，得到调整后的前景矩阵。而后，手机将调整后的前景矩阵设置给前层画布。前层画布基于调整后的前景矩阵生成调整后的前景元素。前层画布和后层画布根据调整后的前景元素和背景元素生成调整后的显示元素。

在其他一些实施例中，显示元素中的各个子显示元素具有各自对应的矩阵。各个子显示元素各自对应的矩阵按照预设序列依次设置于画布中。手机调用预设函数，并在预设函数中输入一个或多个子显示元素调整参数的调整变量，以修改这些子显示元素对应的矩阵。得到这些子显示元素对应的调整后的矩阵后，手机将调整后的矩阵和保留的矩阵依旧按照预设序列依次分别设置于画布中，以使画布能够根据调整后的矩阵更新显示元素。

例如，显示元素包括背景元素、前景元素和文字元素，且前景元素和文字元素并列分布于背景元素的上层。也即，显示元素中的各个子显示元素对应的矩阵包括背景元素对应的背景矩阵、前景元素对应的前景矩阵以及文字元素对应的文字矩阵，且前景矩阵和文字矩阵设于背景矩阵的上方。可以理解，上文中上层的矩阵是指后应用于画布上的矩阵。也就是说，本实现方式中，先将背景矩阵应用于画布，再将前景矩阵和文字矩阵应用于画布，且前景矩阵和文字矩阵在画布上的显示区域与背景矩阵应用于画布的区域至少局部重合。根据前文描述的显示元素的生成原理不难理解，前景矩阵和文字矩阵在画布上完整显示，而背景矩阵仅在与前景矩阵和文字矩阵与背景矩阵不重合的区域显示。可以理解，在前景矩阵与文字矩阵不重合的情况下，前景矩阵和文字矩阵应用于画布的顺序本申请在此不作具体限定。

在另外一些实施例中，显示元素中的各个子显示元素具有各自对应的矩阵。手机按照预设处理逻辑对各个子显示元素各自对应的矩阵进行处理，以得到所有子显示元素叠加后的复合矩阵，手机将复合矩阵设置于画布中。手机调用预设函数，并在预设函数中输入一个或多个子显示元素调整参数的调整变量，以修改这些子显示元素对应的矩阵。得到这些子显示元素对应的调整后的矩阵后，手机将按照预设处理逻辑对调整后的矩阵以及保留的矩阵进行处理，以得到叠加所有子显示元素后的调整后的复合矩阵，手机将调整后的复合矩阵设置于画布中，以使画布能够根据调整后的矩阵更新显示元素。

下面将详细介绍子显示元素对应的矩阵应用于画布中的具体方案。

在一些实施例中，在将矩阵应用于画布的过程中，手机可以通过在画布中设置位置参数以调整矩阵在画布中的摆放位置，进而调整多个矩阵对应的元素的相对位置。例如：手机调用translate(x,y)函数，根据该函数中的x，y确定矩阵对应的元素平移后的位置。

此外，手机还可以通过在画布中设置缩放参数以调整矩阵对应的元素在画布中的显示尺寸。其中缩放参数可以是缩放基准点(例如：画布中的任意坐标点)和缩放倍率(例如：0.5)，可以理解，由于通过画布呈现的元素为二维图像，因此缩放参数可以为两个维度相互锁定的一组数据，或者缩放参数还可以为两个维度不锁定时的两组数据。缩放参数还可以是矩阵对应的元素的边界线与画布的边界之间的距离，例如：手机调用canvas.clipRect(left,top,right,bottom)函数，根据该函数中的位置边界left，top，right，bottom裁剪矩阵对应的元素缩放后的边界，以调整元素在画布中的显示尺寸。

此外，手机还可以通过在画布中设置颜色参数以调整矩阵对应的元素在画布中的显示颜色。手机还可以通过在画布中设置细节参数以调整矩阵对应的元素在画布中的细节。

S1105：手机1隐藏显示元素，并显示更新后的显示元素。

在一些实施例中，手机1调用invalide函数实现显示元素和更新后的显示元素之间的交互动画。

除此之外，在其他一些实施例中，用户的触摸操作还可以是用于使得手机1根据显示元素在手机1显示界面11中的位置以及用户设置的基准位置而设置的、用于将显示元素调整至朝向基准位置。在本实施例中，用户的触摸操作用于生成一种自动控制指令，该自动控制指令无需用户给出具体地触摸数据即能够实现至少一个显示元素的调整。

在一些实施例中，上述显示元素的调整方案可以用于调整手机1显示界面11中的其中一个显示元素。

在另外一些实施例中，上述显示元素的调整方案还可以用于同时调整手机1显示界面11中的一组显示元素。例如，上述调整方案用于一组显示元素的显示方向调整为同一方向。再例如，上述调整方案还用于将一组显示元素的显示方向调整为朝向某一位置处，其中调整后的该组显示元素的显示方向均不相同。

下面将结合具体地用户的触摸操作详细描述显示元素的调整方案。

在一些应用场景中，触摸参数中触摸轨迹位于同一个显示元素所处区域内，则触摸操作的类型为单个显示元素旋转，其中显示元素的旋转可以是绕着X轴、Y轴和Z轴中的至少一个旋转。

在一些实现方式中，在触摸轨迹与Y轴平行，触摸操作的类型为显示元素中的前景元素在绕着X轴旋转预设角度。如图12(a)所示，显示元素为相机图标104，相机图标104包括相机前景元素1041和相机背景元素1042。下面将以触摸参数中的触摸轨迹位于图5中的相机图标104中相机前景元素1041的调整界面12中为例进行说明。触摸方向用于表征相机前景元素1041的旋转轴和旋转方向，触摸轨迹的长度用于表征预设角度的大小。

如图12(b)所示，当触摸方向F

例如，在其他一些实现方式中，如图13(a)所示，相机图标104的初始状态为朝向前侧，用户手指触摸手机1调整界面12中的一点，并沿着Y轴向着手机1下侧滑动，触摸轨迹的长度用于表征相机前景元素1041a绕着X轴旋转预设角度的大小，且相机前景元素1041a绕着X轴顺时针旋转(从左侧观察)。再例如，如图13(b)所示，相机图标104的初始状态为朝向前侧，用户触摸手机1调整界面12中的一点，并沿着Y轴向着手机1上侧滑动，触摸轨迹的长度用于表征相机前景元素1041b绕着X轴旋转预设角度的大小，相机前景元素1041b绕着X轴逆时针旋转(从左侧观察)。手机根据相机前景元素1041的旋转轴X轴、旋转方向和预设角度调整相机前景元素1041对应的前景矩阵中的显示参数，进而实现相机前景元素1041的调整。

再例如，在其他一些实现方式中，触摸轨迹与X轴平行，触摸操作的类型为显示元素中前景元素在绕着Y轴旋转预设角度。例如，如图13(c)所示，相机图标104的初始状态为朝向前侧，用户手指触摸手机1调整界面12中的一点，并沿着X轴向着手机1左侧滑动，触摸轨迹的长度用于表征相机前景元素1041c绕着Y轴旋转预设角度的大小，且相机前景元素1041c绕着Y轴顺时针旋转(从上侧观察)。再例如，如图13(d)所示，相机图标104的初始状态为朝向前侧，用户手指触摸手机1调整界面12中的一点，并沿着X轴向着手机1右侧滑动，触摸轨迹的长度用于表征相机前景元素1041d绕着Y轴旋转预设角度的大小，相机前景元素1041d绕着Y轴逆时针旋转(从上侧观察)。手机根据相机前景元素1041的旋转轴Y轴、旋转方向和预设角度调整相机前景元素1041对应的前景矩阵中的显示参数，进而实现相机前景元素1041的调整。

再例如，在另外一些实现方式中，触摸轨迹为XOY平面内不与X轴和Y轴平行的直线，触摸操作的类型为显示元素中的前景元素在分别绕着X轴及Y轴旋转预设角度。例如，如图13(e)、图13(f)、图13(g)、图13(h)所示，相机图标104的初始状态为朝向前侧，用户手指触摸手机1调整界面12一点，并在XOY平面内沿着直线移动至另一点，触摸轨迹在Y轴上的分量用于表征相机前景元素1041e/1041f/1041g/1041h绕着X轴旋转的第一预设角度的大小，同理，触摸轨迹在X轴上的分量用于表征相机前景元素1041e/1041f/1041g/1041h绕着Y轴旋转的第二预设角度的大小。手机根据相机前景元素1041的旋转轴X轴和Y轴、旋转方向和预设角度调整相机前景元素1041对应的前景矩阵中的显示参数，进而实现相机前景元素1041的调整。

再例如，在另外一些实现方式中，触摸轨迹为XOY平面内以元素中心点为中心的圆弧，触摸操作的类型为显示元素中前景元素在绕着Z轴旋转预设角度。例如，如图13(i)所示，相机图标104的初始状态为图13(i)中i区域的相机图标，用户手指触摸手机1调整界面12中的一点，并在XOY平面内绕着Z轴顺时针旋转滑动，触摸轨迹对应的角度用于表征预设角度的大小。再例如，如图13(j)所示，相机图标104的初始状态为图13(j)中i区域的相机图标，用户手指触摸调整界面12中的一点，并在XOY平面内绕着Z轴逆时针旋转滑动，触摸轨迹对应的角度用于表征预设角度的大小。手机根据相机前景元素1041的旋转轴Z轴、旋转方向和预设角度调整相机前景元素1041对应的前景矩阵中的显示参数，进而实现相机前景元素1041的调整。

再例如，在其他一些实现方式中，用户的触摸操作还可以为设置指示显示元素中前景元素朝向的位置点。例如，用户手指触摸相机图标104中相机前景元素1041朝向的位置点。可以理解，触摸操作的调整对象不单单限于前景元素的调整，还可以是背景元素以及文字元素，还可以是前景元素、背景元素和文字元素中至少两种，本申请不作具体限定。

除此之外，在另一些实现方式中，由于操作精度的影响，用户手指触摸手机1调整界面12中的一点，并向着手机1调整界面12的另一个点滑动，可能包括上述3种操作轨迹中的至少两种的集成。也即触摸操作包括上述3种触摸操作中的至少两种。

如图13(k)所示，调整完显示元素的显示方向以后，手机1接收用户输入的确认指令，例如，用户点击调整界面12中的确认按钮，完成显示元素的调整，如图13(l)所示。

同理，如图14(a)，手机1进入调整显示元素的调整界面12中，点击批量调整按钮105。其中，用户进入调整界面12以后，调整界面12中显示有批量调整按钮，用户点击批量调整按钮以后，手机1的调整界面12中显示有多个显示元素，用户选择多个显示元素中的通话图标101、信息图标102、浏览器图标103和相机图标104，而后进入通话图标101、信息图标102、浏览器图标103和相机图标104的批量调整过程，如图14(b)所示。如图14(c)所示，用户触摸显示界面12中基准位置后，调整界面12中的通话图标101、信息图标102、浏览器图标103和相机图标104分别基于自身位置与基准位置调整各自的显示方向。如图14(d)所示，调整完所有图标的显示方向以后，手机1接收用户输入的确认指令，例如，用户点击调整界面12中的确认按钮，完成显示元素的调整，得到通话图标101y、信息图标102y、浏览器图标103y和相机图标104y，如图14(e)所示。

其中，根据图14(e)可知，通话图标101y、信息图标102y、浏览器图标103y和相机图标104y与图14(d)中的通话图标101、信息图标102、浏览器图标103和相机图标104相比，前者的前景元素的显示方向发生了改变。在另外一些实现方式中，在调整图标的显示方向时，还可以同时调整前景元素的显示方向和背景元素的显示方向。例如，用户触摸图14(d)中的显示界面12中基准位置后，调整界面12中的通话图标101、信息图标102、浏览器图标103和相机图标104分别基于自身位置与基准位置调整各自的显示方向，如图14(f)，其中通话图标101、信息图标102、浏览器图标103和相机图标104各自的前景元素的显示方向和背景元素的显示方向均发生了改变。用户触摸图14(f)中的确认按钮，完成显示元素的调整，得到通话图标101z、信息图标102z、浏览器图标103z和相机图标104z，如图14(g)所示。除此之外，在另外一种实现方式中，还能够单独调整背景元素的显示方向，由于显示效果与图14(d)至图14(g)较为相似，再此不作赘述。

可以理解，在图14(f)和图14(g)示出的方案中，前景元素的显示方向和背景元素的显示方向的调整幅度可以相同也可以不同，本申请不作具体限定。

综上，不仅批量调整能够实现前景元素和背景元素的同时调整，单独调整某一显示元素、交换两显示素的显示位置、调整两相邻显示元素的显示尺寸以及一显示元素覆盖另一显示元素等各类触摸操作，均能够实现对至少一种的前景元素、背景元素、文字元素的至少一种显示效果的调整，本申请在此不作一一赘述。

在介绍完显示元素的显示方向的调整方案之后，下面将详细介绍两个显示元素之间的人机交互方案。由于调整显示方后的显示元素才具有方向属性。基于此，下面将以手机1显示界面中所有的显示元素均以调整方向为例，描述两个显示元素之间的人机交互方案。

可以理解，两个显示元素可以为同种类型的显示元素，例如，两个显示元素均为卡片，其中，两个显示元素可以为同种类型的卡片，也可以为不同类型的卡片，或者，两个显示元素均为图标。两个显示元素还可以为不种类型的显示元素，例如，其中一个显示元素为卡片，另一个显示元素为图标。

在一些应用场景中，前期触摸操作中，联系人A卡片203的最后一次显示方向的调整位于联系人B卡片204的最后一次显示方向的调整之后，且联系人A卡片203的最后一次显示方向的调整方式为批量调整。本次触摸操作中，触摸参数中触摸轨迹位于两个显示元素所处区域内，且两个显示元素对应于同一应用程序，同时起始点坐标和终止点坐标分别位于两个显示元素所处的区域内，则触摸操作对应的触摸操作的类型为一个显示元素对另一个显示元素的覆盖过程。

例如，图6(a)中所示，应用程序为联系人，显示元素包括联系人A卡片203和联系人B卡片204。下面将以联系人B卡片204覆盖联系人A卡片203为例，说明对应于同一应用程序的两个显示元素之间的更新人机交互方案。

当用户触摸联系人B卡片204，并将联系人B卡片204拖动至联系人A卡片203上时，手机1获取联系人A卡片203的第一位置信息。而后，手机1获取联系人B卡片204的第二显示信息，其中第二显示信息包括联系人B卡片204的第二位置信息。手机1将第二显示信息中的第二位置信息替换为第一位置信息，得到第三显示信息。手机1将第三显示信息对应的矩阵设置给画布，以通过画布完成新图标联系人B卡片204a的绘制。进而，如图6(b)所示，手机1将联系人B图标203更新为联系人B卡片204a，并隐藏联系人B卡片204和显示联系人A卡片203。其中位置信息包括用于确定联系人A卡片203的位置参数、尺寸参数和方向参数等。

再例如，图6(c)中所示，应用程序为联系人，显示元素包括联系人A卡片203和联系人C卡片205，用户触摸联系人B卡片204，并将联系人B卡片204拖动至联系人A卡片203。下面将以联系人C卡片205覆盖联系人A卡片203为例，说明对应于同一应用程序的两个显示元素的交互方案。手机1获取联系人A卡片203的第一位置信息。而后，手机1获取联系人C卡片205的第二显示信息，其中第二显示信息包括联系人C卡片205的第二位置信息。手机1将第二显示信息中的第二位置信息替换为第一位置信息，得到第三显示信息。进而，如图6(d)所示，手机1将第三显示信息对应的矩阵设置给画布，以通过画布完成新图标联系人A图标204a的绘制。手机1将联系人B图标203更新为联系人A图标204a，并隐藏联系人A图标205和显示联系人A卡片203。

在一些应用场景中，前期触摸操作中，闹钟卡片201的最后一次显示方向的调整和遥控器卡片202a的最后一次显示方向的调整方式均为批量调整，同时并不限定于必须为同一次批量调整。本次触摸操作中，两个显示元素对应于不同应用程序。触摸参数中的起始点坐标位于一个显示元素所处区域内，终止点坐标位于另一个显示元素所处的区域内，则触摸操作对应的触摸操作的类型为两个不同应用程序对应的显示元素互相交换位置。

例如，图7(a)中所示，一个显示元素为闹钟卡片201，另一个显示元素为遥控器卡片202。用户触摸闹钟卡片201，并将闹钟卡片201拖动至遥控器卡片202上。下面将以闹钟卡片201与遥控器卡片202互相交换位置，闹钟卡片201的最后一次显示方向的调整和遥控器卡片202a的最后一次显示方向的调整方式均为批量调整为例，说明对应于不同应用程序的两个显示元素的交互方案。

手机1获取闹钟卡片201的第一显示信息，其中，第一显示信息中包括闹钟卡片201对应的第一位置信息。手机1获取遥控器卡片202的第二显示信息，其中第二显示信息中包括遥控器卡片202对应的第二位置信息。可以理解，遥控器卡片202中包括遥控器相关的文字元素，由于遥控器卡片202的尺寸较小，导致遥控器卡片202中的文字元素未被显示。由于闹钟卡片201显示有与闹钟相关的文字元素，因此获取的第二位置信息中包括遥控器卡片202中文字元素应当对应的显示位置。

手机1将第一显示信息中的第一位置信息替换为第二位置信息，得到第三显示信息，同时将第二显示信息中的第二位置信息替换为第一位置信息，得到第四显示信息。手机1根据第三显示信息生成交换位置后的遥控器卡片202a，及根据第四显示信息生成交换位置后的闹钟卡片201a。可以理解，第一位置信息包括用于确定遥控器卡片202的位置、闹钟卡片201的位置，以及两者之间的相对位置的位置参数、尺寸参数和方向参数。手机1显示闹钟卡片201a和遥控器卡片202a，并隐藏显示闹钟卡片201和遥控器卡片202。

在另外一些人机交互方案中，由于应用程序不同，可能两个卡片对于应元素所占用的尺寸并非完全一致，因此，手机1还可以适应性调整第三显示信息和第四显示信息，以获取满足用户使用习惯的卡片。

在其他一些人机交互方案中，闹钟卡片201的最后一次显示方向的调整方式为单独调整，遥控器卡片202的最后一次显示方向的调整方式为批量调整，闹钟卡片201与遥控器卡片202互相交换位置，在闹钟卡片201的最后一次显示方向的调整晚于遥控器卡片202的最后一次显示方向的调整时，交换位置后的闹钟卡片201a的显示方向不变，交换位置后的遥控器卡片202a的显示方向不变。

在其他一些人机交互方案中，闹钟卡片201的最后一次显示方向的调整方式为单独调整，遥控器卡片202的最后一次显示方向的调整方式为批量调整，闹钟卡片201与遥控器卡片202互相交换位置，在闹钟卡片201的最后一次显示方向的调整早于遥控器卡片202的最后一次显示方向的调整时，交换位置后的闹钟卡片201a的显示方向沿用遥控器卡片202的显示方向，交换位置后的遥控器卡片202a的显示方向不变。其中早于是指显示元素的调整时刻早于显示元素Y的调整时刻，晚于是指显示元素的调整时刻晚于显示元素Y的调整时刻。

可以理解，显示元素X的显示方向的调整时刻是指显示元素X当前显示方向所对应的调整时刻，并不一定是显示元素X调整为该显示方向时的时刻。例如，用户在t

在一些应用场景中，两个显示元素对应于不同应用程序。触摸参数中的起始点坐标位于相邻两个显示元素所处区域以外，并位于两个显示元素所处区域之间的位置，终止点坐标位于其中一个显示元素所处的区域内，则触摸操作对应的触摸操作的类型为调整相邻的两个不同应用程序对应的显示元素的尺寸。

例如，图8(a)中所示，一个显示元素为闹钟卡片201a，另一个显示元素为遥控器卡片202a，用户触摸遥控器卡片202a与闹钟卡片201a之间的区域，并拖动至闹钟卡片201a所处区域。下面将以调整遥控器卡片202与闹钟卡片201与的尺寸为例，说明对应于不用应用程序的两个显示元素的另外一种更新人机交互方案。

手机1获取遥控器卡片202a的第一裁剪信息和第一位置信息。手机1获取闹钟卡片201a的第二裁剪信息和第二位置信息。手机1根据用户的触摸参数分别调整第一裁剪信息、第二裁剪信息和第二位置信息。其中，手机1根据用户的触摸参数调整闹钟卡片201a中前景元素的旋转角度。手机1根据调整后的第一裁剪信息调整遥控器卡片202a的第一位置信息，并根据调整后的第二裁剪信息和调整后的第二位置信息调整闹钟卡片201a的第二位置信息。手机1根据调整后的第一裁剪信息和调整后的第一位置信息更新遥控器卡片202a，以及根据调整后的第二裁剪信息和调整后的第二位置信息更新闹钟卡片201a。

在一些实现方式中，手机1中显示界面中显示元素由其他尺寸调整至最小单元尺寸时，显示元素的显示方向默认被调整至朝向前侧。可以理解，显示元素的显示方向虽然被调整至朝向前侧，但任然认为该显示元素为已经被调整过显示方向的显示元素。

下面将结合图15(a)至图15(d)详细描述基于触摸轨迹调整遥控器卡片202a背景元素P

在一些实现方式中，手机1根据调整后的第一裁剪信息和调整后的第一位置信息对应的调整参数调整遥控器卡片202a对应的矩阵，例如，手机1根据第一裁剪信息调整遥控器卡片202a中遥控器背景元素对应的矩阵，手机1根据第一位置信息调整遥控器卡片202a中遥控器文字元素对应的矩阵。手机1将调整后的遥控器背景元素对应的矩阵和调整后的遥控器文字元素对应的矩阵设置给画布，以使画布显示调整后的遥控器卡片202b。同理，手机1根据调整后的第二裁剪信息和调整后的第二位置信息对应的调整参数调整闹钟卡片201a对应的矩阵，手机1将调整后的闹钟卡片201a对应的矩阵设置给画布，以使画布显示调整后的闹钟卡片201b。与此同时，手机1隐藏遥控器卡片202a和闹钟卡片201a。

示例性的，图16示出了手机1的硬件结构示意图。

手机1可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180等。

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

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

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

在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integratedcircuitsound，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)接口等。

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

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

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

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

在一些实施例中，手机1的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得手机1可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivisionmultiple 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)，全球导航卫星系统(globalnavigation satellite system，GLONASS)，北斗卫星导航系统(beidounavigationsatellite system，BDS)，准天顶卫星系统(quasi-zenith satellitesystem，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。

手机1通过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 dotlightemitting diodes，QLED)等。在一些实施例中，手机1可以包括1个或N个显示屏194，N为大于1的正整数。

手机1可以通过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等格式的图像信号。在一些实施例中，手机1可以包括1个或N个摄像头193，N为大于1的正整数。

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

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

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

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行手机1的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储手机1使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。

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

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

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

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

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

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

传感器模块180中可以包括触摸传感器，指纹器件，压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，环境光传感器，骨传导传感器等。

以触摸传感器举例，触摸传感器可采集用户在其上或附近的触摸事件(比如用户使用手指、触控笔等任何适合的物体在触摸传感器表面上的操作)，并将采集到的触摸信息发送给其他器件，例如处理器110。示例性的，触摸传感器可采用电阻式、电容式、红外线以及表面声波等多种方式实现。触摸传感器可与显示屏194集成为手机1的触摸屏，或者，触摸传感器与显示屏194可作为两个独立的部件来实现手机1的输入和输出功能。

当然，手机1还可以包括充电管理模块、电源管理模块、电池、按键、指示器以及1个或多个SIM卡接口等，本申请实施例对此不做任何限制。

上述手机1的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android系统为例，示例性说明手机1的软件结构。

图17是本申请实施例的手机1的软件结构框图。

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

1、应用程序层

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

如图17所示，上述应用程序可以包括通话，联系人，相机，图库，日历，地图，导航，蓝牙，音乐，视频，短信息等应用(application，APP)。

仍如图17所示，应用程序层中还包括launcher(启动器，也可称为桌面或主屏幕)等Android核心应用。一般，Android系统启动后launcher可作为核心应用常驻在Android系统中运行。

Launcher可用于显示和管理应用程序层中安装的其他App。如图17所示，应用的应用图标一般显示在launcher中，由launcher统一管理。如果检测到用户向launcher中的应用图标执行点击、长按、或拖动等操作时，launcher可响应用户的操作，触发相应的应用执行对应的操作指令。例如，如果检测到用户在launcher中点击联系人卡片，则launcher可生成联系人应用程序的启动消息，通过调用应用程序框架层中的相关服务启动联系人应用程序的应用进程，最终屏幕显示联系人应用程序的界面。再例如，如果检测到用户在launcher中长按联系人卡片，则launcher可生成联系人卡片的调整消息，进入联系人卡片的调整界面。

Launcher在显示每个应用的显示元素时可获取该应用提供的显示模型，例如图9(a)中与前景元素110对应的三维显示模型，再例如与背景元素120和文字元素130对应的二维显示模型。以联系人应用程序举例，联系人应用程序的安装包中可提供联系人卡片对应的显示模型。显示模型用于映射成联系人卡片中的各个子显示元素。如图9(d)所示，联系人卡片包括前景元素110、背景元素120以及文字元素130，前景元素110和文字元素130一般位于背景元素120的上层，前景元素110和文字元素130的尺寸一般小于背景元素120的尺寸。

在launcher中显示联系人卡片时，launcher可从联系人应用的安装包中获取到联系人应用程序对应的显示模型。如图10所示，通过屏幕中的触摸传感器接收用户的触摸操作后，Launcher获取用户触摸操作的类型，进而根据触摸操作的类型确定出调整参数以及调整变量。而后，Launcher根据调整参数和调整变量调整对应的子显示元素对应的矩阵。为了通过launcher显示出与用户需求对应的卡片，launcher使用画布对背景元素120进行剪裁，使背景元素120呈现出预设的形状和大小。进而，如图9(c)所示，launcher可在剪裁后的背景元素120上叠加前景元素110和文字元素130，最终形成联系人卡片100。对于待显示的每个显示元素，launcher均可按照上述方法使用画布制作出与用户触摸操作对应的显示元素。这样，launcher通过画布可以灵活的调整手机中的每个显示元素在launcher中的显示效果，提高launcher中应用图标的多样性和个性化定制。此外，在launcher上显示的图标200包括前景元素210和背景元素220，具体的调整方式与上述卡片100的调整方式相同，在此不作赘述。

Launcher在显示每个应用的应用图标时可获取该应用提供的显示模型。以联系人应用程序举例，联系人应用程序的安装包中可提供联系人相关的显示模型。

2、应用程序框架层

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

示例性的，应用程序框架层中可以包括通知管理器，活动管理器，窗口管理器，内容提供器，视图系统，电话管理器等。

其中，视图系统(view)可用于构建应用程序的显示界面。每个显示界面可以由一个或多个控件组成。一般而言，控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、微件(Widget)等界面元素。

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

上述活动管理器可用于管理每个应用的生命周期。应用通常以activity的形式运行在操作系统中。活动管理器可以调度应用的activity进程管理每个应用的生命周期。窗口管理器用于管理窗口程序。

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

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

上述电话管理器用于提供手机的通信功能。例如通话状态的管理(包括接通，挂断等)。上述资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

3、Android runtime和系统库

Android runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。

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

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

其中，表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如：MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。2D图形引擎是2D绘图的绘图引擎。

4、内核层

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动等，本申请实施例对此不做任何限制。

在本申请中，launcher中显示的每个应用程序对应的卡片均包括三个子显示元素为例，该三个子显示元素包括前景元素层中的前景元素、背景元素层中的背景元素以及文字层中的文字元素。launcher通过改变前景元素层、背景元素层和文字层中的至少一个层，可实现卡片的显示效果的变化。

本申请公开的机制的各实施例可以被实现在硬件、软件、固件或这些实现方法的组合中。本申请的实施例可实现为在可编程系统上执行的计算机程序或程序代码，该可编程系统包括至少一个处理器、存储系统(包括易失性和非易失性存储器和/或存储元件)、至少一个输入设备以及至少一个输出设备。

可将程序代码应用于输入指令，以执行本申请描述的各功能并生成输出信息。可以按已知方式将输出信息应用于一个或多个输出设备。为了本申请的目的，处理系统包括具有诸如例如数字信号处理器(Digital Signal Processor，DSP)、微控制器、专用集成电路(Application Specific Integrated Circuit，ASIC)或微处理器之类的处理器的任何系统。

程序代码可以用高级程序化语言或面向对象的编程语言来实现，以便与处理系统通信。在需要时，也可用汇编语言或机器语言来实现程序代码。事实上，本申请中描述的机制不限于任何特定编程语言的范围。在任一情形下，该语言可以是编译语言或解释语言。

在一些情况下，所公开的实施例可以以硬件、固件、软件或其任何组合来实现。所公开的实施例还可以被实现为由一个或多个暂时或非暂时性机器可读(例如，计算机可读)存储介质承载或存储在其上的指令，其可以由一个或多个处理器读取和执行。例如，指令可以通过网络或通过其他计算机可读介质分发。因此，机器可读介质可以包括用于以机器(例如，计算机)可读的形式存储或传输信息的任何机制，包括但不限于，软盘、光盘、光碟、只读存储器(CD-ROMs)、磁光盘、只读存储器(Read Only Memory，ROM)、随机存取存储器(RandomAccess Memory，RAM)、可擦除可编程只读存储器(Erasable Programmable Read OnlyMemory，EPROM)、电可擦除可编程只读存储器(Electrically Erasable ProgrammableRead-Only Memory，EEPROM)、磁卡或光卡、闪存、或用于利用因特网以电、光、声或其他形式的传播信号来传输信息(例如，载波、红外信号数字信号等)的有形的机器可读存储器。因此，机器可读介质包括适合于以机器(例如计算机)可读的形式存储或传输电子指令或信息的任何类型的机器可读介质。

在附图中，可以以特定布置和/或顺序示出一些结构或方法特征。然而，应该理解，可能不需要这样的特定布置和/或排序。而是，在一些实施例中，这些特征可以以不同于说明性附图中所示的方式和/或顺序来布置。另外，在特定图中包括结构或方法特征并不意味着暗示在所有实施例中都需要这样的特征，并且在一些实施例中，可以不包括这些特征或者可以与其他特征组合。

需要说明的是，本申请各设备实施例中提到的各单元/模块都是逻辑单元/模块，在物理上，一个逻辑单元/模块可以是一个物理单元/模块，也可以是一个物理单元/模块的一部分，还可以以多个物理单元/模块的组合实现，这些逻辑单元/模块本身的物理实现方式并不是最重要的，这些逻辑单元/模块所实现的功能的组合才是解决本申请所提出的技术问题的关键。此外，为了突出本申请的创新部分，本申请上述各设备实施例并没有将与解决本申请所提出的技术问题关系不太密切的单元/模块引入，这并不表明上述设备实施例并不存在其它的单元/模块。

需要说明的是，在本专利的示例和说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

虽然通过参照本申请的某些优选实施例，已经对本申请进行了图示和描述，但本领域的普通技术人员应该明白，可以在形式上和细节上对其作各种改变，而不偏离本申请的精神和范围。