Editing Hildon-Extras
Warning: You are not logged in.
Your IP address will be recorded in this page's edit history.
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
Hildon-Extras is a set of community-contributed widgets (that's GTK+ widgets, not Desktop widgets) and dialogs that can be used by application developers to provide a usable, well-balanced interface. Some of these widgets provide functionality that the "stock" [[Hildon]] widgets don't provide, and some dialogs are touch-friendly versions of existing dialogs in GTK+ and/or Hildon. | Hildon-Extras is a set of community-contributed widgets (that's GTK+ widgets, not Desktop widgets) and dialogs that can be used by application developers to provide a usable, well-balanced interface. Some of these widgets provide functionality that the "stock" [[Hildon]] widgets don't provide, and some dialogs are touch-friendly versions of existing dialogs in GTK+ and/or Hildon. | ||
- | + | * http://hildon-extras.garage.maemo.org/ | |
- | * http://hildon-extras.garage.maemo.org | + | |
- | == | + | ==List of applications using Hildon-Extras== |
- | + | * [http://maemo.org/downloads/product/Maemo5/conboy/ Conboy] (HeCheckButton, HeFullscreenButton, HeAboutDialog) | |
- | + | * [http://thpinfo.com/2010/maepad/ MaePad] (HeAboutDialog, HeFullscreenButton, HeSimpleColorDialog) | |
- | + | * [http://mrawviewer.garage.maemo.org MRAWViewer] (HeFullscreenManager at the moment, planning to add HeAboutDialog for the next release) | |
- | + | * [https://garage.maemo.org/projects/maemo-mapper/ Mapper] (HeAboutDialog) | |
- | + | * [http://maemo.org/downloads/product/Maemo5/custom-operator-name-widget/ Custom Operator Name Widget] (HeColorDialog) | |
- | + | * [http://maemo.org/downloads/product/Maemo5/gpodder/ gPodder] (HeAboutDialog) | |
- | + | * [http://maemo.org/downloads/product/Maemo5/panucci/ Panucci] (HeAboutDialog) | |
- | + | * [http://wiki.maemo.org/Queen_BeeCon_Widget Queen BeeCon Widget] (HeFont*, He*Color*) | |
- | + | * [https://garage.maemo.org/projects/sticky-notes/ Sticky Notes] (HeSimpleColorDialog and HeAboutDialog since version 0.2) | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | * [http://maemo.org/downloads/product/Maemo5/conboy/ Conboy] ( | + | |
- | * [http://thpinfo.com/2010/maepad/ MaePad] ( | + | |
- | * [http://mrawviewer.garage.maemo.org MRAWViewer] ( | + | |
- | * [https://garage.maemo.org/projects/maemo- | + | |
- | + | ||
- | * [http://maemo.org/downloads/product/Maemo5/custom-operator-name-widget/ Custom Operator Name Widget] ( | + | |
- | * [http://maemo.org/downloads/product/Maemo5/gpodder/ gPodder] ( | + | |
- | * [http://maemo.org/downloads/product/Maemo5/panucci/ Panucci] ( | + | |
- | * [ | + | |
- | * [https://garage.maemo.org/projects/sticky-notes/ Sticky Notes] ( | + | |
- | + | ||
- | + | ||
- | + | ||
* ''(add yours here)'' | * ''(add yours here)'' | ||
- | ==Widget Gallery== | + | == Widget Gallery == |
- | + | [[Image:HeAboutDialog.png|thumb|The about dialog from MaePad]] | |
- | === | + | ===HeAboutDialog=== |
- | + | The HeAboutDialog is a replacement for GtkAboutDialog and provides a finger-friendly, good-looking about dialog with optional buttons for: | |
- | + | * Project website | |
+ | * Bug tracker ("Enter new bug") | ||
+ | * Donations page | ||
- | + | There is a [http://en.wikipedia.org/wiki/Wrapper_function wrapper] that can be used by [[Qt]]-based applications for this dialog in QtHeWrapper. | |
- | [ | + | If you are writing a Python application, you might be interested in the Python port of HeAboutDialog: [http://repo.or.cz/w/gpodder.git/blob_plain/HEAD:/src/gpodder/gtkui/frmntl/about.py Download about.py] |
- | + | [[Image:HeCheckButton.png|thumb|An example check button]] | |
- | + | [[Image:HeFullscreenButton.png|thumb|The HeFullScreenButton]] | |
- | + | ||
- | + | ||
- | + | === HeCheckButton === | |
+ | HeCheckButton is a check button with primary and secondary labels. The standard HildonCheckButton supports only one label. | ||
- | + | This button can be very handy for developers who would like to provide some description about the functionality of a check box. | |
- | === | + | === HeFullscreenButton === |
+ | HeFullscreenButton is a button to '''leave''' full screen mode. It is visible after the user touched the screen or pressed a key and it vanishes after 5 seconds of inactivity. | ||
- | + | === HeSimpleColorDialog === | |
This dialog provides a finger-friendly, limited list of colors (a Tango-ish color palette) for the user to choose from. Especially useful when the color selection does not have to be "that special shade of green" but rather "a nice green" (for example to colorize categories or items). | This dialog provides a finger-friendly, limited list of colors (a Tango-ish color palette) for the user to choose from. Especially useful when the color selection does not have to be "that special shade of green" but rather "a nice green" (for example to colorize categories or items). | ||
- | |||
- | |||
- | |||
Example code and use cases: | Example code and use cases: | ||
Line 78: | Line 52: | ||
* MaePad uses it for coloring the text of checklist items and for the color in sketches ([http://repo.or.cz/w/maepad.git/blob/HEAD:/src/ui/callbacks.c src/ui/callbacks.c]) | * MaePad uses it for coloring the text of checklist items and for the color in sketches ([http://repo.or.cz/w/maepad.git/blob/HEAD:/src/ui/callbacks.c src/ui/callbacks.c]) | ||
- | + | [[Image:HeSimpleColorDialog.png|thumb]] | |
- | + | === HeColorDialog === | |
+ | Let the user select a color by selecting the intensity of the red, green and blue channel. Also provides hex input/output of the color. | ||
- | + | [[Image:HeColorDialog.png]] | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | [[Image: | + | |
+ | === HeFontDialog === | ||
Lets the user choose a font together with a font size. It also offers bold and italic styles. | Lets the user choose a font together with a font size. It also offers bold and italic styles. | ||
- | + | [[Image:HeFontDialog.png]] | |
- | + | ||
- | [[Image: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | === HeColorButton === | |
+ | On tapping the HeColorButton opens the HeColorDialog and lets the user select a color. This color is then displayed on the HeColorButton. | ||
- | + | [[Image:HeColorButton.png]] | |
- | + | === HeFontButton === | |
+ | On tapping the HeFontButton displays a HeFontDialog that lets the user select a font. The selected font is then displayed on the HeFontButton. | ||
- | [[Image:HeFontButton.png | + | [[Image:HeFontButton.png]] |
- | |||
[[Category:Development]] | [[Category:Development]] | ||
[[Category:Documentation]] | [[Category:Documentation]] | ||
[[Category:Fremantle]] | [[Category:Fremantle]] |
Learn more about Contributing to the wiki.