Toolbar images, confusing - ios

I have seen many apps that have navigation bars at the top of their app, and the left button is a button with 3 vertically stacked bars. I have seen this, and cannot find anything on it. It usually loads a whole side menu, and gives many options, can someone tell me what this button is, what it is used for, and how to use it? All advice is appreciated!

It's just a standard button, but it links with some library like ECSlidingViewController. There are several options for which library to use if you search github or cocoacontrols.

Related

Xcode 9 Swift 4 Tabbed Page

I know how to use tabBarController.
But I dont Know How to Create A Tabbed Page Like The Attached Image.
Whats The Name Of This Type Of Tab?
This is not any type of Tab. You can use a collectionView or a stackView for "Tabs" and a UIPageViewController for changing viewControllers.
You can check CocoaControls for similar controls, download source code and check their construction. You can possible do it with SegmentedControls (Or Custom UIViews for single Tab and draw in ScrollView) and UIScrollView as Content View (with Pagination On) as well, but it depends how much customisation is needed.
Trust me, it's REALLY tricky to obtain what you want with the iOS components. There are a lot of details that you will miss.
When I tried myself to build the same thing, it was like "ok I think I am reinventing the wheel, is not straight forward as I though, it require a lot of work"
You know you have to consider a lot of stuff like an User that start to scroll as a crazy between the pages and then tap on one tab bar button, and so on. Trust me, it's easy to have a working implementation, but it's really really difficult to obtain a PERFECT implementation
I decided to go for a library
https://github.com/aokizen/SPSlideTabBarController
https://github.com/xmartlabs/XLPagerTabStrip
but there are others that are all good to achieve what you want
Anyway if you want to go for your personal implementation I suggest a Segmented Control in the upper side and a PageViewController (maybe inside a Container View)

How to make an iOS Side Navigation Drawer like the one in Gmail

I have checked out several libraries, videos and online blogs on how to make a side navigation drawer in iOS, but none of them have been able to provide a simple solution to create a side navigation drawer where you are not limited to just a TableView. I want to be able to add different UIViews to the side drawer. This is the kind of Side Drawer I am trying to create :
Screenshot
Most of the libraries cant allow custom views inside the side drawer, but I want to create a small view like this at the top of the drawer UITableView.
So far, I have tried these libraries but each of them lack an essential feature :
https://github.com/mutualmobile/MMDrawerController : Only supports a list of items(basically only a tableview) and not custom views like the one I want to add and like the one gmail has, which displays the profile picture along with the email id.
https://github.com/jonkykong/SideMenu : Same Reason.
https://github.com/handsomecode/InteractiveSideMenu : Animation is too fancy.
https://github.com/evnaz/ENSwiftSideMenu : Only supports a TableView in the side drawer.
After having developed a few android applications, I was quite surprised that iOS didn't have an equivalent of the android DrawerLayout, and when I searched for libraries I could not find a single one that had the right classic design that is most used. I read somewhere that adding a side drawer was a bad design choice, but in my application, I have already used all of my screen space and need a way to give the user quick access to 20-25 list options along with a small view at the top. I figured adding a side drawer was the perfect way to do so, but unfortunately I haven't gotten very far trying to make it.
All help will be appreciated!
SlideMenuControllerSwift will let you stick any viewController with any layout you want into your menu. Its really not that hard to make your own slide out either. Your options are: 1. You make a container and every view in the app goes int he container along with the menu and the container animates the menu in an out. Or 2. You just make a menu singleton and when it gets triggered it adds its view on top of the main window, which will cover the current view controller.
You can try this one also, NavigationDrawer

Navigation Sidebar with search

The past few days, I've been struggling with getting this to work. What I want is a sidebar, when you click a buttton the sidebar appears from the left. From there you can navigate to other pages. After a lot of struggling, I managed to get a bar on the left, but implementing the search in the tableView didn't went so well.. I think it may be better to use a library which I can modify to my needs. Is there a good library you can implement that provides a sidebar navigation menu and also provides a search?
Any help is appreciated, thanks!
Here are some librairies :
SWRevealViewController which is one used by many apps.
Github
ENSwiftSideMenu lets you create more or less one type of sidebar. Not as many possibilities as with the one above.
Github
SSASideMenu is one with a parallax animation.
Github

iOS: Switching between button overlays on top of Google Maps

this is my first time working with XCode, and so I am having a lot of issues trying to figure out how to do certain things, mainly UI related.
Currently I am having three issues:
I have two buttons, and I want them both to be half the width of the screen, but I just can't get it to work (I want to show a picture, but I am also new to stackoverflow, and I don't have enough reputation).
I want the buttons to be on top of a Google Map, and as of now, the buttons aren't visible when I run the application (I'm thinking the map is on top of them, maybe).
When I click one of the buttons, I want a different set of buttons to replace the former ones. e.g. Click a button to "Start Game", and then a new set of buttons "Easy", "Normal", and "Hard" show up.
I hope you can understand what I mean. Any help is appreciated. Thank you!
for first question answer is use UIsegmented Control. check out this link
Uisegemnted control tutorial
2) put your mapview below the segmented control and adjust the size of it.
3) for third answer there are many option. you can use alert view or make a custom view and put three buttons on it and then hide the view. on the click of start game just unhidden the view.

How I can achieve this sidebar menu with two columns - IOS?

I am making an application that needs a side like this menu, I have seen several libraries on GitHub, but they are all on one level and I could adapt to my needs, there is a library or example to do this but using storyboard.
You make a side menu following this tutorial, but it is only at a level, I need that when I select a row see another menu, like in the picture.
I hope someone can help me with an example of a more fully.
What you want is a master detail navigation controller
Great tutorial - youtube

Resources