How to make an Axure carousel

Recently, I am learning axure, and the version I use is Axure 9. Let me tell you how to use the carousel map, the old-fashioned nanny teaching method

1. Drawing

1. Create a new page for us to make pictures

 2. Search for the word "Dynamic Panel" in the component library, and set up a dynamic panel. Why do you need to set it up? Simply speaking, the dynamic panel can realize page transformation and other functions. If it is static, it can only display one picture, and it can change multiple graphics dynamically. . With the dynamic panel, you can have a blue sky, and the static one can only be lonely and widowed.

Search for "Dynamic Panel" in the component library and find the corresponding one and pull it over. You can also right-click and select the graphic to set the dynamic panel.

 Or find the graphics you like, right click at the bottom, create dynamic graphics

3. Create a suitable status bar and arrange it in the order you want. You can find the corresponding interface in the outline. Be sure to pull it to the position! ! ! The pictures are played in order

 Be sure to pull to the corresponding frame

 4. Adjust the picture to the same size as the dynamic panel (the order of pulling pictures is no longer affected, because they are already in the specific category, picture 1 is the first one)

5. The key link! ! !

 Setting interaction, this one is also very simple, be sure to click on the dynamic panel to set the interaction

When loading means that after entering the page

set panel state

 Just follow the steps for this one.

 2. Make the button

If you want to add buttons, do the same as the above operation, but you must remember to make three buttons directly

1. New dynamic panel

 I directly combined ctrl+G here, so that it is convenient to copy to Figure 12

 Select the dynamic panel to create a new interaction, select the dynamic template --- new interaction --- when loading --- set the panel state --- current original --- next --- check the automatic cycle --- In more options, the cycle interval is the same as the picture, nothing else

3. Button

The button is at the same level as the dynamic panel

New Interaction----Set Action: Mouse Click---Target Original: Dynamic Panel--Status: Previous or Next, check the last one to automatically cycle the first one

 

Guess you like

Origin blog.csdn.net/qq_56437391/article/details/130771342