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

有效

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

1.一種計算機實施的方法，其特征在于，包含：

接收用戶輸入，所述用戶輸入指示關于網格的至少一個特定用戶界面元素的操縱，所述網格包括布置在顯示區域中的多個用戶界面元素；

基于所述用戶輸入，至少識別將要被更新的所述網格的第一行和第二行；

確定是否滿足交錯淡變閾值，其中，所述交錯淡變閾值為兩個或兩個以上，并且當至少閾值數量的在所述至少一個特定用戶界面元素的所述操縱中被移除或被添加的特定界面元素在所述網格中位于所述第二行中的一個或多個用戶界面元素之前時，所述交錯淡變閾值被滿足；以及

生成動畫以更新所述網格，其中所述動畫包含：

一個或多個轉變，所述轉變包含以下中的至少一個：

第一用戶界面元素沿第一方向從所述第一行向所述顯示區域外部的轉變；或者

第二用戶界面元素沿第二方向從所述顯示區域外部進入所述第一行的轉變，所述第二方向不同于所述第一方向；以及

所述網格的所述第二行的更新，

其中，響應于所述交錯淡變閾值被滿足，所述網格的所述第二行的所述更新包含將所述第二行中的所述一個或多個用戶界面元素交錯淡變地轉變為所述網格中的一個或多個其他的用戶界面元素，而不顯示所述一個或多個其他的用戶元素穿越所述網格的位置的運動；以及

使得所述動畫被顯示。

2.根據權利要求1所述的方法，其特征在于，響應于未滿足所述交錯淡變閾值，所述網格的所述第二行的所述更新包括顯示所述一個或多個用戶界面元素沿所述第一方向或所述第二方向從所述第二行到所述顯示區域外部的轉變，以及顯示所述一個或多個其他的用戶界面元素穿越所述網格的一個或多個位置的轉變。

3.根據權利要求1所述的方法，其特征在于，所述至少一個特定用戶界面元素在所述第一行中，并且其中接收用戶輸入包含接收從所述網格移除所述至少一個特定用戶界面元素的指示，

其中，生成所述動畫進一步包含從所述網格的所述第一行移除所述至少一個特定用戶界面元素。

4.根據權利要求1所述的方法，其特征在于，所述至少一個特定用戶界面元素來自所述網格的與所述第一行不同的行，并且其中接收用戶輸入包含接收將所述至少一個特定用戶界面元素移動至所述網格的所述第一行的指示。

5.根據權利要求1所述的方法，其特征在于，在交錯淡變轉變過程中，通過在所述用戶界面元素的圖像和所述其他的用戶元素的圖像之間生成和顯示一個或多個中間圖像，所述第二行中的所述一個或多個用戶界面元素的每個用戶界面元素被所述一個或多個其他的用戶界面元素中的另一個用戶界面元素替換。

6.根據權利要求1所述的方法，其特征在于，所述至少一個特定用戶界面元素不是所述網格的一部分，其中接收用戶輸入包含接收將所述至少一個特定用戶界面元素插入至所述網格的所述第一行中的指示，并且其中生成所述動畫進一步包括將所述至少一個特定用戶界面元素插入到所述網格的所述第一行中。

7.根據權利要求1所述的方法，其特征在于，生成所述動畫進一步包含基于以下中的至少一個的大小來調整所述第一行的尺寸：所述第一用戶界面元素和所述第二用戶界面元素。

8.根據權利要求1所述的方法，其特征在于，進一步包含：

確定所述顯示區域的顯示方向；并且

基于所述顯示方向，選擇所述第一方向和所述第二方向中的至少一個。

9.根據權利要求5所述的方法，其特征在于，所述一個或多個中間圖像中的每一個可包括用于來自所述用戶元素的像素定位的第一子集的第一多個像素值和用于來自在所述網格中所述用戶界面元素之后放置的所述其他的用戶界面元素的像素定位的第二子集的第二多個像素值，使得所述第一子集和所述第二子集是互斥的。