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?
Forum Updated to NodeBB v4.3 + New Features

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

    Pl45m4P 1 Reply Last reply
    0
    • S sdf1444

      Hi

      How do I implement a UI for this in pyqt5?

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

      Thanks

      Pl45m4P Offline
      Pl45m4P Offline
      Pl45m4
      wrote on 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
      2
      • S Offline
        S Offline
        sdf1444
        wrote on last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • Pl45m4P Pl45m4

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

          Pl45m4P 1 Reply Last reply
          0
          • S sdf1444

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

            Pl45m4P Offline
            Pl45m4P Offline
            Pl45m4
            wrote on 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
            2
            • Pl45m4P Pl45m4

              @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 last edited by
              #6

              @pl45m4

              Hi

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

              Thanks

              Pl45m4P 1 Reply Last reply
              0
              • S sdf1444

                @pl45m4

                Hi

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

                Thanks

                Pl45m4P Offline
                Pl45m4P Offline
                Pl45m4
                wrote on 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

                • Login

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