[发明专利]按钮交互方法和装置

说明书

本公开提出一种按钮交互方法，所述方法包括：判断按钮是否发生按钮态切换；当所述按钮发生按钮态切换时，在所述按钮周围输出波动图形；其中所述波动图形用于发出交互提醒以及表征所述按钮态切换所触发的事件的加载进程。本公开在按钮交互过程中可以为用户输出清晰准确的交互提醒以及呈现完整的交互进程，从而优化了用户的交互体验。

技术领域

本公开涉及通讯领域，尤其涉及按钮交互方法和装置。

背景技术

按钮交互，是指在交互界面上设置一个按钮，用户通过鼠标点击按钮或者用手触摸按钮，可触发对应的人机交互响应。目前，在网页设计以及APP开发领域，按钮交互的应用非常广泛。在网页设计或者APP开发的过程中，通过按钮交互可以实时、多样化的实现人机交互功能，使用起来很方便，而且可以使得整个交互过程更加的形象直观。

然而，随着互联网领域的不断发展，对于人机交互的多样性提出了更高的要求，因此如何来提高按钮交互过程中的交互效率以及交互体验，已经成为目前业界关注的焦点。

发明内容

为克服相关技术中存在的问题，本公开提供一种按钮交互方法和装置。

根据本公开实施例的第一方面，提供一种按钮交互方法，所述方法包括：

判断按钮是否发生按钮态切换；

当所述按钮发生按钮态切换时，在所述按钮周围输出波动图形；其中所述波动图形用于发出交互提醒以及表征所述按钮态切换所触发的事件的加载进程。

可选的，所述判断按钮是否发生按钮态切换包括：

监听针对所述按钮区域的触摸事件；

判断所述触摸事件是否为第一预设事件；

当所述触摸事件为所述第一预设事件时，确定所述按钮由Normal态切换为Hover态；

当所述按钮切换为Hover态后，再次监听到针对所述按钮区域的触摸事件，并且判断出该触摸事件为第二预设事件时，确定所述按钮由Hover态切换为Press态。

可选的，所述判断按钮是否发生按钮态切换包括：

监听针对所述按钮区域的鼠标事件；

判断所述鼠标事件是否为第三预设事件；

当所述鼠标事件为所述第三预设事件时，确定所述按钮由Normal态切换为Hover态；

当所述按钮切换为Hover态后，再次监听到针对所述按钮区域的鼠标事件，并且判断出该鼠标事件为第四预设事件时，确定所述按钮由Hover态切换为Press态。

可选的，所述第一预设事件为长按事件；所述第二预设事件为松开事件；所述第三预设事件为鼠标悬停事件；所述第四预设事件为鼠标点击事件。

可选的，所述当所述按钮发生按钮态切换时，在所述按钮周围输出波动图形包括：

当所述按钮由Normal态切换为Hover态时，在所述按钮周围静态输出所述波动图形，以发出交互提醒；

当所述按钮由Hover态切换为Press态时，按照预设的波动周期在所述按钮周围动态输出所述波动图形，并在所述按钮由Hover态切换为Press态时所触发的事件加载完成后，停止输出所述波动图形。

可选的，所述波动图形为波纹图形时，所述在所述按钮周围静态输出所述波动图形包括：

获取用户针对所述按钮区域的按压压力；

根据所述按压压力的大小在所述按钮周围静态输出预设数量的波纹图形；其中所述按压压力越大在所述按钮周围静态输出的波纹图形的条数越多。