Demo: scroller with A-Z index

[splash21]

I've been asked a few times of it's possible to have a scroller with the vertical A-Z index like the iPhone contacts app. This demo shows a similar set up using the following;

1/ The contact list: a native scroller with a text field.
2/ The index: a graphic with rounded ends and a text field.

The code is in the card script so that once the index has been touched, your finger doesn't have to stay on top of the index as you move up and down the screen. It works in the simulator and the device.

ScrollerAZIndexDemo.zip

(128.59 KiB) Downloaded 517 times

Depending on your needs, you could improve on this idea or re-engineer it using alternative controls. Hope it's useful as a starting point


John



Here it is running on the iPhone4

A-Z.jpg (28.3 KiB) Viewed 7255 times

[splash21]

You could also add the following code to the script of the 'Contacts' field;

Code: Select all

on touchEnd pId
   answer the value of the clickLine
end touchEnd

An easy way to take an action when an entry is touched.

[BarrySumpter]

mobGUI keeps gettin better and better.

But this scroller looks like its only for i$hone.

Soooo jealous!

[cenglish]

This helped a lot. However, I do have one question remaining.

How can I get this same effect if I have a list of data filling the scrolling field in the preopenstack event? For instance, I have data that is preloaded and could change. Any way I can add in the alphabet letters on the fly into my scrolling field in order to get this same effect?

[cenglish]

Does anyone know how to make this work if you're preloading data in the preopenstack? I have a database that I'm pulling from that I can't go in and put A, B, C, and so on into. Anyone got any ideas for a shortcut to make this work so that I can have that "quickjump" capability in the scolling field? Any feedback would be greatly appreciated. Thanks

[Jellicle]

Does anyone know how to make this work if you're preloading data in the preopenstack? I have a database that I'm pulling from that I can't go in and put A, B, C, and so on into. Anyone got any ideas for a shortcut to make this work so that I can have that "quickjump" capability in the scolling field? Any feedback would be greatly appreciated. Thanks

Just grab your database text and parse it to insert the A,B, C etc before you put it into the field? How much data is there?

Gerry

[BarrySumpter]

Might be out of context but
yesterday I was trying to populate a DataGrid on a card where the card wasn't open or loaded yet.
Once I loaded the card first then the script that populated the DataGrid worked.
Too many fumblings about on my part to be more specific.

hth