How can I simulate the gestures of a mobile photo app?

Dan Carlson shared this question 5 years ago
Answered

I've explored the tutorials on gestures and move interactions and i cannot find a way to simulate the inertia-like movement within a photo browsing app.


I would like to be able to simulate a gallery of images that the user can swipe up and down to reveal images above and below their current position. I don't want the Swipe to move the images by a pre-specified amount, which appears to be my only option. I want the user to be able to naturally swipe the gallery up and down and reveal however they want.


Likewise, i would like to simulate the left-right swipe navigation of multiple single images. A user should be able to swipe left or right on a photo to have it slide in that direction and push/pull the next image into view.

Comments (3)

photo
1

If you are going to see the prototype in a mobile device, just place the images inside a dynamic panel with scroll. As for the swipe with slide transition, take a look at this tutorial:


http://www.justinmind.com/prototyper/...

photo
1

Thanks Victor - that tutorial looks useful for the single image swipe.


What if i want to allow a user to scroll a gallery view vertically by swiping and i don't want a scroll bar to appear?

photo
1

If you are going to simulate the prototype in a computer, and not in a real mobile device, then there is no way to do it. Unless you can wait two weeks for the next release that will include an option to do it. If you run the prototype in a real mobile device, then you don't need to do anything special cause the scroll bars will be automatically hidden.