Wednesday, January 7th 2009, 12:38pm UTC

You are not logged in.

  • Login
  • Register

1

Wednesday, March 19th 2008, 4:52pm

How make interface like this

Hi,
I work on a project called changingsong. This program will have many tasks, and therefore need an interface for quick access Tasks (bibles verses, lyrics, sets...)

How make interface in qt designer like this:
What widgets I use?




Thanks

This post has been edited 1 times, last edit by "celsowm" (Mar 20th 2008, 1:24pm)

  • Go to the top of the page

2

Sunday, March 23rd 2008, 5:23pm

RE: How make interface like this

You can use QDockWidget with QToolBox + QWidget.
  • Go to the top of the page

3

Monday, March 24th 2008, 12:19pm

RE: How make interface like this

Do you know an example on the web?
  • Go to the top of the page

4

Monday, March 24th 2008, 2:09pm

RE: How make interface like this

No, but some basic concepts you can find in Qt examples. Basically it's simple, just create layout using QDockWidget, on the left side insert QToolBox, the main widget you can create manually after events received from QToolBox, or you can create them all, and only hide/show appropiate widget.
  • Go to the top of the page

5

Monday, March 24th 2008, 2:21pm

RE: How make interface like this

This post has been edited 1 times, last edit by "celsowm" (Mar 24th 2008, 2:31pm)

  • Go to the top of the page

Posts: 38

Location: Germany

6

Tuesday, March 25th 2008, 6:45pm

I would interpret it as following:

- The left "category" selection is an QListView with huge icons as an QDockWidget (you can get the index of the clicked item by catching the clicked() signal and getting the row by index.row() and calling QWidgetStack.raiseWidget() )
- The main widget is an QStackedWidget.
- The currently visible main site can be realized either with an sublassed QLabel with an pixmap and an layout with the labels on it or with an own widget and painting the background in paintEvent()
- Menus, Toolbos etc are self describing

An the whole stuff, of course, with QMainWindow
  • Go to the top of the page

7

Wednesday, March 26th 2008, 12:50pm

Thanks !
I just can not align the icons in listwidget...

NEW: i discovered this : http://api.kde.org/3.5-api/kdelibs-apido…_8h-source.html


but, how make this interface in qt-designer?

This post has been edited 1 times, last edit by "celsowm" (Mar 27th 2008, 7:04pm)

  • Go to the top of the page

8

Saturday, March 29th 2008, 9:51am

hi,

there is a Qtexample which is quite similar : http://doc.trolltech.com/4.2/dialogs-configdialog.html

You can build something like this in the designer with a listview and stackedwidget as already said above. What I would like to know is how they do it in the kde example that the complete "cell" (Picture plus text) is highlighted when selected. In the designer only the the icon and the text itself change their color.

This post has been edited 1 times, last edit by "janus" (Mar 29th 2008, 9:52am)

  • Go to the top of the page

Rate this thread