How make interface like this

Dear visitor, welcome to QtForum.org. If this is your first visit here, please read the Help. It explains how this page works. You must be registered before you can use all the page's features. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

celsowm

Beginner

Posts: 4

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)

T.M.F.

Trainee

Posts: 149

Sunday, March 23rd 2008, 5:23pm

RE: How make interface like this

You can use QDockWidget with QToolBox + QWidget.

celsowm

Beginner

Posts: 4

Monday, March 24th 2008, 12:19pm

RE: How make interface like this

Do you know an example on the web?

T.M.F.

Trainee

Posts: 149

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.

celsowm

Beginner

Posts: 4

Monday, March 24th 2008, 2:21pm

RE: How make interface like this

Thanks! I try this
Look http://doc.trolltech.com/qq/qq06-qwidgetstack.html

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

SchranZViruS

Beginner

Posts: 38

Location: Germany

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

celsowm

Beginner

Posts: 4

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)

janus

Beginner

Posts: 25

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)