第36节-动画和边界Animations and MoveAction | 剑雨Axure RP9系列【基础】

Axure RP9动画与边界设定详解
本文介绍了Axure RP9中如何创建动画效果,包括可见性效果如逐渐、滑动和翻转,以及运动效果如摆动、线性和缓动。此外,还详细讲解了移动边界功能,允许元件在指定范围内移动,增强了原型的交互体验。

动画和边界Animations and MoveAction

动画

在AXURE中可以为动作设定动画,以便在WEB浏览时发生视觉效果。一个动画通常有两个参数:效果和时间。如下图所示:
1563366374(1).png

可见性效果

通常有4+4+1,一共9种效果可供选择。这些效果适用于动作显示/隐藏”操作及“ 设置面板状态

  1. 逐渐:逐渐更改元件或面板状态的不透明度,直到它完全进入或离开视图;
  2. 向左/向右/向上/向下滑动:将元件或动态面板某一个状态滑入或滑出视图
  3. 向左/向右/向上/向下翻转:沿着中心轴将元件或动态面板某一个状态翻转到视图中或从视图中移出视图(X为向上/向下,Y为左/右)
    20190717204022.png

运动效果

运动效果定义了在某一时间内该动作的起搏,可以用于方向性的动作、元件或页面本身。 主要包括这些动作:“ 滚动到窗口元件”,“ 移动”,“ 旋转”,“ 设置大小 ”和“ 设置不透明度”。

20190717204339.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值