Thats awesome project bro. I had project on cpp for my college i wasn't able to find a good tutorial video. Thank you i learnt a lot from your tutorial. Hoping to get more tutorial video on qml I am recommending my friends your video. Thank you
Thanks for the Part 1 and Part 2 video of creating QML UI. As a beginner it helped me a lot to know the important features of developing C++ and QML. Please let me know when we click on the CAR button a different page is displayed over MAP. How can we do that ?
Nice work. What aspect of software engineering do you do for work? I ask because qt is moving towards embedded design and most ppl nowadays cover web dev like react, angular, etc for clones.
Hi, thank you for your videos, they are amazing! have a question tho, when I'm creating the custom component I get this error: "cannot assign to non existent property", what can I do?
Hi @MontyTheSoftwareEngineer great video but whenver i try to include the module QtLocation i keep getting the error qml module not found please what can i do.
great tutorial sir, thanksfor that but I am facing a problem while adding the map. My app is not responding when the map is loaded. why is this problem happening? any suggestions?
Love the directory structure examlpe ui/BottomBar for qms module files. However when I try this in QtCreator 11.0.3 based on Qt 6.4.3, I can't get the build to succeed. I'm missing something basic about how the linker works I noticed some changes to Qt with respect to .qms files so likely there is a problem due to UI changes. I've spent several hours trying to move my .qms file and getting it to be loaded but the system keeps saying "can't find directory"
Was able to get this to work finally in Qt Creator 11.03 after a day of beating it with a stick. Here are two things I found: A) You must use QtQuick (compatibility) There are two QtQuick wizards. The QtQuick will not successfully generate main.qml. B) When choosing a build system I choose one of the qbs types. These FAIL Use CMAKE this method works! Now I'm able to create a BottomBar.qml and it displays the GUI with the bottom bar. WHEW! I submitted 2 bugs against QT creator 11.0.3 on this... now that I know there is a work around, I can continue learning.
Move the "QQmlContext* context(engine.rootContext());" and "context->setContextProperty("systemHandler", &m_system);" lines above the "const QUrl url(QStringLiteral("qrc:/main.qml"));" line.
Can anyone help me when I work on a qml file and restart 2D viewer on qt bugs out and every item like rectangle text field gets accumulated at top (gets randomly anchors to top) but while running it works fine
Hey, I've been developing with Qt 6.3 and I have been struggling to figure out the best way to organize my project. Previously, I had a qml folder and manually created qmldir for each imports. In a separate part, I had my C++ sources and registered necessary objects in main.cpp. The problem is qmllint can't recognize my C++ types and using qregistertype seems outdated. If I use their new CMake API and build logical components with qml_add_module(), I run into another issue. If I have C++ AND qml files in the same module, CMake rebuilds the cache every single time which has drastically increased compilation time. Previously, it loaded instantly. It also builds 80 projects in Visual Studio which is just clutter. Is this expected and worth the extra compilation time for auto caching of the qml files, linting tools, etc?
Hello! I really like this video, but it doesnt work in my code. I do the exact same thing than in the video, but my map is not responding to zooming or anything else. I pasted the same code than in the video at 16:16. I tried to enable gesture too , but then i got the error "Invalid property name 'gesture' ". Can someone help please?
So I tried without an api key, using this code in RightScreen.qml after DragHandler MouseArea { anchors.fill: parent acceptedButtons: Qt.AllButtons //wheel.enabled: true onWheel: { //onWheel "wheel" parameter not declared= outdated, so we use JavaScript if (wheel.angleDelta.y > 0 && map.zoomLevel < map.maxZoom) { map.zoomLevel += map.zoomStep; } else if (wheel.angleDelta.y < 0 && map.zoomLevel > map.minZoom) { map.zoomLevel -= map.zoomStep; } }
Thanks for that!
Working on my first Qt UI and this is the best video I've seen today.
Many light bulbs lit up as I watched you create the Tesla UI.
Excellent video. Very nice how you decomposed a highly complex UI into small chunks that are actually manageable. Awesome work!
Saved my life with this file management! Awesome work
Fantastic video! I am already looking forward for part II of this! Thanks for sharing!
Thats awesome project bro. I had project on cpp for my college i wasn't able to find a good tutorial video. Thank you i learnt a lot from your tutorial. Hoping to get more tutorial video on qml I am recommending my friends your video. Thank you
I have been studying in Qt.This video was very helpful. Thank you for the great video!
what have you found for good material
I've been thinking about doing a similar video myself. You are a real inspiration. Awesome idea and great video. Continue that way 🙌🙌
Great job! Your video is so accessible. It's the best on QML. Thank you so much!
Nice video . The best I saw about qml . Keep it up 👍
Thank you so much, this video is really helpful. Cant wait for part 2 of this series😅
Shame tesla video is the only high quality qml guide
This one is awesome project. Thank you for your efforts. Could you put more video quality?
Thanks for the Part 1 and Part 2 video of creating QML UI. As a beginner it helped me a lot to know the important features of developing C++ and QML. Please let me know when we click on the CAR button a different page is displayed over MAP. How can we do that ?
Thank you for this greate example.
Great job 👏🏻
I already watched all videos subscribed, liked and looking forward great jobs 👍
Great work! Thank you for sharing!
Nice work. What aspect of software engineering do you do for work? I ask because qt is moving towards embedded design and most ppl nowadays cover web dev like react, angular, etc for clones.
I was exacly the 1000th like! This is also a great video, as i can barley find any good turorials on qml
yeah whats up with the lack of tutorials?
why are you not using Qt6 ? it's been out for quite some time now , any particular reasons ? I am asking because I am learning Qt
Thank you for this nice tutorial , I use Qt6 the module "QtLocation" is not installed how can I solve this issue ?
Please please please part 2 of this video
@MontyTheSoftwareEngineer for the car panel you could have used the opengl widget and imported a tesla Car model
hi nice video sir , can you make a video about using the map with mapbox from scratch ,it would be helpful
I think "osm" means OpenStreetMap
Can someone help me please? When importing the QtLocation, the following message is displayed "QML module not found (QtLocation)"
i have the same problem can you share the solution if you figured it out
@@amrrasslan4329 did you figure the solution out?
you must use a LTS version of Qt(5.15 or 6.2 or 6.5 ). from 6.2 until 6.5 QtLocation does not support.
QML seems to be a better alternative to XAML
Hi, thank you for your videos, they are amazing! have a question tho, when I'm creating the custom component I get this error: "cannot assign to non existent property", what can I do?
nice video
Hi @MontyTheSoftwareEngineer great video but whenver i try to include the module QtLocation i keep getting the error qml module not found please what can i do.
great tutorial sir, thanksfor that
but I am facing a problem while adding the map. My app is not responding when the map is loaded.
why is this problem happening? any suggestions?
For QtLocation it shows QML module not found
How do I fix this and get the module
give us part 2 please!!!!!
Hey! Could you help me code a custom gauge cluster. I’ll make all of the renders of what I want it to look then hand it to you to code. Let me know!
Hi, Im new to qt creator ..
For QtLocation it shows QML module not found
How do I fix this and get the module
api key required in order to use the QtLocation plugin, any solution?
Love the directory structure examlpe ui/BottomBar for qms module files.
However when I try this in QtCreator 11.0.3 based on Qt 6.4.3, I can't get the build to succeed.
I'm missing something basic about how the linker works I noticed some changes to Qt with respect to .qms files
so likely there is a problem due to UI changes. I've spent several hours trying to move my .qms file and getting it to be loaded but the system keeps saying "can't find directory"
Was able to get this to work finally in Qt Creator 11.03 after a day of beating it with a stick. Here are two things I found:
A) You must use QtQuick (compatibility)
There are two QtQuick wizards. The QtQuick will not successfully generate main.qml.
B) When choosing a build system I choose one of the qbs types. These FAIL
Use CMAKE this method works!
Now I'm able to create a BottomBar.qml and it displays the GUI with the bottom bar. WHEW!
I submitted 2 bugs against QT creator 11.0.3 on this... now that I know there is a work around, I can continue learning.
why can't I move around on the map? what could be the cause?
how can you solve the problem appeared when you run your code. the error is is console log : reference error systemHandler is not defined
Move the "QQmlContext* context(engine.rootContext());" and "context->setContextProperty("systemHandler", &m_system);" lines above the "const QUrl url(QStringLiteral("qrc:/main.qml"));" line.
It doesn't solve this issue for me
Awesome
Can anyone help me when I work on a qml file and restart 2D viewer on qt bugs out and every item like rectangle text field gets accumulated at top (gets randomly anchors to top) but while running it works fine
Hey, I've been developing with Qt 6.3 and I have been struggling to figure out the best way to organize my project. Previously, I had a qml folder and manually created qmldir for each imports. In a separate part, I had my C++ sources and registered necessary objects in main.cpp. The problem is qmllint can't recognize my C++ types and using qregistertype seems outdated.
If I use their new CMake API and build logical components with qml_add_module(), I run into another issue. If I have C++ AND qml files in the same module, CMake rebuilds the cache every single time which has drastically increased compilation time. Previously, it loaded instantly. It also builds 80 projects in Visual Studio which is just clutter. Is this expected and worth the extra compilation time for auto caching of the qml files, linting tools, etc?
How did you get the Map to work on QT6?
@@MiiDev69 u have to build on version 6.5 for QML Map.
Hello，can share the tutorial of create ribbon by Qt? Thank you.
Hey, could you redo your qt for web assembly, but using cmake? Thank you for your awesome content.
Unbelievable!
Hello!
I really like this video, but it doesnt work in my code. I do the exact same thing than in the video, but my map is not responding to zooming or anything else. I pasted the same code than in the video at 16:16. I tried to enable gesture too , but then i got the error "Invalid property name 'gesture' ". Can someone help please?
you need an API key
So I tried without an api key, using this code in RightScreen.qml after DragHandler
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.AllButtons
//wheel.enabled: true
onWheel: { //onWheel "wheel" parameter not declared= outdated, so we use JavaScript
if (wheel.angleDelta.y > 0 && map.zoomLevel < map.maxZoom) {
map.zoomLevel += map.zoomStep;
} else if (wheel.angleDelta.y < 0 && map.zoomLevel > map.minZoom) {
map.zoomLevel -= map.zoomStep;
}
}
Frami Plaza
I thought they wrote it in Qt.
Gonzalez Laura Lopez Jose Hernandez Amy
In reality, hmi testa is created by Qt qml , really?
Thompson Steven Hall Melissa Johnson Steven
Williams Donna Lopez Lisa Taylor Jason
Thompson Melissa Hernandez Deborah Lewis Susan
ok
White Linda Lopez Anna Jones Michael
Tesla and the one man owned Twitter or X are dying. Former users of Twitter are moving to BlueSky or something better than x.