I should want to make an interface in which i put a UIImageView in the left bottom corner of my main view controller and , if user touch that Image an empty sheet of paper "fly" from it and "land" as an complete interface (with buttons, textfields etc)...
What should be my starting point?
Thank you!
Start reading about Core Animation
Related
Is it possible do something like this ?
When I click on the button I need the following animation: button to set some alpha filter and starts to fall down as indicated by the arrow, it will disappear on tab.
Can you tell me how to do this ? Thanks a lot ...
Here is image url: http://img534.imageshack.us/img534/8149/screenqx.jpg
It's definitely possible, but there are some issues you have to overcome. One is that UIBarButtonItem isn't a UIView. One way is to loop through the subviews of the UIToolbar or UINavigationBar. Another way is to figure out the position of the button. Another is to get the view using private api if you're not submitting to the AppStore.
Once you have the view, you can move it to the superview of the UIToolbar or UINavigationBar or you can create a view on top of that (and hide the real UIBarButtonItem since you're done with that). The latter is more difficult because mimicking the look of the default bordered UIBarButtonItem isn't easy.
Now you need to get the center of the UITabBarItem somehow. You can either use private api or you can loop through the subviews.
Create a CGPath using Quartz functions or using UIBezierPath. The start point will be the center of the button and the end point will be the center of the UITabBarItem.
Create a CAKeyFrameAnimation and attach said CGPath.
Create a CABasicAnimation to animate the opacity.
Add both to a CAAnimationGroup.
Attach the animation group to your button view's CALayer.
Make sure to also set the position and the alpha in order to prevent the view from jumping back to its original position after the animation.
Once you attach the animation group, the animation should start, so make sure you're doing all of this in the button's selector method.
You can't really move it from view to view, as your views could clip and then you'd get frames with only a partial image. Probably the best thing to do is to create a view on the fly which covers the whole screen, copy the button image into the view at the original point, remove the button from the original view, then animate that image to where you want it to go, then add the button to the final destination.
I have a really quick question which is probably ridiculously simple. I currently have an application that I am using route-me and OpenStreetMap, and basically I have a view that loads the map into the entire window.
When trying to run the project with a button added to this view in Interface Builder, the map loads overtop of the button, and is not displayed.
The map view is loaded by a custom class RMMapView (route-me class), and I already know how to add markers to the map itself, but not a stationary button in the corner of the screen that won't move as the user drags the map around. I want to add the button as an overlay, a view overtop of the map view itself.
If you guys could give me any tips on how to do this I would greatly appreciate it.
Thanks.
[mapView bringSubviewToFront:button];
Maybe this helps.
Add the mapView as a subview to a view, and add the button as a subview to the same view.
In Interface Builder, on the left side pane that has all the scenes, switch the positions of the button and the MapView. If the button is listed above the MapView, drag it down so it's below it.. or vice versa. This will change which view is on top of the other.
I'm trying to get a UIViewController (B) to appear over a current UIViewController / UITableViewController (A) by pulling down an image which will reveal B from the top of the screen.
Just below the navigation bar will be an image which is placed on top of A and the user can pull the image down to a certain position revealing a bit of B and then the image and B will animate down to a certain position on the screen, revealing the B's UIViewController / UITableViewController. I've including 2 drawings below hopefully clearing it up better?
First screen: User can pull down the image from the top revealing B as user pulls the image down http://www.petermumford.com/screen1.jpg
Second screen: B is now revealed by the image sliding down after reaching its certain pull down position http://www.petermumford.com/screen2.jpg
Can anyone point me in the right direction if this is possible? Any feedback is greatly appreciated.
just to lay down a couple of tips; firstly, yeah, this is totally possible with some not-too-complex dealings with UIView animations and touch handling methods.
Look into the following touch handling methods to create the 'drag down' code for the UIImageView. You will find them under the UIResponder Class Reference. Using these methods, you will be able to move the view of the top viewcontroller up and down with the users finger drag.
– touchesBegan:withEvent:
– touchesMoved:withEvent:
– touchesCancelled:withEvent:
Look up UIView animations on how you can automatically 'drop' the front viewController to the bottom. You'll find them under the UIView Class Reference. It could be simple as changing the frame of that particular view within a beginAnimations: block.
Note: Ensure that the self.view of the UIViewController A is above the self.view of the UIViewController B, so that when controller A moves away, controller B will be visible underneath automatically.
If you are developing this app for the public it would not be wise to do a gesture like this. It directly conflicts with the notification system tray in iOS5
You can't have an iPhone UIViewController (B) that only covers part of the screen. You could pull down an image as part of A but you can't have B in the middle of the screen with A showing behind it.
Please look at this screenshot:
When you tap in another segmentedcontrol, it switches smoothly (try it if you can).
First of all, is it a segmentedcontrol?
Second, how can I add this smooth effect?
Thanks guys.
I just tried. It does not seem to be a segment view.
Maybe 3 dark buttons(or view or views) and a layer that moves and overlay the current selected button.
Everything is well crafted so it looks great ;)
I think I could do that with a big UIImageView (instead of the three buttons) with an UITapGestureRecognizer to get the touch and a CALayer for the selected button
I have a view that is moving. The view is sometimes on and sometimes off screen - it is twice the width of the screen.
In this view, there are buttons that I need to be able to click.
I've tried doing this in many ways already - using pure buttons
using touches began on UIView
I'm doing the animation using a CGPath in core animation
Any help would be most appreciated
Thanks
Whether the view is moving or not should irrelevent to the touch detection. If you have a UIButton object and are handling the UIEventControlTouchUpInside (forgot the exact name) event , it should be called when it sees a touch. Is that not working for you?