[WIP] Hildon Qt Components - maemo.org

Active Topics

fMobi will not connect (7)
to Applications by setter - 1 min ago
[SOLVED] Flashing unflashable N9 (3)
to Nokia N9 / N950 by PIDk - 2 mins ago
Dropbox (64)
to MeeGo / Harmattan by ruplee76 - 7 mins ago
[Announce] N9/50 QuickTweak app (for PR1.3 only) - v9.7.6 (6,905)
to Nokia N9 / N950 by Schturman - 33 mins ago
[Announce] Rocket - Twitter Client (69)
to MeeGo / Harmattan by suzughia - 34 mins ago
U-Boot for Nokia RX-51 with BootMenu (updated version 2012.10-rc3-1) (700)
to Alternatives by disappear - 38 mins ago
N900 and N9(SOLD) for sale (22)
to Buy & Sell by joeD - 40 mins ago
[Announce] apkenv (N900, N950, N9) (1,092)
to Games by amr.fayz - 40 mins ago
Problems with Modest and Gmail (126)
to Maemo 5 / Fremantle by freemangordon - 45 mins ago
[MeeGo] WeChat on Nokia N9? (32)
to Applications by mick3_de - 46 mins ago
Notes: Internal error. Application 'Notes' Closed. (10)
to Applications by badazimer - 1 hr, 14 mins ago
[Announce] CSSU Testing thread (1,338)
to Maemo 5 / Fremantle by panjgoori - 1 hr, 15 mins ago
more...

Page 1 of 4

Next >

Last »

Thread Tools

Search this Thread

	marxian	08-08-2012 , 12:23 PM
	Posts: 2,141 \| Thanked: 7,705 times \| Joined on Aug 2010 @ Wigan, UK	#1

Recently, I have been working on a set of Hildonized Qt Components for Maemo5. The purpose of this project is to enable easy building of UIs using the Hildon style for those that do not wish to use QtGui/GTK widgets. The project provides a number of QML components along with C++ plugins to provide backend functionality, similar to Harmattan/Symbian Qt Components. The current list of completed components is:

BusyIndicator
Button
ButtonRow
CheckBox
Contact - Visual component for displaying contacts
ContextMenu
ContextMenuItem
ContextMenuLayout
Dialog
DialogButton
FileBrowserDialog - Fully functional file browser enabling choosing of files/folders and creation of new folders
FilterBox - Used with a ListView to filter a list
FilterListView - ListView with FilterBox component
InfoBanner
InfoNote
Label
ListItem - Base delegate for ListView
MaskedItem
MenuAction - Menu filter
MenuActionGroup - Container for MenuAction
MenuItem
MenuLayout
MultiSelectionDialog - Equivalent to QMaemo5ListPickSelector allowing multiple selections
MultiSelectionItem - Convenience component comprising of a SelectionButton and MultiSelectionDialog
Page
PageStackWindow
ProgressBar
QueryDialog
RatingIndicator
ScrollDecorator
SearchBox - TextField with some convenience functions for searching/filtering
SelectionButton - Equivalent to QMaemo5ValueButton
SelectionDialog - Equivalent to QMaemo5ListPickSelector
SelectionItem - Convenience component comprising of a SelectionButton and SelectionDialog
Slider
StylusButton
TabBar
TabButton
TabGroup
TextArea
TextField
ToolBar
ToolBarLayout
ToolButton
WebShortcut - Visual component for displaying web shortcuts

The global properties available are:

theme - provides access to theme constants such as fonts and transition values
screen - provides access to screen information such as size and orientation

More components will be added to these in future.

Many of these components have associated style components (set via the platformStyle property), which are used to set visual properties. The properties and signals are, where possible, the same as those for the Harmattan components, but I will document them fully once I have them in the repositories. The main difference is in the use of the drop-down menu where Harmattan uses the toolbar. So, for Hildon Qt Components, the tools of a Page component are set like this:

Code:

Page {
    id: root

    tools: MenuLayout {

        MenuItem {
            text: "Menu Item 1"
        }

        MenuItem {
            text: "Menu Item 2"
        }

        MenuItem {
            text: "Menu Item 3"
        }
    }
}

As shown in the screenshots below, components other than the MenuItem can also be used in a menu. These components will be resized accordingly.

Blur transitions are provided for the components, but are disabled by default for performance reasons. The default desaturation is a blurless transition with full color. The blur transitions can be enabled via the global theme property:

Code:

theme.enableDesaturationEffects = true;

More generally, the transition values are taken from the transitions.ini file. The values are loaded at startup and made available via the global theme property. Images are accessed in a similar way to the Harmattan components. To load an image from the current theme:

Code:

Image {
    source: "image://theme/some_image"
}

Or an icon (currently 48x48 icon is used):

Code:

Image {
    source: "image://theme/icon/some_icon"
}

Some screenshots:

Latest source is at https://github.com/marx1an/qt-components-hildon

__________________
MusiKloud - A SoundCloud client for the Nokia N9

cuteTube - YouTube and Dailymotion client.

MeeFolders - Organise your N9 applications into folders.

Hildon Event Feed - Event Feed application and homescreen widget.

toBuntu - Ubuntu One client.

QDL - GUI download manager.

Last edited by marxian; 01-27-2013 at 08:50 PM. Reason: Added github link

Quote & Reply |

