您的位置: 首页  >  文章  >  扩展QuadCurveMenu，实现了八个方向上的弹出菜单

扩展QuadCurveMenu，实现了八个方向上的弹出菜单

分类: 文章 • 2025-03-15 10:22:21

最近在看一些开源项目，其中有一个弹出菜单QuadCurveMenu觉得挺不错，可惜只可以向右上角弹出菜单，于是就修改了下，实现了八个方向的弹出菜单，现在发上来供大家批评指正。

[cpp]view plaincopy
  1. //
  2. //QuadCurveMenu.h
  3. //AwesomeMenu
  4. //
  5. //CreatedbyLeveyon11/30/11.
  6. //Copyright(c)2011Lunaapp.com.Allrightsreserved.
  7. //
  9. #import<UIKit/UIKit.h>
  10. #import"QuadCurveMenuItem.h"
  12. @protocolQuadCurveMenuDelegate;
  14. //defulttypeislikethis
  15. /*
  16. *O
  17. *O
  18. *O
  19. *O
  20. *0O
  21. */
  22. typedefenum
  23. {
  24. QuadCurveMenuTypeUpAndRight=0,
  25. QuadCurveMenuTypeUpAndLeft,
  26. QuadCurveMenuTypeDownAndRight,
  27. QuadCurveMenuTypeDownAndLeft,
  28. QuadCurveMenuTypeUp,
  29. QuadCurveMenuTypeDown,
  30. QuadCurveMenuTypeLeft,
  31. QuadCurveMenuTypeRight,
  32. QuadCurveMenuTypeDefault=QuadCurveMenuTypeUpAndRight
  33. }QuadCureMenuType;
  35. @interfaceQuadCurveMenu:UIView<QuadCurveMenuItemDelegate>
  36. {
  37. NSArray*_menusArray;
  38. int_flag;
  39. NSTimer*_timer;
  40. QuadCurveMenuItem*_addButton;
  41. QuadCureMenuType_type;
  42. id<QuadCurveMenuDelegate>_delegate;
  44. CGPoint_startPoint;
  46. }
  47. @property(nonatomic,copy)NSArray*menusArray;
  48. @property(nonatomic)QuadCureMenuTypetype;
  49. @property(nonatomic,getter=isExpanding)BOOLexpanding;
  50. @property(nonatomic,assign)id<QuadCurveMenuDelegate>delegate;
  51. -(id)initWithFrame:(CGRect)framemenus:(NSArray*)aMenusArray;
  52. -(void)setType:(QuadCureMenuType)type;
  53. -(void)setStartPoint:(CGPoint)startpoint;
  54. @end
  56. @protocolQuadCurveMenuDelegate<NSObject>
  57. -(void)quadCurveMenu:(QuadCurveMenu*)menudidSelectIndex:(NSInteger)idx;
  58. @end

