Rotating Navigation Menu

jesmith6 · 02-13-2010, 06:28 PM

I'm hoping someone can help. I have searched the net several times and can't seem to find anything to help.

I am trying to create a menu that will have a button (custom image) in the center and a number of icons around it. I need the icons to rotate around the button when the user drags an icon or "flicks" it. The icon in the front would become slightly larger and more prominent that the others. All icons are visible to the user.

Can anyone direct me to a tutorial or a book that would help with this. I am new to programming, but doing this for a client that needs it complete in a few weeks.

Any and all help is greatly appreciated.

Thanks!

ZunePod · 02-13-2010, 06:35 PM

This seems like some pretty tough work if you're new.

jesmith6 · 02-13-2010, 06:50 PM

Quote:

Originally Posted by ZunePod

This seems like some pretty tough work if you're new.

I agree but unfortunately it has to be done. It is a school project for a company and my team and I have been committed to it. I just need a starting point, some tutorials that explain something very similar and classes that are needed. Maybe something as simple as making 1 object rotate in a circle when the user touches or "flicks" it. I'm not sure if this is done with Core Animation or UITouch?

A correction to above. I am not new to programming just new to Objective-C. I have programmed in C++, C#, and VB.NET.

ZunePod · 02-13-2010, 07:09 PM

Let me see if I get what you're trying to do.

Will the other icons be on a "wheel" around the other ones?

jesmith6 · 02-13-2010, 07:39 PM

Quote:

Originally Posted by ZunePod

Let me see if I get what you're trying to do.

Will the other icons be on a "wheel" around the other ones?

Almost...there will be an image in the center that will be used as a button. The icons will be on a wheel around it. As the icons rotate by the user touching and dragging them the one at the bottom will become slightly larger and more prominent to indicate it is the one being selected

I have attached a .zip file with a .doc file illustrating what I am trying to accomplish.

Thank you for your help.

ZunePod · 02-13-2010, 07:46 PM

I can say with a degree of certainty that there is nothing like that built in.

But it's still possible. You'll need to learn how respond to drags, and moving UIImageViews.

jesmith6 · 02-13-2010, 08:09 PM

Quote:

Originally Posted by ZunePod

I can say with a degree of certainty that there is nothing like that built in.

But it's still possible. You'll need to learn how respond to drags, and moving UIImageViews.

I have found tutorials and can get an image to move when a user drags it, but I can't figure out how to get it to move in a circle as shown in the illustration.

Any suggestions on how to get started with trying to get the image to move in a circle?

ZunePod · 02-13-2010, 08:11 PM

Honestly, I have no idea.

There's a lot of code though, I can tell you that.

jesmith6 · 02-13-2010, 08:13 PM

Quote:

Originally Posted by ZunePod

Honestly, I have no idea.

There's a lot of code though, I can tell you that.

Yeah...I figured. Well, I appreciate your help.

If there is anyone else that can possible help I would be very grateful.

Thanks

ZunePod · 02-13-2010, 08:17 PM

Kalimba and BrainSlick know a lot about this stuff.

Don't contact them by PM, they don't like that kinda thing.

jesmith6 · 02-13-2010, 08:33 PM

Quote:

Originally Posted by ZunePod

Kalimba and BrainSlick know a lot about this stuff.

Don't contact them by PM, they don't like that kinda thing.

Thanks, I really appreciate it.

naveenkurmadas · 05-26-2011, 02:41 PM

Quote:

Originally Posted by jesmith6

Thanks, I really appreciate it.

Did you figure out how to do this? i have a similar requirement now, Please let me know if you have the solution.

Dans_Edu · 07-12-2011, 02:43 PM

look for the demo app from Apple called iPlant it does what you want to do this, very cool,
will help you a lot.

I saw in WWDC 2010.