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

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

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

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

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

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

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

設(shè)置雪花的大小

Snowflake主機(jī)中的轉(zhuǎn)發(fā)器只有一行，可以創(chuàng)建一個(gè)雪花。中繼器的已加載項(xiàng)目交互以設(shè)置大小操作開(kāi)始，該操作將雪花的起始大小乘以中繼器的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)目的互動(dòng)會(huì)通過(guò)觸發(fā)雪花的Moved事件結(jié)束其下降和旋轉(zhuǎn)的循環(huán)而結(jié)束。

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

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

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

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

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

重置雪花

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

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

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

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

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