|
|
| (29 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| ==Glade== | | ==Glade([[KWWidgets/Projects/UIDesigner/Application/PreviousWork/GladeStudyResults#foot_note_1| |
| | |
| :''Glade is a free user interface builder for GTK+ and GNOME, released under the GNU GPL License.''
| |
| | |
| :''The user interfaces designed in Glade are saved as XML, and by using the libglade library these can be loaded by applications dynamically as needed. (Glade can also generate C code, though this isn't recommended for large applications.)''
| |
| | |
| :''By using libglade, Glade XML files can be used in numerous programming languages including C, C++, Java, Perl, Python, C#, Pike, Ruby, Haskell, Objective Caml and Scheme. Adding support for other languages is easy too.''
| |
| | |
| Quote taken from Glade's [http://glade.gnome.org/ portal page].
| |
| | |
| The version used for this study is version 2.12.0, included in the ''Breezy Badger'' release of the Ubuntu distribution.
| |
| | |
| ==List of basic widgets==
| |
| | |
| These are the basic gtk+ widgets (you can get a glimpse of the look of several of these widgets [http://developer.gnome.org/doc/API/2.0/gtk/ch02.html here]):<br><br>
| |
| | |
| :'''<u>Window</u>''' : A toplevel widget which can contain other widgets. [http://developer.gnome.org/doc/API/2.0/gtk/GtkWindow.html GTK+ reference manual]<br><br>
| |
| :'''<u>Menu bar</u>''' : A drop down menu consisting of a list of menu items used to perform application functions. [http://developer.gnome.org/doc/API/2.0/gtk/GtkMenu.html GTK+ reference manual]<br><br>
| |
| :'''<u>Toolbar</u>''' : Create bars of buttons and other widgets. [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolbar.html GTK+ reference manual]<br><br>
| |
| :'''<u>Handle box</u>''' : A bin widget which displays its child and a handle that the user can drag to tear off a separate window (the float window) containing the child widget. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHandleBox.html GTK+ reference manual]<br><br>
| |
| :'''<u>Toolbar with buttons</u>''' : A specialized toolbar that contains buttons. [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolButton.html GTK+ reference manual related topic]<br><br>
| |
| :'''<u>Toolbar with toggle buttons</u>''' : A specialized toolbar that contains toggle buttons. [http://developer.gnome.org/doc/API/2.0/gtk/GtkToggleToolButton.html GTK+ reference manual related topic]<br><br>
| |
| :'''<u>Toolbar with radio buttons</u>''' : A specialized toolbar that contains radio buttons. [http://developer.gnome.org/doc/API/2.0/gtk/GtkRadioToolButton.html GTK+ reference manual related topic]<br><br>
| |
| :'''<u>Toolbar with separator item</u>''' : A specialized toolbar that contains separators widgets which separates groups of toolbar items. The separator is either vertical or horizontal depending on the theme. [http://developer.gnome.org/doc/API/2.0/gtk/GtkSeparatorToolItem.html GTK+ reference manual related topic]<br><br>
| |
| :'''<u>Label</u>''' : Displays a small amount of text. A label widget may contain mnemonics, which are underlined characters used for keyboard navigation. [http://developer.gnome.org/doc/API/2.0/gtk/GtkLabel.html GTK+ reference manual]<br><br>
| |
| :'''<u>Text entry</u>''' : A single line text entry field. [http://developer.gnome.org/doc/API/2.0/gtk/GtkEntry.html GTK+ reference manual]<br><br>
| |
| :'''<u>Combo box entry</u>''' : A text entry field with a dropdown list. [http://developer.gnome.org/doc/API/2.0/gtk/GtkComboBoxEntry.html GTK+ reference manual]<br><br>
| |
| :'''<u>Text view</u>''' : A multiline line text entry field. Text is stored in the UTF-8 encoding and might use tags to specify certain attributes, like ''<bold>''. [http://developer.gnome.org/doc/API/2.0/gtk/TextWidget.html GTK+ reference manual]<br><br>
| |
| :'''<u>Button</u>''' : A widget that creates a signal when clicked on. It can hold almost any other standard child widget. [http://developer.gnome.org/doc/API/2.0/gtk/GtkButton.html GTK+ reference manual]<br><br>
| |
| :'''<u>Toggle button</u>''' : Create buttons which will remain 'pressed-in' when clicked. Clicking again will cause the toggle button to return to its normal state. [http://developer.gnome.org/doc/API/2.0/gtk/GtkToggleButton.html GTK+ reference manual]<br><br>
| |
| :'''<u>Check button</u>''' : Create widgets, normally labels, with a discrete toggle button next to it. [http://developer.gnome.org/doc/API/2.0/gtk/GtkCheckButton.html GTK+ reference manual]<br><br>
| |
| :'''<u>Radio button</u>''' : A choice from multiple check buttons. When one is selected, all other radio buttons in the same group are deselected. [http://developer.gnome.org/doc/API/2.0/gtk/GtkRadioButton.html GTK+ reference manual]<br><br>
| |
| :'''<u>Combo box</u>''' : A widget that allows the user to choose from a list of valid choices. When activated it displays a popup which allows the user to make a new choice. Choice values are not editable. [http://developer.gnome.org/doc/API/2.0/gtk/GtkComboBox.html GTK+ reference manual]<br><br>
| |
| :'''<u>Spin button</u>''' : A combination of a text entry field and two buttons. The user can click on one of two arrows to increment or decrement the displayed value or type it into the text enty. Validation can be performed. [http://developer.gnome.org/doc/API/2.0/gtk/GtkSpinButton.html GTK+ reference manual]<br><br>
| |
| :'''<u>List or tree view</u>''' : A widget for displaying both trees and lists. [http://developer.gnome.org/doc/API/2.0/gtk/GtkTreeView.html GTK+ reference manual]<br><br>
| |
| :'''<u>Icon view</u>''' : A widget which displays a grid of icons with labels, with possibility to select one or multiple items. [http://developer.gnome.org/doc/API/2.0/gtk/GtkIconView.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal separator</u>''' : It displays a horizontal line with a shadow to make it appear sunken into the interface. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHSeparator.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical separator</u>''' : It displays a vertical line with a shadow to make it appear sunken into the interface. [http://developer.gnome.org/doc/API/2.0/gtk/GtkVSeparator.html GTK+ reference manual]<br><br>
| |
| :'''<u>Image</u>''' : A widget displaying an image. The image may be an animation. [http://developer.gnome.org/doc/API/2.0/gtk/GtkImage.html GTK+ reference manual]<br><br>
| |
| :'''<u>Drawing area</u>''' : A widget for custom user interface elements. It's essentially a blank widget where you can draw on. [http://developer.gnome.org/doc/API/2.0/gtk/GtkDrawingArea.html GTK+ reference manual]<br><br>
| |
| :'''<u>Dialog</u>''' : Used to create popup windows. [http://developer.gnome.org/doc/API/2.0/gtk/GtkDialog.html GTK+ reference manual]<br><br>
| |
| :'''<u>File chooser dialog</u>''' : A file chooser dialog box, suitable for "File/Open" or "File/Save" commands. [http://developer.gnome.org/doc/API/2.0/gtk/GtkFileChooserDialog.html GTK+ reference manual]<br><br>
| |
| :'''<u>Color selection dialog</u>''' : A standard dialog box for selecting a color. [http://developer.gnome.org/doc/API/2.0/gtk/GtkColorSelectionDialog.html GTK+ reference manual]<br><br>
| |
| :'''<u>Font selection dialog</u>''' : A dialog box for selecting fonts available on the running system. [http://developer.gnome.org/doc/API/2.0/gtk/GtkFontSelectionDialog.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal box</u>''' : A container that organizes child widgets into a single row. All children are allocated the same height. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHBox.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical box</u>''' : A container that organizes child widgets into a single column. All children are allocated the same width. [http://developer.gnome.org/doc/API/2.0/gtk/GtkVBox.html GTK+ reference manual]<br><br>
| |
| :'''<u>Table</u>''' : A container useful to arrange widgets in rows and columns, making it easy to align many widgets next to each other, horizontally and vertically. [http://developer.gnome.org/doc/API/2.0/gtk/GtkTable.html GTK+ reference manual]<br><br>
| |
| :'''<u>Fixed positions</u>''' : A container which allows you to position widgets at fixed coordinates, given in pixels, with no automatic layout management. [http://developer.gnome.org/doc/API/2.0/gtk/GtkFixed.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal button box</u>''' : A container for arranging buttons horizontally. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHButtonBox.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical button box</u>''' : A container for arranging buttons vertically. [http://developer.gnome.org/doc/API/2.0/gtk/GtkVButtonBox.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal panes</u>''' : A container with two panes arranged horizontally. The division between the two panes is adjustable by the user by dragging a handle. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHPaned.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical panes</u>''' : A container with two panes arranged vertically. The division between the two panes is adjustable by the user by dragging a handle. [http://developer.gnome.org/doc/API/2.0/gtk/GtkVPaned.html GTK+ reference manual]<br><br>
| |
| :'''<u>Notebook</u>''' : A container whose children are pages that can be switched between using tab labels along one edge. [http://developer.gnome.org/doc/API/2.0/gtk/GtkNotebook.html GTK+ reference manual]<br><br>
| |
| :'''<u>Frame</u>''' : A bin that surrounds its child with a decorative frame and an optional label. If present, the label is drawn in a gap in the top side of the frame. [http://developer.gnome.org/doc/API/2.0/gtk/GtkFrame.html GTK+ reference manual]<br><br>
| |
| :'''<u>Scrolled Window</u>''' : A container the accepts a single child widget. It adds scrollbars to the child widget and optionally draws a beveled frame around the child widget. [http://developer.gnome.org/doc/API/2.0/gtk/GtkScrolledWindow.html GTK+ reference manual]<br><br>
| |
| :'''<u>Status bar</u>''' : A widget used to report messages of minor importance to the user. [http://developer.gnome.org/doc/API/2.0/gtk/GtkStatusbar.html GTK+ reference manual]<br><br>
| |
| | |
| ==List of additionnal widgets==
| |
| | |
| ===='''•'''Standard additionnal widgets====
| |
| | |
| These are the additionnal gtk+ widgets (you can get a glimpse of several of these widgets [http://developer.gnome.org/doc/API/2.0/gtk/ch02.html here]:<br><br>
| |
| | |
| :'''<u>About dialog</u>''' : Creates a window to display information about an application. [http://developer.gnome.org/doc/API/2.0/gtk/GtkAboutDialog.html GTK+ reference manual]<br><br>
| |
| :'''<u>Input dialog</u>''' : A dialog box which allows the user to configure XInput extension devices. This widget is considered too specialized/little-used for GTK+, and will in the future be moved to some other package. [http://developer.gnome.org/doc/API/2.0/gtk/GtkInputDialog.html GTK+ reference manual]<br><br>
| |
| :'''<u>Toolbar button with menus</u>''' : A toolbar item that contains a button and a small additional button with an arrow. When clicked, the arrow button pops up a dropdown menu. [http://developer.gnome.org/doc/API/2.0/gtk/GtkMenuToolButton.html GTK+ reference manual]<br><br>
| |
| :'''<u>Toolbar item</u>''' : The base class of widgets that can be added to toolbar. [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal scale</u>''' : A horizontal slider widget for selecting a value from a range. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHScale.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical scale</u>''' : A vertical slider widget for selecting a value from a range. [http://developer.gnome.org/doc/API/2.0/gtk/GtkVScale.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal ruler</u>''' : A widget arranged horizontally creating a ruler that is utilized around other widgets such as a text widget. The ruler is used to show the location of the mouse on the window and to show the size of the window in specified units, pixels, inches or centimeters. This widget is considered too specialized/little-used for GTK+, and will in the future be moved to some other package. [http://developer.gnome.org/doc/API/2.0/gtk/GtkHRuler.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical ruler</u>''' : A widget arranged vertically creating a ruler that is utilized around other widgets such as a text widget. The ruler is used to show the location of the mouse on the window and to show the size of the window in specified units, pixels, inches or centimeters. This widget is considered too specialized/little-used for GTK+, and will in the future be moved to some other package.[http://developer.gnome.org/doc/API/2.0/gtk/GtkVRuler.html GTK+ reference manual]<br><br>
| |
| :'''<u>Alignment</u>''' : A widget which controls the alignment and size of its child [http://developer.gnome.org/doc/API/2.0/gtk/GtkAlignment.html GTK+ reference manual]<br><br>
| |
| :'''<u>Event box</u>''' : A widget used to catch events for widgets which do not have their own window. [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Calendar</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Progress bar</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Layout</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Aspect frame</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Arrow</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Expander</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Curve</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Gamma curve</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Horizontal Scrollbar</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Vertical Scrollbar</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>File chooser</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Color selection</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Font selection</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Cell view</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>File chooser button</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Color chooser button</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Font chooser button</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Popup menu</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>View port</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| :'''<u>Custom widget</u>''' [http://developer.gnome.org/doc/API/2.0/gtk/GtkToolItem.html GTK+ reference manual]<br><br>
| |
| | |
| ===='''•'''Deprecated widgets====
| |
| | |
| These widgets are declared depracated but still supported :
| |
| | |
| :'''<u>Columned list</u>'''<br><br>
| |
| :'''<u>Columned tree</u>'''<br><br>
| |
| :'''<u>List</u>'''<br><br>
| |
| :'''<u>Combo box</u>'''<br><br>
| |
| :'''<u>File selection dialog</u>'''<br><br>
| |
| :'''<u>Option menu</u>'''<br><br>
| |
| :'''<u>Preview</u>'''<br><br>
| |
| | |
| | |
| ===='''•'''GNOME specific additionnal widgets====
| |
| | |
| With Glade one can create [http://www.gnome.org GNOME] specific projects. These are the GNOME specific widgets proposed by Glade :
| |
| | |
| :'''<u>GNOME application window</u>'''<br><br>
| |
| :'''<u>Druid</u>'''<br><br>
| |
| :'''<u>GNOME canvas</u>'''<br><br>
| |
| :'''<u>Icon selection</u>'''<br><br>
| |
| :'''<u>GNOME icon entry</u>'''<br><br>
| |
| :'''<u>GNOME HRef link button</u>'''<br><br>
| |
| :'''<u>GnomeDataEdit</u>'''<br><br>
| |
| :'''<u>GNOME application bar</u>'''<br><br>
| |
| :'''<u>Bonobo control</u>'''<br><br>
| |
| | |
| These are the GNOME specific widgets declared deprecated but still supported :
| |
| | |
| :'''<u>GNOME pixmap</u>'''<br><br>
| |
| :'''<u>GNOME dialog box</u>'''<br><br>
| |
| :'''<u>GNOME message box</u>'''<br><br>
| |
| :'''<u>Property dialog box</u>'''<br><br>
| |
| :'''<u>GNOME about dialog</u>'''<br><br>
| |
| :'''<u>Icon list</u>'''<br><br>
| |
| :'''<u>GNOME entry</u>'''<br><br>
| |
| :'''<u>GNOME file entry</u>'''<br><br>
| |
| :'''<u>GNOME pixmap entry</u>'''<br><br>
| |
| :'''<u>GNOME color picker</u>'''<br><br>
| |
| :'''<u>GNOME font picker</u>'''<br><br>
| |
