[clock app] Scrollable lists on scrollable pages are unintuitive

Thanks for your bug report. As you correctly pointed out, the hardcoding of values is affecting the functionality of the clock app. This is something I need to address asap but haven't got to doing yet. There are several things which are being hardcoded such as,

1. The height of the animation counter. -> I tried using page.height to make it dynamic, but then it displays an error message regarding binding loops.

2. Height of the stopwatch, clock, timer and upcoming alarm list.

Instead of hardcoding they should dynamically adjust based on the phone dimensions.

To answer your question about the page scrolling animation, basically every page has two states: the first being the state where the clock is fully visible. In this state the listview is hidden. The second state is the state where the clock face is partially visible while the list view is shown prominently. We do not allow any intermediate view points for the flickable. The animations are there to provide a smooth transistion between these states.

A fix for this would be highly appreciated :)

On looking through the design documents, it seems this is the desired behavior. The reason we hardcoded the listheight to some random value units.gu(21) is to ensure that at all times, the listview shows only 3 items. Anything more than 3 items will require the user to scroll the listview. If you are wondering why the listview should show only 3 items, that's because when the user scroll the entire page, the clock face should end up like https://lh5.googleusercontent.com/e_O6xn6quRh81wFBPFPZK3Ani-M5w0FFY4IPH_QQ0aaezyPdPPNkJCg0OC-3kc__bdPU4cgAxw_WK1aABt2jqpl-Z-t-7iffKPJYIUPkVCS1LjNcm70pMjCY6g. For that layout it is not possible to let the listview size to be more than 3 since it will then push the clock face above.

However I do agree that static hardcoding of values is not recommended which results in some bugs that I noticed. As a result, I have a branch at https://code.launchpad.net/~nik90/ubuntu-clock-app/dynamic-positioning-part1, which removes all hardcoded values like this.

Thanks for bringing this to my attention.

I have nonetheless added the UX team to this so that they can make the decision to allow dynamic listview height so that the scrollable inside a scrollable page can be removed. I need design approval before I implement this.

On Fri, Sep 20, 2013 at 4:59 AM, Nekhelesh Ramananthan
<email address hidden> wrote:
> If you are wondering why the listview should show only 3
> items, that's because when the user scroll the entire page, the clock
> face should end up like https://lh5.googleusercontent.com
> /e_O6xn6quRh81wFBPFPZK3Ani-M5w0FFY4IPH_QQ0aaezyPdPPNkJCg0OC-
> 3kc__bdPU4cgAxw_WK1aABt2jqpl-Z-t-7iffKPJYIUPkVCS1LjNcm70pMjCY6g. For
> that layout it is not possible to let the listview size to be more than
> 3 since it will then push the clock face above.

I suppose that makes sense, but it also explain part of what I found
confusing. On my Nexus 4, even with only one location, the clock face
scrolls off the screen. (See attached screenshot.)

@designers, I wonder if this is really a necessary behavior, as the
"Current location" item will also display the current time.

> I suppose that makes sense, but it also explain part of what I found confusing. On my Nexus 4, even with only one location, the clock face scrolls off the screen. (See attached screenshot.)

It doesn't anymore. I think the update hasnt yet landed in the phone. If you try the latest trunk build on your desktop, you will see that now it is proper flickable (scrolling page) which allows you to stop anywhere. Previously (like in your screenshot), it was a custom flickable which allowed only two states. One state where if you scroll up even a tiny bit, it will move all the way to the top. And the other state is the default state that you see when you open the clock app. I have removed that state behavior completely.

> @designers, I wonder if this is really a necessary behavior, as the "Current location" item will also display the current time.

This I agree. It is redundant to have the analog face (with digital clock) and a listview showing the current location.

New design will fix the problem

This has been fixed in the new clock app. The fix won't be backported to the old clock app since the old clock app will be replaced by the new one in a week or two.