Axure 9 旋转的唱片制作方法

Axure 9 如何制作旋转的CD?

一、原理
1.为图片增加旋转时case,目的的反复旋转
2.增加全局变量,控制旋转状态时“开启停止”
3.通过【开始】【结束】控制按钮:图片开始旋转/停止旋转

二、操作流程
1.任找一张图片,把它做成圆形
在这里插入图片描述在这里插入图片描述
2.为图形添加交互
在这里插入图片描述
这里面要注意选择 “经过”,图片才会一直旋转。这里要注意经过到达的区别:经过是一直会经过某个角度,而到达是到达某个角度停止。

3.增添启动/停止按钮

在这里插入图片描述
4.给旋转增添交互事件
这里的目标要选择要旋转的图片,也就是给图片一个启动信号。

### 实现Axure中的唱片旋转动画效果 在 Axure 中创建动态交互和视觉效果可以通过组合使用矩形部件、图像部件以及动态面板来达成。对于模拟唱片旋转的效果,主要依赖于动态面板的旋转功能。 #### 使用动态面板制作旋转效果 为了实现这一目标,在页面上放置一个圆形或椭圆形状作为唱片轮廓,并在其内部嵌入一张代表唱片封面的艺术图片[^1]。接着按照如下方式操作: - 创建一个新的 **Dynamic Panel (动态面板)** 并命名为 `Record`。 - 将准备好的唱片图案放入该动态面板内;确保其尺寸适合所定义的空间大小。 - 设置此动态面板的位置属性使其位于画布中心位置以便观察到完整的转动过程[^2]。 #### 添加旋转动作设置 通过配置动态面板的动作可以控制它按指定角度持续自转从而形成连续不断的循环运动模式: - 进入选项卡下的 "Interactions" (互动)部分找到并点击要编辑的对象即之前建立的那个名为 `Record` 的动态面板。 - 对于 OnPageLoad 或者其他触发条件设定 Add Action -> Move/Resize/Rotate 动作选项。 - 在弹出窗口里选择 Rotate To ,输入具体数值比如 360 度表示完成一次全圈回转周期[^3]。 ```javascript // JavaScript 示例代码用于说明概念而非实际应用于 Axure RP 中 var rotationAngle = 360; // 定义每次加载时增加的角度量度数 ``` - 同样在此处还可以调整速度参数以改变播放速率,通常情况下建议保持默认值除非有特殊需求想要加快或者减慢节奏感[^4]。 最后保存所的更改并将原型预览查看最终成果。如果一切正常的话应该能够看到逼真的黑胶唱片正在平稳而优雅地缓缓运转着[^5]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值