Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. General talk
  3. Brainstorm
  4. Sliding Image Item Selection Bar
Forum Updated to NodeBB v4.3 + New Features

Sliding Image Item Selection Bar

Scheduled Pinned Locked Moved Unsolved Brainstorm
11 Posts 4 Posters 1.4k 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
    duck18
    wrote on 13 Aug 2021, 01:29 last edited by
    #1

    Hello all. I am trying to make a paracord rope pattern weaving program. I am having difficulty figuring out how to accomplish/start this specific API/GUI function I have depicted (in red circle on image 1) in the images bellow. I am hoping someone might be able to help me figure out what I would need to do to get the basic functionality as shown bellow.
    Slide1.jpg
    Slide2.jpg
    (image 2 above) I can figure out how to do the mutually exclusive feature as well as how to add images to button icons. but I don't know how to make this slide bar button selection feature. I can figure out the internal coding to make the button perform the desired functions but I don't know how to make this kind of API/GUI feature.

    Slide3.jpg

    Any help would be greatly appreciated. I am using Windows 10 and the program language is C++. Here is a picture of the compiler and versions I'm using.
    Screenshot (3125).png

    T J 2 Replies Last reply 13 Aug 2021, 06:04
    0
    • D duck18
      13 Aug 2021, 01:29

      Hello all. I am trying to make a paracord rope pattern weaving program. I am having difficulty figuring out how to accomplish/start this specific API/GUI function I have depicted (in red circle on image 1) in the images bellow. I am hoping someone might be able to help me figure out what I would need to do to get the basic functionality as shown bellow.
      Slide1.jpg
      Slide2.jpg
      (image 2 above) I can figure out how to do the mutually exclusive feature as well as how to add images to button icons. but I don't know how to make this slide bar button selection feature. I can figure out the internal coding to make the button perform the desired functions but I don't know how to make this kind of API/GUI feature.

      Slide3.jpg

      Any help would be greatly appreciated. I am using Windows 10 and the program language is C++. Here is a picture of the compiler and versions I'm using.
      Screenshot (3125).png

      T Offline
      T Offline
      Thank You
      wrote on 13 Aug 2021, 06:04 last edited by
      #2

      @duck18

      Hello,
      See these projects,
      https://github.com/ThePBone/SlidingStackedWidget
      This one seems good
      https://github.com/keshavbhatt/QtApplicationIntroSlider
      and this one too.

      Try these, It would fix your needs

      Let's make QT free or It will go forever

      TRUE AND FALSE <3

      D 1 Reply Last reply 13 Aug 2021, 11:09
      1
      • T Thank You
        13 Aug 2021, 06:04

        @duck18

        Hello,
        See these projects,
        https://github.com/ThePBone/SlidingStackedWidget
        This one seems good
        https://github.com/keshavbhatt/QtApplicationIntroSlider
        and this one too.

        Try these, It would fix your needs

        D Offline
        D Offline
        duck18
        wrote on 13 Aug 2021, 11:09 last edited by
        #3

        @Thank-You I appreciate your help, I will try these out and see how far I can get. I still welcome any ideas others may have just incase this doesn't pan out.

        1 Reply Last reply
        0
        • D Offline
          D Offline
          duck18
          wrote on 15 Aug 2021, 20:55 last edited by
          #4

          I have not had much success with the provided resources so if there is anyone has any ideas I would greatly appreciate it. something like this is what I am trying to accomplish in a qt c++ widget based project for windows.

          E T 2 Replies Last reply 15 Aug 2021, 21:05
          0
          • D duck18
            15 Aug 2021, 20:55

            I have not had much success with the provided resources so if there is anyone has any ideas I would greatly appreciate it. something like this is what I am trying to accomplish in a qt c++ widget based project for windows.

            E Offline
            E Offline
            eyllanesc
            wrote on 15 Aug 2021, 21:05 last edited by
            #5

            @duck18 This type of elements is better to use QML since it allows the implementation of new elements in a simple way.

            If you want me to help you develop some work then you can write to my email: e.yllanescucho@gmal.com.

            D 2 Replies Last reply 16 Aug 2021, 19:45
            0
            • D duck18
              13 Aug 2021, 01:29

              Hello all. I am trying to make a paracord rope pattern weaving program. I am having difficulty figuring out how to accomplish/start this specific API/GUI function I have depicted (in red circle on image 1) in the images bellow. I am hoping someone might be able to help me figure out what I would need to do to get the basic functionality as shown bellow.
              Slide1.jpg
              Slide2.jpg
              (image 2 above) I can figure out how to do the mutually exclusive feature as well as how to add images to button icons. but I don't know how to make this slide bar button selection feature. I can figure out the internal coding to make the button perform the desired functions but I don't know how to make this kind of API/GUI feature.

              Slide3.jpg

              Any help would be greatly appreciated. I am using Windows 10 and the program language is C++. Here is a picture of the compiler and versions I'm using.
              Screenshot (3125).png

              J Offline
              J Offline
              J.Hilk
              Moderators
              wrote on 16 Aug 2021, 05:27 last edited by
              #6

              @duck18 well, there isn't much magic to it,

              I would suggest to use a ListView with the flow set to QListView::LeftToRight
              place it in a horizontal layout and place a button left and right of the view .
              The only thing missing now is a fitting delegate for your ListView


              Be aware of the Qt Code of Conduct, when posting : https://forum.qt.io/topic/113070/qt-code-of-conduct


              Q: What's that?
              A: It's blue light.
              Q: What does it do?
              A: It turns blue.

              1 Reply Last reply
              1
              • D duck18
                15 Aug 2021, 20:55

                I have not had much success with the provided resources so if there is anyone has any ideas I would greatly appreciate it. something like this is what I am trying to accomplish in a qt c++ widget based project for windows.

                T Offline
                T Offline
                Thank You
                wrote on 16 Aug 2021, 07:10 last edited by
                #7

                @duck18
                Can you tell what problems you got?

                Let's make QT free or It will go forever

                TRUE AND FALSE <3

                D 1 Reply Last reply 16 Aug 2021, 20:18
                0
                • E eyllanesc
                  15 Aug 2021, 21:05

                  @duck18 This type of elements is better to use QML since it allows the implementation of new elements in a simple way.

                  D Offline
                  D Offline
                  duck18
                  wrote on 16 Aug 2021, 19:45 last edited by
                  #8

                  @eyllanesc Thank you for the suggestion. I had come to the same conclusion after a complete day reading the qt documentation. no sleep was had but I at least now I have another person agreeing with me on a more solid path to follow in a circle ;)

                  1 Reply Last reply
                  0
                  • E eyllanesc
                    15 Aug 2021, 21:05

                    @duck18 This type of elements is better to use QML since it allows the implementation of new elements in a simple way.

                    D Offline
                    D Offline
                    duck18
                    wrote on 16 Aug 2021, 19:57 last edited by
                    #9

                    @eyllanesc Thank you for the info. once I'm done reinstalling Qt I will try this out. I somehow messed up the Qt quick designer: libraries, minwig build and play feature and broke the form view display in designer. I have no idea what I did to it other the straight murder apparently lol. ironically the examples and tutorial files worked fine though. I think the problem was initially caused when I first (orthodoxically) installed it do to plain ignorance.

                    1 Reply Last reply
                    0
                    • T Thank You
                      16 Aug 2021, 07:10

                      @duck18
                      Can you tell what problems you got?

                      D Offline
                      D Offline
                      duck18
                      wrote on 16 Aug 2021, 20:18 last edited by
                      #10

                      @Thank-You absolutely. so the main problem I ran into was my inability to understand what large amounts of there code did and having no success trying to follow that rabbit hole of information. I had gone down so many side paths of what each line and function did that I couldn't simple manipulate the examples to my desired goal. then (currently too) I am not able to find clear enough documentation on how to add a qml/QQuick UI element to a C++ widget based application using QQuickWidget. I very well may need help on that topic. but in the end the examples were similar to what I wanted but there particular Pagination like behaver was not what I was really looking for. but I will try to make this particular widget ui item in QML and add it to the widget based app.

                      T 1 Reply Last reply 17 Aug 2021, 10:53
                      0
                      • D duck18
                        16 Aug 2021, 20:18

                        @Thank-You absolutely. so the main problem I ran into was my inability to understand what large amounts of there code did and having no success trying to follow that rabbit hole of information. I had gone down so many side paths of what each line and function did that I couldn't simple manipulate the examples to my desired goal. then (currently too) I am not able to find clear enough documentation on how to add a qml/QQuick UI element to a C++ widget based application using QQuickWidget. I very well may need help on that topic. but in the end the examples were similar to what I wanted but there particular Pagination like behaver was not what I was really looking for. but I will try to make this particular widget ui item in QML and add it to the widget based app.

                        T Offline
                        T Offline
                        Thank You
                        wrote on 17 Aug 2021, 10:53 last edited by
                        #11

                        @duck18
                        I am sure this will be much easier with QML

                        Let's make QT free or It will go forever

                        TRUE AND FALSE <3

                        1 Reply Last reply
                        0

                        6/11

                        16 Aug 2021, 05:27

                        • Login

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