ABC's in Contact list

9 views
Skip to first unread message

anmldr

unread,
Jan 8, 2009, 10:15:27 AM1/8/09
to iPhoneWebDev
Has anyone here found a way to replicate the ABC control on the right
side (small and faint) along the right side of the screen for fast
scrolling in a long list?

Linda

Matteo

unread,
Jan 9, 2009, 4:53:53 AM1/9/09
to iPhoneWebDev
Yes, it definitely can be done. You have to completely override the
standard iphone scrolling functions and write your own (I wrote an
article about it recently http://groups.google.com/group/iphonewebdev/browse_thread/thread/9d011830ffedfdbf).
I quickly extended my script to obtain something like this:

http://cubiq.org/media/movies/contacts-list.mov

Please note that it's just a "proof of concept". I did not implemented
the touchmove over the "ABC", just the touchstart. I'll do a tutorial
about it if there's interest.

anmldr

unread,
Jan 9, 2009, 3:50:29 PM1/9/09
to iPhoneWebDev
Thank you.


On Jan 9, 3:53 am, Matteo <mat...@gmail.com> wrote:
> Yes, it definitely can be done. You have to completely override the
> standard iphone scrolling functions and write your own (I wrote an
> article about it recentlyhttp://groups.google.com/group/iphonewebdev/browse_thread/thread/9d01...).

anmldr

unread,
Jan 9, 2009, 5:18:07 PM1/9/09
to iPhoneWebDev
I looked at the video and thought that it was great. Then I tried it
in the simulator and on my iPhone and it doesn't work as in the video.

Thanks
Linda

Matteo

unread,
Jan 9, 2009, 5:48:24 PM1/9/09
to iPhoneWebDev
The article is just about the scrolling functionality (and so the
example you probably saw), that is the 90% of the contact list "ABC"
control. The video is just a quick demo I did to show that the script
can be expanded to do what you were asking. I'll probably do a new
tutorial about the ABC control in the near future. I did not published
the code of this video since it was just a draft.

Matt

anmldr

unread,
Jan 10, 2009, 2:53:37 PM1/10/09
to iPhoneWebDev
I did find one web site that has it working great.

http://i.zami.com/iphone/#2

>I'll probably do a new
> tutorial about the ABC control in the near future.

Thanks. Let us know if you do.

Linda

Matteo

unread,
Jan 17, 2009, 4:52:49 AM1/17/09
to iPhoneWebDev
a working demo (only on iphone, ipod touch and simulator, not safari
for mac)

http://cubiq.org/dropbox/abc

it's not perfect, but it works. I'll try to optimize it in the next
days. Event listeners could be created and removed on the fly as
needed, and I think the scrolling function could be made smoother.
Probably it's not ready for production but it's a good starting point
nonetheless. Hope to be able to write a post about this function on my
blog when it will be finished.

Cheers

anmldr

unread,
Jan 17, 2009, 8:06:43 PM1/17/09
to iPhoneWebDev
I tried it on the simulator but it doesn't work. I don't have cell
phone service at the moment but will try it tomorrow on my iPhone.
Thanks for continuing working on this.

Linda

Matteo

unread,
Jan 18, 2009, 3:20:01 AM1/18/09
to iPhoneWebDev
I (re)tried on all versions of the emulator and works like a charm for
me...

Matt

anmldr

unread,
Jan 18, 2009, 4:02:06 PM1/18/09
to iPhoneWebDev
Strange. Today it works great for me on the simulator. I have no idea
what was wrong yesterday. All that I did was to open the simulator and
that address was still in the URL bar. It loaded and worked fine for
me as well.

Thanks,
Linda

Matteo

unread,
Jan 19, 2009, 5:21:09 AM1/19/09
to iPhoneWebDev
The script has been drastically improved thanks to Antoine Quint
suggestions (both the scrolling script and the contact list).

You find the new screen cast at http://cubiq.org/media/movies/contact-list-iphone.mov
(I removed the old one), the code is at the same location
http://cubiq.org/dropbox/abc/ (you may need to refresh).
I hate to link my own blog, but really, I'm not doing it for the web
traffic. I don't have banners/sponsors and I'll never have. Anyway on
my website you'll also find a small article about this code. Have fun.

I think that the script for content scrolling is definitive. I
wouldn't know how to optimize it more than this. Maybe the
deceleration could be improved. I'll keep you updated.

Matteo
Reply all
Reply to author
Forward
0 new messages