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

Поділитися
Вставка

КОМЕНТАРІ • 56

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

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

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

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

  • @VNActivityProjectRem
    @VNActivityProjectRem 10 місяців тому +4

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

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

    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.

  • @oliviermb7127
    @oliviermb7127 Рік тому +4

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

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

    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

  • @user-rh1yd8bz9k
    @user-rh1yd8bz9k 2 місяці тому

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

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

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

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

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

  • @chris-vieira
    @chris-vieira Рік тому

    Great work! Thank you for sharing!

  • @user-lj1py5nj7c
    @user-lj1py5nj7c 2 місяці тому

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

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

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

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

    Thank you for this greate example.

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

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

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

    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 ?

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

  • @lahearle
    @lahearle 11 місяців тому +4

    Shame tesla video is the only high quality qml guide

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

    Awesome

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

    nice video

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

    @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

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

    Please please please part 2 of this video

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

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

    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.

  • @user-ko6es2ki3h
    @user-ko6es2ki3h Рік тому

    Unbelievable!

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

    give us part 2 please!!!!!

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

    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

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

    QML seems to be a better alternative to XAML

  • @jeremybellemurold
    @jeremybellemurold Рік тому +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 Рік тому

      How did you get the Map to work on QT6?

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

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

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

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

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

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

      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.

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

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

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

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

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

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

  • @kapurubanda6131
    @kapurubanda6131 11 місяців тому +2

    I think "osm" means OpenStreetMap

  • @felipefozzatti9742
    @felipefozzatti9742 Рік тому +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.

  • @MO-fg2cm
    @MO-fg2cm День тому

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

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

    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 День тому

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

  • @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 6 місяців тому +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 5 днів тому

      It doesn't solve this issue for me

  • @user-kq6cf9mm1w
    @user-kq6cf9mm1w Рік тому

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

      you need an API key

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

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

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

    I thought they wrote it in Qt.

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

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

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

    ok

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

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