Axure Tutorial: Make Sliders with Dynamic Panel
Introduction Sliders are often used to display multiple products and news. It is a control we often use. Today, let's…
Sliders are often used to display multiple products and news. It is a control we often use. Today, let’s learn how to make sliders through dynamic panel.
1. Slider body
The slider body is made through the dynamic panels. Here we set a total of 4 states. Each state has a different name.
Make arrows from 2 circles.
There are 4 indicators in total, corresponding to the number of dynamic panel states.
Set the selected style of the indicators, select the first indicator by default, and set the selection group of the indicators.
When clicking the previous / next arrow, set the state of the dynamic panel to the previous or next, and animate and wrap.
When the state of the dynamic panel changes, select the corresponding indicator according to the conditions.
When the dynamic panel is loaded, set the dynamic panel to automatically change to the next, and set to repeat, delay first state change by 3000 ms.
In this way, all the settings are completed. If you have any questions and suggestions, please leave a message.