maemo.org - Talk

maemo.org - Talk (https://talk.maemo.org/index.php)
-   Development (https://talk.maemo.org/forumdisplay.php?f=13)
-   -   [Announce] Circular timepicker qml component (https://talk.maemo.org/showthread.php?t=87278)

qwazix 2012-10-07 14:54

[Announce] Circular timepicker qml component
 
1 Attachment(s)
Attachment 29083
The default qml timepicker uses that slotmachine arrangement which is terrible in terms of usability, and is by definition a dialog, which is not always desired.

On the other hand the circular meegotouch timepicker is visually beautiful, easy and intuitive to use (like an analog clock), so I decided to implement a similar qml component. The component is not a direct clone nor it uses the meegotouch theme as it is implemented for nemo which does not aim to clone harmattan, but if somebody wants to change the artwork it should be trivial to do it.

For the time being it doesn't have animations (PathAnimation, which is coming in qml2 will help do that animation easily, so for now it's deferred) and it is 12h only (you have to create a switch by yourself to cater for AM/PM.

You can see a demonstration here http://youtu.be/1FWN7J6Vfa4
and code is on http://github.com/qwazix/qmltimepicker

Feel free to use it in your projects.

ZogG 2012-10-07 14:58

Re: [Announce] Circular timepicker qml component
 
Here are timepicker and datepicker exactly looking like native from one of the devs here — https://gitorious.org/harmattan-timepicker

ZogG 2012-10-07 15:04

Re: [Announce] Circular timepicker qml component
 
http://va-sorokin.blogspot.co.il/201...an-native.html - his announcement on his blog :)

qwazix 2012-10-07 15:08

Re: [Announce] Circular timepicker qml component
 
Nice. I would recommend people to use that for harmattan applications then.

If you need a circular slider this component can still be useful.

don_falcone 2012-10-07 15:22

Re: [Announce] Circular timepicker qml component
 
Quote:

Originally Posted by qwazix (Post 1277643)
Attachment 29083
The default qml timepicker uses that slotmachine arrangement which is terrible in terms of usability, and is by definition a dialog, which is not always desired.

I'd like to ask how come that you find the usability terrible? (Disclaimer: i actually like such an arrangement, mainly for its compact design - in contrast circular uses up much more screen estate)
That is, if the Harmattan one is not vastly different to Fremantle.

qwazix 2012-10-07 15:45

Re: [Announce] Circular timepicker qml component
 
1. 60 items are too much to show in a flickable list. The user can't know how hard to flick to go directly to (or even near) the minute he wants, and one big swipe often isn't enough (you run out of screen). On the other hand you need one tap on the circle, and it's obvious where to tap unless you can't read an analog clock.

2. When you flick upwards you cover the slot with your finger so it's difficult to see what you're going to choose

3. If we had an inline slotmachine with only the selected time visible and the other values showed up only while dragging I would accept the screen space argument. In fact, I would prefer it in some circumstances (depending on the frequency of choosing times) over a pop-up circular picker but in the current situation the qml timepicker is a dialog that by definition takes up the whole screen and adds two unnecessary taps.

4. Inconsistency: There's no cancel button in other dialogs, the buttons aren't themed like the other dialog buttons, and there is no X button. That dialog is like a hastily made custom component.

Jeffrey04 2012-10-07 16:19

Re: [Announce] Circular timepicker qml component
 
what about tap in the middle to switch AM/PM?


All times are GMT. The time now is 11:17.

vBulletin® Version 3.8.8