User:Declan.mcgrath: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 22: | Line 22: | ||
= Create a simple Form with QT4 Designer<br> = | = Create a simple Form with QT4 Designer<br> = | ||
*Create a folder on disk for your project, for example, my_first_project | *Create a folder on disk for your project, for example, my_first_project | ||
*Start up QT4 Designer<br> | *Start up QT4 Designer<br> | ||
| Line 29: | Line 29: | ||
*The default form is a Dialog with Buttons Right. Stick with that and click Create<br> | *The default form is a Dialog with Buttons Right. Stick with that and click Create<br> | ||
*Drag a List View from the Item Widgets (Item-Based) selection of widgets on the left onto the form. Be careful NOT to choose the List View from the Item Widgets (Model-Based)<br> | *Drag a List View from the Item Widgets (Item-Based) selection of widgets on the left onto the form. Be careful NOT to choose the List View from the Item Widgets (Model-Based)<br> | ||
*Right-click the List View that is now dragged on the form<br> | *Right-click the List View that is now dragged on the form<br> | ||
#Select Edit Items<br> | #Select Edit Items<br> | ||
#Click the green plus icon on the left to add an item<br> | #Click the green plus icon on the left to add an item<br> | ||
#Enter the text: First line<br> | #Enter the text: First line<br> | ||
#Click the green plus icon on the left to add an item | #Click the green plus icon on the left to add an item | ||
#Enter the text: Second line | #Enter the text: Second line | ||
*Save what we've done by selecting Save As in the File Menu | *Save what we've done by selecting Save As in the File Menu | ||
#Choose the filename dashboard.ui for your file and click save | #Choose the filename dashboard.ui for your file and click save | ||
#This file contains and XML representation of the form you just created<br><br> | #This file contains and XML representation of the form you just created<br> | ||
*If you want to take a quick look at your form select Preview from the Form menu<br> | |||
*But we're done with GUI stuff now! Let's get hacking... | |||
<br> | <br> | ||
Revision as of 05:14, 15 August 2009
Developing Ruby QT Applications using QT Designer and Ruby on Ubuntu
These instructions are tested with Ubuntu Jaunty Jackalope 9.04 .
Install the appropriate packages
From a command line terminal run
- sudo aptitude install libkorundum4-ruby1.8
- sudo aptitude qt4-designer
- sudo aptitude libqt4-ruby1.8-dev
- sudo aptitude install libqt4-ruby1.8-examples
- sudo aptitude install qt4-doc qt4-doc-html qt4-demos
- sudo aptitude install qt-creator (you may not need this)
Create a simple Form with QT4 Designer
- Create a folder on disk for your project, for example, my_first_project
- Start up QT4 Designer
- Select QT 4 Designer from the Applications->Programming menu or...
- From a command line terminal run: designer-qt4
- The default form is a Dialog with Buttons Right. Stick with that and click Create
- Drag a List View from the Item Widgets (Item-Based) selection of widgets on the left onto the form. Be careful NOT to choose the List View from the Item Widgets (Model-Based)
- Right-click the List View that is now dragged on the form
- Select Edit Items
- Click the green plus icon on the left to add an item
- Enter the text: First line
- Click the green plus icon on the left to add an item
- Enter the text: Second line
- Save what we've done by selecting Save As in the File Menu
- Choose the filename dashboard.ui for your file and click save
- This file contains and XML representation of the form you just created
- If you want to take a quick look at your form select Preview from the Form menu
- But we're done with GUI stuff now! Let's get hacking...