Axure RP Universal Label Switch Panel-dynamic panel toggle

Switchboard in the Web page is very common, such as video site of the TV series classified labels, information sites, information classification, etc. these interactive effects can be used in several states of the dynamic panel to switch to each other. Here's how to make a label like this. Step 1:

Drag a dynamic panel from the part gallery to the wireframe editing area and name the notification in the part Interaction and annotations window

Step 2:
Double-click the dynamic Panel "notification", open the Dynamic Panel Management window, click the "+" button, add 4 states, and name the status: Announcements, rules, forums, security, public welfare

Step 3:
In the Notification Dynamic Panel Management window, double-click the Post status, open the Post status, and enter the contents of the bulletin in the post status

Step 4:
Select the text in the post, in the part properties and Styles window, click Hover, open the Set Interaction Style window, set the font color when the mouse hovers: #FF4400; switch to the label "mouse button pressed" To set the font color: #FF4400.

Step 5:
Open the Announcements status, select Announcements, and in the part interaction and Comments window, double-click the mouse over event to open the use Case editor

Step 6:
In the use Case editor,
Step Two: Click the new action--select "Dynamic Panel";
Fourth Step: Configure the new action--check "notice (Panel status)", in the "Select the status" Drop-down select "Announcements";
Click OK to save the settings and close the use Case editor.


Step 7:
Refer to step 3-4 to add content to other panel states and set the interaction style;
Refer to step 5-6, to the "rule", "forum", "Security", "public welfare" add "mouse Move" event, set the panel state to the corresponding State;

Step 8:
Back to the first line block Diagram edit area, select dynamic Panel notifications, and in the part properties and Styles window, tick the resize to fit content

Step 9:
Save to generate a prototype preview effect

Axure Quick Prototyping Free Tutorials website "companion web" (www.pexue.com), the learning address for this video tutorial: http://www.pexue.com/Course/newlesson/ A23c3faa-b542-4d1f-8b73-2e7025be36d3?specialid=fc936bf5-a87a-4f3d-b75d-c09be7963cf5