Current location - Recipe Complete Network - Complete cookbook of home-style dishes - How does Axure draw a dynamic menu quickly?
How does Axure draw a dynamic menu quickly?
If you were asked to draw a dynamic navigation menu with Axure software, would you draw it? I think 90% of my friends may not! Let's teach you how to draw a dynamic menu with xure in detail! Besides, can't the prototype of Axure product demand be drawn? Come on, professional lecturers teach you how to learn Axure on the basis of 0, and quickly go from product white to prototype god ~ 7 sets of interactive self-study video lessons of Axure prototype are provided, which can be mastered by both new and old hands ~

Dynamic menu method of axonometric drawing;

Step 1: Put in a dynamic panel and rename it as a dynamic navigation menu.

Step 2: Double-click the dynamic navigation menu to enter the editing state, add a dynamic panel, resize it, and rename it as module 1.

Step 3: Double-click the module 1 to enter the editing state, add a rectangle, resize it as big as the module 1, and rename it as a first-level menu.

Step 4: put the state 1 under the rename module, and then copy a state rename expansion.

Step 5: Rename the first-level menu to the first-level menu-expand it in the expansion panel, and then add several second-level menus numbered 123.

Step 6: Click the first-level menu under the folding panel, and add the event when the mouse clicks _ Set panel status _ Select module 1 _ Expand _ Push/Pull component _ Select linearity.

The function of push-pull elements is that when there are multiple modules, when one module is folded and unfolded, other module elements can move up and down without being covered. Step 7: Similarly, set the folding action of the first-level menu-expand under the expansion panel.

Step 8: Preview at this time, and you will find that the expanded state of the panel only shows the first-level menu-expand, and there is no second-level menu; Just click the module 1, right-click _ and select Auto-resize to content size.

Step 9: If you want to increase the user experience, you can do this: select the secondary menu and right-click to add styles.

What Bian Xiao added here is the mouse hover and the selected style.

After setting the style here, you need to right-click the option group to prevent the selected style from appearing in three secondary menus at the same time.

Step 10: At this time, we need to add a selection action to the secondary menu, click the secondary menu 1, and add the mouse click _ Set Selection _ Select secondary menu1; Other secondary menu operations are the same as above.

Step 1 1: At this time, our module has been made as soon as possible. Of course, there must be multiple modules in a navigation menu, so we can click module 1 to copy several modules and number module 2 and module 3.

Step 12: Then you're done! Go and have a try.

The above is "How does Axure draw a dynamic menu quickly?" How about related content? Is it helpful for your Axure prototype? Learning Axure, a single knowledge may be difficult to fully interact with the product prototype, so it is better to learn from Axure articles ~Axure self-study, and then, master the knowledge points of the course comprehensively and quickly! Novices can also learn ~