我想知道如何在 Axure 8 上制作这个动画
谢谢 ！
问问题
2277 次
3 回答
0
您可以使用动画 gif。但您可以将其应用于选定状态，而不是直接显示。您添加一个动作来选择图像，然后 gif 开始运行。
添加计时器并在完成后重置。请参阅这个快速而肮脏的示例。 https://www.dropbox.com/s/4hceqrbsbvyri8k/Circular-Timer.rp?dl=0
于 2016-05-17T15:07:36.680 回答
0
我最近才开始玩 Axure，所以可能有更好的方法来做到这一点，但这是我想出的：
创建 2 个环：
- 从 2 个圆圈开始，一个比另一个小一点。一个居中，选择两者并点击样式窗格中的“减法”按钮，基本上在较大的圆圈上切一个洞。瞧，一个戒指。
- 复制并粘贴该环，以便您使用 2. 用您想要的非活动状态颜色（例如，灰色）填充一个环，并用您想要的活动状态（例如，浅蓝色）填充另一个环.
- 取消形状轮廓或使其与填充颜色相同
把这些戒指切成两半
- 在每个圆的一半上放置一个矩形（对于这个例子，我将我的垂直减半，但它也可以水平完成）。使用相同的“减法”按钮删除每个环的一半。您应该留下 1 个灰色半环和 1 个蓝色。
用 2 个半环制作新的全环
- 复制并粘贴每个半环，留下 2 个灰色和 2 个蓝色半环。
- 将每种颜色的半环中的 1 个旋转 180 度
- 对齐灰色半环，这样你就有了一个看起来像 1 个整个灰色环的东西。对蓝色做同样的事情。暂时将它们分组。
- 在大纲窗格中为每个半环命名，以便以后参考（左灰色、右灰色、左蓝色、右蓝色）。
对齐环并设置顺序
- 将生成的灰色环直接放在蓝色环上，这样您就可以看到灰色环。
- 取消组合环并在大纲窗格中按以下顺序设置，从上到下：右灰色、右蓝色、左灰色、左蓝色。
有趣的来了
选择右侧的灰色半环并转到属性。我正在使用“On Load”，但选择适合您的任何内容并设置以下案例：
向右旋转灰色 180 度，顺时针，向右锚点，Animate - 线性，1000ms
- 等待 1000 毫秒
- 隐藏右灰色（无动画）
- 向左旋转灰色 180 度，顺时针，向右锚点，Animate - 线性，1000ms
最终的结果是右边的灰色半环旋转，露出下方的蓝色环，但看起来好像蓝色只是填充了灰色空间。一旦那一半结束它的 180 度旋转并在左侧结束，它就会消失，左侧灰色半环开始旋转。因为我们把它放在右边的蓝色半环后面，所以它在移动时会缩在它后面，随着它的移动露出蓝色环的其余部分。
正如我提到的，我对 Axure 还很陌生，所以如果有人对如何更有效地执行此操作有任何建议，我们非常欢迎！
于 2017-09-26T16:03:54.387 回答
0
这是使用不同方法的另一种解决方案。即大量的定时动画： https ://www.dropbox.com/s/52cuq8opsmquni0/Circular-Loader-Animated.rp?dl=0
两个有圆圈可以动画。每一半都将旋转原点设置为公共中心。一个形状覆盖了动画的前半部分。
不是一个非常可靠的解决方案，只是证明新动画功能的可能性。
于 2016-05-17T15:40:11.773 回答