Axure：如何制作循环计时器？

Question

我想知道如何在Axure 8上制作这个动画

谢谢！

Answer 1

你可以使用动画gif。 但是，您可以将其应用于选定状态，而不是直接显示。 您添加一个动作来选择图像，gif开始运行。

添加计时器并在完成后重置。 看到这个快速而肮脏的例子。 https://www.dropbox.com/s/4hceqrbsbvyri8k/Circular-Timer.rp?dl=0

Answer 2

这是使用不同方法的另一种解决方案。即一个荒谬的定时动画： https://www.dropbox.com/s/52cuq8opsmquni0/Circular-Loader-Animated.rp?dl=0

两个圈子可以动画。每一半都将旋转原点设置为公共中心。形状覆盖了动画的前半部分。

不是一个非常可靠的解决方案，只是新动画功能的证明。

Answer 3

我刚刚开始玩Axure，所以可能有更好的方法来做到这一点，但这就是我想出的：

创建2个响铃：

• 从2个圆圈开始，一个比另一个略小。中心一 在另一个，选择两个并点击中的“减去”按钮 样式窗格基本上在较大的圆圈中切出一个洞。沃伊拉，a 环。
• 复制并粘贴该戒指，以便您使用2.填充一枚戒指 用你想要的任何你的非活动状态颜色（比如灰色） 用你想要的活跃状态填充另一个 （比方说，淡蓝色）。
• 杀死形状轮廓或使其与填充颜色相同

将这些戒指削减一半

• 在每个圆圈的正好一半上放置一个矩形（对于此示例 我垂直减半，但也可以水平完成。使用 相同的“减去”按钮，以删除每个环的一半。你应该 留下1个灰色半环和1个蓝色。

从2个半圈中制作新的完整戒指

• 复制并粘贴每个半环，这样你就会留下2个灰色和2个蓝色 半环。
• 将每个颜色的半环旋转180度
• 将灰色半环对齐，使您看起来像是整个灰色 环。用蓝色做同样的事。暂时将它们分组。
• 在“大纲”窗格中为每个半环命名，以便日后查看 （左灰色，右灰色，左蓝色，右蓝色）。

对齐戒指＆amp;设置订单

• 将生成的灰色环直接放在蓝色环上，所以你们所有人 可以看到是灰色的戒指。
• 取消组合环并在“大纲”窗格中按如下所示设置顺序， 从上到下：右灰色，右蓝色，左灰色，左蓝色。

现在来了有趣的部分

• 选择正确的灰色半环并转到属性。我正在使用“On 加载“但选择适合您的任何内容并设置以下案例：

• 向右旋转180度，顺时针旋转，向右旋转，动画 - 线性，1000毫秒

• 等待1000毫秒
• 隐藏右灰色（无动画）
• 向左旋转180度，顺时针旋转，向右旋转，动画 - 线性，1000毫秒

最终结果是右边的灰色半环旋转，露出下面的蓝色环，但看起来好像蓝色只是填充灰色空间。一旦这一半结束它是180度旋转并最终在左侧，它消失，左灰色半环开始旋转。因为我们将它设置在右侧蓝色半环的后面，所以当它移动时它会隐藏在它后面，随着它的移动显露出蓝色环的其余部分。

正如我所提到的，我对Axure相当新，所以如果有人对如何更有效地做到这一点有任何建议，那么他们非常受欢迎！