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

Поділитися
Вставка
  • Опубліковано 5 лют 2025
  • Part one of implementing the Tesla Infotainment in Qt with a QML frontend!

КОМЕНТАРІ •

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

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

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

    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.

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

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

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

    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_ 6 місяців тому

    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!

  • @minMax-q8h
    @minMax-q8h 9 місяців тому

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

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

      what have you found for good material

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

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

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

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

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

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

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

    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 ?

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

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

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

    Great job 👏🏻

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

    Shame tesla video is the only high quality qml guide

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

    Really clear tutorial, thanks 😁

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

    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

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

    Great. Do you have any opinion on Slint as a replacement for QT in automotive?

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

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

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

      yeah whats up with the lack of tutorials?

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

    Great work! Thank you for sharing!

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

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

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

    nice video

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

    Please please please part 2 of this video

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

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

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

    Thank you for this greate example.

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

    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 4 місяці тому

      embedded systems according to his C.V.

  • @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 2 роки тому +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.

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

      You use the maintainence tool that came with the installation to add the QLocation & QPositioning modules.

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

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

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

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

  • @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?

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

    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

  • @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.

  • @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 Рік тому +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 7 місяців тому

      It doesn't solve this issue for me

  • @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 8 місяців тому

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

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

    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 7 місяців тому

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

  • @Amine-gz7gq
    @Amine-gz7gq 2 роки тому +2

    QML seems to be a better alternative to XAML

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

    give us part 2 please!!!!!

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

    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!

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

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

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

    Actually under the macro QOBJECT all variables are private.

  • @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.

  • @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.

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

    I think "osm" means OpenStreetMap

  • @myprogrammingbuddy
    @myprogrammingbuddy 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

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

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

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

      You use the maintainence tool that came with the installation to add the QLocation & QPositioning modules.

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

    Awesome

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

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

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

      It's not essentially required as the location will update but the watermark can only be removed using the key.

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

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

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

    I thought they wrote it in Qt.

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

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

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

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

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

    Unbelievable!

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

    ok

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

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

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

    Frami Plaza

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

    4422 Streich Manors