[發(fā)明專利]圖形界面顯示方法、電子設(shè)備、介質(zhì)以及程序產(chǎn)品

在審

• 申請(qǐng)?zhí)枺?/td>: 202110425565.4
• 申請(qǐng)日: 2021-04-20
• 公開（公告）號(hào): CN113568549A
• 公開（公告）日: 2021-10-29
• 發(fā)明（設(shè)計(jì)）人: 卞超
• 申請(qǐng)（專利權(quán)）人: 華為技術(shù)有限公司
• 主分類號(hào): G06F3/0484
• 分類號(hào): G06F3/0484;G06F3/0481;G06F8/38;G06T13/80
• 代理公司: 北京市金杜律師事務(wù)所 11256
• 代理人: 黃倩

1.一種圖形界面顯示方法，包括：

在電子設(shè)備的屏幕上顯示M個(gè)用戶界面UI元素，M為大于1的正整數(shù)；

檢測(cè)到作用于所述M個(gè)UI元素中的第一UI元素的操作；

響應(yīng)于所述操作，使所述屏幕上的N個(gè)UI元素中的每個(gè)UI元素產(chǎn)生動(dòng)畫效果，N為1與M-1之間的正整數(shù)，其中產(chǎn)生所述動(dòng)畫效果包括：

確定所述N個(gè)UI元素中的第二UI元素將在第一方向上移動(dòng)的目標(biāo)距離，所述第一方向是從所述第二UI元素指向所述第一UI元素的方向或是從所述第一UI元素指向所述第二UI元素的方向；

使所述第二UI元素從起始位置沿所述第一方向以所述目標(biāo)距離進(jìn)行第一移動(dòng)；以及

在所述第一移動(dòng)之后，使所述第二UI元素沿與所述第一方向相反的第二方向進(jìn)行第二移動(dòng)，以復(fù)位到所述起始位置。

2.根據(jù)權(quán)利要求1所述的方法，其中確定所述目標(biāo)距離包括：

確定所述第二UI元素的尺寸；

確定所述第二UI元素與所述第一UI元素之間的距離；以及

基于所述尺寸和所述距離來確定所述目標(biāo)距離。

3.根據(jù)權(quán)利要求2所述的方法，其中基于所述尺寸和所述距離來確定所述目標(biāo)距離包括：

使所述目標(biāo)距離隨著所述尺寸增大而增大并且隨著所述距離增大而減小。

4.根據(jù)權(quán)利要求2所述的方法，其中確定所述距離包括：

確定所述第一UI元素的第一中心點(diǎn)；

確定所述第二UI元素的第二中心點(diǎn)；以及

確定所述第一中心點(diǎn)與所述第二中心點(diǎn)之間的直線距離，作為所述距離。

5.根據(jù)權(quán)利要求2所述的方法，其中確定所述距離包括：

確定所述第一UI元素的第一中心點(diǎn)；

確定以所述第一中心點(diǎn)為圓心的具有各自半徑的多個(gè)圓；

確定所述第二UI元素與所述多個(gè)圓中的至少一個(gè)圓相交；以及

將所述至少一個(gè)圓中半徑最小的圓的半徑確定為所述距離。

6.根據(jù)權(quán)利要求2所述的方法，其中確定所述距離包括：

確定所述第一UI元素與所述第二UI元素之間的橫向間距；

確定所述第一UI元素與所述第二UI元素之間的縱向間距；以及

基于所述橫向間距和所述縱向間距中的至少一者和所述第一方向來確定所述距離。

7.根據(jù)權(quán)利要求1至6中任一項(xiàng)所述的方法，還包括：

基于所述第一UI元素的尺寸來確定所述第一UI元素的影響區(qū)域；以及

將所述M個(gè)UI元素中在所述影響區(qū)域內(nèi)的UI元素確定為所述N個(gè)UI元素。

8.根據(jù)權(quán)利要求1至6中任一項(xiàng)所述的方法，還包括：

將所述M個(gè)UI元素中除所述第一UI元素以外的M-1個(gè)UI元素確定為所述N個(gè)UI元素。

9.根據(jù)權(quán)利要求1至8中任一項(xiàng)所述的方法，其中所述第一移動(dòng)持續(xù)的第一時(shí)長(zhǎng)、所述第二移動(dòng)持續(xù)的第二時(shí)長(zhǎng)、以及所述第一移動(dòng)和所述第二移動(dòng)持續(xù)的總時(shí)長(zhǎng)中的至少一個(gè)是可配置的。

10.根據(jù)權(quán)利要求1至9中任一項(xiàng)所述的方法，其中所述第二UI元素在所述第一移動(dòng)和所述第二移動(dòng)中的至少一者期間的移動(dòng)的動(dòng)畫效果基于位移隨時(shí)間變化的預(yù)定義曲線來確定。

11.根據(jù)權(quán)利要求10所述的方法，其中所述預(yù)定義曲線為貝塞爾曲線或彈性力曲線。

12.根據(jù)權(quán)利要求1至11中任一項(xiàng)所述的方法，其中所述第一移動(dòng)和所述第二移動(dòng)中的至少一個(gè)包括變加速直線運(yùn)動(dòng)。