iOS sliding panel from bottom - ios

Im searching sliding panel from the bottom like the control center from ios?
But with a little height.
Basically is a typical reveal panel but not from the typical right/left edges.
Anything like this for android: https://github.com/umano/AndroidSlidingUpPanel

Related

Add scroll bar to mat tab based on the content size

I have a cytoscape graph on a material tab. I have a button that makes graph larger. I would like to add a scroll bar when the graph is larger.
Here is the stackblitz: https://stackblitz.com/edit/angular-68qptm?file=src%2Fapp%2Fshow-customers%2Fshow-customers.component.html
Click on graph and click on large and you will graph becomes larger but I do not see any scroll bar in the x-axis.
I am trying to add scroll bar as the content becomes larger.
I don't know how you can add a scroll bar. I think it might be nasty to achieve such a thing because the size of the graph canvas stays the same when you zoom in/out or pan.
But I believe navigator extension might be useful.
Below is a small gif of how you can use navigator extension You can see that at the bottom left there is a small map or navigator.

positioning UIBarButtonItem vertically (for iPhone X)

I'm trying to compile my app to work correctly with the iPhone X, using all the available screen space and accommodating the new home indicator at the bottom of the screen. My app has a bottom toolbar, and I notice that Apple's apps extend the height of the bottom toolbar to give extra room for the home indicator. I give my toolbar extra height, but the buttons themselves want to position toward the bottom instead of the top. Is it possible to force them to align toward the top of the toolbar instead of toward the bottom?
Thanks.
In the app for which I asked the question, I am positioning views on the screen using coordinates. (In a constraint based app, one would need to pin the bottom constraint of a bottom toolbar to the safe area rather than the superview; if you are using the built-in bottom toolbar belonging to the navigation controller, the position of the toolbar and its content will take care of itself). Surprisingly, the solution turned out to be simply lifting the bottom toolbar up using its y coordinate, no more than 34 pts, and the area below the toolbar and near the home indicator will simply assume the color of the bottom toolbar, making it appear as though that area is part of a taller-than-normal bottom toolbar. The buttons on the toolbar will no longer appear squished.

iOS Sidebar UIPanGestureRecognizer - Sliding Centre View Between coordinates

I've been trying to work this one out based on a tutorial I've been following from Ray Wenderlich's tutorials.
https://www.raywenderlich.com/32054/how-to-create-a-slide-out-navigation-like-facebook-and-path
I only want my nav bar to have a left sided slide menu (I don't need the right sided menu that is in the example)
When I am using the gestures to swipe I can't find a good way to stop the view from going any further to the right than the position I want it set to when the menu is open (100pts from the right). When I swipe it back into position I don't want the view to swipe any further than 0 (I don't want it's x value to be negative).
With the current Facebook iOS App (55.0 - 12 May 2016) there is a side menu for chat. That's the exact functionality I am after (but on the left side instead of right).

How does Airbnb(iOS) implement the menu effects

Left menu layout
I think it's possible to use UICollectionView, but one page of menu is center-layouted and has animations and it can circle slide
Left menu Animcation
While dragging the left menu, it has effects like text zooming out and text gap getting bigger.
It's made by UIDynamicAnimator, because Airbnb is compatible with iOS6
How will you implement it if you were developing the app?
Check out https://github.com/taphuochai/PHAirViewController. It is a very nice implementation of the Airbnb style menu navigation

Pull-Over View in iOS 7 Similar to Control Center

I'm making an iOS 7+ only app, and I need to have a view that can be pulled from the bottom of the screen, very similar to the system Control Center. Blur would be nice, but that doesn't look like an easy task, sadly.
I want to take advantage of OS 7's UIDynamicAnimator, and the Gravity/Collisions features. But I can't figure out how!
The view will cover about 3/4s of the screen, and be semi-transparent (0.6 alpha). It will contain some controls that I'd like to lay out in IB.
The view should be activated when the user 'pulls' from the bottom 0.25" on the screen. I want it to behave like the control center or lock screen - not a single swipe gesture, but a view that tracks the users' pan, and snaps up or down accordingly.

Resources