iOS Implement overlay sidebar view on Main view - ios

What you masters give some ideas on how to implement overlay sidebar view on Main view.
One perfect example is the kindle iOS app, whose side bar exactly is what I am looking for.
The purpose is that the sidebar will slide from left to right, overlay the main view, and has some transparency (by alpha) to show the home view. Say only 1/4 main view will be left on right side, and user could swipe or tap the Main view to close the side bar.
The point is main view is not moving, but let the sidebar slide in and overlay the main view, and the animation. Could you masters share some ideas, e.g. APIs I need to take a look to finish it?

Spent hours on this and it turned out that github.com/romaonthego/REFrostedViewController is much closer I am looking for. It has a blur effect and overlay

Related

How do I create a UIViewController to slide up from bottom with dimmed background

I don’t really know where to start as I’m still new to UIKit, but all I want to do is when I tap the middle tab button, which I’m handling already right now and it will slide up a view controller that sits and covers the screen and the background is dimmed so you can see what’s on the background. The height of the main contents only takes up about 40% of the screen from the bottom.
And I want to have this appear with a slide up animation. Any pointers on how to achieve this would be appreciated.
Thanks everyone in advance.

The best way to implement UIPageViewController with both horizontal and vertical scrolling

Hello in our app we have main menu with for buttons, each opens new view controller modally from left, top , right or bottom depending on position (example below). I want to improve the functionality by using pageviewcontrller instead of modal presentation. Can you give an advise how to implement it in best way?

Swift ios: drag view controller onto screen

Is there any way to drag a view controller onto the current view controller using Swift? I would like to drag from the bottom of the screen and have the new view controller follow the finger. When the finger releases, I want for the view to snap into place. The view controller that I plan to drag on needs to have a transparent background so that the previous view is still visible. I tried using a swipe gesture paired with an animation that brings in the view from the bottom, but the previous view turns black momentarily before the animation is complete. Also, it doesn't follow the finger's path. This is similar to what happens when you try drag from the bottom of the camera app. It brings up a page, following your finger, and darkening the background. I am doing this programmatically. Thanks.
To do this you will need to use a UIPageViewController and set its transition style to scroll and navigation to vertical. There are lot's of great tutorials on how to use a UIPageViewController so just look online.

iOS 7 Pullable view

I'm looking into implementing a subview in a view controller that will sit as a bottom bar of the screen until the user holds down and pulls it up to the top of the window to cover the whole screen.
What Google Maps does in Android/iOS with clicking on a pin and pulling the bottom bar up to see details is exactly what I want to implement.
Here's what I'm talking about. I'm not sure what the best way is to implement this.
I can either have an animation that is hardcoded when the bar is clicked causing the view to expands up and cover 3/4 of the screen and anchors there and 1/4 of the screen will be a map and once the map is clicked will drop the view back down. Or have the user drag and pull up the view and pull it back dock to anchor.
You should have look at demo code from following github link which have implemented pullable behaviour similar to the Notification Center in iOS:
https://github.com/crocodella/PullableView

Flipboard ipad app: right menu panel slide effect

how to implement right panel slide effect like following picture? when click left area, the right panel is hidden.
picture url http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/02/photo.png
I think
it is not popover controller.
is it a view added by using "addSubview"? I don't think so because it is a navigation controller,it seems that view in navigation controller can't be added by using addsubview
is it a modal view? if yes, how to implement semi transparent background? if use UIModalPresentationCurrentContext to present modal view, parent view can't rotate when ipad is rotated.
Any help is highly appreciated! Thanks.
These are all likely highly customized view controllers, and view controller containers.
You can fully control the presentation of your view controllers by adding them as children of another view controller, and adding their views to the view tree manually -- using any animation you choose.
The dimming effect you see can be achieved by overlaying a "dimming view", for example a black 50% opaque view.

Resources