Slide down Menu in IOS like Paper app setting - ios

I am new in IOS development and i am trying to develop a slide down menu like that in "Paper" app
its looks like a view sliding down and pull another view to locate it at its place in view .
in other words a view that is swapped down and another view appear above it .
I know this is confusing and I hope the attached images can describe what i want to ask
i need an advice or a component to help me develop this menu
Thanking in advance
the view before sliding the menu
here is the view while sliding
the view after sliding the menu

I suggest using UIPanGestureRecognizer for this after positioning upper view at -Y axis and changing the Y coordinate of both views as user pans down the lower view. Try and revert back if you get stuck somewhere.
You can follow this tutorial for a quick kickstart: http://www.ioscreator.com/tutorials/dragging-views-with-gestures

Related

How to detect click in subview in hamburger menu

So I have this hamburguer menu that pop ups via animation and I have a question. How can I detect if the user touched outside of the current view, in this case in the previous view that is just a little bit in the right so I can dismiss the current view. I'm having lots of problems with this because it seems like I can't detect anything on that right view.
Im using a table view controller and a transition to make the hamburger menu.
Im leaving 2 images bellow so you guys can take a peak and if u feel like it help me.
Thanks in advance guys!
The side menu
The main view

How do I create custom transition animations similar to Snapchat in Swift on iOS

We're creating an application with a design concept similar to Snapchat. On the base level, we have three Views that are supposed to be horizontally swipeable, with the camera view being in the middle.
The Views are also supposed to be selectable via a Tab Bar. While the views are being swiped, the transition should also manipulate the color of the Tab Bar aswell as the size of some elements on the Tab Bar, similar to how Snapchat does it:
Our UI Designer made a mockup for our specific application in Adobe XD:
The button has been made independent from the Tab Bar, as it is supposed to do some interaction with the controller beneath, even if the Tab Bar disappears.
I've been trying to figure out how to best implement a navigation like this for about 10 hours now. I've come as far as trying to create my own AnimationController for animating between Tabs coupled with a custom InteractionController, but those have been unsafe and buggy at best, and I still haven't figured out how to animate the button at the same time as the views.
Has anyone tried to implement a design similar to this and succeeded? Could you lead me in the right direction of which methodology to use to achieve a design like this?
Thanks in advance everyone.

How to implement swipe views with CollectionView/TableView Controllers?

I am creating an app using Swift, and I'm still trying to figure out what the best configuration would be.
What I'd like to have is 3 screens (the left screen would have a side out panel) that users can access via the navigation bar menu or just by swiping left/right the screen for more accessibility.
I could easily create my TableViewControllers/CollectionViewController and the menu, but I'm struggling at making the screen able to detect users gestures at the same time, and I'm not sure whether I should use 3 View Controllers and then add the Collection View/Table View via the Storyboard, or directly use the CollectionViewController/TableViewController
I added a picture here describing what I'd like to accomplish:
Also, I wonder whether I should use storyboards or not for my project.
I know that's a lot of questions !
Any ideas please ?
Thank you very much and have a good day,
J.
You need to add 2 "swipe gesture recogniser"s to your middle screen(your second screen in your attached image) , and set one for identifying left swipe and another for right swipe. Create action methods for both in your view controller and add code accessing left screen and right screen in respective methods.
note - you need to drag "swipe gesture recogniser" to top bar of your view controller scene to add it.
You can use a scrollview as a container, put three ViewController in it.

what do I need to use to change controller when sliding left?

I want to create a touch control, where I slide left and the view scrolls in a paged mode (like in Photos app where you slide between photos) but instead of a view in a current controller coming in, I want a new controller to come in with it's own view. What control should I use to build something like that?
You can use UIPageViewController to navigate between different ViewController like a scrollView
You can follow this tutorial
1-http://www.appcoda.com/uipageviewcontroller-storyboard-tutorial/
2-http://www.appcoda.com/uipageviewcontroller-tutorial-intro/
3-http://www.makemegeek.com/uipageviewcontroller-example-ios/
hope it will help you

Pull out side menu in iOS examples

I have seen reveal menus like the one in Facebook app. But that is not I want. I would like to have an arrow and when u click the button the slide menu should slide out from hidden.
Is there any code examples or opensource libraries that is able to do this?
Need some guidance on this. Thanks..
For example, i have a button with an image called pull me and it is sitting at the bottom and when i pull it, the menu comes out on top of existing view..
To achieve this functionality, you'll need to create a custom container controller class and instantiate it with child view controllers. The views of the child view controllers will be managed by the container controller using custom animations.
It would be better if you build your own container controller, but if you really need a library, here's one : http://www.cocoacontrols.com/controls/slide-navigation-view-controller
It manages sliding the primary/root view in any one of the 4 directions (up, left, down, right).
Hope this helps

Resources