Very good tutorial. I have tried to find a menu creation tutorial, wow then stumbled on yours. Brilliant I have added animation also after toggling the menuShowing. It worked a treat. Thank you.
Good video! Exactly what I was looking for and you explain it really well, keep up the good work! I was afraid you wouldn't comment the shadow at the end but you did and by that restored the my OCD. Also I'm glad to see that you upload regularly, made me push the subscribe button with no hesitatio. While on topic, congrats with 500 subscribers!
Hey thanks, Mortn! Glad you're watching! Yeah, I like to make sure the viewers understand everything I'm doing. Sometimes I wonder if I go into too much detail. :D
Started programming a week ago and I'm probably a intermediate PHP/Bash(linux) programmer from before so I can relate to a lot in Swift but there's a lot that just doesn't make sense quite yet although I learn quickly. My point being that those extra details you go in to and extra examples gives me that extra edge and make me reach higher. I'm guessing an intermediate->more skilled Swift programmer won't watch these kind of videos (if so - maybe to refresh knowledge/get inspiration/ideas - i wouldn't know) and for a beginner(+)-level audience I've encourage you to continue doing that, maybe even consider challenging the viewer a bit. Sorry for the long post, haha
Hi excellent video! I try to do a webview in the pag "view 2" and the xcode don`t let me do the link: webview -> to ViewController. Do you can help ?? tks
Great tutorial! I do have a question though... I am trying to add one of these menus to one of my tabs in a tabViewController. For whatever reason, when I add the button to the view controller, it does not appear when I am debugging the application. It is only visible in the MainStoryboard editor. Any help is greatly appreciated.. Thanks in advance.
It's amazing video but, I want to use the side menu with multiple pages.So, how to use it. Please let me know.Thanks in advance @Mark.I loved you videos.
Hi, Thank you... really helpful.. however, following all your steps, when I tap on my button to show the slide out view... on yours the view does not push the label across, it sits over it, but mine, pushes the label across to the right... Any idea how to stop that so it reacts like yours? Thanks again. Craig.
so i have followed your tutorial and achieved the result but there is one problem instead of hardcoding constant to -140 if there anyway to dynamically assign the constant according to 1.5/4 to device width?
Hi Philip, probably what I would do is hide the menu before you navigate. If you're using a segue from the menu to the second view controller, you can add a "prepare for segue" function to the first view controller that will always get called. Call the close menu function in there. override func prepare(for segue: UIStoryboardSegue, sender: Any?) { // Close menu }
You're welcome, Hesam! No, I don't have a tutorial for a menu that slides up from the bottom. The closest would be a button menu at that bottom but I don't think that is what you're looking for: th-cam.com/video/Mj2Hc6GU8Is/w-d-xo.html
I'm a newbie to iOS. This vid was very useful and easier. How can I close the side after selecting on item in the list?? When I back to home side is always opened only. Thanks for vid
Hi Mark, guess you have to set the shadow opacity to 0 again when you hide the side menu or else the shadow will remain visible on the left hand side. By the way is there any way to make the side menu slide out like how it slides in? I couldn't find any method that create the similar effect like layoutIfNeeded in the opposite direction. Thank you!
Hi, after developing some codes, my leading controller = 0(constraint ); is not connected to IBOutlet, and I did that thing again but after some time it repeats again, plz help me,
great tutorial but what i did not understand is why did you write var menushowing = false and it worked even for me it wasn't the name of any button or any thing then why does it work ?
hey, i did like your video and it worked for me. But now, i need to do a side menu for tableview, it means tableview is main screen. can you help me???
Great tutorial, very helpful as beginner. But i need your help i want to create something like fragments and navigation drawer in android. For that i have used a container view controller as per your suggestion in comment. but my problem is when i add child view dynamically child view hides my sliding view....please help
Hi mate nice one but I have one question. The menu only disappears if I click the button again. What if I want to be able to swipe it left to disappear or even click elsewhere? Hope you got the answer mate . cheers
Hi Paulo, sorry for the delay. Was on vacation. Yes, you can totally do this. Sometimes what I do is just put a button over the whole screen and set the alpha to zero or set the isHidden to true. Then when you animate the menu to show, you also show the button (button with no text). Make sure the button is under the menu. Then if the user taps the button, you hide the menu and the button. You can also use the swipe gesture recognizer. When you swipe right, show menu. When you swipe left, hide menu. To learn to detect if you're swiping left or right, take a look at this: stackoverflow.com/questions/24215117/how-to-recognize-swipe-in-all-4-directions Hope this helps!
Hi, I just started with this tutorial but I'm facing a little problem. The menu View is hiding behind the images I've put on the ViewController along with the Welcome label. So only little bit of the top of view is visible. Please help.
I have another question, by any chance do u know of anyone on TH-cam that has made a calendar in swift that only you can change events and put new ones in it.
I don't, I'm sorry. :( Try a couple of my favorite TH-camrs like: th-cam.com/channels/ysEngjfeIYapEER9K8aikw.html (Brian Advent) th-cam.com/channels/DIBBmkZIB2hjBsk1hUImdA.html (Jared Davidson) th-cam.com/channels/2D6eRvCeMtcF5OGHf1-trw.html (Code with Chris)
Good video! Quick question though- How would I go about implementing this on top of a tab bar controller? It seems like I have to replicate this process for each of the tabbed views if I want it to work :(
Was looking for the same and Glad i found your tutorial :) I've a Question.What if i want to implement the same side menu bar on all the viewcontrollers to which side menu Buttons Points to ? any other way other than creating the side bar UIView on all viewcontrollers ?
Hi Mark, thank you for the tutorial. I'm a newbie to iOS development. I have a tableview controller as my main view, and I want to implement the slide menu onto that. My problem is that I can't drag a view on my tableview. How can I solve this? Thank you so much
Hi Sahar, the tableview controller is great if all you need is a table on the screen but unfortunately it is not very flexible when trying to further customize that screen with other controls. You will have to use a tableview on a normal view controller instead. Then you can resize the table any way you want to.
Hi, excellent video! I have one doubt, im trying to use this solution in an app with more than one view. How can i use it? I mean, if i have more views controllers i have to create this menu for each one? Thank you!!!
Thiago, you will want to look into using a container view (UIContainerView). This will allow one view to exist in many ViewControllers. I added this to my list of video ideas. I've had this question come up a few times.
Hi Mark, thank you for your quick reply. I hope you record this lesson someday, it will be very usefull for everyone. Congrats for your channel, very nice!
i want to ask, what if i have multiple views that have button to segue from that menu. isn't that mean i have to create the sidemenu for each controller and then link all each of it to the view. example if i have 10 view that have logout button. this logout button will segue to login view. isn't that mean that 10 view will link segue to that login view?
Hi Benny, this side menu is more based off of how Google Maps or Robinhood apps work. Where you only see the menu from the main screen. You navigate only one level deep and then back to the main screen. If you wanted to have a more global menu that's available on all your view controllers then I wouldn't do it this way but rather with a UIContainerView in which the menu is your "main screen" and you switch out your different view controllers through the UIContainerView.
Yay! Glad it worked! You can play with the animations. I think that's what I was doing after I had published the video. You can see there are two different types of animations I'm using. So you could make them the same and see how it looks. Just depends if you want spring or not.
Hey mark im struggling in putting a page view controller for on of my items I have in the side bar menu. Any solutions or videos you know that can help with that
Oh man, the page view controller. I have considered doing a tutorial on it but that thing drives me crazy sometimes. I even have an open bug report to Apple on it. I don't know of a video offhand. The only thing I have is the bare bones template I reference on my blog when I need to get one up and going: swiftquickstart.blogspot.com/2016/11/uipageviewcontroller-minimum-setup.html Oh, you know Brian Advent's channel? I remember seeing him do a UIPageViewController tutorial. Try out his channel.
Nice tutorial. Thanks!! What if I use multiplier to make the menuView always come out one third at left hand side, does it use the same way as you do in the video? I'm asking the question because of the concerning about the way that menuView show on different screen size.
Yeah, Feng, that's a good idea. You could use the multiplier so it's always 1/3 size of the screen. Or just calculate 1/3rd of the screen and set that as your constant too.
Hi body! How I can make my menu scroll independent of my screen? Because both are large in vertically and when I scroll up my menu, the screen rolls together. Thank you.
What some developers do is add a tableview inside the menu. You can also add a scrollview inside the menu too. Scrollviews can be tricky but I believe Jared Davidson has a good video on using scrollviews.
@Gustavo Severo, I would add a container view instead of a UIView as my side menu that embeds a controller containing the elements of my menu. The UITableView works, however this method allows you more customization of the menu. ( if you are after android style menus )
For other's references, also did something like this for the menu slider if menuShowing == false { leadingConstraint.constant = 0 menuShowing = true } else { leadingConstraint.constant = -173 menuShowing = false }
The Nintencario Bros. You sure can. We're just using a UIView for the menu but you can replace the UIView with a blur effect view which has a UIView built in.
Hi Jonatan, you can separate out the menu from the ScrollView or TableView. So your menu will be on TOP of your TableView or ScrollView. This way the menu just stays in place while the content below it can scroll. But what I would recommend is hiding the menu as soon as the user touches outside the menu.
That's a really good question, Adis. I don't know how to cover the navigation bar! I'll have to research that. I don't think I have seen it done before. Just thinking off the top of my head, I know you can still use the NavigationController but without showing the bar. You can do your navigating in code. So you could create your own nav bar on top with your own titles and back buttons, etc and program your own navigation in code. This is an option but I would research how to cover the default navigation bar first to see if there is any way. If you ever find away, post it here. I'd love to see it!
I found solution when drawer is about to open put this: self.navigationController?.navigationBar.layer.zPosition = -1 and when drawer is closed I put this: self.navigationController?.navigationBar.layer.zPosition = 0 but this hides nav bar completely. If you install google Drive app they menage to make navigation drawer like on Android :)
Hey man, great tutorial, it was easy to understand and it worked perfectly for a beginner like myself. I am struggling with making it so that when you go to another view, instead of a back button to the main screen you can just call up the menu instead, so like the menu button and the menu view is accessible from all views within an app. I wonder how I could go about this, is it gonna be as easy as setting a variable? Probably not, but maybe you or someone else can point me in another direction... this was my first experience with navigation controllers
You mean if you touch outside of the menu? Yes, that is very possible. My next video will be coming out on Thursday and it is a new way that teaches you a side menu that you can use not only on one viewcontroller but as many viewcontrollers as you want! I show you how to dismiss the menu by touching outside of it too. Wait 2 more days and you will see how!
The Nintencario Bros. I'm so sorry. A memory leak was found with this solution and I didn't feel right leaving it up. I'll have to do more research and see what I can do to fix it. Again, I'm really sorry.
Thanks sir but U know your code writing is too good and helpful for us and seeing a latest code writing please Upload more if possible with deep knowledge.. Thanks A lot ...All the best sir
Thanks, Mark Moeykens. nice tutorial.helped me.Also to this I also added a feature and that is if you click the side menu anywhere(not the barbuttonitem) it slides inside :)
Hi Yunus, the easiest thing to do would be to put a button over the view and set the alpha to 0 or set its isHidden property to true. When the menu shows, set the alpha to 1 or isHidden to false. (Put button under the menu) Then if the user touches outside the menu (touches button), have the menu close and set the button's alpha back to zero or isHidden to true.
Thank you Mark for your kind attention, can you give me a link so i can send you a picture of what i am trying to accomplish? e.g the uber app when you click the menu you get the side menu and the button disappears then you get a black transparent layer by the side of the menu and when you click that the menu disappears. Great contents Cheers
Thank you! All you have to do is add more UIButtons to the menu and add more ViewControllers to the Storyboard. Then you right-click and drag a connection from the UIButton to the ViewController to create a segue to it. Just like the first one.
Oh man this was hilarious. For some dopey reason I dragged the View 2 button into the ViewController as the openMenu button rather than the Organise button. Tell you what, some weird stuff was happening for a while and then I put a print(menuShowing) statement in the openMenu function and when I tapped the View 2 button true and false started to get printed then the Menu View disappeared altogether. I just about got a beer out of the fridge in frustration. What a clown. Great video. Note to self.... BE MORE CAREFUL. Computers do what you tell them to do.
Please could you do a tutorial on how to read/write arrays/dictionaries to a .csv spread sheet file, or txt file. I cannot find much help so far. Love your videos though. Big thanks for all the tutorials you have done so far.
Very good tutorial.
I have tried to find a menu creation tutorial, wow then stumbled on yours. Brilliant
I have added animation also after toggling the menuShowing. It worked a treat.
Thank you.
You're welcome! Glad it worked out for you. 👍🏼
definitely killed this one right here. Thanks mark !
Good video! Exactly what I was looking for and you explain it really well, keep up the good work! I was afraid you wouldn't comment the shadow at the end but you did and by that restored the my OCD. Also I'm glad to see that you upload regularly, made me push the subscribe button with no hesitatio. While on topic, congrats with 500 subscribers!
Hey thanks, Mortn! Glad you're watching! Yeah, I like to make sure the viewers understand everything I'm doing. Sometimes I wonder if I go into too much detail. :D
Started programming a week ago and I'm probably a intermediate PHP/Bash(linux) programmer from before so I can relate to a lot in Swift but there's a lot that just doesn't make sense quite yet although I learn quickly. My point being that those extra details you go in to and extra examples gives me that extra edge and make me reach higher.
I'm guessing an intermediate->more skilled Swift programmer won't watch these kind of videos (if so - maybe to refresh knowledge/get inspiration/ideas - i wouldn't know) and for a beginner(+)-level audience I've encourage you to continue doing that, maybe even consider challenging the viewer a bit.
Sorry for the long post, haha
This is great feedback, Mortn! Thanks for taking the time. I'm always looking for ideas to improve videos, help other developers. So thanks for that!
thanks for your time...how could pan that view smoothly and add a shadow when touched that ,navigation get close
Hi excellent video!
I try to do a webview in the pag "view 2" and the xcode don`t let me do the link: webview -> to ViewController. Do you can help ??
tks
This is the best side menu video I found on the internet! Cannot thank you enough!!!!
Thanks, Yiming, I have a couple more videos on side menus (playlist) if you're interested: th-cam.com/play/PLHDMmeIMXj8UMMGN57Ufj4LfJFqG1KG_j.html
Great tutorial! I do have a question though... I am trying to add one of these menus to one of my tabs in a tabViewController. For whatever reason, when I add the button to the view controller, it does not appear when I am debugging the application. It is only visible in the MainStoryboard editor. Any help is greatly appreciated.. Thanks in advance.
Sir this is really helpful but i want to learn that if the view 2 appears the main view controller should also be shifted right
It's amazing video but, I want to use the side menu with multiple pages.So, how to use it. Please let me know.Thanks in advance @Mark.I loved you videos.
Thank you so much for this tutorial. But... what if i want to use a Table view? (i tried but the sidecar return white just displaying the view behind)
It would be interesting to see your implementation of slack’s side menu with gestures, animated statusBar and a pageVC
Hi Maxim, you might be interested in this: www.letsbuildthatapp.com/course/Twitter-Slide-Out-Menu
Really useful and thoroughly guided, thank you so much!
You're welcome, Val. :)
Hi, Thank you... really helpful.. however, following all your steps, when I tap on my button to show the slide out view... on yours the view does not push the label across, it sits over it, but mine, pushes the label across to the right... Any idea how to stop that so it reacts like yours?
Thanks again.
Craig.
so i have followed your tutorial and achieved the result but there is one problem instead of hardcoding constant to -140 if there anyway to dynamically assign the constant according to 1.5/4 to device width?
Hi Mark.
Thanks for your video.
When I use the back button from the second view controller the slide menu is shown. How do I hide it when I go back?
Hi Philip, probably what I would do is hide the menu before you navigate. If you're using a segue from the menu to the second view controller, you can add a "prepare for segue" function to the first view controller that will always get called. Call the close menu function in there.
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
// Close menu
}
Thank you, Mark. Very useful. I just used for my project. Really appreciated your help with this video.
That's awesome, Patrick!
Very easy
Thank You Mark
Do you have a tutorial that menu slide up from bottom?
You're welcome, Hesam! No, I don't have a tutorial for a menu that slides up from the bottom. The closest would be a button menu at that bottom but I don't think that is what you're looking for: th-cam.com/video/Mj2Hc6GU8Is/w-d-xo.html
Would it be just the same thing except instead of leadingConstraint it'd be bottomConstraint, and using height instead of width for the numbers?
I'm a newbie to iOS. This vid was very useful and easier.
How can I close the side after selecting on item in the list?? When I back to home side is always opened only. Thanks for vid
Hi Mark, guess you have to set the shadow opacity to 0 again when you hide the side menu or else the shadow will remain visible on the left hand side. By the way is there any way to make the side menu slide out like how it slides in? I couldn't find any method that create the similar effect like layoutIfNeeded in the opposite direction. Thank you!
how do you implement this with WKWebView. WKWebView within the first ViewController?
Hi, after developing some codes, my leading controller = 0(constraint ); is not connected to IBOutlet, and I did that thing again but after some time it repeats again, plz help me,
great tutorial but what i did not understand is why did you write var menushowing = false and it worked even for me it wasn't the name of any button or any thing then why does it work ?
hey, i did like your video and it worked for me. But now, i need to do a side menu for tableview, it means tableview is main screen. can you help me???
Great tutorial, very helpful as beginner. But i need your help i want to create something like fragments and navigation drawer in android. For that i have used a container view controller as per your suggestion in comment. but my problem is when i add child view dynamically child view hides my sliding view....please help
The simplest of all I have seen... Thanks a lot :)
Hi mate nice one but I have one question. The menu only disappears if I click the button again. What if I want to be able to swipe it left to disappear or even click elsewhere? Hope you got the answer mate . cheers
Hi Paulo, sorry for the delay. Was on vacation.
Yes, you can totally do this. Sometimes what I do is just put a button over the whole screen and set the alpha to zero or set the isHidden to true.
Then when you animate the menu to show, you also show the button (button with no text). Make sure the button is under the menu. Then if the user taps the button, you hide the menu and the button.
You can also use the swipe gesture recognizer. When you swipe right, show menu. When you swipe left, hide menu. To learn to detect if you're swiping left or right, take a look at this:
stackoverflow.com/questions/24215117/how-to-recognize-swipe-in-all-4-directions
Hope this helps!
@Mark Moeykens You maybe now how to also add an animation when the menu slides in aigain?
Hi,
I just started with this tutorial but I'm facing a little problem. The menu View is hiding behind the images I've put on the ViewController along with the Welcome label. So only little bit of the top of view is visible. Please help.
Take a look at the object hierarchy on the left side of the Interface Builder. In there you can re-order your objects.
Thank you, that helped :)
@@Hypergridlab Awesome!
I have another question, by any chance do u know of anyone on TH-cam that has made a calendar in swift that only you can change events and put new ones in it.
Using Xcode beta a lot of this is taken care of I think. Am I correct? Like sliding back.
Awesome Concept Introduced mark keep that up :)
Thank you, Rahul!
Another question do u have a video that explains how to cache a URL file locally
I don't, I'm sorry. :(
Try a couple of my favorite TH-camrs like:
th-cam.com/channels/ysEngjfeIYapEER9K8aikw.html (Brian Advent)
th-cam.com/channels/DIBBmkZIB2hjBsk1hUImdA.html (Jared Davidson)
th-cam.com/channels/2D6eRvCeMtcF5OGHf1-trw.html (Code with Chris)
Good video! Quick question though- How would I go about implementing this on top of a tab bar controller? It seems like I have to replicate this process for each of the tabbed views if I want it to work :(
Same problem bro, i'm only replicating the menu and i put the bar at the top only of the tab bar controller.
I wish I found your tutorial sooner !! Thanks !!
You're welcome!
Was looking for the same and Glad i found your tutorial :)
I've a Question.What if i want to implement the same side menu bar on all the viewcontrollers to which side menu Buttons Points to ? any other way other than creating the side bar UIView on all viewcontrollers ?
You. Are. A. Saviour.
This is really great. Ty
You're welcome, dude!
Hi Mark, thank you for the tutorial. I'm a newbie to iOS development. I have a tableview controller as my main view, and I want to implement the slide menu onto that. My problem is that I can't drag a view on my tableview. How can I solve this?
Thank you so much
Hi Sahar, the tableview controller is great if all you need is a table on the screen but unfortunately it is not very flexible when trying to further customize that screen with other controls. You will have to use a tableview on a normal view controller instead. Then you can resize the table any way you want to.
Thanks for the respond, It worked, thank you so much for the tutorial and your answer
Thanks a lot for your tutorial, it helps me a lot to understand the way to develop my own sidebar menu in my project.
Michael Verhaeghe, that's great! When you finish you should post to Twitter and tag me on it: @bigmtnstudio
is there any way to do it with two tableviews and prototype cells ?
You sure can. Because we're working with just just UIViews you can put anything inside of them, including tableviews.
Hi, excellent video! I have one doubt, im trying to use this solution in an app with more than one view. How can i use it? I mean, if i have more views controllers i have to create this menu for each one? Thank you!!!
Thiago, you will want to look into using a container view (UIContainerView). This will allow one view to exist in many ViewControllers. I added this to my list of video ideas. I've had this question come up a few times.
Hi Mark, thank you for your quick reply. I hope you record this lesson someday, it will be very usefull for everyone. Congrats for your channel, very nice!
i want to ask, what if i have multiple views that have button to segue from that menu. isn't that mean i have to create the sidemenu for each controller and then link all each of it to the view. example if i have 10 view that have logout button. this logout button will segue to login view. isn't that mean that 10 view will link segue to that login view?
Hi Benny, this side menu is more based off of how Google Maps or Robinhood apps work. Where you only see the menu from the main screen. You navigate only one level deep and then back to the main screen.
If you wanted to have a more global menu that's available on all your view controllers then I wouldn't do it this way but rather with a UIContainerView in which the menu is your "main screen" and you switch out your different view controllers through the UIContainerView.
Hi Mark. This tutorial is awesome. Would love to know how to animate the menu when it returns to hidden state.
Hey Catherine, you can just move the UIView.animate out of the else block and that should animate coming out and in. Give it a shot!
Hmmm, no luck. layoutIfNeeded seems to be stopping the closing animation. Any other suggestions?
Hey Catherine, I dug up my old project and here's what I found:
@IBAction func openMenu(_ sender: Any) {
if (menuShowing)
{
leadingMenuConstraint.constant = -180
UIView.animate(withDuration: 0.3, animations: {
self.view.layoutIfNeeded()
})
} else {
leadingMenuConstraint.constant = -30
UIView.animate(withDuration: 0.3, delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.2, options: [], animations:
{
self.view.layoutIfNeeded()
})
}
menuShowing = !menuShowing
}
This was my fix! You have no idea how grateful I am.
Yay! Glad it worked! You can play with the animations. I think that's what I was doing after I had published the video. You can see there are two different types of animations I'm using. So you could make them the same and see how it looks. Just depends if you want spring or not.
Great video. I'll definitely be implementing this
Thank you! It's one of my first videos. Should still work though! 👍🏼
Hey mark im struggling in putting a page view controller for on of my items I have in the side bar menu. Any solutions or videos you know that can help with that
Oh man, the page view controller. I have considered doing a tutorial on it but that thing drives me crazy sometimes. I even have an open bug report to Apple on it. I don't know of a video offhand. The only thing I have is the bare bones template I reference on my blog when I need to get one up and going: swiftquickstart.blogspot.com/2016/11/uipageviewcontroller-minimum-setup.html
Oh, you know Brian Advent's channel? I remember seeing him do a UIPageViewController tutorial. Try out his channel.
Mark Moeykens the only thing with that is that he uses page view controller as an initial view controller and I don't know if that's going to work
How can i Use this with tab bar controller as root ?
Incredibly easy to implement. Thanks!
You're welcome!
Nice tutorial. Thanks!!
What if I use multiplier to make the menuView always come out one third at left hand side, does it use the same way as you do in the video?
I'm asking the question because of the concerning about the way that menuView show on different screen size.
Yeah, Feng, that's a good idea. You could use the multiplier so it's always 1/3 size of the screen. Or just calculate 1/3rd of the screen and set that as your constant too.
Thanks! I'll try it later.
Simple, easy to understand for beginners like me
:)
did not work at all for mine. followed exactly. not sure what is going on. no menu is popping/sliding out :/
Hi body!
How I can make my menu scroll independent of my screen? Because both are large in vertically and when I scroll up my menu, the screen rolls together.
Thank you.
What some developers do is add a tableview inside the menu. You can also add a scrollview inside the menu too. Scrollviews can be tricky but I believe Jared Davidson has a good video on using scrollviews.
Thank you, I will find Jared Davidson videos.
Man, Jared Davidson has many videos in his channel kkkk Do know what playlist is this examples? Please.
@Gustavo Severo, I would add a container view instead of a UIView as my side menu that embeds a controller containing the elements of my menu. The UITableView works, however this method allows you more customization of the menu. ( if you are after android style menus )
For other's references, also did something like this for the menu slider
if menuShowing == false {
leadingConstraint.constant = 0
menuShowing = true
} else {
leadingConstraint.constant = -173
menuShowing = false
}
is their any way I could add a blurry effect to the menu
The Nintencario Bros. You sure can. We're just using a UIView for the menu but you can replace the UIView with a blur effect view which has a UIView built in.
i would also like to see how to implement one (or some) of the popular side menu pods (like SWRevealViewController and others) and with an comparison
how to hide the menu when I open the two view2?, because when I open the view2 and return to the main screen, the side menu is open
Are you navigating to view2 using a segue? If so, then you need to override prepare(for: segue:) and in there, close the menu.
@@bigmtnstudio thx for help man, the code looks like this: override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
if segue.identifier == "segueView2" {
leadingConstraint.constant = 0
trailingConstraint.constant = 0
menuShowing = false
}
}
greetings from Brazil
@ I am having the same issue. Where does this piece of code go?
Thank you very much for your teaching and make side menu easy!!!!! :)
You're welcome! I'm glad you liked it. :)
Great job on this. I like your style a lot. Thanks!
Hey, you're welcome, Dan! 😃
Hi, this is great, but does it work on table views? In case I scroll down, will it still be visible?
Hi Jonatan, you can separate out the menu from the ScrollView or TableView. So your menu will be on TOP of your TableView or ScrollView. This way the menu just stays in place while the content below it can scroll.
But what I would recommend is hiding the menu as soon as the user touches outside the menu.
Bruh i just want to ask How i can separate out the menu?? And we love you thanks again!
Thanks for video, do you know how to cover navigation bar with side menu? I try a lot of things but nothing
That's a really good question, Adis. I don't know how to cover the navigation bar! I'll have to research that. I don't think I have seen it done before. Just thinking off the top of my head, I know you can still use the NavigationController but without showing the bar. You can do your navigating in code. So you could create your own nav bar on top with your own titles and back buttons, etc and program your own navigation in code.
This is an option but I would research how to cover the default navigation bar first to see if there is any way.
If you ever find away, post it here. I'd love to see it!
I found solution when drawer is about to open put this:
self.navigationController?.navigationBar.layer.zPosition = -1
and when drawer is closed I put this:
self.navigationController?.navigationBar.layer.zPosition = 0
but this hides nav bar completely. If you install google Drive app they menage to make navigation drawer like on Android :)
Hi, Really Great tutorial ... i am begineer, but your tutorials experience gives lot of knowledge .. .great video thanks
Hi Shashi, you're welcome! I'm glad my tutorials help. 😀
Hey man, great tutorial, it was easy to understand and it worked perfectly for a beginner like myself.
I am struggling with making it so that when you go to another view, instead of a back button to the main screen you can just call up the menu instead, so like the menu button and the menu view is accessible from all views within an app. I wonder how I could go about this, is it gonna be as easy as setting a variable? Probably not, but maybe you or someone else can point me in another direction... this was my first experience with navigation controllers
Hi Mark, you might want to look into a Container View for what you need.
I'll definitely do that, but this tutorial seriously saved my ass :P
Super helpful! Thanks! Used this for my Mac app with only small modifications. Perfect! :D
Oh that's great to hear! Glad the video helped. 😊
is there anyway i could have the menu close if the user doesn't touch the menu or its items.
You mean if you touch outside of the menu?
Yes, that is very possible. My next video will be coming out on Thursday and it is a new way that teaches you a side menu that you can use not only on one viewcontroller but as many viewcontrollers as you want! I show you how to dismiss the menu by touching outside of it too.
Wait 2 more days and you will see how!
Mark Moeykens ok thank you so much
Here it is: th-cam.com/video/LfyjQICZsbw/w-d-xo.html
it says that the video is unavailable to watch.
The Nintencario Bros. I'm so sorry. A memory leak was found with this solution and I didn't feel right leaving it up. I'll have to do more research and see what I can do to fix it. Again, I'm really sorry.
nice tutorial, but you should know that when you click on the menu item to view the next screen, the app crashes, any ideas why?
i did find the solution, you need to have the second view controller in a separate view controller class
Good job on finding the solution! 👍🏼
This was very helpful for the very first application that I'm making! Thank you Mark Moeykens
You're welcome! Good luck on your app!
Thanks man! You got my like.
Awesome! Glad you liked it.
If you embed In, it is automatically created a default bar that i can't modify. What the hell is that
Thanks sir but U know your code writing is too good and helpful for us and seeing a latest code writing please Upload more if possible with deep knowledge.. Thanks A lot ...All the best sir
I have to appreciate those who CARE about delivery in instructional videos. You are the guide of beginners development community.
Thank you! I know how easy it is to get lost (still happens to me). So I try to teach how I would have wanted to be taught.
Clear instructions are just like algorithm! How a programmer should approach any matter. Thank you!
Thanks, Mark Moeykens. nice tutorial.helped me.Also to this I also added a feature and that is if you click the side menu anywhere(not the barbuttonitem) it slides inside :)
That's awesome, Chinmay! Glad it helped. 😀
Simple and Awesome..! Thanks 👍
+Aravind Siva, you are welcome! :)
Thank You so much for easy, timesaving awesome video. ❤️
You're welcome!
Great vid, but my labels won't show, pls help
Do you have constraints set on the labels? Text in the labels?
Awesome tutorial, thank you very much!
No problem!
How do you make side menu disappear by touching the below view and not the button
Hi Yunus, the easiest thing to do would be to put a button over the view and set the alpha to 0 or set its isHidden property to true. When the menu shows, set the alpha to 1 or isHidden to false. (Put button under the menu) Then if the user touches outside the menu (touches button), have the menu close and set the button's alpha back to zero or isHidden to true.
Thank you Mark for your kind attention, can you give me a link so i can send you a picture of what i am trying to accomplish? e.g the uber app when you click the menu you get the side menu and the button disappears then you get a black transparent layer by the side of the menu and when you click that the menu disappears. Great contents Cheers
Hello there, asking this for a friend: he wants to download the code, if someone could provide a link we would really appreciate. Thanks Furkan
Hey great tutorial thanks, how can i add more views ?
Thank you! All you have to do is add more UIButtons to the menu and add more ViewControllers to the Storyboard. Then you right-click and drag a connection from the UIButton to the ViewController to create a segue to it. Just like the first one.
Great video, it works fine, thank you very much. To avoid all shadows at start you could insert leadingConstraint.constant=-150 at viewDidLoad also
Very simple and useful. Thanks
You're welcome, Christian. :)
you can use the constant value to avoid to create new variable this is better way
Helpful video .Thanks
You're welcome. 😃
I can't find the leading constraints of the view... I follow every step, but they don't appear...
Then I mean: in the Size inspector, the leading constraints are not there...
Nevermind! I've found it! :)
+Lordense, oh nice!
great work and thank you
Oh thank you! Glad you liked it. 😃
Thank you so much you save my time 👍
An excellent and easy alternative to SWRevealViewController, thanks!
Thanks, Didact. I like simple. :)
Oh man this was hilarious. For some dopey reason I dragged the View 2 button into the ViewController as the openMenu button rather than the Organise button. Tell you what, some weird stuff was happening for a while and then I put a print(menuShowing) statement in the openMenu function and when I tapped the View 2 button true and false started to get printed then the Menu View disappeared altogether. I just about got a beer out of the fridge in frustration. What a clown.
Great video. Note to self.... BE MORE CAREFUL. Computers do what you tell them to do.
Ha ha ha, oh man, I think this is a recurring thing for all developers. 😂
best teacher!
Bro this is great video thank you
You're welcome, Sajin! 👍🏼
Very good!
Code works with Swift 4 as well
Oh, that's good to hear!
thanks for this tutorial
You're welcome!
Really good! thanks
You're welcome, Bernal!
nice tutorial
Thanks, Chakri. :)
oh men!, very simple and useful, thank you very muck
You're welcome!
:D
thanks just what i needed ^_^
That's awesome!
easy , Simple , Thank u So Much...
No problem, Dhaval!
Great. Thank you very much!
can you make a slide out menu?
What do you mean? This menu slides out with animation so I'm thinking you mean something else?
Yes. Exactly
thank you !!
You are welcome!
Very nice and simple
Thanks :)
Great tutorial buddy.
Thank you!
Please could you do a tutorial on how to read/write arrays/dictionaries to a .csv spread sheet file, or txt file. I cannot find much help so far.
Love your videos though. Big thanks for all the tutorials you have done so far.
easy and good! Thanks