Applet Orchard

How to Make Slide Out Menu in Swift with SWRevealViewController

[ad_1]
DOWNLOAD + free iOS course:

Have you ever used apps like Spotify, Google’s apps? You’ll see these popular apps have been using a different kind of navigation that is not iOS-standard navigation bar or tab bar.

They are using something called slide out menu. Have you ever wondered how you can implement such feature? That’s exactly what we are going to do in this episode of Code Hangout.

We will not build this from scratch but rather use an open-source library called SWRevealViewController.

Before we move on into the demo with me, let’s download the starter project below and get get started! Oh, as usual, I want to THANK YOU for checking out this replay of LIVE Code Hangout with me, I’d like to invite you to my LIVE hangout and give you my new iOS course as a gift.

Enter your name and email there so that I can send you the projects and courses.

DOWNLOAD + free iOS course:

*************************************
*** ABOUT CODE HANGOUT ***
*************************************
Code Hangout is hosted by Duc Tran, founder of Developers Academy. This is his free-style no notes, no teleprompter presentation and live coding broadcast with you guys everyday.

To join Duc LIVE, register for free at

******************************************************
*** FREE TRAININGS IN IOS DEVELOPMENT ***
******************************************************
To subscribe and get free tutorials, courses and weekly content, visit me at:
Get Duc’s free new iOS crash course:
Join Duc’s programs:
Join Total iOS Blueprint:
Join Socialize Your Apps:

Go to his blog, new content daily:

Posted

in

by

appletorchard

Tags:

Comments

