Axure RP实例教程：中心点逐渐放大效果

Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件，或者在web网站的线框图、流程图、原型和规格的设计制作，从低到高的视觉和交互保真度的全方位构建，是目前业界首屈一指的交互式产品原型设计软件！此次小编就带大家来看看Axure RP如何做滑块的水平拖动效果

1、案例效果：

2、案例描述：

页面打开后，呈现循环不停的涟漪效果，即多个圆形重复逐渐放大并消失的过程。

元件准备：

页面中：

动态面板“AreaPanel”中：

包含命名：

动态面板（用于内容显示区域）： AreaPanel

3、思路分析：

每个圆形显示时，都是放大然后隐藏；（操作步骤1）
每个圆形隐藏时，都恢复尺寸并再次显示；形成不断交替隐藏显示的效果；（操作步骤2）
页面打开时，依次间隔一段时间显示圆形。

4、操作步骤：

1、为每个圆形的【显示时】事件添加“用例1”，设置第1个动作为【设置尺寸】于“当前元件”（This），{宽度}和{高度}均为“400”，{锚点}选择【中心】，{动画}选择【线性】，{时间}为“4000”毫秒；设置第2个动作为【隐藏】 “当前元件”（This），{动画}选择【逐渐】，{时间}为“4500”毫秒；

2、为每个圆形的【隐藏时】事件添加“用例1”，设置第1个动作为【设置尺寸】于“当前元件”（This），{宽度}和{高度}均为“80”，{锚点}选择【中心】；设置第2个动作为【显示】 “当前元件”（This）；

事件交互设置：

3、为每个圆形的【载入时】事件添加“用例1”，设置第1个动作为【等待】一定的时间；因为三个圆形是依次放大，所以{等待时间}分别设置为“500”、“2000”和“3500”毫秒；设置第2个动作为【显示】 “当前元件”（This）。

事件交互设置：