[发明专利]一种菜单的环形转动交互方法、装置、设备和介质在审
申请号: | 202010650832.3 | 申请日: | 2020-07-08 |
公开(公告)号: | CN111984166A | 公开(公告)日: | 2020-11-24 |
发明(设计)人: | 黄家昌;林小旺;杨辉;邱道椿 | 申请(专利权)人: | 福建亿能达信息技术股份有限公司 |
主分类号: | G06F3/0482 | 分类号: | G06F3/0482;G06T13/80 |
代理公司: | 福州市鼓楼区京华专利事务所(普通合伙) 35212 | 代理人: | 林云娇 |
地址: | 350000 福建省福州市鼓楼*** | 国省代码: | 福建;35 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 菜单 环形 转动 交互 方法 装置 设备 介质 | ||
1.一种菜单的环形转动交互方法,其特征在于:菜单页面依次分为环形菜单区和信息显示区,所述环形菜单区用于显示环形菜单,所述环形菜单由N个菜单项呈环形分布,每个菜单项按预设角度同时顺时针或同时逆时针旋转,并在任一菜单项被选中的情况下,该被选中的菜单项对应的内容介绍信息被显示在所述信息显示区。
2.根据权利要求1所述的一种菜单的环形转动交互方法,其特征在于:
N个所述菜单项通过等分360°的形式呈环形分布,所述预设角度为旋转角度A,则该旋转角度A和菜单项个数N的关系如公式(1)所示:
3.根据权利要求1所述的一种菜单的环形转动交互方法,其特征在于:当N为偶数时,所述环形菜单的上方和下方分别存在一个开角K,30°≤K≤90°;使所述环形菜单分为左半环和右半环,所述环形菜单每旋转一次,左半环和右半环均分别具有一被选中的菜单项;所述信息显示区包括左显示区和右显示区,分别位于环形菜单区的左右两侧,分别用于显示左半环和右半环的被选中的菜单项对应的内容介绍信息;
则所述预设角度分为特殊旋转角度S和一般旋转角度B,所述特殊旋转角度S为处于所述开角K两侧的菜单项从左半环跳转到右半环或从右半环跳到左半环时的旋转角度,一般旋转角度B表示剩余菜单项的旋转角度,则:
S=B+K (3);
根据所述特殊旋转角度S和所述一般旋转角度B算出N个菜单项旋转后角度值,并按顺序封装在一个角度值数组里,并做为参数传入到对应菜单项CSS中的transform做为rotate属性值,根据该rotate属性值生成旋转后的环形菜单。
4.根据权利要求3所述的一种菜单的环形转动交互方法,其特征在于:所述菜单项旋转由定时器来控制,通过该定时器设定一个理想的时间间隔来使菜单进行定时旋转,在一次角度旋转完成时,根据自动选中的菜单项将对应的内容介绍信息动态地显示在所述信息显示区;
当因外部操作导致当前菜单页面发生变化时,通过监听器在判断菜单页面为离开还是进入,若是离开则清除定时器,若是进入则重新开启定时器。
5.一种菜单的环形转动交互装置,其特征在于:包括:
菜单页面,依次分为环形菜单区和信息显示区,所述环形菜单区用于显示环形菜单,所述环形菜单由N个菜单项呈环形分布;
旋转控制模块,将所述环形菜单中的每个菜单项按预设角度同时顺时针或同时逆时针进行2D旋转;
显示控制模块,在所述环形菜单中的任一菜单项被选中的情况下,将该被选中的菜单项对应的内容介绍信息显示在所述信息显示区。
6.根据权利要求5所述的一种菜单的环形转动交互装置,其特征在于:N个所述菜单项通过等分360°的形式呈环形分布,所述预设角度为旋转角度A,则该旋转角度A和菜单项个数N的关系如公式(1)所示:
7.根据权利要求5所述的一种菜单的环形转动交互装置,其特征在于:当N为偶数时,所述环形菜单的上方和下方分别存在一个开角K,30°≤K≤90°;使所述环形菜单分为左半环和右半环,所述环形菜单每旋转一次,左半环和右半环均分别具有一被选中的菜单项;所述信息显示区包括左显示区和右显示区,分别位于环形菜单区的左右两侧,分别用于显示左半环和右半环的被选中的菜单项对应的内容介绍信息;
则所述旋转控制模块将预设角度分为特殊旋转角度S和一般旋转角度B,所述特殊旋转角度S为处于所述开角K两侧的菜单项从左半环跳转到右半环或从右半环跳到左半环时的旋转角度,一般旋转角度B表示剩余菜单项的旋转角度,则:
S=B+K (3);
根据所述特殊旋转角度S和所述一般旋转角度B算出N个菜单项旋转后角度值,并按顺序封装在一个角度值数组里,并做为参数传入到对应菜单项CSS中的transform做为rotate属性值,根据该rotate属性值生成旋转后的环形菜单。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于福建亿能达信息技术股份有限公司,未经福建亿能达信息技术股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010650832.3/1.html,转载请声明来源钻瓜专利网。