[cpp]view plaincopy
  1. //
  2. //QuadCurveMenu.m
  3. //AwesomeMenu
  4. //
  5. //CreatedbyLeveyon11/30/11.
  6. //Copyright(c)2011Lunaapp.com.Allrightsreserved.
  7. //
  9. #import"QuadCurveMenu.h"
  10. #import<QuartzCore/QuartzCore.h>
  12. #defineNEARRADIUS130.0f
  13. #defineENDRADIUS140.0f
  14. #defineFARRADIUS160.0f
  15. #defineBETWEENADIUS50.0f
  16. #defineSTARTPOINTCGPointMake(100,130)
  17. #defineTIMEOFFSET0.05f
  20. @interfaceQuadCurveMenu()
  21. -(void)_expand;
  22. -(void)_close;
  23. -(CAAnimationGroup*)_blowupAnimationAtPoint:(CGPoint)p;
  24. -(CAAnimationGroup*)_shrinkAnimationAtPoint:(CGPoint)p;
  25. @end
  27. @implementationQuadCurveMenu
  28. @synthesizeexpanding=_expanding;
  29. @synthesizedelegate=_delegate;
  30. @synthesizemenusArray=_menusArray;
  31. @synthesizetype=_type;
  34. #pragmamark-initialization&cleaningup
  35. -(id)initWithFrame:(CGRect)framemenus:(NSArray*)aMenusArray
  36. {
  37. self=[superinitWithFrame:frame];
  38. if(self){
  39. self.backgroundColor=[UIColorclearColor];
  41. _startPoint=STARTPOINT;
  42. _menusArray=[aMenusArraycopy];
  44. //addthemenubuttons
  45. intcount=[_menusArraycount];
  46. for(inti=0;i<count;i++)
  47. {
  48. QuadCurveMenuItem*item=[_menusArrayobjectAtIndex:i];
  49. item.tag=1000+i;
  50. item.startPoint=STARTPOINT;
  51. item.endPoint=CGPointMake(_startPoint.x+ENDRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-ENDRADIUS*cosf(i*M_PI_2/(count-1)));
  52. item.nearPoint=CGPointMake(_startPoint.x+NEARRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-NEARRADIUS*cosf(i*M_PI_2/(count-1)));
  53. item.farPoint=CGPointMake(_startPoint.x+FARRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-FARRADIUS*cosf(i*M_PI_2/(count-1)));
  54. item.center=item.startPoint;
  55. item.delegate=self;
  56. [selfaddSubview:item];
  57. }
  59. //addthe"Add"Button.
  60. _addButton=[[QuadCurveMenuItemalloc]initWithImage:[UIImageimageNamed:@"story-add-button.png"]
  61. highlightedImage:[UIImageimageNamed:@"story-add-button-pressed.png"]
  62. ContentImage:[UIImageimageNamed:@"story-add-plus.png"]
  63. highlightedContentImage:[UIImageimageNamed:@"story-add-plus-pressed.png"]];
  64. _addButton.delegate=self;
  65. _addButton.center=_startPoint;
  66. [selfaddSubview:_addButton];
  67. }
  68. returnself;
  69. }
  72. -(void)setType:(QuadCureMenuType)type
  73. {
  74. _type=type;
  75. intdx=1;
  76. intdy=1;
  77. BOOLisTwoDirctions=YES;
  79. if(_menusArray!=nil){
  81. switch(type){
  82. caseQuadCurveMenuTypeUpAndRight:
  83. break;
  84. caseQuadCurveMenuTypeUpAndLeft:
  85. dx=-1;
  86. break;
  87. caseQuadCurveMenuTypeDownAndRight:
  88. dy=-1;
  89. break;
  90. caseQuadCurveMenuTypeDownAndLeft:
  91. dy=dx=-1;
  92. break;
  93. caseQuadCurveMenuTypeUp:
  94. isTwoDirctions=NO;dx=0;dy=-1;
  95. break;
  96. caseQuadCurveMenuTypeDown:
  97. isTwoDirctions=NO;dx=0;dy=1;
  98. break;
  99. caseQuadCurveMenuTypeLeft:
  100. isTwoDirctions=NO;dx=-1;dy=0;
  101. break;
  102. caseQuadCurveMenuTypeRight:
  103. isTwoDirctions=NO;dx=1;dy=0;
  104. default:
  105. break;
  106. }
  108. intcount=[_menusArraycount];
  109. for(inti=0;i<count;i++)
  110. {
  111. QuadCurveMenuItem*item=[_menusArrayobjectAtIndex:i];
  112. item.startPoint=_startPoint;
  113. if(isTwoDirctions){
  114. item.endPoint=CGPointMake(_startPoint.x+dx*ENDRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-dy*ENDRADIUS*cosf(i*M_PI_2/(count-1)));
  115. item.nearPoint=CGPointMake(_startPoint.x+dx*NEARRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-dy*NEARRADIUS*cosf(i*M_PI_2/(count-1)));
  116. item.farPoint=CGPointMake(_startPoint.x+dx*FARRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-dy*FARRADIUS*cosf(i*M_PI_2/(count-1)));
  117. }else
  118. {
  119. item.endPoint=CGPointMake(_startPoint.x+dx*i*BETWEENADIUS,_startPoint.y+dy*i*BETWEENADIUS);
  120. item.nearPoint=CGPointMake(_startPoint.x+dx*i*(BETWEENADIUS-15),_startPoint.y+dy*i*(BETWEENADIUS-15));
  121. item.farPoint=CGPointMake(_startPoint.x+dx*i*(BETWEENADIUS+20),_startPoint.y+dy*i*(BETWEENADIUS+20));
  123. }
  124. item.center=item.startPoint;
  126. }
  128. }
  129. }
  131. -(void)setStartPoint:(CGPoint)startpoint
  132. {
  133. _startPoint=startpoint;
  134. _addButton.center=_startPoint;
  135. [selfsetType:_type];
  136. };
  138. -(void)dealloc
  139. {
  140. [_addButtonrelease];
  141. [_menusArrayrelease];
  142. [superdealloc];
  143. }
  146. #pragmamark-UIView'smethods
  147. -(BOOL)pointInside:(CGPoint)pointwithEvent:(UIEvent*)event
  148. {
  149. //ifthemenustateisexpanding,everywherecanbetouch
  150. //otherwise,onlytheaddbuttonarecanbetouch
  151. if(YES==_expanding)
  152. {
  153. returnYES;
  154. }
  155. else
  156. {
  157. returnCGRectContainsPoint(_addButton.frame,point);
  158. }
  159. }
  161. -(void)touchesBegan:(NSSet*)toucheswithEvent:(UIEvent*)event
  162. {
  163. self.expanding=!self.isExpanding;
  164. }
  166. #pragmamark-QuadCurveMenuItemdelegates
  167. -(void)quadCurveMenuItemTouchesBegan:(QuadCurveMenuItem*)item
  168. {
  169. if(item==_addButton)
  170. {
  171. self.expanding=!self.isExpanding;
  172. }
  173. }
  174. -(void)quadCurveMenuItemTouchesEnd:(QuadCurveMenuItem*)item
  175. {
  176. //excludethe"add"button
  177. if(item==_addButton)
  178. {
  179. return;
  180. }
  181. //blowuptheselectedmenubutton
  182. CAAnimationGroup*blowup=[self_blowupAnimationAtPoint:item.center];
  183. [item.layeraddAnimation:blowupforKey:@"blowup"];
  184. item.center=item.startPoint;
  186. //shrinkothermenubuttons
  187. for(inti=0;i<[_menusArraycount];i++)
  188. {
  189. QuadCurveMenuItem*otherItem=[_menusArrayobjectAtIndex:i];
  190. CAAnimationGroup*shrink=[self_shrinkAnimationAtPoint:otherItem.center];
  191. if(otherItem.tag==item.tag){
  192. continue;
  193. }
  194. [otherItem.layeraddAnimation:shrinkforKey:@"shrink"];
  196. otherItem.center=otherItem.startPoint;
  197. }
  198. _expanding=NO;
  200. //rotate"add"button
  201. floatangle=self.isExpanding?-M_PI_4:0.0f;
  202. [UIViewanimateWithDuration:0.2fanimations:^{
  203. _addButton.transform=CGAffineTransformMakeRotation(angle);
  204. }];
  206. if([_delegaterespondsToSelector:@selector(quadCurveMenu:didSelectIndex:)])
  207. {
  208. [_delegatequadCurveMenu:selfdidSelectIndex:item.tag-1000];
  209. }
  210. }
  212. #pragmamark-instantmethods
  213. -(void)setMenusArray:(NSArray*)aMenusArray
  214. {
  215. if(aMenusArray==_menusArray)
  216. {
  217. return;
  218. }
  219. [_menusArrayrelease];
  220. _menusArray=[aMenusArraycopy];
  223. //cleansubviews
  224. for(UIView*vinself.subviews)
  225. {
  226. if(v.tag>=1000)
  227. {
  228. [vremoveFromSuperview];
  229. }
  230. }
  232. //addthemenubuttons
  233. intcount=[_menusArraycount];
  234. for(inti=0;i<count;i++)
  235. {
  236. QuadCurveMenuItem*item=[_menusArrayobjectAtIndex:i];
  237. item.tag=1000+i;
  238. item.startPoint=_startPoint;
  239. item.endPoint=CGPointMake(_startPoint.x+ENDRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-ENDRADIUS*cosf(i*M_PI_2/(count-1)));
  240. item.nearPoint=CGPointMake(_startPoint.x+NEARRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-NEARRADIUS*cosf(i*M_PI_2/(count-1)));
  241. item.farPoint=CGPointMake(_startPoint.x+FARRADIUS*sinf(i*M_PI_2/(count-1)),_startPoint.y-FARRADIUS*cosf(i*M_PI_2/(count-1)));
  242. item.center=item.startPoint;
  243. item.delegate=self;
  244. [selfaddSubview:item];
  245. }
  246. }
  247. -(BOOL)isExpanding
  248. {
  249. return_expanding;
  250. }
  251. -(void)setExpanding:(BOOL)expanding
  252. {
  253. _expanding=expanding;
  255. //rotateaddbutton
  256. floatangle=self.isExpanding?-M_PI_4:0.0f;
  257. [UIViewanimateWithDuration:0.2fanimations:^{
  258. _addButton.transform=CGAffineTransformMakeRotation(angle);
  259. }];
  261. //expandorcloseanimation
  262. if(!_timer)
  263. {
  264. _flag=self.isExpanding?0:5;
  265. [email protected](_expand):@selector(_close);
  266. _timer=[[NSTimerscheduledTimerWithTimeInterval:TIMEOFFSETtarget:selfselector:selectoruserInfo:nilrepeats:YES]retain];
  267. }
  268. }
  269. #pragmamark-privatemethods
  270. -(void)_expand
  271. {
  272. if(_flag==6)
  273. {
  274. [_timerinvalidate];
  275. [_timerrelease];
  276. _timer=nil;
  277. return;
  278. }
  280. inttag=1000+_flag;
  281. QuadCurveMenuItem*item=(QuadCurveMenuItem*)[selfviewWithTag:tag];
  283. CAKeyframeAnimation*rotateAnimation=[CAKeyframeAnimationanimationWithKeyPath:@"transform.rotation.z"];
  284. rotateAnimation.values=[NSArrayarrayWithObjects:[NSNumbernumberWithFloat:M_PI],[NSNumbernumberWithFloat:0.0f],nil];
  285. rotateAnimation.duration=0.5f;
  286. rotateAnimation.keyTimes=[NSArrayarrayWithObjects:
  287. [NSNumbernumberWithFloat:.3],
  288. [NSNumbernumberWithFloat:.4],nil];
  290. CAKeyframeAnimation*positionAnimation=[CAKeyframeAnimationanimationWithKeyPath:@"position"];
  291. positionAnimation.duration=0.5f;
  292. CGMutablePathRefpath=CGPathCreateMutable();
  293. CGPathMoveToPoint(path,NULL,item.startPoint.x,item.startPoint.y);
  294. CGPathAddLineToPoint(path,NULL,item.farPoint.x,item.farPoint.y);
  295. CGPathAddLineToPoint(path,NULL,item.nearPoint.x,item.nearPoint.y);
  296. CGPathAddLineToPoint(path,NULL,item.endPoint.x,item.endPoint.y);
  297. positionAnimation.path=path;
  298. CGPathRelease(path);
  300. CAAnimationGroup*animationgroup=[CAAnimationGroupanimation];
  301. animationgroup.animations=[NSArrayarrayWithObjects:positionAnimation,rotateAnimation,nil];
  302. animationgroup.duration=0.5f;
  303. animationgroup.fillMode=kCAFillModeForwards;
  304. animationgroup.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseIn];
  305. [item.layeraddAnimation:animationgroupforKey:@"Expand"];
  306. item.center=item.endPoint;
  308. _flag++;
  310. }
  312. -(void)_close
  313. {
  314. if(_flag==-1)
  315. {
  316. [_timerinvalidate];
  317. [_timerrelease];
  318. _timer=nil;
  319. return;
  320. }
  322. inttag=1000+_flag;
  323. QuadCurveMenuItem*item=(QuadCurveMenuItem*)[selfviewWithTag:tag];
  325. CAKeyframeAnimation*rotateAnimation=[CAKeyframeAnimationanimationWithKeyPath:@"transform.rotation.z"];
  326. rotateAnimation.values=[NSArrayarrayWithObjects:[NSNumbernumberWithFloat:0.0f],[NSNumbernumberWithFloat:M_PI*2],[NSNumbernumberWithFloat:0.0f],nil];
  327. rotateAnimation.duration=0.5f;
  328. rotateAnimation.keyTimes=[NSArrayarrayWithObjects:
  329. [NSNumbernumberWithFloat:.0],
  330. [NSNumbernumberWithFloat:.4],
  331. [NSNumbernumberWithFloat:.5],nil];
  333. CAKeyframeAnimation*positionAnimation=[CAKeyframeAnimationanimationWithKeyPath:@"position"];
  334. positionAnimation.duration=0.5f;
  335. CGMutablePathRefpath=CGPathCreateMutable();
  336. CGPathMoveToPoint(path,NULL,item.endPoint.x,item.endPoint.y);
  337. CGPathAddLineToPoint(path,NULL,item.farPoint.x,item.farPoint.y);
  338. CGPathAddLineToPoint(path,NULL,item.startPoint.x,item.startPoint.y);
  339. positionAnimation.path=path;
  340. CGPathRelease(path);
  342. CAAnimationGroup*animationgroup=[CAAnimationGroupanimation];
  343. animationgroup.animations=[NSArrayarrayWithObjects:positionAnimation,rotateAnimation,nil];
  344. animationgroup.duration=0.5f;
  345. animationgroup.fillMode=kCAFillModeForwards;
  346. animationgroup.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseIn];
  347. [item.layeraddAnimation:animationgroupforKey:@"Close"];
  348. item.center=item.startPoint;
  349. _flag--;
  350. }
  352. -(CAAnimationGroup*)_blowupAnimationAtPoint:(CGPoint)p
  353. {
  354. CAKeyframeAnimation*positionAnimation=[CAKeyframeAnimationanimationWithKeyPath:@"position"];
  355. positionAnimation.values=[NSArrayarrayWithObjects:[NSValuevalueWithCGPoint:p],nil];
  356. positionAnimation.keyTimes=[NSArrayarrayWithObjects:[NSNumbernumberWithFloat:.3],nil];
  358. CABasicAnimation*scaleAnimation=[CABasicAnimationanimationWithKeyPath:@"transform"];
  359. scaleAnimation.toValue=[NSValuevalueWithCATransform3D:CATransform3DMakeScale(3,3,1)];
  361. CABasicAnimation*opacityAnimation=[CABasicAnimationanimationWithKeyPath:@"opacity"];
  362. opacityAnimation.toValue=[NSNumbernumberWithFloat:0.0f];
  364. CAAnimationGroup*animationgroup=[CAAnimationGroupanimation];
  365. animationgroup.animations=[NSArrayarrayWithObjects:positionAnimation,scaleAnimation,opacityAnimation,nil];
  366. animationgroup.duration=0.3f;
  367. animationgroup.fillMode=kCAFillModeForwards;
  369. returnanimationgroup;
  370. }
  372. -(CAAnimationGroup*)_shrinkAnimationAtPoint:(CGPoint)p
  373. {
  374. CAKeyframeAnimation*positionAnimation=[CAKeyframeAnimationanimationWithKeyPath:@"position"];
  375. positionAnimation.values=[NSArrayarrayWithObjects:[NSValuevalueWithCGPoint:p],nil];
  376. positionAnimation.keyTimes=[NSArrayarrayWithObjects:[NSNumbernumberWithFloat:.3],nil];
  378. CABasicAnimation*scaleAnimation=[CABasicAnimationanimationWithKeyPath:@"transform"];
  379. scaleAnimation.toValue=[NSValuevalueWithCATransform3D:CATransform3DMakeScale(.01,.01,1)];
  381. CABasicAnimation*opacityAnimation=[CABasicAnimationanimationWithKeyPath:@"opacity"];
  382. opacityAnimation.toValue=[NSNumbernumberWithFloat:0.0f];
  384. CAAnimationGroup*animationgroup=[CAAnimationGroupanimation];
  385. animationgroup.animations=[NSArrayarrayWithObjects:positionAnimation,scaleAnimation,opacityAnimation,nil];
  386. animationgroup.duration=0.3f;
  387. animationgroup.fillMode=kCAFillModeForwards;
  389. returnanimationgroup;
  390. }
  393. @end

运行截图：

扩展QuadCurveMenu，实现了八个方向上的弹出菜单扩展QuadCurveMenu，实现了八个方向上的弹出菜单DEMO下载地址:http://download.****.net/detail/toss156/4164935

相关推荐