轉帖|行業資訊|編輯:郝浩|2016-06-13 14:05:00.000|閱讀 378 次
概述:本文講解了如何使用原型設計工具Axure RP設計用錘子砸橙蛋的原型
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
這是動態面板的初始狀態,將該面板狀態命名為“彩蛋未砸”。
這里我一共設置了4種狀態,依次為彩蛋砸開未中、彩蛋砸開已中、沒有中獎提示、中獎提示。
從元件庫新拖入一個動態面板,命名為錘子。恩,這個錘子不是老羅的錘子!(題外話:當然也可以直接導入一個錘子圖片- -。我只是想著自己用矩形畫個錘子看看)。然后,將錘子的動態面板設為隱藏。
設置彩蛋動態面板的移入移出事件:當鼠標移入彩蛋動態面板時,錘子會跟隨鼠標移動,移出彩蛋動態面板時,錘子消失。
這里需要注意的是,錘子隨鼠標移動的設置,需要使用鼠標指針的變量。移動到絕對位置的X軸、Y軸變量為鼠標指針的Cursor.x、Cursor.y,為了讓錘子顯示在鼠標稍靠后的地方,因此在變量的基礎坐標上減去50。(視實際情況減去對應數值)
這里我設置的是紅蛋沒獎、橙蛋有獎,先說沒砸中的交互。
錘子接觸到彩蛋時,并且此時彩蛋面板狀態為彩蛋未砸。
當錘子接觸到紅蛋,單擊鼠標后,
設置面板狀態為彩蛋砸開未中
隱藏錘子
等待1000毫秒
設置面板狀態為沒有中獎提示
整個彩蛋的交互實現基本就是這樣。
本文轉載自
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn