×

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

Please sign in to leave a comment.

  • Avatar
    Lala Galindo

    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
  • Avatar
    JC Tabary

    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
  • Avatar
    Lala Galindo

    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
  • Avatar
    JC Tabary

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

    0