Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Progress bar is not smooth
Forum Updated to NodeBB v4.3 + New Features

Progress bar is not smooth

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
qtquickqmlprogress bar
18 Posts 5 Posters 4.0k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D Offline
    D Offline
    dan1973
    wrote on last edited by
    #3

    "repeat: true" should be "repeat: false"

    i think the timer function onTriggered: is repeated continuously to make the prgVal1 reach from100 to 80 and 80 to 60...

    Please check

    W 1 Reply Last reply
    0
    • D dan1973

      "repeat: true" should be "repeat: false"

      i think the timer function onTriggered: is repeated continuously to make the prgVal1 reach from100 to 80 and 80 to 60...

      Please check

      W Offline
      W Offline
      Witc
      wrote on last edited by
      #4

      @dan1973 said in Progress bar is not smooth:

      "repeat: true" should be "repeat: false"

      i think the timer function onTriggered: is repeated continuously to make the prgVal1 reach from100 to 80 and 80 to 60...

      Please check

      Do you think to set timer repeate to false?: When I do, the callback is called only once. When I added at the end of callback timer.start() - it still do the same - it "jumps" 100/80/...

      1 Reply Last reply
      0
      • D Offline
        D Offline
        dan1973
        wrote on last edited by
        #5

        @Witc said in Progress bar is not smooth:

        Do you think to set timer repeate to false?: When I do, the callback is called only once. When I added at the end of callback timer.start() - it still do the same - it "jumps" 100/80/..

        I tried using cpp and h files rather in Qml below it works smoothly. Maybe you should do some settings in Qml to make it fire at 20ms and set value of Progressbar each time by 1 unit.

        .h file

        #ifndef WIDGET_H
        #define WIDGET_H
        
        #include <QWidget>
        #include <QProgressBar>
        #include <QTimer>
        
        QT_BEGIN_NAMESPACE
        namespace Ui { class Widget; }
        QT_END_NAMESPACE
        
        class Widget : public QWidget
        {
            Q_OBJECT
        
        public:
            Widget(QWidget *parent = nullptr);
            ~Widget();
            int iTick;
        
        private slots:
            void MySlot();
            void vcPgb1(int);
        
        private:
            Ui::Widget *ui;
        
            QProgressBar* pgb1;
            QTimer* tmr1;
        };
        #endif // WIDGET_H
        

        .cpp file

        #include "widget.h"
        #include "ui_widget.h"
        #include <QDebug>
        
        Widget::Widget(QWidget *parent) : QWidget(parent), ui(new Ui::Widget) {
            ui->setupUi(this);
        
            iTick = 0;
            pgb1 = new QProgressBar(this);
            pgb1->setRange(0, 1000);
            pgb1->setGeometry(20, 100, 600, 30);
            connect(pgb1, SIGNAL(valueChanged(int)), this, SLOT(vcPgb1(int)));
        
            tmr1 = new QTimer(this);
            connect(tmr1, SIGNAL(timeout()), this, SLOT(MySlot()));
            tmr1->start(20);
        }
        
        Widget::~Widget() {
            tmr1->stop();
            delete ui;    
        }
        
        void Widget::MySlot() {
            iTick++;
            pgb1->setValue(iTick);
        }
        
        void Widget::vcPgb1(int iVal) {
            qDebug() << "pgb1 Value: " << iVal;
        }
        
        
        W 1 Reply Last reply
        0
        • D dan1973

          @Witc said in Progress bar is not smooth:

          Do you think to set timer repeate to false?: When I do, the callback is called only once. When I added at the end of callback timer.start() - it still do the same - it "jumps" 100/80/..

          I tried using cpp and h files rather in Qml below it works smoothly. Maybe you should do some settings in Qml to make it fire at 20ms and set value of Progressbar each time by 1 unit.

          .h file

          #ifndef WIDGET_H
          #define WIDGET_H
          
          #include <QWidget>
          #include <QProgressBar>
          #include <QTimer>
          
          QT_BEGIN_NAMESPACE
          namespace Ui { class Widget; }
          QT_END_NAMESPACE
          
          class Widget : public QWidget
          {
              Q_OBJECT
          
          public:
              Widget(QWidget *parent = nullptr);
              ~Widget();
              int iTick;
          
          private slots:
              void MySlot();
              void vcPgb1(int);
          
          private:
              Ui::Widget *ui;
          
              QProgressBar* pgb1;
              QTimer* tmr1;
          };
          #endif // WIDGET_H
          

          .cpp file

          #include "widget.h"
          #include "ui_widget.h"
          #include <QDebug>
          
          Widget::Widget(QWidget *parent) : QWidget(parent), ui(new Ui::Widget) {
              ui->setupUi(this);
          
              iTick = 0;
              pgb1 = new QProgressBar(this);
              pgb1->setRange(0, 1000);
              pgb1->setGeometry(20, 100, 600, 30);
              connect(pgb1, SIGNAL(valueChanged(int)), this, SLOT(vcPgb1(int)));
          
              tmr1 = new QTimer(this);
              connect(tmr1, SIGNAL(timeout()), this, SLOT(MySlot()));
              tmr1->start(20);
          }
          
          Widget::~Widget() {
              tmr1->stop();
              delete ui;    
          }
          
          void Widget::MySlot() {
              iTick++;
              pgb1->setValue(iTick);
          }
          
          void Widget::vcPgb1(int iVal) {
              qDebug() << "pgb1 Value: " << iVal;
          }
          
          
          W Offline
          W Offline
          Witc
          wrote on last edited by
          #6

          I tried using cpp and h files rather in Qml below it works smoothly. Maybe you should do some settings in Qml to make it fire at 20ms and set value of Progressbar each time by 1 unit.

          .h file

          #ifndef WIDGET_H
          #define WIDGET_H
          
          #include <QWidget>
          #include <QProgressBar>
          #include <QTimer>
          
          QT_BEGIN_NAMESPACE
          

          Also do not undesratnd well. But maybe? I tried this:

          import QtQuick 
          import QtQuick.Controls 6.3
          
          ApplicationWindow {
              id: root
              visible: true
              minimumWidth: 840
              minimumHeight: 600
          
              property real prgVal1:100
          
              function updateProgress(){
                      if(prgVal1>0){
                          prgVal1 -= 0.1
                      }
                      else{
                          prgVal1 = 100
                      }
                      progressBar1.value = prgVal1
              }
                   
          
              Timer{
                  id:timProgress
                  interval: 10
                  running: true
                  repeat: true
                  onTriggered: {
                      updateProgress()
                  }
              }
          
              
              ProgressBar{
                  id: progressBar1
                  visible: true
                  width: 100
                  height: 40
                  x: 20
                  y: 50
                  value: 66
                  from:0
                  to: 100
              }
          
          }
          
          
          /*##^##
          Designer {
              D{i:0;autoSize:true;height:480;width:640}D{i:2}D{i:3}D{i:4}D{i:5}D{i:6}D{i:1}
          }
          ##^##*/
          
          It also does not work to me.
          
          1 Reply Last reply
          0
          • D Offline
            D Offline
            dan1973
            wrote on last edited by
            #7

            Try this in xml

            import QtQuick 2.15
            import QtQuick.Controls 2.15
            
            ApplicationWindow {
                id: root
                visible: true
                minimumWidth: 840
                minimumHeight: 600
            
                property real prgVal1:100
            
                function updateProgress(){
                        if(prgVal1>0){
                            prgVal1 -= 0.1
                        }
                        else{
                            prgVal1 = 100
                        }
                        progressBar1.value = prgVal1
                        console.log("prgVal1 = ", prgVal1);
                }
            
            
                Timer{
                    id:timProgress
                    interval: 10
                    running: true
                    repeat: true
                    onTriggered: {
                        updateProgress()
                    }
                }
            
            
                ProgressBar{
                    id: progressBar1
                    visible: true
                    width: 600
                    height: 60
                    x: 20
                    y: 50
                    value: 100
                    from: 0
                    to: 100
                }
            
            }
            
            
            W 1 Reply Last reply
            0
            • D dan1973

              Try this in xml

              import QtQuick 2.15
              import QtQuick.Controls 2.15
              
              ApplicationWindow {
                  id: root
                  visible: true
                  minimumWidth: 840
                  minimumHeight: 600
              
                  property real prgVal1:100
              
                  function updateProgress(){
                          if(prgVal1>0){
                              prgVal1 -= 0.1
                          }
                          else{
                              prgVal1 = 100
                          }
                          progressBar1.value = prgVal1
                          console.log("prgVal1 = ", prgVal1);
                  }
              
              
                  Timer{
                      id:timProgress
                      interval: 10
                      running: true
                      repeat: true
                      onTriggered: {
                          updateProgress()
                      }
                  }
              
              
                  ProgressBar{
                      id: progressBar1
                      visible: true
                      width: 600
                      height: 60
                      x: 20
                      y: 50
                      value: 100
                      from: 0
                      to: 100
                  }
              
              }
              
              
              W Offline
              W Offline
              Witc
              wrote on last edited by
              #8

              @dan1973 said in Progress bar is not smooth:

              import QtQuick 2.15
              import QtQuick.Controls 2.15

              It Still "jumps"... In console the prgVal is correct: 100/99,9/99,8/99,7/99,6....

              1 Reply Last reply
              0
              • D Offline
                D Offline
                dan1973
                wrote on last edited by
                #9

                @Witc said in Progress bar is not smooth:

                It Still "jumps"...

                what is the System configuration of yours: RAM, Processor and OS?

                W 1 Reply Last reply
                0
                • D Offline
                  D Offline
                  dan1973
                  wrote on last edited by
                  #10

                  I checked it is moving smoothly without breaks or jagging

                  1 Reply Last reply
                  0
                  • D dan1973

                    @Witc said in Progress bar is not smooth:

                    It Still "jumps"...

                    what is the System configuration of yours: RAM, Processor and OS?

                    W Offline
                    W Offline
                    Witc
                    wrote on last edited by
                    #11

                    @dan1973 said in Progress bar is not smooth:

                    @Witc said in Progress bar is not smooth:

                    It Still "jumps"...

                    what is the System configuration of yours: RAM, Processor and OS?

                    Now I tried the same app on my friends PC (Ubuntu)- and it works great.
                    On my Windows 10, Dell, intel i7, 16GB RAM it is jagging

                    1 Reply Last reply
                    0
                    • D Offline
                      D Offline
                      dan1973
                      wrote on last edited by
                      #12

                      @Witc said in Progress bar is not smooth:

                      On my Windows 10, Dell, intel i7, 16GB RAM it is jagging

                      your config above is Good Enough. Normally Qt requires min 4GB and 16GB will be enough to run any graphics. when you say intel i7 what's the processor speed.

                      You should check if any background process keeps windows busy in providing priority to your app. normally windows OS guarantees for more than 20ms.

                      if its over please mark solved. or any questions you can ask?

                      W 1 Reply Last reply
                      0
                      • D dan1973

                        @Witc said in Progress bar is not smooth:

                        On my Windows 10, Dell, intel i7, 16GB RAM it is jagging

                        your config above is Good Enough. Normally Qt requires min 4GB and 16GB will be enough to run any graphics. when you say intel i7 what's the processor speed.

                        You should check if any background process keeps windows busy in providing priority to your app. normally windows OS guarantees for more than 20ms.

                        if its over please mark solved. or any questions you can ask?

                        W Offline
                        W Offline
                        Witc
                        wrote on last edited by
                        #13

                        @dan1973 said in Progress bar is not smooth:

                        if its over please mark solved. or any questions you can ask?

                        unfortunatelly I have no idea how to solve it on my Computer, @ndias has the same problem as me, so ther is probably some bug in some verision of Qt? Python?....

                        1 Reply Last reply
                        0
                        • D Offline
                          D Offline
                          dan1973
                          wrote on last edited by dan1973
                          #14

                          @Witc said in Progress bar is not smooth:

                          probably some bug in some verision of Qt?

                          which Qt version r u using? and which compiler?

                          W 1 Reply Last reply
                          0
                          • D dan1973

                            @Witc said in Progress bar is not smooth:

                            probably some bug in some verision of Qt?

                            which Qt version r u using? and which compiler?

                            W Offline
                            W Offline
                            Witc
                            wrote on last edited by
                            #15

                            @dan1973 said in Progress bar is not smooth:

                            @Witc said in Progress bar is not smooth:

                            probably some bug in some verision of Qt?

                            which Qt version r u using? and which compiler?

                            QT 6.3.1: 512b515f-437e-4470-8a0d-0a289634780e-image.png

                            jsulmJ 1 Reply Last reply
                            0
                            • W Witc

                              @dan1973 said in Progress bar is not smooth:

                              @Witc said in Progress bar is not smooth:

                              probably some bug in some verision of Qt?

                              which Qt version r u using? and which compiler?

                              QT 6.3.1: 512b515f-437e-4470-8a0d-0a289634780e-image.png

                              jsulmJ Offline
                              jsulmJ Offline
                              jsulm
                              Lifetime Qt Champion
                              wrote on last edited by
                              #16

                              @Witc This does not answer the question which compiler you're using as you installed Qt for ARM64, MSVC2019, WebAssembly, Android and MinGW...

                              https://forum.qt.io/topic/113070/qt-code-of-conduct

                              W 1 Reply Last reply
                              0
                              • jsulmJ jsulm

                                @Witc This does not answer the question which compiler you're using as you installed Qt for ARM64, MSVC2019, WebAssembly, Android and MinGW...

                                W Offline
                                W Offline
                                Witc
                                wrote on last edited by Witc
                                #17

                                @jsulm said in Progress bar is not smooth:

                                @Witc This does not answer the question which compiler you're using as you installed Qt for ARM64, MSVC2019, WebAssembly, Android and MinGW...

                                I am using Qt along with python 3.10 + Pyside6. No any line of my code is written in C/C++ ...

                                1 Reply Last reply
                                0
                                • Marko StankeM Offline
                                  Marko StankeM Offline
                                  Marko Stanke
                                  wrote on last edited by
                                  #18

                                  Tried it on Qt 5.15, and it works perfectly

                                  1 Reply Last reply
                                  0

                                  • Login

                                  • Login or register to search.
                                  • First post
                                    Last post
                                  0
                                  • Categories
                                  • Recent
                                  • Tags
                                  • Popular
                                  • Users
                                  • Groups
                                  • Search
                                  • Get Qt Extensions
                                  • Unsolved