教你如何在Axure RP中制作动画节日贺卡！

2020年到了！恭喜发财、平安喜乐的祝语，发红包的祝愿等等，哪一种是你送出祝福的形式，以上形式是不是厌倦了呢？今年，换个形式吧！使用Axure RP制作的雪花假日卡祝福新年快乐。

2020年到了！马上就要放假了，恭喜发财、平安喜乐的祝语，发红包的祝愿等等，哪一种是你送出祝福的形式，以上形式是不是厌倦了呢年，换个形式吧！使用Axure RP制作的雪花假日卡祝福新年快乐。希望您度过美好的新的一年，并且祝您在新年有个美好的开始！

如果您想了解如何制作Axure的2020年节日贺卡无休止的雪花动画，请继续阅读。

注意：在所有这些雪花都掉落的情况下（确切地说是17天），很难知道发生了什么。打开名为一个雪花的页面，看动画在单个雪花上播放。

每个雪花都遵循一个循环，它将永远下落，旋转和褪色！ 雪花重置后，会根据随机生成的值调整大小。此外，雪花落下和旋转的速度取决于其大小，因此较大的雪花比较小的雪花移动得更快，从而产生了深度的幻觉。

让我们仔细看看此互动循环的每个步骤。打开雪花大师，然后选择中继器以开始使用。

设置雪花的大小

Snowflake主机中的转发器只有一行，可以创建一个雪花。中继器的已加载项目交互以设置大小操作开始，该操作将雪花的起始大小乘以中继器的SizeFactor列中的值。（默认情况下，此值设置为1，但在第3步中将其随机化为1到10之间的值。）

以下方程式用于设置雪花的宽度和高度：

• Width: [[Target.width * Item.SizeFactor]]
• Height: [[Target.height * Item.SizeFactor]]

注意：目标是指雪花，因为它是设置大小操作的目标。

加载项目的互动会通过触发雪花的Moved事件结束其下降和旋转的循环而结束。

移动和旋转雪花

雪花的移动交互有两种情况，它们使用条件逻辑来确定雪花移动时发生的情况。

• 第一种情况是落下并旋转，只要雪花在SnowflakeFadePoint变量中存储的Y值之上，就可使雪花在页面上向下移动。 （通过节日快乐页面的窗口大小调整互动，变量值设置为浏览器窗口高度的75％。）

注意：移动和旋转操作在其值中使用[[This.height]]。这就是让雪花落下并根据其大小更快或更慢旋转的方式。雪花越大，速度越快。

• 一旦雪花降到SnowflakeFadePoint值以下，淡出案例将使用淡入淡出动画将其隐藏，从而触发其隐藏交互。

重置雪花

• 雪花的隐藏互动从500毫秒的等待动作开始，从而有足够的时间来完成淡入淡出的动画。
• 删除此转发器行，从而删除雪花。
• 它将新行添加到中继器，从而创建新雪花。这是来自步骤1的SizeFactor值被随机化的地方。新的转发器行在SizeFactor列中添加了以下公式：

[[Math.floor(Math.random() * SnowflakeMaxSizeFactor) + 1]]

这将生成一个介于1和SnowflakeMaxSizeFactor变量中存储的值（设置为10）之间的随机数。（您可以通过在应用程序菜单中转到Project→Global Variables来更改此值。）

将新行添加到转发器后，循环将从步骤1重新开始。

当然，节日快乐页面上发生了很多事情，以创建您所看到的降雪。这个交互循环只是基本的构建块。可查看该页面的小部件设置，其页面加载交互及其窗口大小调整交互，以了解其他所有功能。

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

标签：