Тёмный

Qt Crash Course for Beginners - Create C++ GUI Apps 

Sciber
Подписаться 14 тыс.
Просмотров 100 тыс.
50% 1

Welcome to this beginner's crash course on the Qt framework. If you're new to Qt, it's a powerful tool for building cross-platform applications, meaning you can create apps that work on different operating systems like Windows, macOS, and Linux, using a single codebase. Qt is used by many top companies like Autodesk, Skype, and The Qt Company, making it a popular choice for building professional-grade applications. In this video, we'll show you how to get started with Qt and create a simple calculator app from scratch. So let's dive in!
Timestamps:
00:00 Welcome to the Video
00:36 Downloading and Installing the Qt Creator IDE
03:55 Launch the IDE and change the Theme
04:21 Create the Project
06:09 Take a look at the files created by the Wizard
06:51 Qt Creator Interface, Windows and Views
08:36 Design the UI
12:46 Creating Event Handlers and Coding the Logic
15:36 How to learn Qt, Qt Documentation, Stackoverflow and Google
17:06 More Coding
17:44 Run the Application inside the IDE
18:04 Exporting the Application
22:18 Ranting about why you should join our Telegram Group
23:15 Running the App outside of the IDE
24:16 Application File size and more Qt Stuff
26:13 Recap on what we did today
28:29 Ranting about how Fast Qt is
29:01 UI Customizability in Qt
29:34 Cross-platform capability and Conclusion
30:12 Thank you for Watching
Before we can get started with creating our app, we need to install the Qt framework. You can download the Qt framework from the official Qt website, and the installation process is straightforward. We'll be using Qt Creator, which is the official integrated development environment (IDE) for the Qt framework. Once you've downloaded the Qt framework, simply run the installer and follow the on-screen instructions to complete the installation process. Once you've installed Qt Creator, we can move on to creating our project.
Qt Website: qt.io/
Download Qt Online Installer for Open Source Page: www.qt.io/download-qt-installer
I want to let you know about our Telegram group. Joining our group is completely optional, but it can be a great resource for you as you're learning how to use the Qt framework. We're a friendly and supportive community, and we're always here to help if you run into any issues or have questions about Qt. In fact, we recently had a viewer who was able to debug an error in their project with the help of screenshots they sent in our group. Without their screenshots, we wouldn't have been able to resolve the issue as quickly as we did.
Additionally, in our Telegram group, you can download important files like project files and dlls directly, which is much more convenient than uploading them somewhere else. So if you're interested in joining our community, just head over to our Telegram group and request to join. We'd love to have you!
Join the Telegram Group: sciber.dev/tg
Download the missing DLL files: t.me/wearesciber/1047/1104
Visit our website: sciber.dev
Learn More C++ GUI Content: • C++ GUI With Visual St...
Learn to make C++ GUI apps with Modern UI: • C++ Modern GUI (Winforms)
Watch a similar video on C++ WinRT with WinUI3, Build native Windows 10 and 11 Apps with WinUI3: • C++ GUI: Modern UI/UX ...
Follow me on Instagram for more Updates: / thisismalindu
Follow me on Facebook for more Updates:
/ themalindu
Join our channel for other content like Graphic Design for local Sri Lankan Viewers: / @thisismalindu
Thank you for watching this beginner's crash course on the Qt framework. If you found this video helpful, please consider subscribing to our channel, liking this video, and sharing it with anyone else who might find it useful. Also, don't forget to join our Telegram group for access to important files and to be part of a supportive community. We appreciate your support and hope to see you in the next video!
Subscribe: / @wearesciber

Наука

