一种悬浮按钮显示方法及终端设备技术

本申请公开了一种悬浮按钮显示方法及终端设备，用以提高悬浮按钮的显示灵活性。在该方案中，当终端设备检测到目标物体对悬浮按钮进行滑动操作时，所述终端设备可以控制所述悬浮按钮呈现出动态变化的效果。这样所述悬浮按钮可以呈现多种显示形态，因此，该方法可以提高悬浮按钮的显示灵活性，从而提高用户的视觉体验。

A suspension button display method and terminal equipment

The application discloses a suspension button display method and a terminal device to improve the display flexibility of the suspension button. In the scheme, when the terminal device detects the sliding operation of the target object on the suspension button, the terminal device can control the suspended button showing a dynamic change effect. Thus, the suspension button can present various display forms. Therefore, the method can improve the display flexibility of the suspension button and improve the user's visual experience.

【技术实现步骤摘要】
一种悬浮按钮显示方法及终端设备
本申请涉及终端设备
，尤其涉及一种悬浮按钮显示方法及终端设备。
技术介绍
为了减少物理按键的同时不影响用户操作便利性，很多终端设备均设置了悬浮式导航按钮(简称悬浮按钮)。用户可以通过操作触摸显示屏中显示的悬浮按钮，使终端设备执行特定功能。目前，终端设备中的悬浮按钮相当于一张图片，因此，当用户操作终端设备的触摸显示屏中的悬浮按钮时，用户和该悬浮按钮之间的互动模式一般只有以下几种：1、用户拖动悬浮按钮时，悬浮按钮在所述触摸显示屏的位置随着用户手指在触摸显示屏的移动而改变；2、用户长按或点击悬浮按钮时，悬浮按钮周围就会显示设定的功能图标；或者，悬浮按钮消失，触摸显示屏中显示单独的功能区，其中，该功能区中包含设定的功能图标。通过以上描述可知，传统设计的悬浮按钮存在与用户的互动模式单一、显示灵活性较差的问题。
技术实现思路
本申请提供一种悬浮按钮显示方法及终端设备，用于提高悬浮按钮的显示灵活性。第一方面，本申请实施例提供了一种悬浮按钮显示方法，该方法可以包括以下步骤：首先，终端设备在触摸显示屏上显示默认状态的悬浮按钮，其中，所述悬浮按钮中显示有第一图形；然后，本文档来自技高网...

【技术保护点】
一种悬浮按钮显示方法，其特征在于，包括：终端设备在触摸显示屏上显示默认状态的悬浮按钮，所述悬浮按钮中显示有第一图形；所述终端设备检测目标物体对所述悬浮按钮的触摸操作；当所述终端设备检测到滑动操作时，所述终端设备响应于检测到的所述滑动操作，以控制所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果；其中，所述动态变化包括：所述第一图形在与滑动方向相反方向上被拉伸时的动态变化。

