彩票走势图

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

翻译|使用教程|编辑:况鱼杰|2020-01-20 10:25:22.820|阅读 544 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


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

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

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

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

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

设置雪花的大小

Making an Animated Holiday Card in Axure RP

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

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

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

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

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

移动和旋转雪花

Making an Animated Holiday Card in Axure RP

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

  • 第一种情况是落下并旋转,只要雪花在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更多资源、正版授权的伙伴,请咨询了解

关注慧聚IT微信公众号☟☟☟,了解产品的最新动态及最新资讯。

慧聚IT


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP