案例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）

---------------------------------------------------- End ----------------------------------------------------

转载请注明：Axure原创教程网 » AxureRP8实战手册-案例89（中心点逐渐放大效果）

小楼老师倾力打造AxureRP7.0精品课程系列，独特的技术，淫荡的思路，销魂的声音，丰富的姿势，润滑的体验，超爽的感觉，想要？就从下面进入！

《AxureRP7.0从入门到精通》------从零向高手蜕变的必修课------<<想上它，插这里！>>