Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計(jì)的快速原型設(shè)計(jì)工具， 可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計(jì)師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

免費(fèi)下載Axure RP 優(yōu)惠購買Axure RP

2020年到了！馬上就要放假了，恭喜發(fā)財(cái)、平安喜樂的祝語，發(fā)紅包的祝愿等等，哪一種是你送出祝福的形式，以上形式是不是厭倦了呢？今年，換個形式吧！使用Axure RP制作的雪花假日卡祝福新年快樂。希望您度過美好的新的一年，并且祝您在新年有個美好的開始！

如果您想了解如何制作Axure的2020年節(jié)日賀卡無休止的雪花動畫，請繼續(xù)閱讀。

注意：在所有這些雪花都掉落的情況下（確切地說是17天），很難知道發(fā)生了什么。打開名為一個雪花的頁面，看動畫在單個雪花上播放。

每個雪花都遵循一個循環(huán)，它將永遠(yuǎn)下落，旋轉(zhuǎn)和褪色！ 雪花重置后，會根據(jù)隨機(jī)生成的值調(diào)整大小。此外，雪花落下和旋轉(zhuǎn)的速度取決于其大小，因此較大的雪花比較小的雪花移動得更快，從而產(chǎn)生了深度的幻覺。

讓我們仔細(xì)看看此互動循環(huán)的每個步驟。打開雪花大師，然后選擇中繼器以開始使用。

設(shè)置雪花的大小

Snowflake主機(jī)中的轉(zhuǎn)發(fā)器只有一行，可以創(chuàng)建一個雪花。中繼器的已加載項(xiàng)目交互以設(shè)置大小操作開始，該操作將雪花的起始大小乘以中繼器的SizeFactor列中的值。（默認(rèn)情況下，此值設(shè)置為1，但在第3步中將其隨機(jī)化為1到10之間的值。）

以下方程式用于設(shè)置雪花的寬度和高度：

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

注意：目標(biāo)是指雪花，因?yàn)樗窃O(shè)置大小操作的目標(biāo)。

加載項(xiàng)目的互動會通過觸發(fā)雪花的Moved事件結(jié)束其下降和旋轉(zhuǎn)的循環(huán)而結(jié)束。

移動和旋轉(zhuǎn)雪花

雪花的移動交互有兩種情況，它們使用條件邏輯來確定雪花移動時發(fā)生的情況。

• 第一種情況是落下并旋轉(zhuǎn)，只要雪花在SnowflakeFadePoint變量中存儲的Y值之上，就可使雪花在頁面上向下移動。 （通過節(jié)日快樂頁面的窗口大小調(diào)整互動，變量值設(shè)置為瀏覽器窗口高度的75％。）

注意：移動和旋轉(zhuǎn)操作在其值中使用[[This.height]]。這就是讓雪花落下并根據(jù)其大小更快或更慢旋轉(zhuǎn)的方式。雪花越大，速度越快。

• 一旦雪花降到SnowflakeFadePoint值以下，淡出案例將使用淡入淡出動畫將其隱藏，從而觸發(fā)其隱藏交互。

重置雪花

• 雪花的隱藏互動從500毫秒的等待動作開始，從而有足夠的時間來完成淡入淡出的動畫。
• 刪除此轉(zhuǎn)發(fā)器行，從而刪除雪花。
• 它將新行添加到中繼器，從而創(chuàng)建新雪花。這是來自步驟1的SizeFactor值被隨機(jī)化的地方。新的轉(zhuǎn)發(fā)器行在SizeFactor列中添加了以下公式：

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

將新行添加到轉(zhuǎn)發(fā)器后，循環(huán)將從步驟1重新開始。

當(dāng)然，節(jié)日快樂頁面上發(fā)生了很多事情，以創(chuàng)建您所看到的降雪。這個交互循環(huán)只是基本的構(gòu)建塊。可查看該頁面的小部件設(shè)置，其頁面加載交互及其窗口大小調(diào)整交互，以了解其他所有功能。

關(guān)注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。