In my IPhone application, I have five buttons with background image set.
At any time one button is active an the other one is inactive.
I want to display the five buttons in 3d style such that the active image is in front and the others are at the back but visible.
When the user clicks the inactive button, it should come to the front and the the other one should go back, with all the buttons rotating like 3d effect.
Can anyone suggest an idea?
Cocos2d might be worth a look, it is very good (and not to hard) to make fancy things like this. http://www.cocos2d-iphone.org/
Hope this helps.
Related
I have a screen in Corona to display a puzzle, and once user guess the correct answer, I'm going to display a simple pop up on the screen to do the congratulation a long with close button to dismiss the popup, now I need for a simple work around to disable any control or behaviour on the original screen while displaying the popup, how can I do that?
I think you need to do this by stop or pause transitions, timers and animations etc. before you go to scene with pop up.
You can add transparent rectangle from transparent image file (not just rectangle, as it will not be touchable).
Size of this rectangle must be the size of all screen.
Position of rectangle - under your popup (or better make it as part of your popup).
Add listeners to this rectangle on touch and tap that will just return false - so it will prevent any clicks under it.
That will save you from pausing / disabling buttons, that you don't want to disable/pause.
This UIElement appears when a user presses one of the hardware volume controls...the UI element is a black translucent square with rounded corners. In legacy versions of the Twitter app for iPhone, this element used to appear when a user would Follow, Unfollow, Retweet, etc. I would really love to use this element in my apps, can anyone let me know which element it is?
Best...SL
It is a popup. There are a few open source projects that will make implementing easier:
https://github.com/samvermette/SVProgressHUD
https://github.com/matej/MBProgressHUD
That UIElement is a simple transparent UIViewwith a animation in it. The animation is like "fade in, show for a given time, fade out".
I want to implement the effect of thumbnail removal. What I want to do is when user touched screen for 2 seconds, that thumbnail start to wobble and a red sign appears in the top left point. then user tap the red sign that thumbnail will be removed.
Is there anyone knows how to implement that?
Thanks a lot.
Check this how to create iphone's wobbling icon effect?
In my IPhone application, I have two buttons with background image set.
At any time one button is active an the other one is inactive.
I want to display the two buttons in 3d style such that the active image is in front and the other on is at the back but visible.
When the user clicks the inactive button, it should come to the front and the the other one should go back, with both the buttons rotating like 3d effect.
Can anyone suggest an idea?
Start by studying the Core Animation Programming Guide, with particular interest in the example code given for an animated menu.
I am creating an application with call functionality, I want to have the phone image on the right hand side and the name of the contact on the left hand side. Currently this has been implemented by placing the 2 buttons side by side, hence if the user clicks on any of the buttons, the same functionality (calling the contact) happens.
Is this allowed according to Apple HIG? Please let me know.
Thank You,
Ashvin
I don't think anything in the HIG specifically disallows this, but it seems like a bad idea, for a couple of reasons:
If there are two buttons side-by-side, users will assume the buttons do different things, and will be confused when they don't.
It wastes screen real-estate that could probably be put to better use.
From your description it is hard to tell exactly what this looks like, but it sounds like something that needs to be re-designed.
Overlapping buttons?
It might not give you an intuitive UI, as the content of the overlapped button might get truncated by the overlapping button.
As Kristopher has explained, it will result in a bad user experience.
It is possible, that your app might get rejected because of the truncations as the user will not be readily able to perceive the content.
If look of the button is what you are concerned about, then you can just set one image (whether odd shaped or not) to one button, as long as the user is able to perceive that it is a button.
In the odd shaped image, you should also ensure that the functionality does not get triggered when the user touches the transparent area of the image, otherwise it might confuse the user.
Hope these points help!
Is there any mention about overlapping the buttons? Suppose for better design/look and feel, I have to place two buttons which partially overlaps each other, is it disallowed? Still the screen looks good and there will not be any confusion about the buttons. But only point is they are two different buttons, which assumes same functionality and has overlapped.
Adding some more information on the about query.
The buttons are overlapping as one is just a graphics and another is a rounded rectangle button whose Title changes dynamically.
If they can not be overlapped, can we have an odd shape button on the screen as long as user feels that they are buttons?
Thanks.