[发明专利]图形界面显示方法、电子设备、介质以及程序产品

说明书

本公开的实施例提供了一种图形界面显示方法、电子设备、存储介质以及程序产品。在该方法中，电子设备在屏幕上显示M个用户界面UI元素。电子设备检测到作用于第一UI元素的操作。响应于该操作，电子设备使屏幕上的N个UI元素中的每个UI元素产生受到“吸引力”或“排斥力”的动画效果。在产生动画效果时，电子设备确定第二UI元素将在第一方向上移动的目标距离。电子设备使第二UI元素从起始位置沿第一方向以目标距离进行第一移动。在第一移动之后，电子设备使第二UI元素沿与第一方向相反的第二方向进行第二移动，以复位到起始位置。如此，本公开的实施例展现出符合自然规律的动态效果，与用户生活体验更加一致，加强了电子设备的生命力和人性化程度。

技术领域

本公开总体上涉及信息技术领域，并且更特别地涉及一种图形界面显示方法、电子设备、计算机可读存储介质、以及计算机程序产品。

背景技术

随着信息技术的发展，越来越多的电子设备被配备有各种类型的屏幕。因此，电子设备的屏幕上的用户界面(user interface，UI)或图形界面(graphic interface，GUI)的整体显示效果及风格成为影响用户体验的重要因素。在UI框架的构建中，动画效果已经成为不可分割的一部分。随着智能电话等电子设备的性能提高，电子设备的UI动画效果也随之发展。高刷新率、高渲染度、高复杂度的动画效果逐渐出现。然而，电子设备的屏幕上的UI动画效果还存在进一步改进的空间，以提供更良好的用户体验。

发明内容

本公开的实施例涉及一种用于实现UI元素之间存在“吸引力”或“排斥力”的动画效果的技术方案，并且具体提供了一种图形界面显示方法、电子设备、计算机可读存储介质、以及计算机程序产品。

在本公开的第一方面，提供了一种图形界面显示方法。在该方法中，电子设备在屏幕上显示M个用户界面UI元素，M为大于1的正整数。电子设备检测到作用于M个UI元素中的第一UI元素的操作。响应于对第一UI元素的操作，电子设备使屏幕上的N个UI元素中的每个UI元素产生动画效果，N为1与M-1之间的正整数。在产生动画效果时，电子设备确定N个UI元素中的第二UI元素将在第一方向上移动的目标距离，第一方向是从第二UI元素指向第一UI元素的方向或是从第一UI元素指向第二UI元素的方向。电子设备使第二UI元素从起始位置沿第一方向以目标距离进行第一移动。电子设备在第一移动之后，使第二UI元素沿与第一方向相反的第二方向进行第二移动，以复位到起始位置。以此方式，本公开的实施例实现了UI元素之间具有“引力”的动画效果，展现出符合自然规律的动态效果，与用户生活体验更加一致，加强了电子设备的生命力和人性化程度。在一些实施例中，取决于系统设置或用户设置，或者取决于被操作的第一UI元素的操作持续的时间长度，第二UI元素可以进行多次第一位移和第二位移。也就是说，第二UI元素可以按照循环的方式在第一方向上执行第一移动，在第二方向上执行第二移动，然后再在第一方向上执行第一移动，再在第二方向上执行第二移动，如此循环往复。在一些实施例中，第二UI元素在每次循环中在第一方向上的第一移动中的目标距离可以保持不变或逐渐减小。

在一些实现方式中，为了确定目标距离，电子设备可以确定第二UI元素的尺寸，确定第二UI元素与第一UI元素之间的距离，以及基于尺寸和距离来确定目标距离。以此方式，UI元素受到其他UI元素的“吸引力”或“排斥力”作用的大小可以取决于UI元素本身的大小和两个UI元素之间的距离，从而符合于自然界中的引力大小规律，由此进一步提升用户体验。

在一些实现方式中，为了基于尺寸和距离来确定目标距离，电子设备可以使目标距离随着尺寸增大而增大并且随着距离增大而减小。以此方式，UI元素本身的大小越大，两个UI元素之间的距离越小，UI元素受到其他UI元素的“吸引力”或“排斥力”作用的大小也就越大，从而符合于自然界中的引力大小规律，由此进一步提升用户体验。