
Qt4-designer is a great cross platform application used for GUI design of applicatons, It has inbuilt programs like qmake to generate the c++ code of the GUI application, which you can modify to say what the application to do, when clicked on a button or so . U can get it on ubuntu by apt-get
"sudo apt-get install qt4-designer qt4-dev-tools qt4-doc"
The above command installs qt4 with documentation on ur system. Now when u open qt4-designer from Applications->Programming->Qt4 Designer u will see the that all the windows scattered around the desktop, If u want to

- close the new form window.
- go to Edit->preferences->(in User interface mode change option from Multiple Top-Level windows to Docked).
Now we create a new layout by selecting New form from main menu (file->newform). which gives an option in selecting the default design
After selecting the design, u can just drag and drop widgets (combobox,text edit , line edit, etc....... which u see in the left column)on to the main GUI window. just play around with them. If at anytime u want to see how your application looks in the end choose form->preview from the toolbar
U might have observed that the widgets doesn't resize when you resize


Play around with the layouts and the widgets to get the final form of your application's gui. Keep a track of the property editor where u can edit the properties of widgets, layouts, spacing, etc .......
- Property editor : u can edit the properties of the widgets like size behaviour name etc .....
- signal/slot editor : control the inner connections between the widgets
- Object inspector : shows the list of the widgets placed and how they are linked
- Widget box : contains all the widgets to be placed,
- Resource editor : All the icons data are store in seperate file than in the ui file, add icons to ur resource file.