I was aware that someone requested you to make this sidebar, I was thinking how will I do it before you publish a screencast on this. I never thought you would do it so quickly. Happy to see this video. You are a gem Mark. Thanks :)
Hey mark. I really like your videos, and your a really great teacher. I’m curious could you make a video on how to make a slider, like the sliders in iOS 11 control center that are used for brightness and sound. Thanks
Best video, Mark! Helped me in my school project and you earned yourself a $6 patreon (probably doing it 2 weeks later after my exams) and a subscriber :D
Hi Mark. Thank you for this video. I have learnt a lot from you. You mentioned here at the end that you will record a next part where you show us a good approach on how to switch Views/Controllers using a Side Menu. Have you recorded it? Best regards from Sweden. :)
Mark Moeykens awesome! That curved shape is pretty clever! Gotta ask, will you ever do a video on uinavigation transition? No one has done one emulating androids shared elements transition for images.
That sounds like a great topic! I'm not too familiar with the Android transitions that you talk about. Could you give me a link that shows this? I'll take a look and see what I can do. I did have a video on custom transitions but it was on a project that produced a memory leak which I had to take down. So maybe I should remake it as its own subject.
I think the quickest one to give you an example would be this dribbles: dribbble.com/shots/3613739-Calendar-flow-exploration-for-Intelligent-OS. Specifically the navy flight element. Generally, you can imagine a UITableView with lots of potential images and the detail view has an image as sort of a "hero" image. And animate the transition forward and also backward. The tricky thing other than the UINavigationTransition stuff is changing the width and height at different speeds and having everything else fade into view.
Hi Mark, thank you for the tutorial. Really learning a lot. I recreated this while watching your tutorial and I was able to recreate it. My only concern is that I couldn't get the menuView on top of the navigation controller and you didn't explain that part in the tutorial. Can you quickly point me to where I can see how its done? I checked stackOverflow but couldn't find one that works in storyboard. Thank you so much!
this is a great video mark. I'm curios how did u get the view on top of that navigation bar. when ever I try something like that the view is always behind the navigation bar. thanks
How can I adjust the width of a button depending on the width of the title? Let's say I want a button to have a larger size because of the borders, how can I make it that it will always work, no matter the width of the title? Btw great video! I always love watching your tutorials! :)
Hi Lennart, I'm not 100% certain I know what you mean. Does the text in a button change (get longer) and you want to adjust the size of the button to fix it? If so then you can call the sizeToFit() function and it'll readjust the size of the button to fit its new contents.
Another great tutorial sir... love that. Sir pls make a video for stretchable navigation bar. For reference you can see the app named Kitechen story, awarded as featured app 2017 in WWDC
Hey, Mark. Thanks a lot for the helpful video. Please could also guide us how to implement a tableview which you showed from one of your inspiration for this video. I need to implement that type of lazy table view cell. Please if you can help. Thank you in advance :)
Sorry I figured it out. I was referring to the menu line on the upper left. I just want to let you know that I've learned a lot from your videos. Im new to this but want you to know how much i appreciate your work.
Another great video Mark. Thanks. Question, how did you make your menu and screen cover button show up over navigation and status bar? Also, when you pull the menu out, it appears to be under status bar and showing "Carrier" over your image on it, but in original project it doesn't. Can you fix that easily?
Hello! 1. How to cover your Navigation Bar: I'm actually not using a Navigation bar. It's just a label and a couple buttons to look like one. 2. How to cover the status bar: I don't think you can have specific elements of your UI cover the status bar in iOS. From what I know, you can only hide the whole status bar or change it's color (black or white). The designer is most likely using a design program where you can layer your elements. So he probably put his status bar on a layer beneath his menu. But we can't do this in iOS.
During menuShow() you can do something like this in order to show up your menu and screen cover over navigation bar: self.navigationController?.view.addSubview(self.screenCover) self.screenCover.addSubview(self.menuView)
Hey Mark. I figured it out. All you have to do is set: self.navigationController?.navigationBar.layer.zPosition = -1 slideView to the screen (and then make slideView the size of the screen and origin.y to be -64) and then after removing slideView set: self.navigationController?.navigationBar.layer.zPosition = 0 when done.
Thanks, Gustavo. I don't have an example but remember, the menu is a UIView. And with a UIView you can insert anything. So you could insert a tableview if you wanted and use an array of images to populate the table. You could also insert a scrollview and place all your buttons inside the UIView that is inside the scrollview.
Exactly. Check out Jared's video to get you started: ruclips.net/video/5hIyn_UdFIc/видео.html I also have a quick reference I created a while ago because I kept forgetting how exactly to put it together: swiftquickstart.blogspot.com/2017/05/uiscrollview-setup.html
Yes, I wanted a way to reward for my patrons on patreon.com. So I give them my finished projects as a way to say thank you for their support. They also get other side projects and keynote presentations I work on as a reward at different levels of support too.
Ha ha, I guess that's one way to look at it. Visual Studio for Mac does a decent job but their storyboard editor isn't the best. Luckily you can still edit storyboards right in Xcode. Also the way C# handles threading seems a little more complicated to me than Swift's. Refactoring in Visual Studio is nice since it doesn't work so well in Xcode 8.x but I hear Xcode 9 improves refactoring for Swift.
I provide the Xcode project through my Patreon page: www.patreon.com/bigmountainstudio. It is a reward to my supporters. I give them the Xcode project and any Sketch files for my projects as well as code to other projects I make but don't put on RUclips. I enjoy rewarding my supporters! I love sharing and teaching but the support from Patreon really helps me, especially justifying to my wife why I spend so much time working on these videos. 😃
Hi Isaac, I too have trouble getting my image resources to appear in my Media Library. I think I had filed a bug for this a long time ago. It's definitely inconsistent. ☹️
I first started out with drawing a rectangle. Then I double-click it to enable editing the nodes and you can click anywhere on the lines and it will add a node. So I added an extra node on the right side and pulled it out a little bit.
I'm having some problems trying to recreate the menu that just shows with no animation. I can't seem to get it to work. is there any way I can get hold of that project just to see the code properly?
Hi Luke, I provided code through my Patreon page: www.patreon.com/bigmountainstudio. It is a reward to my supporters. I give them the Xcode project and any Sketch files for my projects as well as code to other projects I make but don't put on RUclips. I enjoy rewarding my supporters! I love sharing and teaching but the support from Patreon really helps me, especially justifying to my wife why I spend so much time working on these videos. 😃
Awesome, thanks for the quick reply. I have found another one of your tutorials that helps with the slide in view. I will definitely look into supporting you in the future. Thanks for all your help! :)
Man i like everyvideo you post and i learned a lot from them. thank you for creating amazing tutorials for us. BTW I sent you a request in youtube if you have time to check it please
Mark, I really love your videos, but this one brings every 5 to 10 minutes an annoying and repeating ad. This is horrible, you know they call it marketing, but it really is spam, information, that you did not ask for, but nevertheless you get in against your will, consuming your time, forces your efforts to put them out of the way.
Thanks, Robert. My videos are monetized and ads get added automatically but I can override this too with some settings. Let me go in here and see what I can do!
![SIDE MENU in iOS like a Professional [Programmatically]](http://i.ytimg.com/vi/xnzmdaNqSW8/mqdefault.jpg)
![SIDE MENU in iOS like a Professional [Programmatically]](/img/tr.png)
It's amazing video, thanks Mark. I'm learning lot of stuff from your videos. Please keep supporting all iOS developers. Thanks again.
Hey Manojkumar, will do. Glad you like my videos!
I was aware that someone requested you to make this sidebar, I was thinking how will I do it before you publish a screencast on this. I never thought you would do it so quickly. Happy to see this video. You are a gem Mark. Thanks :)
Ha ha, yeah, thanks Tejas!
You've done it again Mark you've done it again thank you so much really helpful really love your tutorials would love it if you keep em coming
Thanks, Jolly!
Great ! You are the one for animation!!
Hey mark. I really like your videos, and your a really great teacher. I’m curious could you make a video on how to make a slider, like the sliders in iOS 11 control center that are used for brightness and sound. Thanks
Best video, Mark! Helped me in my school project and you earned yourself a $6
patreon (probably doing it 2 weeks later after my exams) and a subscriber :D
Thanks, man! Hope your school project comes out awesome!
Came up with great solution. good job !
Just finish above project. I did not make curve image but played around. looks good. Thanks for tutorial.
Hi Mark. Thank you for this video. I have learnt a lot from you. You mentioned here at the end that you will record a next part where you show us a good approach on how to switch Views/Controllers using a Side Menu. Have you recorded it? Best regards from Sweden. :)
Oh man, Sebastian, I forgot all about that! How long ago was this? Almost 2 years ago! 😞 I'm sorry, Sebastian, I never did create it.
Wow!!!!!!!.......You'r awesome Mark.....thanks for the video.
Hey, you're welcome, Karibandi!
Thank so much. Awesome tutorial.
+Văn Kiên Trương, you're welcome! I'm happy you liked it. 😀
i think this scenario would be a good use case for key-frame animations
Oh yeah, I hadn't thought about that! Good suggestion!
thank you for this AWESOME tutorial
Thanks, Omar!
Another AWESOME tutorial!
Thanks, Troy!
Mark Moeykens awesome! That curved shape is pretty clever! Gotta ask, will you ever do a video on uinavigation transition? No one has done one emulating androids shared elements transition for images.
That sounds like a great topic! I'm not too familiar with the Android transitions that you talk about. Could you give me a link that shows this? I'll take a look and see what I can do.
I did have a video on custom transitions but it was on a project that produced a memory leak which I had to take down. So maybe I should remake it as its own subject.
I think the quickest one to give you an example would be this dribbles: dribbble.com/shots/3613739-Calendar-flow-exploration-for-Intelligent-OS. Specifically the navy flight element. Generally, you can imagine a UITableView with lots of potential images and the detail view has an image as sort of a "hero" image. And animate the transition forward and also backward. The tricky thing other than the UINavigationTransition stuff is changing the width and height at different speeds and having everything else fade into view.
Thanks buddy for this video, waiting for interesting one. Thanks again
No problem, Jeewan!
Awesome Video, thanks for sharing.
Hi Mark, thank you for the tutorial. Really learning a lot. I recreated this while watching your tutorial and I was able to recreate it. My only concern is that I couldn't get the menuView on top of the navigation controller and you didn't explain that part in the tutorial. Can you quickly point me to where I can see how its done? I checked stackOverflow but couldn't find one that works in storyboard. Thank you so much!
Hey, Mark. Please make a video on the push notification.
this is a great video mark. I'm curios how did u get the view on top of that navigation bar. when ever I try something like that the view is always behind the navigation bar. thanks
Great tutorial Sir. Please guide how to create E commerce application.
Thanks
You're welcome! 😃
Hey Mark, thank you for the video. Can I ask if you have a link to the source code of the project?
How can I adjust the width of a button depending on the width of the title? Let's say I want a button to have a larger size because of the borders, how can I make it that it will always work, no matter the width of the title? Btw great video! I always love watching your tutorials! :)
Hi Lennart, I'm not 100% certain I know what you mean. Does the text in a button change (get longer) and you want to adjust the size of the button to fix it?
If so then you can call the sizeToFit() function and it'll readjust the size of the button to fit its new contents.
Another great tutorial sir... love that. Sir pls make a video for stretchable navigation bar. For reference you can see the app named Kitechen story, awarded as featured app 2017 in WWDC
Sounds interesting, Avaneesh. I'll have to look for it!
Thanks for this tutorial from Ukraine!)
where we can downloading the code?
and special thanks for the xcode project creation templates (y)
You're welcome!
Hey, Mark. Thanks a lot for the helpful video.
Please could also guide us how to implement a tableview which you showed from one of your inspiration for this video. I need to implement that type of lazy table view cell.
Please if you can help.
Thank you in advance :)
Hey Mark, I've recently been following your tutorials. I have one question how did you get the three lines to represent a menu.
Hi Darren, I'm not sure which 3 lines you mean.
Sorry I figured it out. I was referring to the menu line on the upper left. I just want to let you know that I've learned a lot from your videos. Im new to this but want you to know how much i appreciate your work.
Another great video Mark. Thanks. Question, how did you make your menu and screen cover button show up over navigation and status bar? Also, when you pull the menu out, it appears to be under status bar and showing "Carrier" over your image on it, but in original project it doesn't. Can you fix that easily?
Hello!
1. How to cover your Navigation Bar: I'm actually not using a Navigation bar. It's just a label and a couple buttons to look like one.
2. How to cover the status bar: I don't think you can have specific elements of your UI cover the status bar in iOS. From what I know, you can only hide the whole status bar or change it's color (black or white).
The designer is most likely using a design program where you can layer your elements. So he probably put his status bar on a layer beneath his menu. But we can't do this in iOS.
During menuShow() you can do something like this in order to show up your menu and screen cover over navigation bar:
self.navigationController?.view.addSubview(self.screenCover)
self.screenCover.addSubview(self.menuView)
Hey Mark. I figured it out. All you have to do is set:
self.navigationController?.navigationBar.layer.zPosition = -1
slideView to the screen
(and then make slideView the size of the screen and origin.y to be -64) and then after removing slideView set:
self.navigationController?.navigationBar.layer.zPosition = 0
when done.
Thank Seb. Good trick. I figured how to do it different way tho. Check my answer to Mark bellow.
Wow, nice! I learned something new! Thank you!
Nice man! But do you have a example of a menu like this with scroll? Because I want roll up and down my menu. Thank you for your attention.
Thanks, Gustavo. I don't have an example but remember, the menu is a UIView. And with a UIView you can insert anything. So you could insert a tableview if you wanted and use an array of images to populate the table. You could also insert a scrollview and place all your buttons inside the UIView that is inside the scrollview.
So do you suggest use a View inside a Scrollview that is inside an another View, correct?
Exactly. Check out Jared's video to get you started: ruclips.net/video/5hIyn_UdFIc/видео.html
I also have a quick reference I created a while ago because I kept forgetting how exactly to put it together: swiftquickstart.blogspot.com/2017/05/uiscrollview-setup.html
Man! Thank you so much for your help.
awesome tutorial man, can you also create a tutorial with moya using alamofire? cant find a tutorial about it in youtube. TIA
I have to pay money to see the final code or at least the starter project?
Yes, I wanted a way to reward for my patrons on patreon.com. So I give them my finished projects as a way to say thank you for their support. They also get other side projects and keynote presentations I work on as a reward at different levels of support too.
Loved All ur videos..
can u pls help me.....
how to assign same background to multiple views in xcode??
+Neha Reddy, stackoverflow.com/questions/36759919/multiple-viewcontrollers-with-same-background
I would more likely go with solution #2
how can we show side menu in landing page just after the login screen?
will you also going to make that tableview scroll animation?
Ha ha, I haven't figured that one out yet.
Hey do you ever come to vegas
Can you please update The storyboard for iPhone X? Looks really weird on my iPhone X
Thanks for letting me know. I'll have to take a look at this. I know I had to update a lot of my apps for iPhone X too!
Please let me know when you have updated it :)
Is it possible to download this project with CocoaPods?
is you work with Xamarin.can we made ios app with C# same as apps made with swift
I do work with Xamarin at my day job. Yes, you can use C# to make iOS apps.
then why we need xcode and learn why we learn swift .we only learn c# and boom .......🤔
Ha ha, I guess that's one way to look at it. Visual Studio for Mac does a decent job but their storyboard editor isn't the best. Luckily you can still edit storyboards right in Xcode. Also the way C# handles threading seems a little more complicated to me than Swift's. Refactoring in Visual Studio is nice since it doesn't work so well in Xcode 8.x but I hear Xcode 9 improves refactoring for Swift.
hey mark can you make an app which combines both core location and ar kit
Oh man, I'd love to learn both of those areas! Time though...ugh. Maybe someday. :(
Mark Moeykens RIP
Can I download the starter project?
I provide the Xcode project through my Patreon page: www.patreon.com/bigmountainstudio. It is a reward to my supporters. I give them the Xcode project and any Sketch files for my projects as well as code to other projects I make but don't put on RUclips. I enjoy rewarding my supporters!
I love sharing and teaching but the support from Patreon really helps me, especially justifying to my wife why I spend so much time working on these videos. 😃
Hey Mark, I’m having trouble getting my shape I created in sketch to show in the media library tab but it shows in cassets.. any suggestions ? Thanks
Hi Isaac, I too have trouble getting my image resources to appear in my Media Library. I think I had filed a bug for this a long time ago. It's definitely inconsistent. ☹️
I'm wondering how to create the curved shape in sketch
NM found out how.
I first started out with drawing a rectangle. Then I double-click it to enable editing the nodes and you can click anywhere on the lines and it will add a node. So I added an extra node on the right side and pulled it out a little bit.
Thank you.
You're welcome!
Code is better always.
I'm having some problems trying to recreate the menu that just shows with no animation. I can't seem to get it to work. is there any way I can get hold of that project just to see the code properly?
Hi Luke, I provided code through my Patreon page: www.patreon.com/bigmountainstudio. It is a reward to my supporters. I give them the Xcode project and any Sketch files for my projects as well as code to other projects I make but don't put on RUclips. I enjoy rewarding my supporters!
I love sharing and teaching but the support from Patreon really helps me, especially justifying to my wife why I spend so much time working on these videos. 😃
Awesome, thanks for the quick reply. I have found another one of your tutorials that helps with the slide in view. I will definitely look into supporting you in the future. Thanks for all your help! :)
Yeah, my pleasure, Luke!
The first one 😇
Congrats, Mohammad! 😃
Man i like everyvideo you post and i learned a lot from them. thank you for creating amazing tutorials for us. BTW I sent you a request in youtube if you have time to check it please
Thumbs up
Thank you, Rahul! 😊
+1
Thank you for stopping by, Mr. Chen. 😃
Mark, I really love your videos, but this one brings every 5 to 10 minutes an annoying and repeating ad. This is horrible, you know they call it marketing, but it really is spam, information, that you did not ask for, but nevertheless you get in against your will, consuming your time, forces your efforts to put them out of the way.
Thanks, Robert. My videos are monetized and ads get added automatically but I can override this too with some settings. Let me go in here and see what I can do!