AxureRP8实战手册-案例31（中心点逐渐放大效果）

案例89. 中心点逐渐放大效果

案例来源:

百度云-闪电互传

案例效果：（图6-29）

案例描述：

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

元件准备：

• 页面中：（图6-30）

• 动态面板“AreaPanel”中：（图6-31）

包含命名：

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

思路分析：

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

操作步骤：

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

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

• 事件交互设置：（图6-32）

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

• 事件交互设置：（图6-33）