Anyone know how the UBER app does the following animation/transition
1) In the main UBER app there is a menu icon with 3 bars in upper left hand corner, when you pan or drag the message view from the bottom (slowly), the menu icon slowly morphs or turns into an up arrow icon and the background slowly turns in to BLACK. Is this done programmatically or is this done for you through the animation library?
This is a custom animation that they do when the user grabs the cards at the bottom of the screen.
They probably draw the menu icon themselves and then using the animation library they morph the lines and rotate everything to look like an up arrow.
Raywenderlich has some good tutorials on animations and their animation book is really good.
https://www.raywenderlich.com/173544/ios-animation-tutorial-getting-started-3
Related
I want to have a floating action button or the like to be draggable. The icon should be like a ball that can be kicked. For example if user swipes the icon quickly it will goes and hit the sides of the screen, image the screen is a pool and the icon is the pool ball.
Any good ideas?
Try this package, it suits what you want
https://pub.dev/packages/floating_draggable_widget
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.
What I want to do, is whenever the user clicks anywhere on the screen, a shadow or an instance of a shadow is created wherever they click for as long as they click. Like having an app that has a white background but whenever you press the screen a black dot appears under your finger and follows it but when you take your finger off it disappears.
To handle touch events, here's a great guide on UIGestureRecognizers on Raywenderlich.
As for the black dot that you described, you could try drawing it with CoreGraphics.
I've been searching and searching on how apple makes the dragging motion on the lock screen to open the camera so clean. I'm trying to do a similar thing with an app where you drag from the bottom up to reveal a menu, but i cant quite get it right. Anyone know how to, or of any tutorials that show how to do this? Thanks in advance!
To follow up what's been mentioned by Hejazi I believe you can achieve this in 3 steps:
create a background rectangle with some corner radius (this is a property of CGRect).
create a top view, corresponding to the part you want to be able to slide. Attach a pan gesture to this view so you will be able to handle the animation for this view.
for the text part being highlighted I think you need another two views: I will apply a mask corresponding to the text to a view so you get some transparency only for the letters of your text and animate a white round view behind it.
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.