How do I add a QTCreator-like left bar to my program?

Question

I'm designing the GUI for a project, and I want a left bar like this ones

How do I put them in my .ui file?

This is not functionality that you can simply drag and drop into your project. You will need to design and create it yourself. — AJG85, Jun 06 '11 at 17:43

score 5 · Answer 1 · edited Jun 07 '11 at 07:57

You can try to use QToolBar with vertical orientation. To emulate tabs behavior you should put actions to QActionGroup and make them checkable.

For example to create left panel Qt creator like:

welcomeAct = new QAction(...)
toolbar->addAction(welcomeAct)
editAct = new QAction(...)
toolbar->addAction(editAct)
designAct = new QAction(...)
toolbar->addAction(designAct)
...

//add spacing
QLabel *spacing = new QLabel;
spacing->setSizePolicy(Qt::Expanding, Qt::Expanding);
toolbar->addWidget(spacing);

//adding aditional actions
runAct = new QAction(...)
toolbar->addAction(runAct)
runDebugAct = new QAction(...)
toolbar->addAction(runDebugAct)
buildAct = new QAction(...)
toolbar->addAction(buildAct)

// put "tabs" action in QActionGroup
group = new QActionGroup(this);
group->addAction(welcomeAct)
group->addAction(editAct)
group->addAction(designAct)
...

score 4 · Answer 2 · answered Jun 17 '11 at 07:43

4

Simplest way - is to use QtCreator's library libCorePlugin.so and corresponding includes (FancyTabBar.h) from QtCreator's srcs

answered Jun 17 '11 at 07:43

DimanNe

1,791
3
12
19

score 2 · Answer 3 · answered Jun 06 '11 at 19:17

You can most likely do it by putting everything into a QHBoxLayout, where the left hand side is a QVBoxLayout column of QPushButton's with icons matching what you want. Have the buttons trigger what the right hand pane looks like.

There is also the QTabBar which does most of this work for you. You just need to tell it to put the tabs on the left hand side.

How do I add a QTCreator-like left bar to my program?

3 Answers3