[DISCUSSION] iOS-like indexed (table view) List for Flex

[Marcus Fritze <ma...@googlemail.com>]

Hi list,

ok the subject is maybe not completely clear, so I will try to explain a little bit.

I think it would be nice to have a List component which works like the "indexed list table view" 
on iOS as component for web and desktop/mobile.

Maybe every iOS / OS X user has already seen such a list.

But I think it would be a good idea to explain usability.

As you can seen here in the picture [1], on top of the list is name of the current index. 
In the example it's "A". The indexes have the same row on top of every "index". And when you 
scroll down to "B", the top "B-index-row" will move to the top of the list and will stay there 
(when showing all children of B).

I think it's clear what I mean.

Would it worth to integrate such a list in Flex? Or could this be realized with Item-Render (but I don't think so)?

[1] http://developer.apple.com/library/ios/documentation/userexperience/conceptual/tableview_iphone/Art/tv_indexed_list.jpg

Thanks!

Marcus Fritze

Re: [DISCUSSION] iOS-like indexed (table view) List for Flex

[Mick Powell <mi...@veeops.com>]

Hello Marcus,

I agree that this would be something valuable in a formal context (for List or maybe a sub-class) for the SDK. 

In the meantime though, I managed to cobble together something quickly for a mobile mock-up that I was working on from this post: http://corlan.org/2011/07/04/creating-flex-mobile-section-lists/

There are things there that might not be best practice, but this as an idea for how to work it with renderers. I got round the sizing of the "header" against my "items" by using the minHeight property on the renderer.

By the way everyone - congratulations on 4.10!

All the best,

Mick

On Aug 6, 2013, at 1:59 PM, Marcus Fritze <ma...@googlemail.com> wrote:

> Hi list,
> 
> ok the subject is maybe not completely clear, so I will try to explain a little bit.
> 
> I think it would be nice to have a List component which works like the "indexed list table view" 
> on iOS as component for web and desktop/mobile.
> 
> Maybe every iOS / OS X user has already seen such a list.
> 
> But I think it would be a good idea to explain usability.
> 
> As you can seen here in the picture [1], on top of the list is name of the current index. 
> In the example it's "A". The indexes have the same row on top of every "index". And when you 
> scroll down to "B", the top "B-index-row" will move to the top of the list and will stay there 
> (when showing all children of B).
> 
> I think it's clear what I mean.
> 
> Would it worth to integrate such a list in Flex? Or could this be realized with Item-Render (but I don't think so)?
> 
> [1] http://developer.apple.com/library/ios/documentation/userexperience/conceptual/tableview_iphone/Art/tv_indexed_list.jpg
> 
> Thanks!
> 
> Marcus Fritze