Axure 9 includes the production process of different effects

Effect category

1. Selected by default + achieve single selection effect

1. Selected by default

  • Click on the component, right click and select the word selected;

2. Realize the single selection effect

  • Click on all components, right-click to select selected group, fill in the name, and set the component style when selected;
  • Select one of the components, set interaction, click or tab, select selected is true;

Reference article: Default selection effect implementation tutorial

2. Light box pop-up window

  1. Click on the pop-up window to create a dynamic panel;
  2. Click the button, select the click or tab event, and select the show/hide pop-up window;
  3. Click more option, select the drop-down box treat as lightbox;
  4. Click on the pop-up window to hide the pop-up window;
    insert image description here

Lightbox pop-up window + switch to the specified panel state

This function is limited to specifying the dynamic panel under the same page.

  • Click the button, select the click or tab event, select the show/hide pop-up window,
  • Click more option, select the drop-down box treat as lightbox;
  • Continue to add Target, select set panel state, and select state as the desired panel state name;
    insert image description here

3. Specify dynamic panel status across pages

For setting dynamic panels across pages, I replaced the first state of the dynamic panel of the target page with the target state to solve this problem.

for example:

  • On page A, there is a dynamic panel with two states of A1 and A2, and A1 is the default state of the dynamic panel;
  • Page B consists of a button B, which needs to be implemented. Click B to display the content of the dynamic panel in the state of page A and A2;

Implementation process:

  • Copy and paste page A', set state A2 as the default state of the dynamic panel;
  • Set click or tab event for button B in page B, select "open link" Targetget, page is page A';

4. Jump after page load

Requirement: 2 seconds after page A is loaded, automatically jump to page B.

Implementation process:

  • Click on page A and select the Page Loaded event;
  • Added "wait" target, the time is set to 2000ms;
  • Added "open link" target;

Still updating...

Guess you like

Origin blog.csdn.net/weixin_46353030/article/details/129014392