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