Results 1 to 17 of 17

Thread: Help drawing a gui

  1. #1
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Help drawing a gui

    Good morning,
    some time ago I started the developing of a simple audio editor that can edit 2 songs at the same time ( 2 wavewidgets ). So I started designing the gui but then the customer didn't like it.
    Giving a look at this image image.jpg you can see that there is a little info panes on the left of every wavewidget ( with some simple control as sliders and labels ). I would move this panel under the wave display ( where there are the others buttons ).
    How can I do it?
    Regards,
    Franco
    Franco Amato

  2. #2
    Join Date
    Jan 2006
    Location
    Germany
    Posts
    4,380
    Thanks
    19
    Thanked 1,005 Times in 913 Posts
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows Symbian S60
    Wiki edits
    5

    Default Re: Help drawing a gui

    Quote Originally Posted by franco.amato View Post
    I would move this panel under the wave display ( where there are the others buttons ).
    How can I do it?
    By rearange the elements using different kinds of layouts? If you were able to arrange the buttons under the waves then you should also be able to arrange the other elements there. Or did I miss an obvious point?

  3. #3
    Join Date
    Mar 2009
    Location
    Brisbane, Australia
    Posts
    7,729
    Thanks
    13
    Thanked 1,610 Times in 1,537 Posts
    Qt products
    Qt4 Qt5
    Platforms
    Unix/X11 Windows
    Wiki edits
    17

    Default Re: Help drawing a gui

    Assumption: The four widgets (control panel x 2 and wave widget x 2) and the two sets of controls are are in a grid layout currently.

    Solution: Switch to a vertical layout.

    I also assume there's more to your question than this.

  4. #4
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by ChrisW67 View Post
    Assumption: The four widgets (control panel x 2 and wave widget x 2) and the two sets of controls are are in a grid layout currently.

    Solution: Switch to a vertical layout.

    I also assume there's more to your question than this.
    Thank you. I would do this because the possible customer would have the wave display ( the part of the widget where the audio wave will be displayed ) as large as possible so I need to remove such little panel, so I don't know where to put it.
    I thought to put it under the wave display. Could I use a tab widget with 2 tab? 1 for the buttons and one for the sliders?
    Chris, no is not a grid layout, it's a vertical layout containing 2 H layouts
    Franco Amato

  5. #5
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Sorry in advance, I know this is not really a Qt post, but my experience in gui design is very little and this project ( ecp_studio ) is my first significant qt project.
    Franco Amato

  6. #6
    Join Date
    Jan 2006
    Location
    Germany
    Posts
    4,380
    Thanks
    19
    Thanked 1,005 Times in 913 Posts
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows Symbian S60
    Wiki edits
    5

    Default Re: Help drawing a gui

    If your customers what it that way (which in my opinion is not the best choice) then just add a second row and put all element there. From left to right.

    One other option your be to draw your left panel transparent over the wave form and alter the opacity when the mouse is over. Or give a small "show panel"-button, so the user can decide if it should be shown.

  7. #7
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by Lykurg View Post
    If your customers what it that way (which in my opinion is not the best choice) then just add a second row and put all element there. From left to right.

    One other option your be to draw your left panel transparent over the wave form and alter the opacity when the mouse is over. Or give a small "show panel"-button, so the user can decide if it should be shown.
    Thank you Lykurg,
    your idea of transparent panel seems very great. Is there any example I can see?
    Franco Amato

  8. #8
    Join Date
    Mar 2009
    Location
    Brisbane, Australia
    Posts
    7,729
    Thanks
    13
    Thanked 1,610 Times in 1,537 Posts
    Qt products
    Qt4 Qt5
    Platforms
    Unix/X11 Windows
    Wiki edits
    17

    Default Re: Help drawing a gui

    Or perhaps make each panel a horizontal set of widgets beneath the existing controls


    Edit: I should learn to read, Lykurg already said that

  9. #9
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by ChrisW67 View Post
    Or perhaps make each panel a horizontal set of widgets beneath the existing controls


    Edit: I should learn to read, Lykurg already said that
    Chris could I use a grid layout to layout buttons and 'panel controls' under the wave display?
    Franco Amato

  10. #10
    Join Date
    Mar 2009
    Location
    Brisbane, Australia
    Posts
    7,729
    Thanks
    13
    Thanked 1,610 Times in 1,537 Posts
    Qt products
    Qt4 Qt5
    Platforms
    Unix/X11 Windows
    Wiki edits
    17

    Default Re: Help drawing a gui

    You could but another nested horizontal layout would also do the trick. If you want the rearranged panel widgets to line up with the ones above then use a grid layout either for the entire layout or just around the play/stop controls and the panel widgets. If you want the panel widgets to be independent of the play/stop controls in horizontal spacing then go with a horizontal layout.

  11. #11
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by ChrisW67 View Post
    You could but another nested horizontal layout would also do the trick. If you want the rearranged panel widgets to line up with the ones above then use a grid layout either for the entire layout or just around the play/stop controls and the panel widgets. If you want the panel widgets to be independent of the play/stop controls in horizontal spacing then go with a horizontal layout.
    Or maybe I can move all the buttons into the little panel and move the panel ( containing ALL controls ) under the wave display.
    I can share the code
    Franco Amato

  12. #12
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by ChrisW67 View Post
    You could but another nested horizontal layout would also do the trick. If you want the rearranged panel widgets to line up with the ones above then use a grid layout either for the entire layout or just around the play/stop controls and the panel widgets. If you want the panel widgets to be independent of the play/stop controls in horizontal spacing then go with a horizontal layout.
    Chris,
    I thought to put ALL controls ( buttons under wavedisplay + widget in the little panel ) into a separate dialog that user can show when needed.
    Can you suggest an elegant way to do it? Gui design isn't definitively my best quality.

    Regards,
    Franco
    Franco Amato

  13. #13
    Join Date
    Jan 2006
    Location
    Warsaw, Poland
    Posts
    33,359
    Thanks
    3
    Thanked 5,015 Times in 4,792 Posts
    Qt products
    Qt3 Qt4 Qt5 Qt/Embedded
    Platforms
    Unix/X11 Windows Android Maemo/MeeGo
    Wiki edits
    10

    Default Re: Help drawing a gui

    I would probably use a splitter or a button to pop-up the controls (just like QComboBox pops up the list). With proper settings (Qt::Popup) the controls widget would hide itself automatically if you clicked outside it.
    Your biological and technological distinctiveness will be added to our own. Resistance is futile.

    Please ask Qt related questions on the forum and not using private messages or visitor messages.


  14. #14
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by wysota View Post
    I would probably use a splitter or a button to pop-up the controls (just like QComboBox pops up the list). With proper settings (Qt::Popup) the controls widget would hide itself automatically if you clicked outside it.
    Hi Wysota,
    sorry I didn't exactly undertsand your idea. Splitter is not used to divide a widget into many parts?

    Regards
    Franco Amato

  15. #15
    Join Date
    Jun 2007
    Location
    India
    Posts
    1,042
    Thanks
    8
    Thanked 133 Times in 128 Posts
    Qt products
    Qt3 Qt4 Qt/Embedded
    Platforms
    MacOS X Unix/X11 Windows

    Default Re: Help drawing a gui

    what about dock widgets or a simple floating toolbar?

  16. #16
    Join Date
    Nov 2007
    Location
    Italy
    Posts
    691
    Thanks
    59
    Thanked 1 Time in 1 Post
    Qt products
    Qt4
    Platforms
    Unix/X11 Windows

    Default Re: Help drawing a gui

    Quote Originally Posted by MrDeath View Post
    what about dock widgets or a simple floating toolbar?
    Hi but the floating toolbar shoudn't stay at the top of the mainwindow? Should I need 2 toolbar ( one per wave widget ).
    And the dock widget I'm not sure if it's a good idea as I need the wave display to be as large as possible,

    Regards
    Franco Amato

  17. #17
    Join Date
    Jan 2006
    Location
    Warsaw, Poland
    Posts
    33,359
    Thanks
    3
    Thanked 5,015 Times in 4,792 Posts
    Qt products
    Qt3 Qt4 Qt5 Qt/Embedded
    Platforms
    Unix/X11 Windows Android Maemo/MeeGo
    Wiki edits
    10

    Default Re: Help drawing a gui

    Quote Originally Posted by franco.amato View Post
    sorry I didn't exactly undertsand your idea.
    I don't know how much simpler I can describe it. I think it's pretty clear right now. See how QComboBox works and make something similar.

    Splitter is not used to divide a widget into many parts?
    RTFM
    Your biological and technological distinctiveness will be added to our own. Resistance is futile.

    Please ask Qt related questions on the forum and not using private messages or visitor messages.


Similar Threads

  1. Drawing in QML
    By JeffC in forum Newbie
    Replies: 10
    Last Post: 10th June 2011, 19:25
  2. 2D drawing
    By WXNSNW in forum Qt Programming
    Replies: 3
    Last Post: 6th October 2010, 00:01
  3. Drawing
    By chethana in forum Qt Programming
    Replies: 1
    Last Post: 16th October 2007, 07:29
  4. Drawing an arc.
    By munna in forum Qt Programming
    Replies: 6
    Last Post: 13th June 2006, 06:36
  5. Drawing using QT
    By Kapil in forum Newbie
    Replies: 1
    Last Post: 17th March 2006, 05:23

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Digia, Qt and their respective logos are trademarks of Digia Plc in Finland and/or other countries worldwide.