[发明专利]用户界面元素的动画

说明书

实施方式涉及生成和显示用户界面元素的动画。在一些实施方式中，计算机运行的方法包括接收指示关于包括多个用户界面元素的网格的特定用户界面元素的操纵的用户输入。方法基于用户输入至少识别将要被更新的网格的第一行和第二行。方法生成动画以更新网格，包括网格的第二行的更新以及一个或多个转变，该转变包含以下中的至少一个：第一用户界面元素沿第一方向从第一行向网格的显示区域外部的转变，以及第二用户界面元素沿着不同的第二方向从显示区域外部进入第一行的转变。方法使得动画被显示。

相关申请的交叉引用

本申请要求2016年4月26日提交的申请号为15/139,259、题为“ANIMATION OFUSER INTERFACE ELEMENTS”的美国专利申请的优先权，其全部内容通过引用合并于此。

背景技术

计算机用户界面采用各种用户界面元素。一些用户界面可以包括被布置在网格中的用户界面元素。例如，图标可以被布置在行和列的网格中。在另一示例中，照片缩略图可以被布置在网格中。不同的软件应用程序可以允许用户添加、删除或重新布置被布置在网格中的用户界面元素。

本文提供的背景描述是为了总体上呈现本公开的环境。达到本背景部分中描述的程度的目前被指名的发明人的工作，以及在提交时可能不适合作为现有技术的描述的各方面，既不明确地也不隐含地被承认为相对于本公开的现有技术。

发明内容

本申请的实施方式涉及生成和显示用户界面元素的动画。在一些实施方式中，一种计算机实施的方法包括接收用户输入，该用户输入指示关于网格的特定用户界面元素的操纵，该网格包括布置在显示区域中的多个用户界面元素；基于用户输入，至少识别将要被更新的网格的第一行和第二行。方法包括生成动画以更新网格，其中该动画包括网格的第二行的更新，和一个或多个转变，该转变包含以下中的至少一个：第一用户界面元素沿第一方向从第一行向显示区域外部的转变，和第二用户界面元素沿第二方向从显示区域外部进入第一行的转变，其中第二方向不同于第一方向。方法使得动画被显示。

描述了方法的各种实施方式和示例。例如，特定用户界面元素可以被包括在网格中，并且接收用户输入可以包括接收从网格移除特定用户界面元素的指示。例如，特定用户界面元素可以在第一行中，并且接收的用户输入可以是从网格移除特定用户界面元素，生成动画可以进一步包括从网格的第一行移除特定用户界面元素。在一些实施方式中，特定用户界面元素可以来自网格的与第一行不同的行，并且接收用户输入可以包括接收将特定用户界面元素移动至网格的第一行的指示。在一些实施方式中，特定用户界面元素不是网格的一部分，并且接收用户输入可以包括接收将特定用户界面元素插入至网格中的指示。例如，指示可以是将特定用户界面元素插入至第一行中。

生成动画可以进一步包括基于第一用户界面元素和/或第二用户界面元素的大小来调整第一行的尺寸。方法可以进一步包含确定显示区域的显示方向；并且基于显示方向，选择第一方向和第二方向中的至少一个。例如，显示方向可以是从左到右的方向，第一方向可以是从左到右的方向，并且第二方向可以是从右到左的方向。在一些实施方式中，第一行和第二行可以在网格中相邻，并且网格的第二行的更新可以包括第一用户界面元素沿第一方向从显示区域外部进入第二行的转变，和/或第二用户界面元素沿第二方向从第二行向显示区域外部的转变。在一些实施方式中，网格的第二行的更新进一步包括将第二行中的一个或多个用户界面元素交错淡变为网格的一个或多个其他用户界面元素，而不显示其他用户元素穿越网格的位置的运动。方法可以进一步包括识别网格的第三行用于更新，其中生成动画包括网格的第三行的更新。在一些示例中，网格表示相册的至少一部分，并且网格中的多个用户界面元素是图像或图像缩略图，其中用户输入指令将特定用户界面元素添加到相册中或从相册移除。