Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. How to implement this UI?
Servers for Qt installer are currently down

How to implement this UI?

Scheduled Pinned Locked Moved Unsolved General and Desktop
7 Posts 2 Posters 487 Views 2 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.
  • S Offline
    S Offline
    sdf1444
    wrote on 20 Sept 2019, 10:50 last edited by
    #1

    Hi

    How do I implement a UI for this in pyqt5?

    0_1568976572224_5b1379cb-822e-4a6d-ac2c-ea6de96448b2-image.png

    Thanks

    P 1 Reply Last reply 20 Sept 2019, 11:03
    0
    • S sdf1444
      20 Sept 2019, 10:50

      Hi

      How do I implement a UI for this in pyqt5?

      0_1568976572224_5b1379cb-822e-4a6d-ac2c-ea6de96448b2-image.png

      Thanks

      P Online
      P Online
      Pl45m4
      wrote on 20 Sept 2019, 11:03 last edited by Pl45m4
      #2

      @sdf1444

      What exactly is your problem? You can create a GUI like this with your Qt Designer and then write your Python code to make things happen :)
      Most of the widgets in your example are standard widgets in Qt


      If debugging is the process of removing software bugs, then programming must be the process of putting them in.

      ~E. W. Dijkstra

      S 1 Reply Last reply 20 Sept 2019, 11:23
      2
      • S Offline
        S Offline
        sdf1444
        wrote on 20 Sept 2019, 11:10 last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • P Pl45m4
          20 Sept 2019, 11:03

          @sdf1444

          What exactly is your problem? You can create a GUI like this with your Qt Designer and then write your Python code to make things happen :)
          Most of the widgets in your example are standard widgets in Qt

          S Offline
          S Offline
          sdf1444
          wrote on 20 Sept 2019, 11:23 last edited by
          #4

          @pl45m4
          I was just wondering what kind of widgets I need to implement because im not sure what kind of widgets I need to implement for the UI.

          P 1 Reply Last reply 20 Sept 2019, 12:18
          0
          • S sdf1444
            20 Sept 2019, 11:23

            @pl45m4
            I was just wondering what kind of widgets I need to implement because im not sure what kind of widgets I need to implement for the UI.

            P Online
            P Online
            Pl45m4
            wrote on 20 Sept 2019, 12:18 last edited by
            #5

            @sdf1444

            From looking at the picture I can see QComboBox (Beam expander value) and some QTextEdits (with numbers). The flip buttons / switches are not standard widgets in Qt, but you can create them on your own (https://stackoverflow.com/questions/14780517/toggle-switch-in-qt)


            If debugging is the process of removing software bugs, then programming must be the process of putting them in.

            ~E. W. Dijkstra

            S 1 Reply Last reply 20 Sept 2019, 12:23
            2
            • P Pl45m4
              20 Sept 2019, 12:18

              @sdf1444

              From looking at the picture I can see QComboBox (Beam expander value) and some QTextEdits (with numbers). The flip buttons / switches are not standard widgets in Qt, but you can create them on your own (https://stackoverflow.com/questions/14780517/toggle-switch-in-qt)

              S Offline
              S Offline
              sdf1444
              wrote on 20 Sept 2019, 12:23 last edited by
              #6

              @pl45m4

              Hi

              What about the widget which has the axis and shows the value from the QTextEdits?

              Thanks

              P 1 Reply Last reply 20 Sept 2019, 12:32
              0
              • S sdf1444
                20 Sept 2019, 12:23

                @pl45m4

                Hi

                What about the widget which has the axis and shows the value from the QTextEdits?

                Thanks

                P Online
                P Online
                Pl45m4
                wrote on 20 Sept 2019, 12:32 last edited by Pl45m4
                #7

                @sdf1444

                Maybe something like a vertical QProgressBar.
                (https://thesmithfam.org/blog/2009/10/13/cool-qprogressbar-stylesheet/)

                EDIT:

                If you use QML, there is a standard widget for this:
                https://doc.qt.io/QtQuickEnterpriseControls/qml-qtquick-enterprise-controls-gauge.html <- this is exactly your widget :)

                EDIT 2:
                How to use QML and C++ (PyQt, in your case) together:
                https://doc.qt.io/qt-5/qtqml-cppintegration-topic.html
                https://doc.qt.io/qt-5/qtqml-cppintegration-interactqmlfromcpp.html

                QML + PyQt: https://pythonspot.com/qml-and-pyqt-creating-a-gui-tutorial/


                If debugging is the process of removing software bugs, then programming must be the process of putting them in.

                ~E. W. Dijkstra

                1 Reply Last reply
                4

                5/7

                20 Sept 2019, 12:18

                • Login

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