Appcelerator Titanium Demo - Horizontal Card Scrolling

Horizontal scrolling and flipping over cards. The swipe event doesn't really work. It triggers even if you move really slowly. This is more like the springboard - it follows your touch when you move slowly and scrolls to the next panel when you fling it.

Category:

Education

Tags:

• appcelerator
• titaniam
• demo
• card
• scrolling
• horizontal
• swipe

[Lecavalier14]

Hi there,

Did you use a scrollableview ? Or are you using an array of cards and window's swipe event for horizontal scrolling?

I'm trying to create that effect (show one card at the center and a "preview" of the next and/or previous cards at the right and left of the window - a little like webOS cards) but I think it cannot be done using scrollableviews.

Thanks a lot!

(sorry for the bad English & gramma)

[xiaoxiaobaby]

@Lecavalier14 I'm not using a scrollableview because i wanted the edges of the adjacent cards to show up. you could use scrollableviews to achieve a similar effect, however you wouldn't see the next cards, nor would there be flipping.

I'm using an array of views and doing the touch inputs manually.

[prisme]

could you please post this on github ? I'm struggling to do something similar ..

[fireant202]

If you want to fire a single "swipe" event, you can have a property that you check on each swipe call. On the initial call, alter this property and only reset it once all your animations or done (in the animation.oncomplete function).

[sabiokap]

Neatly done. Can you post a snippet of your code for the card scroll?