MMDrawerController

The following is a guest post by Dasmer Singh and originally appeared on his blog. Dasmer is currently in the iOS-000 class at The Flatiron School. You can follow him on Twitter here.

In class, some of us have been using a very cool CocoaPod – MMDrawerController.  It’s very useful and similar UI has been used in Facebook, GroupMe, Twitter and a plethora of other apps as well.

The pod essentially creates drawers that open from the left and right of the view, and I think it’s a great place to put settings/navigation options on an already real-estate constrained screen.

I’ve posted an example on GitHub at the following link:

https://github.com/Dasmer/BlogDrawerPractice

Here I am using a category on MMDrawerController called MMDrawerController+Storyboard (MMDrawerController was made for XIBs or programmatically created View Controllers).  In the storyboard I make the root view controller a MMDrawerController and then create 2 custom segue’s. One to a navigation controller and the other to a table view controller.  I labeled the segue to the navigation controller “mm_center” and the segue to the table view controller “mm_left”.

This sounds hacky (and it is), but whenever you use MMDrawerController+Storyboard you MUST label your segues like this. The Cocoapod is amazing, but its not 100% perfect.  Another issue with the pod is that when you turn on all breakpoints, if you don’t want a particular drawer (in my case I did not make a right drawer), the debugger stops at the exception when the MMDrawerController loads.

In my example I used the tableview to swap my center view controller. To do so,  I had to be able to refer to my MMDrawerController (essentially my container ViewController kind of like a SplitViewController). To easily do that, I needed to import a UIViewController category ”UIViewController+MMDrawerController.h”. This comes in the pod and gives me access to the MMDrawerController by referring to self.mm_drawerController. Then I just reset the center view controller depending on which button was clicked.  

Check out my repo at the link above. Below I posted links to the MMDrawerController Cocoapod and the Mhttps://itunes.apple.com/us/app/quickcontact-qrcode-scanner/id735849910 Cocoapod. They also have some extremely useful examples that discuss customization even further.

MMDrawerController:

https://github.com/mutualmobile/MMDrawerController

MMDrawerController+Storyboard:

My latest app QuickContact is now available in the App Store. 

Here’s a link: https://itunes.apple.com/us/app/quickcontact-qrcode-scanner/id735849910

https://github.com/TomSwift/MMDrawerController-Storyboard

Chao!

Posted by Flatiron School  /  November 14, 2013