旋转选择菜单

作者: 海泉 | 来源:发表于2017-04-13 18:52 被阅读22次

首先,先上主菜

在项目中有需要一转盘选择菜单。效果如箐优网、建设银行首页菜单。

之前的写法

1.在转盘上添加UIPanGestureRecognizer手势,触发手势。

.began状态,记录旋转位置、初始旋转角度并设置触发起始时间。

began

.changed状态,计算旋转的角度、位置并改变4个Button的CentPoint。

changed

.ended状态,依据旋转的角度判断是否触发定时器,产生连续转动的效果。

ended 效果图 【掩面】

优点

1.可准确获得btn点击的点击事件。

缺点

1.转动结束btn位置计算教为复杂

2.转动效果不理想

--------------------------------我是分割线-----------------------------

无意中发现这哥们写的,动画效果好很多。遂改用Swift重写了下。

现在的效果图

但是也有坑,先留着后面慢慢填。

1.在真机6S及以上机型Btn点击无效。可能是可自定义手势相冲突,也有可能是和3D Touch有关。

2.获取选中的btn有时会错。获取旋转角度有误。

相关文章

  • 旋转选择菜单

    首先,先上主菜。 在项目中有需要一转盘选择菜单。效果如箐优网、建设银行首页菜单。 之前的写法 1.在转盘上添加UI...

  • Maya(一) 认识界面

    菜单 菜单工具 快捷工具架:存放比较常用的功能,上面有一些选项卡 工具盒:常用的操作工具(如:选择、移动、旋转) ...

  • 8月26奥迪a8

    关气减 中央仪表按CAR(扩展功能键菜单)按旋转按钮左下键 《汽车系统 驾驶员辅助系统 空调 保养》 选择保...

  • 2018-12-27 幸运抽奖

    需求说明(1) . 输出菜单(2) . 选择菜单编号,输出菜单信息(3) . 如果编号选择错误,输出“...

  • ps如何旋转图片角度

    1.打开图片,在图层上,将小锁去掉 2.菜单-编辑-变换-旋转 3.填写旋转的角度

  • 菜单Menu(选择,上下,侧滑)

    选择菜单 一.OptionMenu 上下文菜单 侧滑菜单

  • 公众号菜单可以直接点击拨号

    登录后选择“小程序管理”菜单。 搜索并添加小程序“电话码” 添加自定义菜单,“菜单内容”选择“跳转小程序”、选择小...

  • 2.2.3 实战:用旋转视图工具旋转画布

    1、选择选择旋转视图工具 2、按住鼠标拖动,旋转画面, 3、可以设定旋转角度

  • 2018-12-27

    /**1.输出菜单 * 2.选择菜单编号,输出菜单信息 * 3.如果编号选择错误,输出“您的输入有误!” * */...

  • 66-Swift之旋转菜单(UICollectionView)

    一 、 旋转菜单的需要的知识点 重写 UICollectionView 的布局类UICollectionViewL...

网友评论

    本文标题:旋转选择菜单

    本文链接:https://www.haomeiwen.com/subject/qggbattx.html