[Axure rp]– A design example of an automatic pull-down form when the mouse slides into a button

Ext.: http://blog.qdac.cc/?p=2197

Axure RP is a good thing ah, greatly facilitate the programmer and customers in the early investigation between the exchange. However, there are some controls that do not have the mouse to move in and out of the operation, such as HTML buttons, in order to simulate the mouse to move in or out of the dynamic display of the drop-down list of what effect, we use the dynamic panel to do processing. Of course, all roads lead to Rome, and this road may not be the best, for reference only.

1, drag a dynamic panel to the editing area;

2, double-click to add a state, we named "Normal", to represent the mouse does not slip out of the state;

3, double-click "Normal" status, to enter the normal state editing page;

4, in the dynamic panel of the normal state editing page to place an HTML button, left a little space, and then record the size, my is 110x30;

5, back to the original page, the dynamic panel size adjusted to the same button, around a little space;

6, double-click the dynamic panel again, copy the "normal" state for the new state, named "Across";

7, double-click "Mouse slide into" The state "to enter the" Across "status edit page;

8, modify the HTML button titled "Mouse Across";

9. Add a table located directly below the button to simulate the popup form;

10, record the "mouse slide in" The status of the panel size, such as mine is 300x120;

11, back to the original dynamic Panel edit page, and then select the dynamic panel, on the right side of the "part interaction and Comments" section, select More, find the mouse and mouse out, set up the use case separately:

• Mouse Move in
  • Set the panel status to "across";
  • Set the panel size to 300x120;
• Mouse move out
  • Set the panel status to "normal";
  • Set the panel size to 110x30;

12, good, now look at the effect of the operation.

"Note" If there are other controls underneath the buttons, the table may be obscured, so just set a tab in the mouse-down event to make the dynamic panel sticky.

[Axure rp]– A design example of an automatic pull-down form when the mouse slides into a button