Опубликовано:

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 103   
@Cpp_Ninja
@Cpp_Ninja Год назад
PLEASE do more of the Qt videos. Just got into C++ last week and this is awesome. So glad I stumbled into your channel, thanks bromeo
@rishi8413
@rishi8413 4 месяца назад
broooo, u r fucked up
@user-to7bo1rb3z
@user-to7bo1rb3z Год назад
Really useful for beginners. I am glad that there are not some trunk in the first video of learning qt. Thank you very much, Sciber. I hope you keep it up
@wearesciber
@wearesciber Год назад
I'm glad it helped. Thank you for the comment
@wladfan
@wladfan 8 месяцев назад
Thanks for the tutorial! This is the first one that I actually got working...
@spicygaming9528
@spicygaming9528 Год назад
Bro you are the best finally someone who elaborates on the stuff that he teachers. Keep it up
@wearesciber
@wearesciber Год назад
Thank you
@LUTHFIZXC
@LUTHFIZXC Год назад
Glad I'm found this channel
@adityaanand6094
@adityaanand6094 7 месяцев назад
Wow best video on qt tutorial i found till now
@franckmekoulou4314
@franckmekoulou4314 Год назад
Bonjour, depuis le temps que j'attend une serie de tutoriel dessus, c'est tres excitant. Merci
@wearesciber
@wearesciber Год назад
Glad to hear, hopefully we'll continue this as a complete series. 😸 💚
@asdasdaa7063
@asdasdaa7063 Год назад
Perfect short tutorial that gets to the point, thank you bro. Do you have any tutorials on deigns for qt? For example to make the UI look good, add gifs images so on. just styling things, would love a video on that!
@wearesciber
@wearesciber Год назад
Thanks for the kind words. I am working on a styling video, just thinking about what to include and what not.
@schrankwand8020
@schrankwand8020 Месяц назад
Great Tutorial, Thank you
@DavisTibbz
@DavisTibbz 10 месяцев назад
Thanks. Great for beginners. I just wished you used "double" instead of int. But thanks. Please show how to add ICON to application next time
@K-A-L-I-
@K-A-L-I- Год назад
we need more QT video please!
@bennguyen1313
@bennguyen1313 4 месяца назад
I have an existing c++ console-application (VS Studio Community) that uses std:thread, to interface to the serial port (1st thread), can-bus (2nd thread), and a (3rd) logger thread that receives data from the other threads and writes to a file. Now I'd like to make the application into a GUI.. Would adding another std:thread for the Qt-Gui be easier, or should the app be written from scratch using Qt's multitasking (i.e. re-write the serial port and can-bus code to use QThread not std:thread)? Is linking to other libraries easy under Qt Creator or would using Qt in Visual Studio be easier?
@cartoonzer
@cartoonzer 8 месяцев назад
Can you import a desgin from qt design studio intto qt creator?
@Seventro7
@Seventro7 Год назад
Your back! After a long break 🤠
@wearesciber
@wearesciber Год назад
Yay! As promised 😆♥️
@usmanghazi29
@usmanghazi29 3 месяца назад
stunning
@benny-shen
@benny-shen 5 месяцев назад
Helpful
@RichardTheHamster
@RichardTheHamster Год назад
aah, finaly a sinhala dude who teaches c++..
@wearesciber
@wearesciber Год назад
😅
@atNguyen-wu2ul
@atNguyen-wu2ul Год назад
Can you make 1 video about the search function in the file. C++ GUI
@kelvinasante-bekoe4865
@kelvinasante-bekoe4865 Год назад
I think God should make you his superior Angel, How I wish i could subscribe like 3 Trillion times for you. You make things so so so easy. From now on I am your number 1 fan. I just don't know what to say. I will end here and say a big thank you for your hard work and smart tutorials. Please make more if you can.
@wearesciber
@wearesciber Год назад
Haha this made my day ♥️
@gawrbage
@gawrbage 8 месяцев назад
Great tutorial! My only problem is that you compiled a debug version of the application and not the release version of the application. This is probably the reason why it is asking for the libgcc DLL files in order to run.
@wearesciber
@wearesciber 8 месяцев назад
Thank you. I'm not sure if that's the case. I am using Qt6 now and it seems there is no error once i run windeployqt6.exe on either the debug or release version of the app. If i run windeployqt.exe on it, i get the error. Perhaps, it was their fault all along. Anyways thanks for mentioning this. I really should have exported it in release mode nevertheless.
@Sandhyajamakhandi
@Sandhyajamakhandi 8 дней назад
Can you share the links to crash course for MFC application of vs
@yakubcemil850
@yakubcemil850 Год назад
Please make more videos about C++ GUI and UI programming
@wearesciber
@wearesciber Год назад
Will do 😊
@KamranBhutto
@KamranBhutto Год назад
@@wearesciber yes I like your videos
@eocapone
@eocapone 11 месяцев назад
This video helped me a lot, but, when I do the windeploy procedure, and, I added 4 .dll that were missing, the app still don't run and shows the message "The procedure entry point _Z9qt_asserPKcSO_i could not be located at the dynamic link library". Could you please tell me how to fix that problem?
@rossmaxx
@rossmaxx 7 месяцев назад
I found windeployqt to be buggy.
@yukunfang312
@yukunfang312 7 месяцев назад
Did you run the 'windeployqt.exe' which is mentioned in the video? There are a lot of files to generate.
@PaulNOWAK-wc2ui
@PaulNOWAK-wc2ui Год назад
Hello ! I'm interested by your tutorial, but I don't find the "Qt 6.4 for desktop development" 'or the updated version) at 3:07 when I try to follow it. Should I install it previously or I don't require it for the tutorial (should I pick custom installation or Qt design studios instead ?) ? Thanks for answering fast, please
@wearesciber
@wearesciber Год назад
Sorry it seems qt changed the ui a bit. Do custom installation Then from there you can select the qt version If you are facing more problems send screenshots to sciber.dev/tg :)
@PaulNOWAK-wc2ui
@PaulNOWAK-wc2ui Год назад
@@wearesciber heya, thanks for the answer after I select custom installation, I have a list of components I need to install. Should I only instal Qt 6.5.2 extension ? Or I also need another one ? It's because the installation needs from several hours to 2 days to complete. Sorry, I can't send you screenshots, I have trouble using your link.
@wearesciber
@wearesciber Год назад
Do you have telegram? Because someone had the same problem and we solved it. I have the instructions in the telegram group. If you could join the group and see the messages, it would be much easier. Anyways, after you select custom installation, click on LTS from the right side and then click filter. Then from the left side you can select Qt and from there you can select the latest Qt version. You can go through the check boxes and uncheck things like android to reduce the installation time.
@PaulNOWAK-wc2ui
@PaulNOWAK-wc2ui Год назад
@@wearesciber Heya, I did what you told me and I managed to do the installation of the latest Qt version. but when searching for the app, I can't find "Qt creator", but instead I have Qt 6.2.4 which opens on a terminal. also, it installed me Qt linguist and Qt designer. do I need Qt creator for this tutorial ?
@wearesciber
@wearesciber Год назад
Sorry, i will install this on a vm and tell you later. This is just confusing because it seems qt completely changed the installation process. I will let you know
@chessmemes-
@chessmemes- 10 месяцев назад
please someone help me at 3:00 only the first 2 options are shown (there is no desktop development option) can someone tell me why
@wearesciber
@wearesciber 10 месяцев назад
Do you have telegram? Because someone had the same problem and we solved it. I have the instructions in the telegram group. If you could join the group and see the messages, it would be much easier. Anyways, after you select custom installation, click on LTS from the right side and then click filter. Then from the left side you can select Qt and from there you can select the latest Qt version. You can go through the check boxes and uncheck things like android to reduce the installation time.
@asdasdaa7063
@asdasdaa7063 10 месяцев назад
Hey scriber, im wondering bro can you make a video about using qt with rust?
@55BLOCKS
@55BLOCKS 17 дней назад
First time to hear about Qt I'm flutter dev
@wpideas
@wpideas 18 дней назад
Great Tutorial
@chamodihasuni2345
@chamodihasuni2345 Год назад
😍
@rahmakoshin
@rahmakoshin Год назад
i downloaded the missing dll and i still have an issue that pops and i need help solving it as soon as possible please this error in execution file The procedure entry point _Z11gt_assert_XPKcSO_SO_i could not be located in the dynamic link library can you help me
@wearesciber
@wearesciber Год назад
Did you ask chatGPT (or bard). This is one of the most useful utilities that people ignore these days. To be honest, that error message doesn't look familiar to me at all. I would google it or ask chatGPT or bard. So I feel like if you did it yourself, you might just be able to debug the issue far more effectively and easily.
@DungVu-di7dz
@DungVu-di7dz 9 месяцев назад
with Qt, I have difficulty adding libraries from outside
@usmanghazi29
@usmanghazi29 3 месяца назад
plese make more on qt
@bethwelkaranja
@bethwelkaranja Год назад
The installer you are using does not match the one in the download link you provided. The one on the download link has some "at least one valid and enabled repository is required for this action to succeed"
@wearesciber
@wearesciber Год назад
Can you send some screenshots to our telegram group sciber.dev/tg
@Rahman_dh
@Rahman_dh 18 дней назад
I have a problem when creating a new project, it keeps reading it and doesn't show the sources and forms on the projects list. Also main.cpp shows a warning says "this file is not part of project. The code model might have issues parsing this file properly."
@foeyloozer6299
@foeyloozer6299 12 дней назад
I know this may not be the most appealing solution, but I had the same problem as you. I ended up just creating a Linux virtual machine and installing qt creator on there. Works perfectly.
@rajithlahiru5580
@rajithlahiru5580 Месяц назад
Kurunegala kollek 😁
@samsam7064
@samsam7064 6 месяцев назад
If you add the qt mingw bin to %PATH%, the build .exe can run. No need to copy missing dll.
@pradeepkumarreddykondreddy7048
Qt widgets application vs Qt quick application. When to use which one ?
@wearesciber
@wearesciber Год назад
Qt offers two main approaches for developing graphical user interfaces (GUIs): Qt Widgets and Qt Quick. Qt Widgets is a traditional, object-oriented approach to building GUIs using widgets, such as buttons, labels, and text boxes. It uses the QPainter system to draw graphics and provides a native look and feel across multiple platforms. This approach is best suited for building desktop applications with complex user interfaces that require fine control over the layout and behavior of individual widgets. Qt Quick, on the other hand, is a declarative language for building fluid and dynamic GUIs with animations and transitions. It uses QML (Qt Modeling Language) and JavaScript to define user interfaces, and leverages hardware acceleration for graphics rendering. This approach is best suited for building modern, mobile and touch-enabled applications, with fluid animations and UI elements that respond to user interactions. When deciding between Qt Widgets and Qt Quick, the choice depends on the type of application being developed and the specific requirements of the project. If the application requires complex user interfaces with a lot of widgets and fine control over the layout and behavior of the individual widgets, then Qt Widgets is the best choice. If the application is focused on a modern, dynamic and fluid UI with animations, then Qt Quick is the better choice. It is worth noting that Qt Widgets and Qt Quick are not mutually exclusive, and they can be used together in the same application. For example, an application may use Qt Widgets for its main window and menus, while using Qt Quick for its dynamic, interactive and visually rich content.
@Will-jk6nw
@Will-jk6nw Год назад
@@wearesciber bro used ChatGPT
@luminous_Hits
@luminous_Hits 11 месяцев назад
​@@Will-jk6nw😂😂😂what a f**k?😅😅
@wearesciber
@wearesciber 11 месяцев назад
Modern problems require modern solutions. No but seriously, these types of questions can be answered if they just searched the phrase on Google, when people ask questions like these, I feel like not going the extra mile to answer myself.
@Will-jk6nw
@Will-jk6nw 11 месяцев назад
@@wearesciber Nah understandable, I just thought it was funny
@sukivirus
@sukivirus 11 месяцев назад
I never understood the license structure for open source QT programming so I stopped using QT longtime ago. The library is commercially only viable for big companies. :(
@peetcoetzee
@peetcoetzee 10 месяцев назад
If you split the UI and the business logic you can provide the UI as free open-source to the customer. Your business logic can reside in another (C++ or other) app and the two apps can communicate via IPC or something similar.
@user-ep7to6ob4t
@user-ep7to6ob4t Год назад
When I want to create a new project, in the kits section it says "No matching kits found"
@wearesciber
@wearesciber Год назад
Are you on Windows
@user-ep7to6ob4t
@user-ep7to6ob4t Год назад
@@wearesciber yes
@wearesciber
@wearesciber Год назад
Did you install the mingw stuff while installing qt
@user-ep7to6ob4t
@user-ep7to6ob4t Год назад
@@wearesciber I uninstalled it and then reinstalled with MinGW - now it's working, thanks :)
@wearesciber
@wearesciber Год назад
Nice, glad to hear. I also once had the issue and that's what I did. So I guess the solution is to make sure that we install mingw while installing qt.
@wegogym34
@wegogym34 10 месяцев назад
I can't find the telegram group
@wearesciber
@wearesciber 10 месяцев назад
t.me/wearesciber/1
@PainterWoW
@PainterWoW Год назад
You should not send customers the debug version of your program. Compile a release
@wearesciber
@wearesciber Год назад
Right. I forgot. Guess i could say i left that as an exercise for the viewer to figure out 😉😆
@DiscordDegeneracy
@DiscordDegeneracy 9 месяцев назад
anyone trying to make this themselves and with out the video make sure to make line edit boxes and not plain text edit boxes, or else it will not work.
@dreaddy_bear
@dreaddy_bear 4 месяца назад
"first thing we need to do is change the theme to dark mode" based
@vampshawty
@vampshawty Год назад
hey bro great video but its still giving the same error even after downloading the files
@wearesciber
@wearesciber Год назад
Which error? :)
@vampshawty
@vampshawty Год назад
@@wearesciber this application was unable to start correctly 0xc00007b
@wearesciber
@wearesciber Год назад
When does that error come up. After installing qt or while installing qt
@vampshawty
@vampshawty Год назад
@@wearesciber after copying the missing dll files
@wearesciber
@wearesciber Год назад
@@vampshawty did you google this
@gokusaiyan1128
@gokusaiyan1128 3 месяца назад
do videos with QML , widgets are really not that great anymore
@segsfault
@segsfault Год назад
qt and gtk are nice, but imgui is banger than them.
@wearesciber
@wearesciber Год назад
Sure, imgui also offers more control over whats happening thanks to immediate mode, but also, Qt makes it really easy to design and develop applications with Qt Design Studio. So, need to choose what's best for our specific application.
@segsfault
@segsfault Год назад
@@wearesciber tbh at this point idc if it's qt, gtk, winforms or imgui, i just don't want a app in electron. like even after having such nice frameworks they use electron just because their webdev team can handle it ig.
@wearesciber
@wearesciber Год назад
@@segsfault this is so true. Just make an app in C# with Avalonia. Everything is just an electron app nowadays.
@segsfault
@segsfault Год назад
@@wearesciber true
@grenade0522
@grenade0522 Год назад
The download speed is atrocious dude I have gigabit ethernet and it's downloading at 100 KB/s 💀💀💀💀
@wearesciber
@wearesciber Год назад
😂
@lakmithanadun1853
@lakmithanadun1853 2 месяца назад
Recognize that accent... Are you Sri Lankan?
@wearesciber
@wearesciber 2 месяца назад
Yes I am
@rickfuzzy
@rickfuzzy Месяц назад
You’re kidding. Are you saying you need to manually copy files and join telegram groups just to be able to export an application. Surely not…
@wearesciber
@wearesciber Месяц назад
I'm sorry, the issue is with Qt itself. It DOES NOT export the app properly. You can find the files needed in the qt directory itself. No need to join the group and download from somewhere you don't trust. You can just look at the file names from my video and find them under the Qt installation directories. I don't know why it doesn't export properly.
@rickfuzzy
@rickfuzzy 29 дней назад
@@wearesciber Ok, so i did this experiment on my own and none of these steps were required. i simply executed "windeployqt myapp.exe" in my build folder and everything deployed and launched perfectly. All files were incluided.
Далее
BEST WAY to make Desktop Applications in C++
26:00
Просмотров 900 тыс.
Cross Platform Graphical User Interfaces in C++
44:49
Просмотров 863 тыс.
Писать UI для Android на QT
1:43:29
Просмотров 18 тыс.
My Game Dev Workflow & Tools in 2024
6:14
Просмотров 130 тыс.
Gtk vs Qt | GUI tool kits | Which is Better?
7:06
Просмотров 34 тыс.
31 nooby C++ habits you need to ditch
16:18
Просмотров 755 тыс.
How to use Qt Layouts
19:18
Просмотров 91 тыс.
To-Do App in Qt C++ - Qt Widgets Crash Course
30:53
Просмотров 14 тыс.
BEST GUI TOOLKITS for C++ | Sciber
16:04
Просмотров 104 тыс.
100+ Linux Things you Need to Know
12:23
Просмотров 927 тыс.
How to Properly Setup C++ Projects
32:46
Просмотров 102 тыс.