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

免費下載Axure RP 優惠購買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重新開始。

當然，節日快樂頁面上發生了很多事情，以創建您所看到的降雪。這個交互循環只是基本的構建塊。可查看該頁面的小部件設置，其頁面加載交互及其窗口大小調整交互，以了解其他所有功能。

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。