中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

最近在畫一個活動原型的時候，嘗試做了一個砸彩蛋的原型交互，這里和大家分享一下關于這個過程。

砸彩蛋大家基本上都有玩過，我們最重要實現的也就是“鼠標移入時，會出現一個小錘子，砸開彩蛋后顯示結果。”

第一步：從元件庫拖入動態面板，將該動態面板命名為彩蛋，創建彩蛋的初始狀態

這是動態面板的初始狀態，將該面板狀態命名為“彩蛋未砸”

第二步：根據需要分別設置彩蛋砸開的結果狀態

這里我一共設置了4種狀態，依次為彩蛋砸開未中、彩蛋砸開已中、沒有中獎提示、中獎提示。

第三步：再次拖入一個動態面板，畫一個錘子。

從元件庫新拖入一個動態面板，命名為錘子。恩，這個錘子不是老羅的錘子?。}外話：當然也可以直接導入一個錘子圖片- -。我只是想著自己用矩形畫個錘子看看）。然后，將錘子的動態面板設為隱藏

第四步：設置鼠標移入彩蛋，顯示錘子隨鼠標移動；鼠標移出，隱藏錘子的用例事件

設置彩蛋動態面板的移入移出事件：當鼠標移入彩蛋動態面板時，錘子會跟隨鼠標移動，移出彩蛋動態面板時，錘子消失。

這里需要注意的是，錘子隨鼠標移動的設置，需要使用鼠標指針的變量。移動到絕對位置的X軸、Y軸變量為鼠標指針的Cursor.x、Cursor.y，為了讓錘子顯示在鼠標稍靠后的地方，因此在變量的基礎坐標上減去50。（視實際情況減去對應數值）

第五步：設置錘子的鼠標單擊事件，也就是彩蛋的交互。

這里我設置的是紅蛋沒獎、橙蛋有獎，先說沒砸中的交互。

5.1 設置錘子砸紅蛋的單擊條件

錘子接觸到彩蛋時，并且此時彩蛋面板狀態為彩蛋未砸

5.2 設置錘子符合條件時的用例事件

當錘子接觸到紅蛋，單擊鼠標后，

1. 設置面板狀態為彩蛋砸開未中
2. 隱藏錘子
3. 等待1000毫秒
4. 設置面板狀態為沒有中獎提示

5.3 同理設置錘子砸橙蛋的條件和用例事件

整個彩蛋的交互實現基本就是這樣。有需要的可以下載彩蛋原型。

下載鏈接: http://pan.baidu.com/s/1c02Vswo 密碼: rp84

本文由 @可飛（微信公眾號：pm-kefei） 原創發布于人人都是產品經理?，未經許可，禁止轉載。