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

Поделиться
HTML-код
  • Опубликовано: 6 ноя 2024
  • Part one of implementing the Tesla Infotainment in Qt with a QML frontend!

Комментарии • 73

  • @VNActivityProjectRem
    @VNActivityProjectRem Год назад +9

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

  • @jackflash6377
    @jackflash6377 Год назад +10

    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.

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

  • @emanueleraggi272
    @emanueleraggi272 2 года назад +4

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

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

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

  • @fezinho_
    @fezinho_ 3 месяца назад

    Saved my life with this file management! Awesome work

  • @mahahktube
    @mahahktube 9 месяцев назад

    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 ?

  • @albinapavlenko9924
    @albinapavlenko9924 Год назад +1

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

  • @かかか-q8h
    @かかか-q8h 6 месяцев назад

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

    • @leonstone3443
      @leonstone3443 3 месяца назад

      what have you found for good material

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

  • @hieubui3671
    @hieubui3671 2 года назад +1

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

  • @yaserghananwi
    @yaserghananwi Год назад +1

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

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

  • @BilalAlDulaimi
    @BilalAlDulaimi 2 года назад

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

  • @Lapatate-s1l
    @Lapatate-s1l 6 месяцев назад

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

  • @adamsantamaria1876
    @adamsantamaria1876 Месяц назад

    Really clear tutorial, thanks 😁

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

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

  • @Victimsingh
    @Victimsingh 2 дня назад

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

  • @chris-vieira
    @chris-vieira 2 года назад

    Great work! Thank you for sharing!

  • @BruceMaximusLee
    @BruceMaximusLee 2 месяца назад

    Actually under the macro QOBJECT all variables are private.

  • @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 3 месяца назад

      yeah whats up with the lack of tutorials?

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

  • @Independent_AI
    @Independent_AI 3 месяца назад

    Great job 👏🏻

  • @algoscienceacademy
    @algoscienceacademy 5 месяцев назад

    Please please please part 2 of this video

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

  • @uselessenginar21
    @uselessenginar21 5 месяцев назад

    Thank you for this greate example.

  • @Amine-gz7gq
    @Amine-gz7gq Год назад +2

    QML seems to be a better alternative to XAML

  • @tylrkngns
    @tylrkngns 3 месяца назад

    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!

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

  • @stefistefan746
    @stefistefan746 Год назад

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

  • @kapurubanda6131
    @kapurubanda6131 Год назад +2

    I think "osm" means OpenStreetMap

  • @naderhany3639
    @naderhany3639 Год назад +1

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

  • @linuxuser1234
    @linuxuser1234 Год назад

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

  • @rafaelrodriguezcalvente8482
    @rafaelrodriguezcalvente8482 8 месяцев назад

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

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

  • @lamnguyentung8315
    @lamnguyentung8315 9 месяцев назад

    nice video

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

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

  • @zhenqiangkang
    @zhenqiangkang Год назад

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

  • @tbranch227
    @tbranch227 5 месяцев назад

    I thought they wrote it in Qt.

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

  • @MiiDev69
    @MiiDev69 2 года назад +1

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

  • @nguyenuctuan5156
    @nguyenuctuan5156 5 месяцев назад

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

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

  • @มานาชิ-ค3ฃ
    @มานาชิ-ค3ฃ 2 года назад

    Unbelievable!

  • @bekzodaskarov
    @bekzodaskarov Год назад

    ok

  • @RichardsonHulda
    @RichardsonHulda Месяц назад

    4422 Streich Manors

  • @yolamontalvan9502
    @yolamontalvan9502 10 месяцев назад

    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 2 месяца назад

    Frami Plaza

  • @HalimMondole
    @HalimMondole 2 месяца назад

    Gonzalez Laura Lopez Jose Hernandez Amy

  • @simonnoellington4523
    @simonnoellington4523 2 месяца назад

    Williams Donna Lopez Lisa Taylor Jason

  • @AdamGerald-s7s
    @AdamGerald-s7s Месяц назад

    Harris Kimberly Smith Jeffrey Thompson Lisa

  • @QuillerIris
    @QuillerIris 2 месяца назад

    White Mary Garcia Margaret Walker Donna

  • @DanetteKshlerin
    @DanetteKshlerin Месяц назад

    Thompson Scott Jones Betty Rodriguez Betty