[發明專利]按鈕交互方法和裝置

有效

• 申請號: 201510036107.6
• 申請日: 2015-01-23
• 公開（公告）號: CN104598112B
• 公開（公告）日: 2019-01-18
• 發明（設計）人: 王陽;傅強;陳灝
• 申請（專利權）人: 小米科技有限責任公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F3/0484;G06F9/451
• 代理公司: 北京博思佳知識產權代理有限公司 11415
• 代理人: 林祥

1.一種按鈕交互方法，其特征在于，所述方法包括：

判斷按鈕是否發生按鈕態切換；所述按鈕態包括：Normal態、Hover態和Press態；

針對所述按鈕在所述Normal態、Hover態和Press態之間發生的按鈕態切換，統一在所述按鈕周圍輸出波動圖形；其中，所述波動圖形用于發出交互提醒以及表征所述按鈕態切換所觸發的事件的加載進程；所述輸出波動圖形包括：靜態輸出波動圖形或動態輸出波動圖形；其中，當所述按鈕由Normal態切換為Hover態時，在所述按鈕周圍靜態輸出所述波動圖形，以發出交互提醒；當所述按鈕由Hover態切換為Press態時，按照預設的波動周期在所述按鈕周圍動態輸出所述波動圖形，并在所述按鈕由Hover態切換為Press態時所觸發的事件加載完成后，停止輸出所述波動圖形。

2.如權利要求1所述的方法，其特征在于，所述判斷按鈕是否發生按鈕態切換包括：

監聽針對所述按鈕區域的觸摸事件；

判斷所述觸摸事件是否為第一預設事件；

當所述觸摸事件為所述第一預設事件時，確定所述按鈕由Normal態切換為Hover態；

當所述按鈕切換為Hover態后，再次監聽到針對所述按鈕區域的觸摸事件，并且判斷出該觸摸事件為第二預設事件時，確定所述按鈕由Hover態切換為Press態。

3.如權利要求1所述的方法，其特征在于，所述判斷按鈕是否發生按鈕態切換包括：

監聽針對所述按鈕區域的鼠標事件；

判斷所述鼠標事件是否為第三預設事件；

當所述鼠標事件為所述第三預設事件時，確定所述按鈕由Normal態切換為Hover態；

當所述按鈕切換為Hover態后，再次監聽到針對所述按鈕區域的鼠標事件，并且判斷出該鼠標事件為第四預設事件時，確定所述按鈕由Hover態切換為Press態。

4.如權利要求2所述的方法，其特征在于，所述第一預設事件為長按事件；所述第二預設事件為松開事件。

5.如權利要求3所述的方法，其特征在于，所述第三預設事件為鼠標懸停事件；所述第四預設事件為鼠標點擊事件。

6.如權利要求1所述的方法，其特征在于，所述波動圖形為波紋圖形時，所述在所述按鈕周圍靜態輸出所述波動圖形包括：

獲取用戶針對所述按鈕區域的按壓壓力；

根據所述按壓壓力的大小在所述按鈕周圍靜態輸出預設數量的波紋圖形；其中所述按壓壓力越大在所述按鈕周圍靜態輸出的波紋圖形的條數越多。

7.如權利要求1所述的方法，其特征在于，所述波動圖形為波紋圖形時，所述按照預設的波動周期在所述按鈕周圍動態輸出所述波動圖形包括：

在所述按鈕邊緣設定波紋源；

控制所述波紋源按照預設的擴散速率向外周期性的擴散逐漸衰減的波紋圖形。

8.一種按鈕交互裝置，其特征在于，所述裝置包括：

判斷模塊，用于判斷按鈕是否發生按鈕態切換；所述按鈕態包括：Normal態、Hover態和Press態；

輸出模塊，用于針對所述按鈕在所述Normal態、Hover態和Press態之間發生的按鈕態切換，統一在所述按鈕周圍輸出波動圖形；其中所述波動圖形用于發出交互提醒以及表征所述按鈕態切換所觸發的事件的加載進程；所述輸出波動圖形包括：靜態輸出波動圖形或動態輸出波動圖形；

其中，所述輸出模塊包括：

第一輸出子模塊，用于在所述按鈕由Normal態切換為Hover態時，在所述按鈕周圍靜態輸出所述波動圖形，以發出交互提醒；

第二輸出子模塊，用于在所述按鈕由Hover態切換為Press態時，按照預設的波動周期在所述按鈕周圍動態輸出所述波動圖形，并在所述按鈕由Hover態切換為Press態時所觸發的事件加載完成后，停止輸出所述波動圖形。