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

搬瓦工机场JMS

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

Axure RP 9 for Mac(交互式产品原型设计工具)

立即下载Axure RP 9 for Mac(交互式产品原型设计工具)

Axure RP9 是mac平台上一款交互式原型设计神器,是专为UX专业人员和业务分析师设计的专业网站原型设计工具!可以帮助他们快速创建应用程序和网站的线框,原型和规格!新功能包括一系列广泛的改进:全面的UI,新的设计和文档特征,以及将引擎优化到前所未有的程度。

2020-01-2677.3 MB简体中文

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)。

事件交互设置:

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

未经允许不得转载:搬瓦工VPS_美国VPS » Axure RP实例教程:中心点逐渐放大效果

赞 (0) 打赏

相关推荐

    暂无内容!

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