美文网首页
iOS-圆形菜单JCCircularMenu

iOS-圆形菜单JCCircularMenu

作者: Hyperion_J | 来源:发表于2022-03-23 16:26 被阅读0次

因项目需求首页做一个圆形菜单  一级二级都是圆形,首先网上寻找了很多相似的demo,始终达不到项目要求,索性自己写一个。先上效果图

有两种方法创建圆形布局

1.for循环创建

2.利用collectionView 

我这里利用collectionView,因为刷新数据方便

首先我们先自定义layout 在.m中如下(一级菜单和二级菜单都要自定义layout)

自定义layout是创建圆形菜单的关键步骤  attibutes.size是collectionViewCellItem的尺寸,所有item围绕collectionView的中点也就是途中的center,在利用三角函数计算出每个item的中点位置。

剩下自定cell就按照需求放上图片和文字即可。在一级菜单中吧点击cell的事件传递出来 

必须带上rect 这个rect就是点击的那个cell的rect 我们用她来告诉二级菜单 圆形要在什么位置上

在上诉的代理中将传递过来的rect 传给二级菜单 二级菜单这里我自定义了一个弹窗view 。背景搞个蒙版然后在蒙版上创建圆形的view 在圆形的view上放第二个collectionView

在二级view重写setrect方法 计算出圆形view的位置

这样每次点击都会根据我点的一级菜单的cell位置 弹出二级菜单并且二级菜单的中点跟随我点击那个cell中点

附上demo:https://github.com/FormerMonster/JCCircularMenu

相关文章

  • iOS-圆形菜单JCCircularMenu

    因项目需求首页做一个圆形菜单 一级二级都是圆形,首先网上寻找了很多相似的demo,始终达不到项目要求,索性自己写一...

  • 圆形菜单

    圆形菜单 github地址:https://github.com/HSFAqi/HSFCircleMenu dem...

  • Android圆形菜单

    首先在这里感谢三位大佬 Jason,Hello ,403,还有同事以及初中学霸的帮助(对角度的算法,提供)。两位大...

  • 圆形菜单View

    效果图: 这是建行APP的一个界面,最近在学习自定义view,所以记录一下心得。 分析: ① 因为该view里面可...

  • 圆形菜单Menu

  • iOS-圆形头像+阴影

    我们经常会做圆形头像+阴影的效果1.直接添加到View图片效果如下: 写这篇文章的目的单纯为了记录代码,方便后期自...

  • 第 15 章:圆形菜单

    原文链接作者:C4 开源项目译者:Crystal Sun全部章节请关注此文集C4教程翻译校对后的内容请看这里 在应...

  • iOS 弹出圆形菜单,菜单可围绕滑动

    KFCircleMenu 下载地址:KFCircleMenu Example To run the example...

  • Android 围绕一点旋转手势的角度计算

    方法一(余弦定理): 方法二: 3 鸿洋的圆形菜单的方法 1

  • 侧滑菜单+圆形揭示动画

    前言 由于工作需要,小编对最近十分炫酷的android动画效果进行了一波疯狂搜集。经过一下午的努力,小编终于成功的...

网友评论

      本文标题:iOS-圆形菜单JCCircularMenu

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