Browser not supported

Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
JC Tabary JC Tabary

Invision Studio : Double scroll Android Market like..

hey guys, have been struggling to get a prototype showing 2 scrolling features, the same used in the Android market for instance.

 

1 - The whole screen scrolls vertically.

2 - App shows tiles on the very top that need to scroll horizontally

I know it can be done with the swap right/left interaction but cannot make it work.. any idea?

thanks

 

2

comments

sort by


Lala Galindo
InVision ambassador Lala Galindo , ambassador

JC,

Thank you for posting! Would the vertical tiles stacked under each horizontal tile would they stay the same or be different? Meaning horizontal tile 1 has a set of stacked vertical tiles? Horizontal tile 2 has a different set of stacked vertical tiles?

Look forward to hearing back and helping out!

Thanks,

Lala
0

JC Tabary
InVision ambassador JC Tabary , ambassador

Hey Lala, 

 

thanks for your quick reply.. everything will remain the same for the time being. First stack (6 boxes scolling horizontally), other stack beneath could belong to the same group and will move vertically only.

 

Thanks,

 

JC

0

Lala Galindo
InVision ambassador Lala Galindo , ambassador Edited

JC,

To make it look like it's actually scrolling, I use gifs for these type of animations. 

Screen 1 (Static img): PNG or JPG img of X axis tile 1 with Z axis tile

 

 

Screen 2 (Photoshop animated img WITH NO LOOPING): GIF of screen 1's X axis moving to tile 2 with Z axis tiles static

 

 

 

Screen 3 (Static img): PNG or JPG img of X axis tile 2 with Z axis tiles

 

When uploaded to InVision, you can set a hotspot area of swipe or scroll horizontally on the X axis tiles to instantly open to the gif. 

Hope this helps! Please let me know if you need further help on this :)

Lala

 

0

JC Tabary
InVision ambassador JC Tabary , ambassador

Cool.. thanks Lala, I'll at this!! ;-)

0

join the conversation

to comment, sign up or sign in.