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
Related
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.
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
I want to implement a search bar in my app which mimics the one on iOS 7's home screen. When I pull down, I want it to bounce down while having enough room on top for the status bar, and I want my current view to move down to make room for the search bar as well. How should I go about with this?
My current thought is to make a new UIView class, add a UISearchBar to it and add that view to my current view (So that I can scroll down to display the search bar). But is there a better way to do this?
This is how it looks like on the iPhone home screen
http://static.trustedreviews.com/94/000028d08/1a0e/Spotlight-Search.jpg
As you said you could create a UIView with a search bar in it. Add it to your main view and set your searchView origin.y to be less than 0 so it will hide below the top of the screen.
Next you could use a UIPanGestureRecognizer to track the dragging of your finger and update the origin.y of your searchView while you drag..
I need to present of a menu UIView on top of my main UIView. This happens when the user clicks the square button as illustrated in the picture. It´s kinda of a facebook app layout except the main view is not pushed away, it´s still in position but with the menu view on top of it.
The menu is supposed to be around 80% in screen width and sliding in from left when clicking the square button.
Every possible non-external-lib solution I´ve tried so far failed so I´m really need some help with this one. Code examples or a push in the right direction would be highly appreciated!
Requirements: No external libs.
Facebook Navigation
Here is an app demo that you can try to use the code from
I'm making an iPad app, and basically, I want to make a tray that pulls out from the bottom of my app, and I'd like to have a little tab at the bottom of the screen that if you pull, it brings up an image, and the image's height would match the height you pulled the button to. It's a bit like how the notification center works, except the tab is always visible.
So my question is how would I have the image follow the tab as it moves vertically across the screen? I would assume using a UIButton for the tab and a UIImage for the tray would make sense, and I have some code for making buttons move, but how can you make one object follow another?
Thanks for your help,
-Karl
I wouldn't use a button for the tab -- just a regular old view.
To make your image follow the tab (however you implement either of them), simply animate them both together. That is, if you create an animation that moves the center of the button to the Y-coordinate of the user's touch, you can at the same time move the image vertically by the same amount. The two objects will then seem glued together because they move together.