【技术特征摘要】
1.一种悬浮按钮显示方法，其特征在于，包括：终端设备在触摸显示屏上显示默认状态的悬浮按钮，所述悬浮按钮中显示有第一图形；所述终端设备检测目标物体对所述悬浮按钮的触摸操作；当所述终端设备检测到滑动操作时，所述终端设备响应于检测到的所述滑动操作，以控制所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果；其中，所述动态变化包括：所述第一图形在与滑动方向相反方向上被拉伸时的动态变化。2.如权利要求1所述的方法，其特征在于，所述第一图形在与滑动方向相反方向上被拉伸时的动态变化，包括：所述第一图形在与所述滑动方向相反方向上发生突起变形。3.如权利要求1或2所述的方法，其特征在于，在默认状态的所述悬浮按钮中，所述第一图形的默认状态为圆形；动态变化的所述第一图形为水滴形或类椭圆形。4.如权利要求3所述的方法，其特征在于，在所述第一图形的动态变化过程中，每次变化的所述第一图形为所述终端设备对参考图形与辅助圆进行融球算法生成的；其中，所述参考图形的大小与默认状态的所述第一图形的大小相同，且第一圆心距离小于第二圆心距离，所述第一圆心距离为生成所述第N次变化的所述第一图形时所述参考图形的圆心与所述辅助圆的圆心之间的距离，所述第二圆心距离为生成第N+1次变化的所述第一图形时所述参考图形的圆心与所述辅助圆的圆心之间的距离，N为大于或等于1的整数。5.如权利要求3所述的方法，其特征在于，在所述第一图形的动态变化过程中，首次变化的所述第一图形为所述终端设备对默认状态的所述第一图形中的第一部分进行拉伸处理生成的，第M次变化的所述第一图形为所述终端设备对M-1次变化的所述第一图形中的所述第一部分进行拉伸处理生成的；其中，默认状态的所述第一图形中的所述第一部分为：按照与所述滑动方向相垂直的分割线将所述默认状态的所述第一图形拆分为两部分后，相对于所述分割线处于所述滑动方向相反方向的一部分，M为大于2的整数。6.如权利要求5所述的方法，其特征在于，在所述第一图形的动态变化过程中，首次变化的所述第一图形为所述终端设备对默认状态的所述第一图形中的第二部分进行压缩处理生成的，第M次变化的所述第一图形为所述终端设备对M-1次变化的所述第一图形中的所述第二部分进行压缩处理生成的；其中，默认状态的所述第一图形中的所述第二部分为所述默认状态的所述第一图形拆分为两部分中，除所述第一部分以外的另一部分。7.如权利要求1-6任一项所述的方法，其特征在于，所述悬浮按钮中还显示有第二图形；所述悬浮按钮在默认状态下，所述第一图形全部覆盖在所述第二图形上；在所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果的过程中，所述第一图形全部或部分覆盖在所述第二图形上。8.如权利要求7所述的方法，其特征在于，在所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果的过程中，所述第二图形发生在与滑动方向相反方向上被拉伸时的动态变化。9.如权利要求7或8所述的方法，其特征在于，所述第二图形不随着所述滑动轨迹发生位移。10.如权利要求7-9任一项所述的方法，其特征在于，所述第一图形显示在第一显示层，所述第二图形显示在第二显示层中，所述第一显示层位于所述第二显示层之上；所述悬浮按钮在默认状态下，所述第一显示层全部覆盖在所述第二显示层上；在所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果的过程中，所述第一显示层全部或部分覆盖在所述第二显示层上，从而实现在所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果的过程中，所述第一图形全部或部分覆盖在所述第二图形上。11.如权利要求7-9任一项所述的方法，其特征在于，所述终端设备获取要显示所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果的过程，所述第一图形全部或部分覆盖在所述第二图形上的动态变化效果的多个图像帧，依次显示所述多个图像帧，从而实现在所述第一图形跟随所述滑动操作的滑动轨迹呈现动态变化的效果的过程中，所述第一图形全部或部分覆盖在所述第二图形上的动态变化效果。12.如权利要求11所述的方法，其特征在于：所述多个图像帧基于一组图像帧变化得到。13.如权利要求1-12任一项所述的方法，其特征在于，在所述终端设备检测到所述滑动操作之前，所述方法还包括：所述终端设备检测到第一长按操作，所述第一长按操作为所述目标物体对所述悬浮按钮触摸时间超过第一时长的操作；所述终端设备响应于检测到的所述第一长按操作，以启动响应所述滑动操作的功能。14.如权利要求1-13任一项所述的方法，其特征在于，所述方法还包括：在所述终端设备检测到所述滑动操作结束时，所述终端设备显示恢复默认状态的所述悬浮按钮；所述终端设备执行所述滑动操作对应的指令。15.如权利要求1-13任一项所述的方法，其特征在于，在所述第一图形跟随所述滑动操作的滑动轨迹所产生的位移超过设定距离或所述第一图形移动到设定位置时，所述终端设备执行所述滑动操作对应的指令。16.如权利要求1所述的方法，其特征在于，所述方法还包括：当所述终端设备检测到点击操作或第二长按操作时，所述终端设备响应于检测到的所述点击操作或第二长按操作，以控制所述悬浮按钮先呈现所述第一图形放大或缩小设定比例的效果，再...

【专利技术属性】
技术研发人员：梁俊，杨雪，李康，陶丽娜，卢海根，高广凤，宋昱，黄雪妍，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东,44