42 responses to “How to Make Slide Out Menu in Swift with SWRevealViewController”

  1. saba zehra Avatar
    saba zehra

    HEY HI!!
    Thankx for the video. I am following the same steps but i have a problem this is
    i need both the screens to share the same navigation bar when the burger icon is clicked.
    how to do this? i am having no hint at all

    Reply
  2. Beanstudio Avatar
    Beanstudio

    Please fix the link

    Reply
  3. Nik Avatar
    Nik

    link is broken

    Reply
  4. david cornelius towoliu Avatar
    david cornelius towoliu

    I can't access the link above, please update the link

    Reply
  5. Patrick Tembo Avatar
    Patrick Tembo

    But how do you get back to the page with the tab bar

    Reply
  6. Kenny Yay Avatar
    Kenny Yay

    I have a question.

    How can I prevent it from opening the view that is already open. Like, how can I disable the option when it is already active?

    Thanks in advance!

    Reply
  7. Phạm Trung Đức Avatar
    Phạm Trung Đức

    Very helpful,
    Thank you, Đức 😀

    Reply
  8. Brigitte Wente Avatar
    Brigitte Wente

    I am having an issue with the menu button. it doesnt work. Is it because i am trying to get it to work on xcode 8 swift 3? I am getting an expected expression error on the CoursesTableViewController. I could really use and would greatly appreciate a hand.

    Reply
  9. Ngô Anh Duy Avatar
    Ngô Anh Duy

    anh dạy rất dễ hiểu 😀

    Reply
  10. Fermendkis Avatar
    Fermendkis

    hei ductran how to custom table slidemenud without shadow?

    Reply
  11. Jaisan Mathew Avatar
    Jaisan Mathew

    thank you…it works perfect

    Reply
  12. Youngster Dev Avatar
    Youngster Dev

    Could you please let me know how to add scroll in slide out menu, if we have more items in that slide out menu?

    Reply
  13. lovely snow Avatar
    lovely snow

    I have a trouble with this SWRevealViewController. Please kindly help me how to solve this. Here is my question. http://stackoverflow.com/questions/42172297/slideoutmenu-remove-navigation-bar/42174197#42174197 . Thanks a lot.

    Reply
  14. kunal kushwaha Avatar
    kunal kushwaha

    m having trouble while implementing SlideMenu using SWRevealViewController..
    i want to implement the SlideMenu on RecordPage..
    My app starts with LoginPage then after successful Login i move to ContactPage then on RecordPage where i want to implement SlideMenu. my question how can i connect the SWRevealViewContoller to RecordPage ??
    I m connecting the SWRevealController with slidingMenu using "sw_rear" and and RecordPage with "sw_front" rest of code is fine.. but it doesn't work when i click on MenuButton on RecordPage..

    Reply
  15. Sharkes Monken Avatar
    Sharkes Monken

    Is there way to load a view controller after clicking on menu item list without making tab bar controller disappear ?. @DucTran

    Reply
  16. emiliano259 Avatar
    emiliano259

    this tutorial is compatible with swift 3??

    Reply
  17. Kaushik Loves Avatar
    Kaushik Loves

    I have a login initial view controller. If user is validated it performs segue to SWRevealViewController in the storyboard. Then loads Main dashboard(from sw_front). Now the problem is that I cant pass value from login view controller to maindashboard view controller. Tried all possible ways but prepare(forSegue) method isnt getting used to pass data to change the label on (third) main dashboard view controller. Setting identifier to reveal will crash because it doesnt have that label property. And performing SW_front wont work because reveal is in the line. What should i do?

    Reply
  18. rishabh gupta Avatar
    rishabh gupta

    Can you please share source code ??? Duc

    Reply
  19. Volkan Elçi Avatar
    Volkan Elçi

    What should i do if i want to same slide out menu in another view controller?

    Reply
  20. cristan lika Avatar
    cristan lika

    slide view menu not working navigation http://stackoverflow.com/questions/40735523/pushviewcontroller-not-working

    Reply
  21. alvesdasilva22 Avatar
    alvesdasilva22

    Does anybody else have a problem with revealing the rear (right) view controller in a Swift 3 (Xcode 8) project? More precisely, the revealToggle: (rightRevealToggle:) methods do not trigger the reveal animation.

    Reply
  22. Nitin Solanki Avatar
    Nitin Solanki

    very helpful video.
    can you guide me, I working on app based on two language (English and Arabic) ,I have implement slide out menu, but on Language change (Arabic) how to make this slide out from right side slide, only need from left (In English).
    Please help me. Thanks in Advance

    Reply
  23. Juan Calcagno Avatar
    Juan Calcagno

    Is SWRevealViewController the best library for slide menu?, nice videos Duc

    Reply
  24. Rahul Udatha Avatar
    Rahul Udatha

    How do I open the .pbxproj file?
    Xcode displays a bunch of code.

    Reply
  25. Sebastien Montibeller Avatar
    Sebastien Montibeller

    good stuff 😉

    Reply
  26. Thijs Spoelstra Avatar
    Thijs Spoelstra

    I have a black screen

    Reply
  27. Fausto Savatteri Avatar
    Fausto Savatteri

    Thank you for the great video!!!
    But I have some trouble if I try to implement it in my project with Login View Controllers…I do not want to set SWRevealViewController as initial view controller (as I check if user as logged in before and load user data). But in this way revealViewController() always = nil…what can I do? I checked all my segues seems ok with SWRevealViewControllerSeguePushController class.

    Reply
  28. Roberto Ferro Avatar
    Roberto Ferro

    My bru, this is now the second time I've watched one of your videos and every time they are so legit. Please keep this up man.

    Reply
  29. James Avatar
    James

    Is there a continuation of this video, to implement the other features, to get to a complete app?

    Reply
  30. DeLeizard Avatar
    DeLeizard

    For me this is the best SWRevealViewController tutorial so far. Could you please add some tutorial about add multiple slide out menu (left and right) in one app ?
    Thank you.

    Reply
  31. Thang Pham Avatar
    Thang Pham

    hôm nào rảnh anh có thể làm clip hướng dẫn cách tạo và sử dụng 1 cái calendar view open source nào đó đc ko ạ !? e cảm ơn a nhiều , e thử mấy cái nhưng công đoạn add thư viện vào nó không chỉ là copy file mà còn mấy thứ loằng ngoằng cocoapod gì đó nữa, mong anh giúp đỡ 😀

    Reply
  32. Bhavik Patel Avatar
    Bhavik Patel

    That was great tutorial and it really help me. But i have one ISSUE with using this SideBar Menu. When I go to next view2 after select view1 from menu, and after came back to previous view1(which I selected from menu) then I can not access menu with penGesture, neither using button.

    Please respond me soon, I m stuck in my project

    Reply
  33. darkspd31 Avatar
    darkspd31

    Thank you, Thank you, Thank you!!. I have already subscribed and extended this app to include an embedded TabBarController and TableView!! Just think, I only started iOS and Swift from scratch three weeks ago. 🙂

    Reply
  34. John Gmail Avatar
    John Gmail

    Can't download project for this video after submitting email and name.

    Reply
  35. Najam Sikander Avatar
    Najam Sikander

    pulling my hair to make it work. tapping on button and sliding doesn't show the sidebar. Anyone has finished version ?

    Reply
  36. Vireakpanha Khy Avatar
    Vireakpanha Khy

    Hey, Duc! Your video is interesting. But Can you teach us how to publish our apps to App Store and Earn money?

    Reply
  37. Raphaël saclé Avatar
    Raphaël saclé

    Hello good tuto
    I want the last item of the TabBar to trigger the menu how would you do this ?

    Reply
  38. SOGA Motion Avatar
    SOGA Motion

    tình cờ gặp, thật vui khi thấy a là người Việt :3

    Reply
  39. Roman Shirokov Avatar
    Roman Shirokov

    What should I do if I do not want tab bars? Should I replace this controller with something else? I tried to change "Simulated metrics" -> "Bottom bar" to NONE, but it does not work. The first screen shows this bar anyway. However, it disappears when I change the screen (choose another screen in menu)

    Reply
  40. Zafer Celaloglu Avatar
    Zafer Celaloglu

    above link gives an 404 response message

    Reply
  41. Tom Jansen Avatar
    Tom Jansen

    Do you have to pay in order to test your app on a real device?

    Reply
  42. Josh Lopez Avatar
    Josh Lopez

    hey man! 🙂 there is a lot of echo in this video. maybe try to hang some thick blankets on the walls where the camera cant see them. might help. much love!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *