Axure RP tutorial examples: center point gradually Magnifying

Axure RP 9 Mac the prototype design software allows designers to quickly create applications, or design a web site wireframes, flowcharts, prototypes and specifications, the full range from low to high fidelity visual and interactive build, is the industry's leading interactive product prototyping software! The Xiaobian take you to see how Axure RP do drag effect level slider.

1, case results:

287

2, case description:

After the page is opened, it stops rendering cycle ripple effect, i.e., a plurality of circular and repeating the process of disappearing gradually enlarged.

Component preparation:

Page:

246

Dynamic Panel "AreaPanel" in:

460

Name contains:

Dynamic panel (for content display area): AreaPanel

3, analysis ideas:

Each circular display are enlarged and hidden; (Procedure 1)

Each round hidden, are restored and displayed again size; alternately formed continuously display the hidden effect; (Procedure 2)

When the page opens, followed by a time lag circular display.

4, the steps:

1, a circular display] [add event "as used in Example 1," each of the first set of actions [1] to set the size of the "current element" (This), {} and {Width Height} are "400" {} anchor select [center], select {} [animation] linear, time} to { "4000" ms; the second set of actions [Hide] "current element" (this), select {} [animation gradually }, {} as time "4500" ms;

2, each circular hide] [add event "as used in Example 1," the first set of actions [1] to set the size of the "current element" (This), {} and {Width Height} are "80" {} anchor select [center]; provided for the operation of the second [] displays the "current element" (this);

Event interaction setting:

648

3, each circular [] loading add event "as used in Example 1," the first set of actions [1] to wait for a certain time; for three enlarged circular sequentially, the {} are set as the waiting time "500", "2000" and "3500" ms; the second set of actions [display] "current element" (this).

Event interaction setting:

700

These are the small series as we bring Axure RP tutorial examples: Center gradual amplification. There are more detailed, useful features and software version Axure RP 9Mac acquisition, come Macdown.com explore some of it on their own.


Guess you like

Origin blog.51cto.com/14495678/2429798