I'd like to write a simple opening interface for a program and I've come up with an idea I'm just not sure what the best way to implement it is.
There will be at least 3 (possibly 4 or 5) different options and I'd like to put them onto a rotating menu. The background will be a sky effect to match the company's current software.
I'd like to have the effect of a carousel where the front item can be selected and will take the user to that part of the program. Or the user can hold the front icon and swipe left or right and the carousel will rotate to the next item in that direction.
I'm not asking for code or anything just some advice on how to do this. I could do this in 2D using resizing and movements but I'm thinking it may be easier to do using some of the 3D libraries available on the iPhone. I have done a few 3D things in the past but never on the iPhone. Could someone point me in the right direction and offer any tips?
Once I've done this I'm hoping to be able to use this menu for a couple of different versions for the same company.
Once I've done this I'm hoping to be able to use this menu for a couple of different versions for the same company.
Thanks
Oliver
I did something like that once. But decided it wasn't very pratical.
I implemented the rotating carousel in jsquery in a uiwebview, and then used custom url protocols to call the methods on the view controller the uiwebview was in. The effect is very fast and efficient.
Another way, although it may be difficult with 5 views, is to use a flip transition, search on google for flipsideviewController, you should find quite a few examples, you are essentially setting up a navigation view array that you are going to page through with transitons. This may be a bit slower than the above but doesn't resort to javascript.
Finially you could possible create the animation using the open gl template, but it will take some time to get that to work.
I'd like to write a simple opening interface for a program and I've come up with an idea I'm just not sure what the best way to implement it is.
There will be at least 3 (possibly 4 or 5) different options and I'd like to put them onto a rotating menu. The background will be a sky effect to match the company's current software.
I'd like to have the effect of a carousel where the front item can be selected and will take the user to that part of the program. Or the user can hold the front icon and swipe left or right and the carousel will rotate to the next item in that direction.
I'm not asking for code or anything just some advice on how to do this. I could do this in 2D using resizing and movements but I'm thinking it may be easier to do using some of the 3D libraries available on the iPhone. I have done a few 3D things in the past but never on the iPhone. Could someone point me in the right direction and offer any tips?
Once I've done this I'm hoping to be able to use this menu for a couple of different versions for the same company.
Thanks
Oliver
If you want a 3D effect your best bet will be to use OpenGL. That is a big topic to tackle however, and WAYYYY beyond the scope of a posting in a developer board. I'd suggest buying a book on OpenGL. There may also be some books that give you a crash course in OpenGL ES for simple 3D animations.
I just did a little searching and found a sample app in Apple's code called MagicCube. That should give you an idea of how to do OpenGL 3D rotation.
Once you create a 3D object and get it to display, rotating it is quite simple. It's just a question of applying a transformation matrix to it. However, you would have to write your own code to interpret swipe gestures, since OpenGL does not have any of the support for Cocoa touch that you're used to. You'd also have to write a timing loop to animate the rotation, since core animation is part of core foundation, not OpenGL Those things are fairly straightforward however.
May I also suggest simplifying the problem? Instead of 3D, it might actually be more practical from the user's perspective to have a "rotary dial" like interface, that way you can implement it quiet simply by creating an image of the wheel, then translating the swipes into rotation offsets, then applying the cgaffinetransform to the uiimageview.
You can even overlay it with another view with alpha set to 0.5 with an opening at the bottom, that the user will have to align the menu item on the wheel with before tapping...
Just an idea...
You will have to implement your own inertia on the wheel too. This is something I am working myself on actually...
Good luck!
Rick
Quote:
Originally Posted by Fogmeister
Hi
I'd like to write a simple opening interface for a program and I've come up with an idea I'm just not sure what the best way to implement it is.
There will be at least 3 (possibly 4 or 5) different options and I'd like to put them onto a rotating menu. The background will be a sky effect to match the company's current software.
I'd like to have the effect of a carousel where the front item can be selected and will take the user to that part of the program. Or the user can hold the front icon and swipe left or right and the carousel will rotate to the next item in that direction.
I'm not asking for code or anything just some advice on how to do this. I could do this in 2D using resizing and movements but I'm thinking it may be easier to do using some of the 3D libraries available on the iPhone. I have done a few 3D things in the past but never on the iPhone. Could someone point me in the right direction and offer any tips?
Once I've done this I'm hoping to be able to use this menu for a couple of different versions for the same company.
Help with an interface idea
Linear Mode
