Difference between revisions of "Development/Tutorials/Using Qt Creator"

Jump to: navigation, search
Line 1: Line 1:
 +
{{Template:I18n/Language Navigation Bar|Development/Tutorials/Using Qt Creator}}
 +
 +
QtCreator is an IDE from Nokia for Qt. It contains QtDesigner for UI design.
 +
 +
= Creating a new program =
 +
 +
Qt Designer is a graphical program which allows you to easily build user interfaces, using a ''drag n drop'' interface. Here is a short example how it can go, for more information read the [http://qt.nokia.com/doc/designer-manual.html user documentation].
 +
 +
;Step 0:
 +
Call Qt Designer from within the [http://labs.trolltech.com/page/Projects/Tools/QtCreator QtCreator] [http://en.wikipedia.org/wiki/Integrated_development_environment IDE]:
 +
qtcreator
 +
 +
;Step 1:
 +
Add the widgets you want by drag-and-drop
 +
 +
[[File:Designer-step1.png|200px]]
 +
 +
;Step 2:
 +
Select the mainwindow. This is the one un-intuitive step. To lay out the objects in the mainwindow, you do not select the objects in the mainwindow, but the mainwindow itself.
 +
 +
[[File:Designer-step2.png|200px]]
 +
 +
;Step 3:
 +
Select Form -> Lay Out in a <u>G</u>rid
 +
 +
[[File:Designer-step3.png|200px]]
 +
 +
;Result:
 +
You get a decent look, and if you resize the window, the widgets resize as well.
 +
 +
[[File:Designer-result.png|200px]]
 +
 +
== Adding a toolbar ==
 +
To add a toolbar, right-click on the UI and choose "Add Toolbar". Then you can set icons and text in your mainwindow's constructor with code like this:
 +
ui->toolBar->addAction(QIcon("/usr/share/icons/oxygen/22x22/apps/ktip.png"),"hello world");
 +
 
= See also =
 
= See also =
 
* [[Development/Tutorials/Using Qt Designer]]
 
* [[Development/Tutorials/Using Qt Designer]]
 
* [[Getting_Started/Set_up_KDE_4_for_development#QtCreator]]
 
* [[Getting_Started/Set_up_KDE_4_for_development#QtCreator]]

Revision as of 07:32, 28 February 2010


Contents

Development/Tutorials/Using Qt Creator


QtCreator is an IDE from Nokia for Qt. It contains QtDesigner for UI design.

Creating a new program

Qt Designer is a graphical program which allows you to easily build user interfaces, using a drag n drop interface. Here is a short example how it can go, for more information read the user documentation.

Step 0

Call Qt Designer from within the QtCreator IDE:

qtcreator
Step 1

Add the widgets you want by drag-and-drop

Designer-step1.png

Step 2

Select the mainwindow. This is the one un-intuitive step. To lay out the objects in the mainwindow, you do not select the objects in the mainwindow, but the mainwindow itself.

Designer-step2.png

Step 3

Select Form -> Lay Out in a Grid

Designer-step3.png

Result

You get a decent look, and if you resize the window, the widgets resize as well.

Designer-result.png

Adding a toolbar

To add a toolbar, right-click on the UI and choose "Add Toolbar". Then you can set icons and text in your mainwindow's constructor with code like this:

ui->toolBar->addAction(QIcon("/usr/share/icons/oxygen/22x22/apps/ktip.png"),"hello world");

See also


KDE® and the K Desktop Environment® logo are registered trademarks of KDE e.V.Legal