iPhone slider effect

15 views
Skip to first unread message

Frank Mena

unread,
Nov 7, 2010, 11:32:50 AM11/7/10
to GWT-FX
Is there a way to slide between to pages like on an iPhone? It means
that while a page is sliding out to the left, a new page is sliding in
that the right edge of the old page is connected to the left edge of
the new phone.

Adam T

unread,
Nov 7, 2010, 12:15:29 PM11/7/10
to GWT-FX
Hi Frank,

I think I've done something like what you're suggesting.

I created a table inside a div element. Each cell in the table was
set to the size of the browser screen.

Then I added a morph effect to the div and moved that around as
necessary by altering the top and left properties, i.e. to slide a
"page" in from the right, move the div to the left the width of the
page (you have to turn off windows scroll bars etc).

That's one way at least, hope it helps.

//Adam

Frank Mena

unread,
Nov 7, 2010, 12:27:48 PM11/7/10
to GWT-FX
That's a very interesting way of implementing the problem. (BTW, no
visible scroll bars in the iPhone)

I could have a div with a table with 4 or more TD's. When switching
to a main page view, I just set TD 1 to the main page. As I need to
slide to the right, I can add the pages to the next TD and slide to
it, and so on.

As a matter of fact, I can have each main page with it's child page(s)
preset in the div/table. Then I can just display that div and slide
accordingly. I could pre-package the whole thing as a class. Looks
like the beginnings of an iPhone-GWT-FX library ;-). Thanks, great
idea!

BTW, excellent response time to my question.

Frank
Reply all
Reply to author
Forward
0 new messages