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