Let's Recreate the Tesla UI in Qt and QML PART 1!

Поділитися
Вставка
  • Опубліковано 16 лис 2024

КОМЕНТАРІ • 74

  • @jackflash6377
    @jackflash6377 Рік тому +11

    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.

  • @VNActivityProjectRem
    @VNActivityProjectRem Рік тому +9

    Excellent video. Very nice how you decomposed a highly complex UI into small chunks that are actually manageable. Awesome work!

  • @emanueleraggi272
    @emanueleraggi272 2 роки тому +4

    Fantastic video! I am already looking forward for part II of this! Thanks for sharing!

  • @myprogrammingbuddy153
    @myprogrammingbuddy153 2 роки тому +3

    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

  • @fezinho_
    @fezinho_ 3 місяці тому

    Saved my life with this file management! Awesome work

  • @oliviermb7127
    @oliviermb7127 2 роки тому +4

    I've been thinking about doing a similar video myself. You are a real inspiration. Awesome idea and great video. Continue that way 🙌🙌

  • @albinapavlenko9924
    @albinapavlenko9924 2 роки тому +1

    Great job! Your video is so accessible. It's the best on QML. Thank you so much!

  • @lahearle
    @lahearle Рік тому +8

    Shame tesla video is the only high quality qml guide

  • @karama5478
    @karama5478 2 роки тому +2

    This one is awesome project. Thank you for your efforts. Could you put more video quality?

  • @かかか-q8h
    @かかか-q8h 6 місяців тому

    I have been studying in Qt.This video was very helpful. Thank you for the great video!

    • @leonstone3443
      @leonstone3443 4 місяці тому

      what have you found for good material

  • @mahahktube
    @mahahktube 10 місяців тому

    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 ?

  • @hieubui3671
    @hieubui3671 2 роки тому +1

    Thank you so much, this video is really helpful. Cant wait for part 2 of this series😅

  • @adamsantamaria1876
    @adamsantamaria1876 2 місяці тому

    Really clear tutorial, thanks 😁

  • @gokusaiyan1128
    @gokusaiyan1128 Рік тому +3

    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

  • @BilalAlDulaimi
    @BilalAlDulaimi 2 роки тому

    I already watched all videos subscribed, liked and looking forward great jobs 👍

  • @Lapatate-s1l
    @Lapatate-s1l 7 місяців тому

    Nice video . The best I saw about qml . Keep it up 👍

  • @chris-vieira
    @chris-vieira 2 роки тому

    Great work! Thank you for sharing!

  • @Independent_AI
    @Independent_AI 3 місяці тому

    Great job 👏🏻

  • @uselessenginar21
    @uselessenginar21 6 місяців тому

    Thank you for this greate example.

  • @yaserghananwi
    @yaserghananwi Рік тому +1

    Thank you for this nice tutorial , I use Qt6 the module "QtLocation" is not installed how can I solve this issue ?

  • @linuxuser1234
    @linuxuser1234 Рік тому

    @MontyTheSoftwareEngineer for the car panel you could have used the opengl widget and imported a tesla Car model

  • @felipefozzatti9742
    @felipefozzatti9742 2 роки тому +3

    Can someone help me please? When importing the QtLocation, the following message is displayed "QML module not found (QtLocation)"

    • @amrrasslan4329
      @amrrasslan4329 Рік тому +1

      i have the same problem can you share the solution if you figured it out

    • @abdullahlar2452
      @abdullahlar2452 Рік тому +1

      ​@@amrrasslan4329 did you figure the solution out?

    • @MostafaKargaran
      @MostafaKargaran Рік тому

      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.

  • @naderhany3639
    @naderhany3639 Рік тому +1

    hi nice video sir , can you make a video about using the map with mapbox from scratch ,it would be helpful

  • @EvelynIsDeprecated
    @EvelynIsDeprecated 5 місяців тому

    I was exacly the 1000th like! This is also a great video, as i can barley find any good turorials on qml

    • @leonstone3443
      @leonstone3443 4 місяці тому

      yeah whats up with the lack of tutorials?

  • @BruceMaximusLee
    @BruceMaximusLee 2 місяці тому

    Actually under the macro QOBJECT all variables are private.

  • @algoscienceacademy
    @algoscienceacademy 5 місяців тому

    Please please please part 2 of this video

  • @Victimsingh
    @Victimsingh 12 днів тому

    sir why did you opt for qt quick app ? but not for the normal qt widget or qt mainwindow app ? explain me this : ( someone ??

  • @CC-ut7ow
    @CC-ut7ow Рік тому +1

    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?

  • @calebnwafor2549
    @calebnwafor2549 Рік тому

    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.

  • @Amine-gz7gq
    @Amine-gz7gq Рік тому +2

    QML seems to be a better alternative to XAML

  • @MO-fg2cm
    @MO-fg2cm 4 місяці тому

    Hi, Im new to qt creator ..
    For QtLocation it shows QML module not found
    How do I fix this and get the module

  • @elskie
    @elskie 4 дні тому

    guys hey
    i have a problem about this cose i did the exact same things and tried other solutions for image but i cant do it? it alwayys says image could not open. anyone can help me? thanks

  • @rafaelrodriguezcalvente8482
    @rafaelrodriguezcalvente8482 8 місяців тому

    api key required in order to use the QtLocation plugin, any solution?

  • @stefistefan746
    @stefistefan746 Рік тому

    why can't I move around on the map? what could be the cause?

  • @lamnguyentung8315
    @lamnguyentung8315 9 місяців тому

    nice video

  • @kapurubanda6131
    @kapurubanda6131 Рік тому +2

    I think "osm" means OpenStreetMap

  • @Chris-qg6kc
    @Chris-qg6kc 3 місяці тому

    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.

    • @Amine-gz7gq
      @Amine-gz7gq Місяць тому

      embedded systems according to his C.V.

  • @jeremyeuchi
    @jeremyeuchi 2 роки тому +1

    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?

    • @MiiDev69
      @MiiDev69 2 роки тому

      How did you get the Map to work on QT6?

    • @xuanphan7268
      @xuanphan7268 Рік тому

      @@MiiDev69 u have to build on version 6.5 for QML Map.

  • @rifkyahmadfahrezi9321
    @rifkyahmadfahrezi9321 5 місяців тому

    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?

    • @MO-fg2cm
      @MO-fg2cm 4 місяці тому

      For QtLocation it shows QML module not found
      How do I fix this and get the module

  • @vucongtuan2492
    @vucongtuan2492 2 роки тому +1

    give us part 2 please!!!!!

  • @Shanghae
    @Shanghae Рік тому +1

    how can you solve the problem appeared when you run your code. the error is is console log : reference error systemHandler is not defined

    • @tasipeti
      @tasipeti 11 місяців тому +1

      Move the "QQmlContext* context(engine.rootContext());" and "context->setContextProperty("systemHandler", &m_system);" lines above the "const QUrl url(QStringLiteral("qrc:/main.qml"));" line.

    • @gonpaul
      @gonpaul 4 місяці тому

      It doesn't solve this issue for me

  • @MiiDev69
    @MiiDev69 2 роки тому +1

    Hey, could you redo your qt for web assembly, but using cmake? Thank you for your awesome content.

  • @tylrkngns
    @tylrkngns 4 місяці тому

    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!

  • @zhenqiangkang
    @zhenqiangkang Рік тому

    Hello,can share the tutorial of create ribbon by Qt? Thank you.

  • @myprogrammingbuddy153
    @myprogrammingbuddy153 2 роки тому

    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

  • @RossYoungblood
    @RossYoungblood Рік тому

    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"

    • @RossYoungblood
      @RossYoungblood Рік тому

      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.

  • @DóriKrecsmary
    @DóriKrecsmary Рік тому

    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?

    • @entice7313
      @entice7313 Рік тому

      you need an API key

    • @artistpod1536
      @artistpod1536 5 місяців тому

      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;
      }
      }

  • @jeswanthkumar4291
    @jeswanthkumar4291 Рік тому

    Awesome

  • @tbranch227
    @tbranch227 5 місяців тому

    I thought they wrote it in Qt.

  • @มานาชิ-ค3ฃ
    @มานาชิ-ค3ฃ 2 роки тому

    Unbelievable!

  • @nguyenuctuan5156
    @nguyenuctuan5156 5 місяців тому

    In reality, hmi testa is created by Qt qml , really?

  • @bekzodaskarov
    @bekzodaskarov Рік тому

    ok

  • @ShaunaRauschenberg-w7h
    @ShaunaRauschenberg-w7h 2 місяці тому

    Frami Plaza

  • @HalimMondole
    @HalimMondole 2 місяці тому

    Gonzalez Laura Lopez Jose Hernandez Amy

  • @RichardsonHulda
    @RichardsonHulda Місяць тому

    4422 Streich Manors

  • @yolamontalvan9502
    @yolamontalvan9502 11 місяців тому

    Tesla and the one man owned Twitter or X are dying. Former users of Twitter are moving to BlueSky or something better than x.

  • @AdamGerald-s7s
    @AdamGerald-s7s Місяць тому

    Harris Kimberly Smith Jeffrey Thompson Lisa

  • @simonnoellington4523
    @simonnoellington4523 2 місяці тому

    Williams Donna Lopez Lisa Taylor Jason

  • @QuillerIris
    @QuillerIris 2 місяці тому

    White Mary Garcia Margaret Walker Donna

  • @DanetteKshlerin
    @DanetteKshlerin Місяць тому

    Thompson Scott Jones Betty Rodriguez Betty