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

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

一、案例效果:ide

287

二、案例描述:动画

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

元件准备:设计

页面中:blog

246

动态面板“AreaPanel”中:教程

460

包含命名:事件

动态面板(用于内容显示区域): AreaPanel原型

三、思路分析:产品

每一个圆形显示时,都是放大而后隐藏;(操做步骤1)

每一个圆形隐藏时,都恢复尺寸并再次显示;造成不断交替隐藏显示的效果;(操做步骤2)

页面打开时,依次间隔一段时间显示圆形。

四、操做步骤:

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

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

事件交互设置:

648

三、为每一个圆形的【载入时】事件添加“用例1”,设置第1个动做为【等待】必定的时间;由于三个圆形是依次放大,因此{等待时间}分别设置为“500”、“2000”和“3500”毫秒;设置第2个动做为【显示】 “当前元件”(This)。

事件交互设置:

700

以上就是小编为你们带来的Axure RP实例教程:中心点逐渐放大效果。还有更多详细、实用的功能以及相关软件Axure RP 9Mac版获取,你们快来Macdown.com自行探索一番吧。

相关文章
相关标签/搜索