The Following 63 Users Say Thank You to marxian For This Useful Post:
abbra, ade, ahmadamaj, amr.fayz, anthonie, Bundyo, c4rl05, datjomp, djdas, don_falcone, elros34, freemangordon, fw190, gionni88, gregoranderson, Helmuth, Hurrian, inean, ivgalvez, ivyking, javispedro, jcharpak, kent_autistic, klinglerware, laith.m.y, MaddogG, marmistrz, MartinK, mattaustin, MINKIN2, Mitrigol, MohammadAG, mrsellout, mr_pingu, munozferna, nick.read, nicolai, nkirk, nodevel, panjgoori, parancibia, pelago, pycage, qwazix, ranbaxy, rcolistete, reinob, sbock, sifo, sixwheeledbeast, Slocan, soryuuha, Stskeeps, te37v, thedead1440, trx, tullamulla, vetsin, Vlad_on_the_road, w00t, wesq, Wreck, ZogG

	qwazix	08-08-2012 , 12:54 PM
	Community Council \| Posts: 2,324 \| Thanked: 4,354 times \| Joined on Jan 2010	#2

Wow! I've been thinking to start doing something like that, I even started something but I never found the time to continue. Awesome work. I must find something to start coding with them.

__________________
Proud coding competition 2012 winner: ρcam
My other apps: speedcrunch N9 N900 –– contactlaunch –– timenow

Nemo UX blog: Grog
My website: qwazix.com
My job: oob

Quote & Reply |

The Following User Says Thank You to qwazix For This Useful Post:
marxian

ivgalvez	08-08-2012 , 02:26 PM
Posts: 1,330 \| Thanked: 1,992 times \| Joined on Nov 2009 @ Madrid, Spain	#3

How is this related with QtComponents for Fremantle?

Last edited by ivgalvez; 08-09-2012 at 02:29 AM.

Quote & Reply |

	marxian	08-08-2012 , 02:45 PM
	Posts: 2,141 \| Thanked: 7,705 times \| Joined on Aug 2010 @ Wigan, UK	#4

Originally Posted by ivgalvez

How is this related with qtComponents for Fremantle?

It isn't related to that project, because the goals are different. QtComponents for Fremantle is about enabling applications written using Harmattan QtComponents to run unaltered on Fremantle using Harmattan UX. Hildon QtComponents is about enabling developers to create applications with Hildon UX using QML. The component names and properties are kept as similar to Harmattan QtComponents as possible for familiarity, but there is very little code shared between the two projects (only the PageStack component, I think). Hildon QtComponents does not depend on QtComponents for Fremantle.

Quote & Reply |

The Following 6 Users Say Thank You to marxian For This Useful Post:
fw190, Helmuth, ivgalvez, jcharpak, MartinK, ZogG

munozferna	08-08-2012 , 03:52 PM
Posts: 191 \| Thanked: 480 times \| Joined on Oct 2009 @ Colombia	#5

Fantastic work! is there any place to check your work? please make it available on the extras (extras-devel) repo, that way it can be easily added as a dependency for new QML applications for Fremantle

Quote & Reply |

The Following User Says Thank You to munozferna For This Useful Post:
vetsin

	marxian	08-08-2012 , 08:13 PM
	Posts: 2,141 \| Thanked: 7,705 times \| Joined on Aug 2010 @ Wigan, UK	#6

Originally Posted by munozferna

Fantastic work! is there any place to check your work? please make it available on the extras (extras-devel) repo, that way it can be easily added as a dependency for new QML applications for Fremantle

I'll be uploading to extras-devel as soon as I've sorted out the packaging and installation details.

Quote & Reply |

The Following User Says Thank You to marxian For This Useful Post:
fw190

freemangordon	08-09-2012 , 03:18 PM
Posts: 2,222 \| Thanked: 8,485 times \| Joined on Mar 2010 @ Sofia,Bulgaria	#7

Great job pal.

Does it need Qt from CSSU?

EDIT:

Hmm, I realize my question sounds silly in the light of your statement that you'll upload that to extras-devel

__________________
Never fear. I is here.

720p video support on N900,SmartReflex on N900,Keyboard and mouse support on N900
Nothing is impossible - Stable thumb2 on n900

Community SSU developer
kernel-power developer and maintainer

Last edited by freemangordon; 08-09-2012 at 03:24 PM.

Quote & Reply |

The Following User Says Thank You to freemangordon For This Useful Post:
marxian

jackburton	08-09-2012 , 04:56 PM
Posts: 361 \| Thanked: 508 times \| Joined on Jan 2009	#8

long live the N900

Quote & Reply |

The Following User Says Thank You to jackburton For This Useful Post:
marxian

	marxian	08-10-2012 , 05:03 AM
	Posts: 2,141 \| Thanked: 7,705 times \| Joined on Aug 2010 @ Wigan, UK	#9

Originally Posted by freemangordon

Great job pal.

Does it need Qt from CSSU?

EDIT:

Hmm, I realize my question sounds silly in the light of your statement that you'll upload that to extras-devel

I don't believe it will require Qt 4.7.4, unless I use QSystemInfo for the battery indicator etc. Presumably there are lower-level methods to get battery info and such that would enable me to avoid using the high-level QtMobility APIs.

EDIT: Also, I don't suppose you know the answer to my question of how to determine which theme is currently being used? I need to be able to tell my QDeclarativeImageProvider where to load the images from (and also load transistions.ini if the theme overrides the default one).