Axure Tutorial: Mobile left and right Sliding Interaction

Widgets Setup

2. Convert them to dynamic panel

Here is a small point, everyone pay attention.

Interactions Setup

After the widgets are done, we need to start adding events. Let’s first think about what effect we need at the end:

  1. The three small modules can slide left and right, and the contents of the sliding should move together;
  2. Sliding left and right requires boundary. The leftmost side cannot exceed the leftmost position of the module, and the rightmost side cannot exceed the rightmost position of the module.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store