[發明專利]用戶界面元素的動畫

有效

• 申請號: 201680080240.4
• 申請日: 2016-12-22
• 公開（公告）號: CN109643218B
• 公開（公告）日: 2022-05-31
• 發明（設計）人: 保羅·索登;埃里克·亨利
• 申請（專利權）人: 谷歌有限責任公司
• 主分類號: G06F3/04845
• 分類號: G06F3/04845;G06F3/04883;G06F3/0482;G06F3/04817;G06T13/80
• 代理公司: 上海華誠知識產權代理有限公司 31300
• 代理人: 肖華

實施方式涉及生成和顯示用戶界面元素的動畫。在一些實施方式中，計算機運行的方法包括接收指示關于包括多個用戶界面元素的網格的特定用戶界面元素的操縱的用戶輸入。方法基于用戶輸入至少識別將要被更新的網格的第一行和第二行。方法生成動畫以更新網格，包括網格的第二行的更新以及一個或多個轉變，該轉變包含以下中的至少一個：第一用戶界面元素沿第一方向從第一行向網格的顯示區域外部的轉變，以及第二用戶界面元素沿著不同的第二方向從顯示區域外部進入第一行的轉變。方法使得動畫被顯示。

相關申請的交叉引用

本申請要求2016年4月26日提交的申請號為15/139,259、題為“ANIMATION OFUSER INTERFACE ELEMENTS”的美國專利申請的優先權，其全部內容通過引用合并于此。

背景技術

計算機用戶界面采用各種用戶界面元素。一些用戶界面可以包括被布置在網格中的用戶界面元素。例如，圖標可以被布置在行和列的網格中。在另一示例中，照片縮略圖可以被布置在網格中。不同的軟件應用程序可以允許用戶添加、刪除或重新布置被布置在網格中的用戶界面元素。

本文提供的背景描述是為了總體上呈現本公開的環境。達到本背景部分中描述的程度的目前被指名的發明人的工作，以及在提交時可能不適合作為現有技術的描述的各方面，既不明確地也不隱含地被承認為相對于本公開的現有技術。

發明內容

本申請的實施方式涉及生成和顯示用戶界面元素的動畫。在一些實施方式中，一種計算機實施的方法包括接收用戶輸入，該用戶輸入指示關于網格的特定用戶界面元素的操縱，該網格包括布置在顯示區域中的多個用戶界面元素；基于用戶輸入，至少識別將要被更新的網格的第一行和第二行。方法包括生成動畫以更新網格，其中該動畫包括網格的第二行的更新，和一個或多個轉變，該轉變包含以下中的至少一個：第一用戶界面元素沿第一方向從第一行向顯示區域外部的轉變，和第二用戶界面元素沿第二方向從顯示區域外部進入第一行的轉變，其中第二方向不同于第一方向。方法使得動畫被顯示。

描述了方法的各種實施方式和示例。例如，特定用戶界面元素可以被包括在網格中，并且接收用戶輸入可以包括接收從網格移除特定用戶界面元素的指示。例如，特定用戶界面元素可以在第一行中，并且接收的用戶輸入可以是從網格移除特定用戶界面元素，生成動畫可以進一步包括從網格的第一行移除特定用戶界面元素。在一些實施方式中，特定用戶界面元素可以來自網格的與第一行不同的行，并且接收用戶輸入可以包括接收將特定用戶界面元素移動至網格的第一行的指示。在一些實施方式中，特定用戶界面元素不是網格的一部分，并且接收用戶輸入可以包括接收將特定用戶界面元素插入至網格中的指示。例如，指示可以是將特定用戶界面元素插入至第一行中。

生成動畫可以進一步包括基于第一用戶界面元素和/或第二用戶界面元素的大小來調整第一行的尺寸。方法可以進一步包含確定顯示區域的顯示方向；并且基于顯示方向，選擇第一方向和第二方向中的至少一個。例如，顯示方向可以是從左到右的方向，第一方向可以是從左到右的方向，并且第二方向可以是從右到左的方向。在一些實施方式中，第一行和第二行可以在網格中相鄰，并且網格的第二行的更新可以包括第一用戶界面元素沿第一方向從顯示區域外部進入第二行的轉變，和/或第二用戶界面元素沿第二方向從第二行向顯示區域外部的轉變。在一些實施方式中，網格的第二行的更新進一步包括將第二行中的一個或多個用戶界面元素交錯淡變為網格的一個或多個其他用戶界面元素，而不顯示其他用戶元素穿越網格的位置的運動。方法可以進一步包括識別網格的第三行用于更新，其中生成動畫包括網格的第三行的更新。在一些示例中，網格表示相冊的至少一部分，并且網格中的多個用戶界面元素是圖像或圖像縮略圖，其中用戶輸入指令將特定用戶界面元素添加到相冊中或從相冊移除。