Make a MacOS App from Start to Finish with SwiftUI - Screenshot app - PART 1

Start macOS app development in this SwiftUI tutorial where I guide you through creating a screenshot app from scratch. Learn how to leverage command line tools for powerful functionality, manage images with NSPasteboard, and enhance your app’s interface with SwiftUI’s LazyVGrid and drag-and-drop features.
This is the first part of a series where you will learn about macos app develeopment. This series will equip you with the skills to build a native and polished macOS application.

🔹 What You’ll Learn:
- How to use command line tools in SwiftUI.
- Integrating screencapture for taking screenshots.
- Managing images with NSPasteboard.
- Creating a dynamic grid layout using LazyVGrid.
- Implementing drag and drop functionality.
- Handling different screenshot types with ease.

00:00 Introduction to the screenshot app project
04:44 Using command line tools
08:36 What can you build with command line tools
11:57 Taking screenshots in SwiftUI with screencapture
17:29 Getting the images from NSPastboard
20:40 Grid layout with LazyVGrid
24:27 Drag and drop images
26:37 Taking different types of screenshots
29:27 Wrap up

If you liked what you learned and you want to see more, check out one of my courses!

#SwiftUI #macos

[mohamethseck]

I think you're the only one that does Mac OS tutorials with SwiftUI and I love it! Thank you!

[lorensims]

So nice to see a SwiftUI tutorial that ISN'T for iOS! I really prefer to write programs for macOS.

[ChinqMiau]

Like many I will also add my appreciation of you making and sharing MacOS programming videos. Thank you!

[FabricioMTL]

Keep creating macOS app related content that make you Unique ❤️

[UnshackledPursuit]

Fantastic. Absolutely loved the break down, thought process, explanations, pacing. Will explore more of your work for sure. Haven't looked yet, but would be very curious what the process looks like for taking this MacOS app and making it work for iPhone, iPad, vision, Safari, etc.

[simonransom_dxb]

Hello Karin

Thank you for the informative content.

Will you address how to take fullscreen screenshots with multiple monitors in a future video? I seem to only be able to take screenshots of my primary monitor even when it is not showing the active app/window.

Simon

[iosems]

Heyy, very informative lesson! btw, can you share your xcode theme using?

[rbdan]

This tutorial saved me, can’t believe how easy you make it while following best practices

[SinghalRishi]

Can you please do a tutorial on hotel booking app for iPhone iPad and Mac Im only stuck on scalability of apps

[abdouett]

Awesome job and very well explaining! Thanks

[collocheru]

Amazing tutorial, I had no idea how powerful command line tools are!!

[aloussase]

Loved the content! For the next videos in the series could you please format your code :)

[ongomobile]

Very Cool that your creating content for macOS

[henrypl]

Amazing! Such a nice, short, straight to the point, AND informative. Thank you.

[krantinebhwani]

This is so cool. Kudos for pushing what really needs to be pushed, which is to use a very good framework to make apps for a highly popular OS. Everyone falls into the trap of "only" making iOS apps when learning swiftUI!

[AmpharosSquad]

real shame... that there is only 1 video in the series so far! :) I love your tutorials. Can't wait for more videos in this series. You show so many small things along the way the showcase the expertise you have in swiftui and mac/ios development in general.

[chris_bennett]

This is so cool! Just today I thought about coding my own MacOS screenshot tool because I have an idea for a feature I have not seen anywhere else. And there you are with this awesome tutorial. Thanks!!!

[MiaomiaoShi-ps]

I'm building a small macOS menu bar tool atm. Have learned so much from your channel! You are amazing!

[awakeFromNib]

That's very interesting, thanks!

[sharshuwuu]

Great too see a new video especially this one