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. Led Like buttons/Widgets
Forum Updated to NodeBB v4.3 + New Features

Led Like buttons/Widgets

Scheduled Pinned Locked Moved General and Desktop
39 Posts 8 Posters 35.1k Views 4 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.
  • mrjjM mrjj

    @BlackDogWhite
    Hi
    Do you need it to be very scale able ?
    Else we could use png for the leds if getting the SVG module to the Pi is
    difficult.

    However, there was something odd wiht the sample. i will link a new one here as soon as its weekend :)

    B Offline
    B Offline
    BlackDogWhite
    wrote on last edited by
    #28

    @mrjj First off, I'm up for any help someone is willing to offer. A revised version would be very useful, if only to study the differences and learn something else about how all this works.

    I'm going to look, hopefully this afternoon, where my cross compiler install went wrong. Maybe I can get that upgraded to Qt5 so the SVG stuff works. But I certainly wouldn't mind seeing how it would work with PNG's!

    mrjjM 1 Reply Last reply
    0
    • B BlackDogWhite

      @mrjj First off, I'm up for any help someone is willing to offer. A revised version would be very useful, if only to study the differences and learn something else about how all this works.

      I'm going to look, hopefully this afternoon, where my cross compiler install went wrong. Maybe I can get that upgraded to Qt5 so the SVG stuff works. But I certainly wouldn't mind seeing how it would work with PNG's!

      mrjjM Offline
      mrjjM Offline
      mrjj
      Lifetime Qt Champion
      wrote on last edited by
      #29

      @BlackDogWhite

      Hi
      Here is other sample that allows copy paste of promoted widget.
      Im not sure what was up with the other. the ui file seemed stale.

      Anyway, this works. the go button show random shape and color.
      I have included only bare minimum of qled files to work.

      alt text

      https://www.dropbox.com/s/kfti0otv9ez9u28/Myleds.zip?dl=0

      B V 2 Replies Last reply
      1
      • mrjjM mrjj

        @BlackDogWhite

        Hi
        Here is other sample that allows copy paste of promoted widget.
        Im not sure what was up with the other. the ui file seemed stale.

        Anyway, this works. the go button show random shape and color.
        I have included only bare minimum of qled files to work.

        alt text

        https://www.dropbox.com/s/kfti0otv9ez9u28/Myleds.zip?dl=0

        B Offline
        B Offline
        BlackDogWhite
        wrote on last edited by
        #30

        @mrjj Thanks MrJJ. I was able to copy your code and create a project from scratch using the QLed class to render a button. On the UI I drag in a Widget object and promote it to QLed. It shows up just fine. This is all in Qt Creator 4.5.1, Qt 5.10.1 and Visual Studio 2013 for the compiler.

        I was also able to get it to work on the Raspberry Pi using VS 2013 along with Qt VS Tools and VisualGDB added in.

        Still have quite a bit to learn, never having done Qt or Pi before. But with your help I've made good progress. Maybe I'll get bold and actually try to get the plugin to work as well, but that's pretty low priority.

        Thank you for all your help. You da man!
        Ron

        mrjjM 1 Reply Last reply
        1
        • B BlackDogWhite

          @mrjj Thanks MrJJ. I was able to copy your code and create a project from scratch using the QLed class to render a button. On the UI I drag in a Widget object and promote it to QLed. It shows up just fine. This is all in Qt Creator 4.5.1, Qt 5.10.1 and Visual Studio 2013 for the compiler.

          I was also able to get it to work on the Raspberry Pi using VS 2013 along with Qt VS Tools and VisualGDB added in.

          Still have quite a bit to learn, never having done Qt or Pi before. But with your help I've made good progress. Maybe I'll get bold and actually try to get the plugin to work as well, but that's pretty low priority.

          Thank you for all your help. You da man!
          Ron

          mrjjM Offline
          mrjjM Offline
          mrjj
          Lifetime Qt Champion
          wrote on last edited by
          #31

          @BlackDogWhite
          Super :)
          well crosscompiling is not easy. So good work.
          Since you already have visual studio, it might not be huge work to get the plugin running
          but in this case it offer not so much besides seeing the leds in designer and setting type and
          color directly in Designer. ( you could also do that with dynamic properties as they are
          added to the actual widget type also when using promotion)

          1 Reply Last reply
          0
          • mrjjM mrjj

            @BlackDogWhite

            Hi
            Here is other sample that allows copy paste of promoted widget.
            Im not sure what was up with the other. the ui file seemed stale.

            Anyway, this works. the go button show random shape and color.
            I have included only bare minimum of qled files to work.

            alt text

            https://www.dropbox.com/s/kfti0otv9ez9u28/Myleds.zip?dl=0

            V Offline
            V Offline
            viniltc
            wrote on last edited by
            #32

            @mrjj

            I'm a beginner, I also came across the same problem to add a status LED in my GUI. @mrjj : unable to download the code from the mentioned link. It will be very useful if you can summarize the procedure.

            many thanks

            mrjjM 1 Reply Last reply
            0
            • V viniltc

              @mrjj

              I'm a beginner, I also came across the same problem to add a status LED in my GUI. @mrjj : unable to download the code from the mentioned link. It will be very useful if you can summarize the procedure.

              many thanks

              mrjjM Offline
              mrjjM Offline
              mrjj
              Lifetime Qt Champion
              wrote on last edited by
              #33

              @viniltc
              Hi
              Link is still ok
              https://www.dropbox.com/s/kfti0otv9ez9u28/Myleds.zip?dl=0
              just tested

              V 1 Reply Last reply
              1
              • mrjjM mrjj

                @viniltc
                Hi
                Link is still ok
                https://www.dropbox.com/s/kfti0otv9ez9u28/Myleds.zip?dl=0
                just tested

                V Offline
                V Offline
                viniltc
                wrote on last edited by viniltc
                #34

                @mrjj Thanks a lot.
                I just noticed 'layout' feature is disabled for QLed widget.
                Please find below the screenshot. How can I enable Layout to QLed class?
                0_1565101152046_Capture.JPG

                1 Reply Last reply
                0
                • mrjjM Offline
                  mrjjM Offline
                  mrjj
                  Lifetime Qt Champion
                  wrote on last edited by mrjj
                  #35

                  Hi
                  You can right-click it and apply a layout.
                  Its not disabled. it shows no layout is assigned.
                  However,why do you want to have layout in it ?
                  It would be more normal to put the led and the other widget in a separate layout.

                  V 1 Reply Last reply
                  2
                  • mrjjM mrjj

                    Hi
                    You can right-click it and apply a layout.
                    Its not disabled. it shows no layout is assigned.
                    However,why do you want to have layout in it ?
                    It would be more normal to put the led and the other widget in a separate layout.

                    V Offline
                    V Offline
                    viniltc
                    wrote on last edited by
                    #36

                    @mrjj
                    Thanks a lot for the clarification. I'm aiming for a fully resizable GUI, that's why I need a layout. Like for example:
                    0_1565269885069_Capture.JPG (the moment it's without a layout)
                    But when I apply a grid layout to the GUI, I'm kind of struggling to get its widgets (especially LED) at its place!

                    1 Reply Last reply
                    0
                    • mrjjM Offline
                      mrjjM Offline
                      mrjj
                      Lifetime Qt Champion
                      wrote on last edited by mrjj
                      #37

                      Hi
                      Well you add a layout to the parent. (the window)
                      and then insert the Led and buttons into that layout.
                      so if you resize the window, they will all follow.

                      update
                      Ahh first saw now, you did use a grid layout, so it was about the position.
                      Luckily @Pl45m4 to the rescue :)

                      1 Reply Last reply
                      0
                      • Pl45m4P Offline
                        Pl45m4P Offline
                        Pl45m4
                        wrote on last edited by Pl45m4
                        #38

                        @viniltc

                        To realize the layout, like it is shown in your image, you dont need a GridLayout. Two VerticalLayouts paired with one HorizontalLayout should work.

                        0_1565275743067_LED.png
                        0_1565275834059_layout.png


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

                        ~E. W. Dijkstra

                        V 1 Reply Last reply
                        3
                        • Pl45m4P Pl45m4

                          @viniltc

                          To realize the layout, like it is shown in your image, you dont need a GridLayout. Two VerticalLayouts paired with one HorizontalLayout should work.

                          0_1565275743067_LED.png
                          0_1565275834059_layout.png

                          V Offline
                          V Offline
                          viniltc
                          wrote on last edited by
                          #39

                          @pl45m4
                          Thanks a lot for the clarification :)

                          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